html[data-fbd-theme="dark"] {
  color-scheme:dark;
}

.fbd-theme-actions {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.fbd-theme-toggle {
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:inline-grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid rgba(17,19,24,.10);
  border-radius:50%;
  color:#111318;
  background:#fff;
  box-shadow:0 6px 18px rgba(20,24,34,.06);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.fbd-theme-toggle:hover {
  transform:translateY(-2px);
  border-color:rgba(17,19,24,.18);
  background:#f7f7f8;
  box-shadow:0 9px 22px rgba(20,24,34,.10);
}

.fbd-theme-toggle:focus-visible {
  outline:3px solid #ff4655;
  outline-offset:3px;
}

.fbd-theme-toggle__track {
  position:relative;
  width:20px;
  height:20px;
  display:block;
}

.fbd-theme-toggle__icon {
  position:absolute;
  inset:0;
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.75,.2,1);
}

.fbd-theme-toggle__icon--sun {
  opacity:0;
  transform:rotate(-35deg) scale(.65);
}

html[data-fbd-theme="dark"] .fbd-theme-toggle__icon--moon {
  opacity:0;
  transform:rotate(35deg) scale(.65);
}

html[data-fbd-theme="dark"] .fbd-theme-toggle__icon--sun {
  opacity:1;
  transform:rotate(0) scale(1);
}

.fbd-theme-toggle--standalone {
  position:fixed;
  top:18px;
  right:18px;
  z-index:99999;
}

/* Startseite */
html[data-fbd-theme="dark"] body.home {
  background:#07080c !important;
}

html[data-fbd-theme="dark"] .fb-home {
  --fb-bg:#07080c;
  --fb-bg-soft:#0b0e14;
  --fb-panel:#10141d;
  --fb-panel-2:#151a25;
  --fb-line:rgba(255,255,255,.10);
  --fb-line-strong:rgba(255,255,255,.16);
  --fb-text:#f5f7fb;
  --fb-muted:#a5afbf;
  --fb-shadow:0 24px 70px rgba(0,0,0,.34);
  color:var(--fb-text) !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,70,85,.16),transparent 31rem),
    radial-gradient(circle at 92% 12%,rgba(99,102,241,.11),transparent 29rem),
    var(--fb-bg) !important;
}

html[data-fbd-theme="dark"] .fb-mast {
  border-bottom-color:var(--fb-line) !important;
  background:rgba(7,8,12,.86) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.22) !important;
}

html[data-fbd-theme="dark"] .fb-brand,
html[data-fbd-theme="dark"] .fb-home .fb-section-head__title,
html[data-fbd-theme="dark"] .fb-home .fb-card__title,
html[data-fbd-theme="dark"] .fb-strip h2,
html[data-fbd-theme="dark"] .fb-intro__title {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fb-brand__sub,
html[data-fbd-theme="dark"] .fb-section-head__meta,
html[data-fbd-theme="dark"] .fb-intro__text,
html[data-fbd-theme="dark"] .fb-strip p,
html[data-fbd-theme="dark"] .fb-foot__inner,
html[data-fbd-theme="dark"] .fb-card__excerpt {
  color:#a5afbf !important;
}

html[data-fbd-theme="dark"] .fb-kicker {
  color:#c7cdd8 !important;
}

html[data-fbd-theme="dark"] .fb-nav {
  border-color:var(--fb-line) !important;
  background:rgba(255,255,255,.035) !important;
}

html[data-fbd-theme="dark"] .fb-nav a {
  color:#c6ccd7 !important;
}

html[data-fbd-theme="dark"] .fb-nav a:hover,
html[data-fbd-theme="dark"] .fb-nav a[aria-current="page"] {
  color:#fff !important;
  background:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}

html[data-fbd-theme="dark"] .fb-icon-btn,
html[data-fbd-theme="dark"] .fb-mast .fbd-theme-toggle,
html[data-fbd-theme="dark"] .fbd-topbar .fbd-theme-toggle,
html[data-fbd-theme="dark"] .fbd-theme-toggle--standalone {
  color:#f5f7fb !important;
  border-color:var(--fb-line,rgba(255,255,255,.12)) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:none !important;
}

html[data-fbd-theme="dark"] .fb-icon-btn:hover,
html[data-fbd-theme="dark"] .fb-mast .fbd-theme-toggle:hover,
html[data-fbd-theme="dark"] .fbd-topbar .fbd-theme-toggle:hover,
html[data-fbd-theme="dark"] .fbd-theme-toggle--standalone:hover {
  border-color:rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.10) !important;
}

html[data-fbd-theme="dark"] .fb-search.is-open {
  border-color:var(--fb-line) !important;
}

html[data-fbd-theme="dark"] .fb-search__form input {
  color:#fff !important;
  border-color:var(--fb-line-strong) !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}

html[data-fbd-theme="dark"] .fb-search__form input::placeholder {
  color:#8f99a9 !important;
}

html[data-fbd-theme="dark"] .fb-story {
  border-color:var(--fb-line) !important;
  background:var(--fb-panel) !important;
  box-shadow:var(--fb-shadow) !important;
}

html[data-fbd-theme="dark"] .fb-story__media,
html[data-fbd-theme="dark"] .fb-card__media {
  background:#090c12 !important;
}

html[data-fbd-theme="dark"] .fb-story--side::after {
  background:linear-gradient(90deg,rgba(4,5,8,.98),rgba(4,5,8,.78) 48%,rgba(4,5,8,.12)) !important;
}

html[data-fbd-theme="dark"] .fb-home .fb-story--side .fb-story__title,
html[data-fbd-theme="dark"] .fb-home .fb-story--side:hover .fb-story__title {
  color:#fff !important;
  text-shadow:0 2px 16px rgba(0,0,0,.95) !important;
}

html[data-fbd-theme="dark"] .fb-story--side .fb-meta,
html[data-fbd-theme="dark"] .fb-story--main .fb-meta {
  color:#d8dde6 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.9) !important;
}

html[data-fbd-theme="dark"] .fb-filter {
  color:#c1c8d4 !important;
  border-color:var(--fb-line) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}

html[data-fbd-theme="dark"] .fb-filter:hover,
html[data-fbd-theme="dark"] .fb-filter.is-active {
  color:#fff !important;
  border-color:rgba(255,70,85,.42) !important;
  background:rgba(255,70,85,.14) !important;
}

html[data-fbd-theme="dark"] .fb-card {
  border-color:var(--fb-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20) !important;
}

html[data-fbd-theme="dark"] .fb-card:hover {
  border-color:rgba(255,70,85,.38) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04)) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.34),0 0 28px rgba(255,70,85,.07) !important;
}

html[data-fbd-theme="dark"] .fb-card .fb-meta,
html[data-fbd-theme="dark"] .fb-card:hover .fb-meta {
  color:#aab3c2 !important;
}

html[data-fbd-theme="dark"] .fb-card .fb-meta > span:not(.fb-meta__dot),
html[data-fbd-theme="dark"] .fb-card:hover .fb-meta > span:not(.fb-meta__dot) {
  color:#bac2ce !important;
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
}

html[data-fbd-theme="dark"] .fb-card .fb-meta > span:last-child,
html[data-fbd-theme="dark"] .fb-card:hover .fb-meta > span:last-child {
  color:#ff8b95 !important;
  border-color:rgba(255,70,85,.32) !important;
  background:rgba(255,70,85,.12) !important;
}

html[data-fbd-theme="dark"] .fb-strip {
  border-color:var(--fb-line) !important;
  background:linear-gradient(120deg,rgba(255,70,85,.16),transparent 40%),rgba(255,255,255,.035) !important;
  box-shadow:0 15px 42px rgba(0,0,0,.20) !important;
}

html[data-fbd-theme="dark"] .fb-strip__mark {
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}

html[data-fbd-theme="dark"] .fb-foot {
  border-top-color:var(--fb-line) !important;
  background:rgba(0,0,0,.18) !important;
}

html[data-fbd-theme="dark"] .fb-foot__links a:hover {
  color:#fff !important;
}

html[data-fbd-theme="dark"] .fb-empty {
  color:#a5afbf !important;
  border-color:var(--fb-line-strong) !important;
  background:rgba(255,255,255,.035) !important;
}

/* Beiträge */
html[data-fbd-theme="dark"] body.single-post,
html[data-fbd-theme="dark"] body.category,
html[data-fbd-theme="dark"] body.search {
  background:#07080c !important;
}

html[data-fbd-theme="dark"] .fbd-article {
  --bg:#07080c;
  --surface:#10141d;
  --surface-soft:#151a25;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.17);
  --text:#f5f7fb;
  --muted:#a5afbf;
  color:var(--text) !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,70,85,.13),transparent 30rem),
    radial-gradient(circle at 94% 9%,rgba(99,102,241,.10),transparent 28rem),
    var(--bg) !important;
}

html[data-fbd-theme="dark"] .fbd-topbar {
  border-bottom-color:var(--line) !important;
  background:rgba(7,8,12,.88) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.22) !important;
}

html[data-fbd-theme="dark"] .fbd-brand,
html[data-fbd-theme="dark"] .fbd-title,
html[data-fbd-theme="dark"] .fbd-content h2,
html[data-fbd-theme="dark"] .fbd-content h3,
html[data-fbd-theme="dark"] .fbd-content h4,
html[data-fbd-theme="dark"] .fbd-content strong,
html[data-fbd-theme="dark"] .fbd-related h2,
html[data-fbd-theme="dark"] .fbd-related-card h3,
html[data-fbd-theme="dark"] .fbd-related-card:hover h3,
html[data-fbd-theme="dark"] .fbd-side-note strong,
html[data-fbd-theme="dark"] .fbd-comments h2,
html[data-fbd-theme="dark"] .fbd-comments h3,
html[data-fbd-theme="dark"] .fbd-comments .comment-reply-title {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fbd-deck,
html[data-fbd-theme="dark"] .fbd-meta,
html[data-fbd-theme="dark"] .fbd-content figcaption,
html[data-fbd-theme="dark"] .fbd-content .wp-element-caption,
html[data-fbd-theme="dark"] .fbd-content .wp-caption-text,
html[data-fbd-theme="dark"] .fbd-side-note p,
html[data-fbd-theme="dark"] .fbd-comments,
html[data-fbd-theme="dark"] .fbd-comments .comment-respond,
html[data-fbd-theme="dark"] .fbd-comments .comments-area,
html[data-fbd-theme="dark"] .fbd-comments #comments {
  color:#b6bfcc !important;
}

html[data-fbd-theme="dark"] .fbd-content,
html[data-fbd-theme="dark"] .fbd-content p,
html[data-fbd-theme="dark"] .fbd-content li,
html[data-fbd-theme="dark"] .fbd-content dt,
html[data-fbd-theme="dark"] .fbd-content dd,
html[data-fbd-theme="dark"] .fbd-content td {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fbd-content > p:first-of-type {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fbd-back,
html[data-fbd-theme="dark"] .fbd-share-btn,
html[data-fbd-theme="dark"] .fbd-mobile-share,
html[data-fbd-theme="dark"] .fbd-side-note,
html[data-fbd-theme="dark"] .fbd-related-card,
html[data-fbd-theme="dark"] .fbd-comments {
  color:#d6dbe4 !important;
  border-color:var(--line) !important;
  background:#10141d !important;
  box-shadow:0 10px 30px rgba(0,0,0,.22) !important;
}

html[data-fbd-theme="dark"] .fbd-back:hover,
html[data-fbd-theme="dark"] .fbd-share-btn:hover {
  color:#fff !important;
  border-color:rgba(255,70,85,.42) !important;
  background:#17121a !important;
}

html[data-fbd-theme="dark"] .fbd-meta-item {
  border-color:var(--line) !important;
  background:rgba(255,255,255,.055) !important;
}

html[data-fbd-theme="dark"] .fbd-hero-media {
  border-color:var(--line) !important;
  background:#0b0e14 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34) !important;
}

html[data-fbd-theme="dark"] .fbd-content a,
html[data-fbd-theme="dark"] .fbd-comments a {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fbd-content a:hover {
  color:#ff6a72 !important;
}

html[data-fbd-theme="dark"] .fbd-content blockquote {
  color:#e7eaf0 !important;
  border-color:rgba(255,70,85,.28) !important;
  background:linear-gradient(135deg,rgba(255,70,85,.13),rgba(16,20,29,.96)),#10141d !important;
  box-shadow:0 12px 36px rgba(0,0,0,.22) !important;
}

html[data-fbd-theme="dark"] .fbd-content table,
html[data-fbd-theme="dark"] .fbd-content th {
  color:#e5e9ef !important;
  background:#10141d !important;
}

html[data-fbd-theme="dark"] .fbd-content figure img,
html[data-fbd-theme="dark"] .fbd-content .wp-block-image img,
html[data-fbd-theme="dark"] .fbd-content > img {
  border-color:var(--line) !important;
  background:#0b0e14 !important;
  box-shadow:0 14px 40px rgba(0,0,0,.24) !important;
}

html[data-fbd-theme="dark"] .fbd-related-placeholder {
  background:linear-gradient(135deg,#151a25,#0b0e14) !important;
}

html[data-fbd-theme="dark"] .fbd-comments input,
html[data-fbd-theme="dark"] .fbd-comments textarea {
  color:#f5f7fb !important;
  border-color:var(--line2) !important;
  background:#0b0e14 !important;
}

html[data-fbd-theme="dark"] .fbd-toast {
  color:#f5f7fb !important;
  border-color:var(--line2) !important;
  background:rgba(16,20,29,.97) !important;
}

/* Kategorie- und Suchseiten */
html[data-fbd-theme="dark"] .fbd-cat,
html[data-fbd-theme="dark"] .fbd-search {
  --fb-bg:#07080c;
  --fb-surface:#10141d;
  --fb-text:#f5f7fb;
  --fb-muted:#a5afbf;
  --fb-line:rgba(255,255,255,.10);
  color:var(--fb-text) !important;
  background:
    radial-gradient(circle at 7% 0%,rgba(255,70,85,.13),transparent 30rem),
    radial-gradient(circle at 94% 8%,rgba(99,102,241,.09),transparent 28rem),
    var(--fb-bg) !important;
}

html[data-fbd-theme="dark"] .fbd-cat-title,
html[data-fbd-theme="dark"] .fbd-search-title,
html[data-fbd-theme="dark"] .fbd-cat-card-title,
html[data-fbd-theme="dark"] .fbd-cat-card a:hover .fbd-cat-card-title,
html[data-fbd-theme="dark"] .fbd-search-card-title,
html[data-fbd-theme="dark"] .fbd-search-card:hover .fbd-search-card-title,
html[data-fbd-theme="dark"] .fbd-search-card a:hover .fbd-search-card-title,
html[data-fbd-theme="dark"] .fbd-search-empty strong {
  color:#f5f7fb !important;
}

html[data-fbd-theme="dark"] .fbd-cat-kicker,
html[data-fbd-theme="dark"] .fbd-search-kicker,
html[data-fbd-theme="dark"] .fbd-cat-card-excerpt,
html[data-fbd-theme="dark"] .fbd-search-card-excerpt,
html[data-fbd-theme="dark"] .fbd-search-count,
html[data-fbd-theme="dark"] .fbd-cat-empty,
html[data-fbd-theme="dark"] .fbd-search-empty {
  color:#a5afbf !important;
}

html[data-fbd-theme="dark"] .fbd-cat-filter,
html[data-fbd-theme="dark"] .fbd-search-form,
html[data-fbd-theme="dark"] .fbd-cat-card,
html[data-fbd-theme="dark"] .fbd-search-card,
html[data-fbd-theme="dark"] .fbd-cat-card-body,
html[data-fbd-theme="dark"] .fbd-search-card-body,
html[data-fbd-theme="dark"] .fbd-cat-empty,
html[data-fbd-theme="dark"] .fbd-search-empty,
html[data-fbd-theme="dark"] .fbd-cat-pagination a.page-numbers,
html[data-fbd-theme="dark"] .fbd-search-pagination a.page-numbers {
  color:#c8ced8 !important;
  border-color:var(--fb-line) !important;
  background:#10141d !important;
  box-shadow:0 10px 30px rgba(0,0,0,.20) !important;
}

html[data-fbd-theme="dark"] .fbd-cat-filter:hover,
html[data-fbd-theme="dark"] .fbd-cat-filter.is-current,
html[data-fbd-theme="dark"] .fbd-cat-pagination a.page-numbers:hover,
html[data-fbd-theme="dark"] .fbd-cat-pagination .page-numbers.current,
html[data-fbd-theme="dark"] .fbd-search-pagination a.page-numbers:hover,
html[data-fbd-theme="dark"] .fbd-search-pagination .page-numbers.current {
  color:#fff !important;
  border-color:rgba(255,70,85,.38) !important;
  background:rgba(255,70,85,.12) !important;
}

html[data-fbd-theme="dark"] .fbd-search-form input {
  color:#f5f7fb !important;
  background:#0b0e14 !important;
}

html[data-fbd-theme="dark"] .fbd-search-form input::placeholder {
  color:#8f99a9 !important;
}

html[data-fbd-theme="dark"] .fbd-cat-card-media,
html[data-fbd-theme="dark"] .fbd-search-card-media {
  background:#0b0e14 !important;
}

html[data-fbd-theme="dark"] .fbd-cat-card-placeholder,
html[data-fbd-theme="dark"] .fbd-search-card-placeholder {
  background:linear-gradient(135deg,#151a25,#0b0e14) !important;
}

html[data-fbd-theme="dark"] .fbd-cat-meta-tag,
html[data-fbd-theme="dark"] .fbd-search-meta-tag,
html[data-fbd-theme="dark"] .fbd-cat-card:hover .fbd-cat-meta-tag,
html[data-fbd-theme="dark"] .fbd-search-card:hover .fbd-search-meta-tag {
  color:#bac2ce !important;
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
}

html[data-fbd-theme="dark"] .fbd-cat-meta-tag--read,
html[data-fbd-theme="dark"] .fbd-search-meta-tag--read,
html[data-fbd-theme="dark"] .fbd-cat-card:hover .fbd-cat-meta-tag--read,
html[data-fbd-theme="dark"] .fbd-search-card:hover .fbd-search-meta-tag--read {
  color:#ff8b95 !important;
  border-color:rgba(255,70,85,.32) !important;
  background:rgba(255,70,85,.12) !important;
}

html[data-fbd-theme="dark"] .site-footer,
html[data-fbd-theme="dark"] footer {
  color:#a5afbf !important;
  border-color:rgba(255,255,255,.10) !important;
  background:#07080c !important;
}

html[data-fbd-theme="dark"] .site-footer a,
html[data-fbd-theme="dark"] footer a {
  color:#d6dbe4 !important;
}

@media (max-width:640px) {
  html[data-fbd-theme="dark"] .fb-home {
    background:radial-gradient(circle at 8% 0%,rgba(255,70,85,.13),transparent 22rem),#07080c !important;
  }

  html[data-fbd-theme="dark"] .fb-story--main,
  html[data-fbd-theme="dark"] .fb-story--side,
  html[data-fbd-theme="dark"] .fb-story--main .fb-story__content,
  html[data-fbd-theme="dark"] .fb-story--side .fb-story__content {
    background:#10141d !important;
  }

  html[data-fbd-theme="dark"] .fb-home .fb-story--main .fb-story__title,
  html[data-fbd-theme="dark"] .fb-home .fb-story--side .fb-story__title,
  html[data-fbd-theme="dark"] .fb-story--main:hover .fb-story__title,
  html[data-fbd-theme="dark"] .fb-story--side:hover .fb-story__title {
    color:#fff !important;
    text-shadow:none !important;
  }

  html[data-fbd-theme="dark"] .fb-story--main .fb-story__excerpt,
  html[data-fbd-theme="dark"] .fb-story--main .fb-meta,
  html[data-fbd-theme="dark"] .fb-story--side .fb-meta {
    color:#aeb7c5 !important;
    text-shadow:none !important;
  }

  .fbd-theme-toggle--standalone {
    top:12px;
    right:12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .fbd-theme-toggle,
  .fbd-theme-toggle__icon {
    transition:none !important;
  }
}