/* Reisetipps only. Keep existing navigation, breakpoints and keyboard behaviour. */
body.dbz-magazine{background:#f6f4ed;color:#173e37}
body.dbz-magazine .dbz-hdr{
  --bg:#f6f4ed;--bg-2:#f6f4ed;--text:#173e37;--text-2:#38564c;
  --muted:#53695e;--dim:#53695e;--gold:#17695f;--gold-2:#10564e;
  --line:#dbe1d9;--line-2:#c6d2c8;--surface-2:#e9eee6;
  border-bottom-color:var(--line);background:#f6f4ed;color:var(--text)
}
body.dbz-magazine .dbz-hdr::before{background:#f6f4ed;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The existing logo artwork in monochrome, without an external asset or layout shift. */
body.dbz-magazine .dbz-hdr__logo img{filter:brightness(0);opacity:.86}
body.dbz-magazine .dbz-hdr :is(.dbz-mega,.dbz-mnav){background:#f6f4ed;color:#173e37;backdrop-filter:none;-webkit-backdrop-filter:none}
body.dbz-magazine .dbz-mega{box-shadow:0 18px 36px #173e371a;border-color:#dbe1d9}
body.dbz-magazine .dbz-hdr :is(.dbz-nav__btn:hover,.dbz-mega__link:hover,.dbz-iconbtn:hover,.dbz-acc__ico){background:#e5ece2;color:#173e37}
body.dbz-magazine .dbz-hdr :is(.dbz-split__a,.dbz-burger,.dbz-button--gold){background:#17695f;color:#fff}
body.dbz-magazine .dbz-hdr :is(.dbz-split__a:hover,.dbz-burger:hover,.dbz-button--gold:hover){background:#10564e;color:#fff}
body.dbz-magazine .dbz-hdr .dbz-split__b{background:#e9eee6;color:#173e37}
body.dbz-magazine .dbz-hdr .dbz-split__b:hover{background:#dbe5d9;color:#173e37}
body.dbz-magazine .dbz-hdr .dbz-book{background:#e7ede2;border:1px solid #d4dfd1;color:#173e37;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.dbz-magazine .dbz-hdr .dbz-book__contact{color:#53695e}
body.dbz-magazine .dbz-hdr .dbz-book::after{-webkit-text-stroke-color:#173e371a}
body.dbz-magazine .dbz-hdr .dbz-acc__btn[aria-expanded=true] .dbz-acc__ico{background:#17695f}
body.dbz-magazine .dbz-hdr .dbz-acc__btn[aria-expanded=true] .dbz-acc__ico::before,
body.dbz-magazine .dbz-hdr .dbz-acc__btn[aria-expanded=true] .dbz-acc__ico::after{background:#fff}
body.dbz-magazine .dbz-hdr :is(a,button):focus-visible{outline:3px solid #17695f;outline-offset:3px}
/* Match the content width and replace dark breadcrumb badges with plain links. */
:root body.dbz-magazine .dbz-bc--auto{background:#f6f4ed;padding:20px 0 0}
:root body.dbz-magazine .dbz-bc__inner{width:min(1280px,calc(100% - 64px));max-width:none;padding:0;margin:auto}
:root body.dbz-magazine .dbz-bc__list{color:#53695e;font:400 12px/1.5 var(--f-sans);text-transform:none;letter-spacing:0;gap:10px}
:root body.dbz-magazine .dbz-bc__list>li:not([class*="__sep"]){background:none;border:0;color:#53695e;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
:root body.dbz-magazine .dbz-bc__list>li[aria-current]{color:#173e37;font-weight:600}
:root body.dbz-magazine .dbz-bc__list>li>a{display:inline-flex;align-items:center;min-height:44px}
:root body.dbz-magazine .dbz-bc__list>li>a:hover{text-decoration:underline;color:#17695f}
:root body.dbz-magazine .dbz-bc__sep{color:#53695e;text-shadow:none}
/* Explicit heading colours fix inherited light-on-light text from the dark theme. */
body.dbz-magazine .dbz-travel :is(h1,h2,h3,h4,legend){color:#173e37}
body.dbz-magazine .dbz-travel .hero{min-height:0;padding:20px 0 40px;gap:40px}
body.dbz-magazine .dbz-travel .hero h1{font-size:clamp(48px,5.5vw,80px);line-height:1.06}
body.dbz-magazine .dbz-travel .hero-img{height:clamp(360px,34vw,470px)}
body.dbz-magazine .dbz-travel .hero .eyebrow{margin-bottom:18px}
body.dbz-magazine .dbz-travel .intro{padding:28px 0 18px;align-items:center}
body.dbz-magazine .dbz-travel .intro h2{font-size:clamp(30px,3.2vw,44px)}
body.dbz-magazine .dbz-travel .intro .eyebrow{margin-bottom:12px}
body.dbz-magazine #entdecken{scroll-margin-top:calc(var(--hdr) + 24px)}
/* A dedicated, text-free transition: all footer content sits on the solid dark colour. */
body.dbz-magazine .dbz-ftr{border-top:0;--gold:#d7e6de;--gold-2:#e6efe8}
body.dbz-magazine .dbz-ftr::before{content:"";display:block;height:clamp(100px,12vw,180px);background:linear-gradient(180deg,#f6f4ed 0%,#d8ded2 25%,#82958a 52%,#34483e 75%,var(--bg-3) 100%);pointer-events:none}
body.dbz-magazine .dbz-ftr__in{padding-top:32px}
body.dbz-magazine .dbz-ftr__cta{background:#e7ede2;color:#173e37}
body.dbz-magazine .dbz-ftr__cta .dbz-button--line-dark{border-color:#173e37;color:#173e37}
body.dbz-magazine .dbz-ftr__cta .dbz-button--line-dark:hover{background:#173e37;color:#fff}
body.dbz-magazine .dbz-mbar{background:#f6f4ed;border-color:#c6d2c8;box-shadow:0 8px 30px #173e3726}
body.dbz-magazine .dbz-mbar__b{color:#173e37}
body.dbz-magazine .dbz-mbar__a,body.dbz-magazine .dbz-mbar__a:hover{background:#17695f;color:#fff}
@media(max-width:900px){body.dbz-magazine .dbz-travel .hero{gap:24px}body.dbz-magazine .dbz-travel .hero-img{height:390px}}
@media(max-width:600px){
  :root body.dbz-magazine .dbz-bc__inner{width:calc(100% - 36px)}
  body.dbz-magazine .dbz-travel .hero{padding:14px 0 28px;gap:24px}
  body.dbz-magazine .dbz-travel .hero h1{font-size:clamp(44px,11vw,60px)}
  body.dbz-magazine .dbz-travel .hero-img{height:310px}
  body.dbz-magazine .dbz-travel .intro{padding-top:24px}
  body.dbz-magazine .dbz-travel .intro p{margin-top:12px}
  body.dbz-magazine .dbz-ftr__in{padding-top:24px}
}

/* 1.10.1 – Ratgeber in der Magazin-Hülle (Backoffice „Blog/Magazin“, blog-public.css).
   Die Hülle zeigt das Titelbild oben. Die Hero-Bilder der älteren Inhalte (dunkles Design) gehören dort
   nicht mehr hin. Spezifität bewusst höher als blog-public.css (.dbz-editorial dreifach + Ursprungsbereich). */
/* 1) Abdunklung des alten Hero-Bilds: blog-public.css setzt das Bild auf position:static, die absolute
      Abdunklung (::after) rutschte dadurch über Titel, Kurzfassung und Inhaltsverzeichnis (4 Ratgeber). */
.dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original .dbz-blog__hero-img::before,
.dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original .dbz-blog__hero-img::after{content:none!important;display:none!important}
.dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial-has-cover .dbz-editorial-original .dbz-blog__hero-img{display:none!important}
/* 2) Altes Hintergrundbild hinter dem Titel (20 Ratgeber): steht im Inhalt inline mit !important und schlägt
      „background:none!important“ aus blog-public.css. Ausblenden über die Bildgröße (no-repeat als Absicherung). */
.dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial-has-cover .dbz-editorial-original :is(.dbz-art-hero,.dbz-art--hero,.dbz-art__hero){background-size:0 0!important;background-repeat:no-repeat!important}

/* ==========================================================================================
   1.11.0 – Breites Magazin-Layout für Desktop und Tablet (Ratgeber, Blog-Übersicht)
   Ziel: die ganze Seitenbreite nutzen, Lesespalte trotzdem lesbar halten (max. ca. 75 Zeichen).
   Handy (< 768 px) bleibt unverändert. Regeln gegen blog-public.css (Backoffice) mit höherer
   Spezifität (.dbz-editorial vierfach). Skript: assets/js/magazine.js (Inhalt als Spalte, Aufmacher).
   ========================================================================================== */
:root{--mag-gutter:clamp(20px,3.2vw,56px);--mag-max:1600px;--mag-frame:min(var(--mag-max),calc(100% - 2 * var(--mag-gutter)))}

@media (min-width:768px){
  /* Rahmen: Übersicht und Artikel nutzen die Breite bis 1600 px, Brotkrumen bündig */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial{width:var(--mag-frame)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
  :root body.dbz-magazine .dbz-bc__inner{width:var(--mag-frame);max-width:none;padding:0}

  /* Titelbild über die volle Rahmenbreite, Höhe wächst mit */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-cover img{width:100%;height:clamp(260px,32vw,560px);object-fit:cover}

  /* Kasten „Zu Ratgebern einladen“ unten: Text breiter */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite p{max-width:760px}

  /* Artikel ab 768 px: Rahmen breit, Lesespalte einspaltig bis 899 px höchstens 760 px (ca. 75 Zeichen) */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-body__content,.dbz-art__main,.dbz-blog__content){max-width:760px!important}

  /* Blog-Übersicht (#dbz-blog-list): 2 Spalten, Aufmacher über die volle Zeile */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial #dbz-blog-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;grid-auto-flow:row dense}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead{grid-column:1 / -1}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead>a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:28px;align-items:start}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead>a>img{grid-column:1;grid-row:1 / span 4;aspect-ratio:16/10;height:100%}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead>a>:not(img){grid-column:2}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead h2{font-size:clamp(24px,2.4vw,34px);line-height:1.15}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead p{-webkit-line-clamp:5;line-clamp:5;max-width:68ch}
  /* Fließtext in breiten Blöcken älterer Vorlagen (FAQ-Antworten, Textfelder) nicht breiter als ca. 80 Zeichen (44em; „ch“ ist in dieser Schrift zu breit) */
  body.dbz-magazine .dbz-editorial-original :is([class*="faq__a"],[class*="faq-a"],.dbz-text),body.dbz-magazine .dbz-editorial-original :is([class*="faq__a"],[class*="faq-a"],.dbz-text) :is(p,li){max-width:44em}
}

/* Tablet quer und kleine Desktops: Inhalt + Seitenleiste nebeneinander */
@media (min-width:900px){
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-body__inner,.dbz-art-body__wrap,.dbz-art__layout){grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;gap:clamp(32px,3.5vw,56px)!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-sidebar,.dbz-art-body__sidebar,.dbz-art__sidebar){display:flex!important;flex-direction:column!important}
  /* Lesebreite: Inhalt höchstens 820 px (ca. 75 Zeichen), auch wenn eine Vorlage keine Seitenleiste hat */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-body__content,.dbz-art__main,.dbz-blog__content){max-width:820px!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-body__inner,.dbz-art-body__wrap,.dbz-art__layout){justify-content:space-between}
  /* Seitenleiste läuft mit, wenn sie in den Bildschirm passt (Klasse setzt magazine.js) */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-sidebar,.dbz-art-body__sidebar,.dbz-art__sidebar).dbz-mag-stick{position:sticky!important;top:calc(var(--hdr,76px) + 24px);align-self:start}
}

/* Übersicht ab 1024 px: 3 Spalten, Aufmacher groß (2 × 2 Felder) */
@media (min-width:1024px){
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial #dbz-blog-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead{grid-column:span 2;grid-row:span 2}
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead>a{display:flex;flex-direction:column;height:100%;box-sizing:border-box}
  /* Bild füllt die Höhe der zwei Zeilen, Text bleibt darunter */
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card.dbz-mag-lead>a>img{flex:1 1 auto;height:0;min-height:280px;aspect-ratio:auto}
  /* 1.12.0: Kopf der Übersicht ist jetzt das Titelbild (siehe unten), Suche und Themen in der Leiste darunter */
}

/* Desktop ab 1280 px: Inhaltsverzeichnis als mitlaufende linke Spalte (setzt magazine.js) */
@media (min-width:1280px){
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original :is(.dbz-art-body__inner,.dbz-art-body__wrap,.dbz-art__layout).dbz-mag-has-rail{grid-template-columns:minmax(200px,250px) minmax(0,780px) minmax(260px,320px)!important;justify-content:space-between}
  /* Vorlagen ohne eigenes Raster (z. B. „dbz-blog“): Spalte neben dem ganzen Inhalt */
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-original.dbz-mag-has-rail{display:grid!important;grid-template-columns:minmax(200px,250px) minmax(0,960px);column-gap:56px;justify-content:start;align-items:start}
  body.dbz-magazine .dbz-mag-rail{position:sticky;top:calc(var(--hdr,76px) + 24px);align-self:start;max-height:calc(100vh - var(--hdr,76px) - 48px);overflow:auto;overscroll-behavior:contain;padding:4px 6px 4px 4px}
  body.dbz-magazine .dbz-mag-rail a:focus-visible{outline-offset:-3px}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail :is(.dbz-art-toc,.dbz-art__toc){margin:0!important;padding:0 0 0 2px!important;border:0!important;background:none!important;box-shadow:none!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail :is(ol,ul){display:block!important;margin:10px 0 0!important;padding:0!important;list-style:none!important;columns:auto!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail li{margin:0!important;padding:0!important;border:0!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail li::before{content:none!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail a{display:block!important;padding:7px 0 7px 14px!important;border-left:2px solid var(--line,#c7d3ca)!important;font-size:14px!important;line-height:1.4!important;color:var(--text-2,#526a61)!important;text-decoration:none!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail a:hover{color:var(--text,#173e37)!important}
  body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-mag-rail a[aria-current="location"]{border-left-color:var(--gold,#08756a)!important;color:var(--text,#173e37)!important;font-weight:600!important}
}
/* Ab Tablet: aktuelle Stelle im Inhaltsverzeichnis oben hervorheben, Sprungziele unter dem festen Kopf (Handy unverändert) */
@media (min-width:768px){
  body.dbz-magazine .dbz-editorial-original :is(.dbz-art-toc,.dbz-art__toc,.dbz-blog__toc) a[aria-current="location"]{font-weight:600}
  body.dbz-magazine .dbz-editorial-original [id]{scroll-margin-top:calc(var(--hdr,76px) + 20px)}
}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){html:has(body.dbz-magazine){scroll-behavior:smooth}}

/* ==========================================================================
   1.12.0 – Blog-Übersicht als Einstieg: Titelbild, Themen-Kacheln, Themenleiste
   Titelbild: --dbz-blog-hero setzt inc/magazine.php (Customizer „DBZ Magazin“).
   Kacheln, Leiste und Einblenden baut magazine.js; ohne JavaScript bleiben
   Titelbild, Suche und Themenauswahl der Magazin-Hülle voll nutzbar.
   ========================================================================== */

/* „NEU“-Marken im hellen Menü: Weiß auf Grün (vorher Schwarz auf Grün, Kontrast 3,2 : 1) */
body.dbz-magazine .dbz-hdr .dbz-new{background:#17695f;color:#fff}

/* Brotkrumen liegen oben auf dem Titelbild */
body.dbz-magazine.dbz-blog-index .dbz-main{position:relative}
:root body.dbz-magazine.dbz-blog-index .dbz-bc--auto{position:absolute;top:0;left:0;right:0;z-index:3;background:transparent;padding:12px 0 0}
:root body.dbz-magazine.dbz-blog-index .dbz-bc__inner{width:calc(100% - 48px)}
:root body.dbz-magazine.dbz-blog-index :is(.dbz-bc__list,.dbz-bc__list>li:not([class*="__sep"]),.dbz-bc__list>li[aria-current],.dbz-bc__list>li>a,.dbz-bc__sep){color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5)}
:root body.dbz-magazine.dbz-blog-index .dbz-bc__list>li>a:hover{color:#fff}
:root body.dbz-magazine.dbz-blog-index .dbz-bc a:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Titelbild über die volle Fensterbreite, Text bündig zum Rahmen */
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article){padding-top:0}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header{
  --hero-pad:max(24px,var(--mag-gutter,24px),calc((100vw - var(--mag-max,1600px)) / 2));
  position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  width:100vw;max-width:none;margin:0 calc(50% - 50vw);
  min-height:clamp(540px,calc(100svh - var(--hdr,76px) - 56px),860px);
  padding:112px var(--hero-pad) clamp(40px,6vw,88px);
  background:#123a33;color:#fff
}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header::before{
  content:"";position:absolute;inset:0;z-index:-2;transform-origin:50% 65%;
  background:var(--dbz-blog-hero,none) center 62%/cover no-repeat,linear-gradient(150deg,#1d6f63 0%,#123a33 60%,#0c241f 100%)
}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,22,19,.38) 0,rgba(6,22,19,0) 20%),linear-gradient(0deg,rgba(6,22,19,.72) 0,rgba(6,22,19,.18) 42%,rgba(6,22,19,0) 62%),linear-gradient(90deg,rgba(6,22,19,.42) 0,rgba(6,22,19,0) 58%)
}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>*{position:relative;max-width:820px;margin-left:0;margin-right:0}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>p:first-child{display:inline-flex;align-items:center;gap:12px;margin:0 0 16px;color:#e8c547;font:700 12px/1.4 var(--f-mono,var(--f-sans));letter-spacing:.18em;text-transform:uppercase}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>p:first-child::before{content:"";flex:none;width:32px;height:2px;background:currentColor}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header h1{margin:0 0 20px;color:#fff;font-size:clamp(36px,6.4vw,104px);line-height:.98;letter-spacing:-.045em;text-shadow:0 2px 32px rgba(0,0,0,.28)}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>h1+p{max-width:560px;margin:0 0 28px;color:rgba(255,255,255,.92);font-size:clamp(17px,1.5vw,21px);line-height:1.5}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>p:last-child{margin:0}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header a:not(.dbz-mag-btn){color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,197,71,.85);text-decoration-thickness:2px;text-underline-offset:5px}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header a:not(.dbz-mag-btn):hover{text-decoration-color:#fff}
body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header a:focus-visible{outline:3px solid #fff;outline-offset:4px}
body.dbz-magazine .dbz-mag-hero__acts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
body.dbz-magazine .dbz-mag-hero__facts{margin:0 0 8px;color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,.55);font:500 12px/1.4 var(--f-mono,var(--f-sans));letter-spacing:.12em;text-transform:uppercase}
body.dbz-magazine .dbz-mag-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin:0;padding:0 22px;border-radius:8px;font:700 16px/1 var(--f-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
body.dbz-magazine .dbz-mag-btn--solid{border:2px solid #e8c547;background:#e8c547;color:#10241f}
body.dbz-magazine .dbz-mag-btn--solid:hover{border-color:#f2d468;background:#f2d468;color:#10241f}
body.dbz-magazine .dbz-mag-btn--ghost{border:2px solid rgba(255,255,255,.8);background:rgba(6,22,19,.28);color:#fff}
body.dbz-magazine .dbz-mag-btn--ghost:hover{border-color:#fff;background:#fff;color:#10241f}
body.dbz-magazine .dbz-mag-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Themen-Kacheln */
body.dbz-magazine .dbz-mag-topics{padding:clamp(44px,6vw,96px) 0 clamp(20px,2.4vw,32px)}
body.dbz-magazine .dbz-mag-kicker{margin:0 0 10px;color:#17695f;font:700 12px/1.4 var(--f-mono,var(--f-sans));letter-spacing:.16em;text-transform:uppercase}
body.dbz-magazine .dbz-mag-topics h2{margin:0 0 10px;color:#173e37;font:800 clamp(32px,3.8vw,56px)/1.05 var(--f-sans);letter-spacing:-.035em}
body.dbz-magazine .dbz-mag-topics__lead{margin:0 0 clamp(22px,2.6vw,36px);color:#526a61;font-size:clamp(17px,1.3vw,19px)}
body.dbz-magazine .dbz-mag-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
body.dbz-magazine .dbz-mag-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;box-sizing:border-box;aspect-ratio:4/5;min-height:0;min-width:0;margin:0;padding:clamp(14px,1.6vw,24px);border:0;border-radius:12px;background:linear-gradient(150deg,#1d6f63,#123a33);color:#fff;text-align:left;font:inherit;cursor:pointer}
body.dbz-magazine .dbz-mag-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
body.dbz-magazine .dbz-mag-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,22,19,.86) 0,rgba(6,22,19,.38) 46%,rgba(6,22,19,.04) 76%)}
body.dbz-magazine .dbz-mag-tile::before{content:"";position:absolute;inset:0;z-index:1;border:3px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .2s}
body.dbz-magazine .dbz-mag-tile__t{font:800 clamp(18px,1.7vw,26px)/1.12 var(--f-sans);letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto}
body.dbz-magazine .dbz-mag-tile__n{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.86);font:500 12px/1.4 var(--f-mono,var(--f-sans));letter-spacing:.1em;text-transform:uppercase}
body.dbz-magazine .dbz-mag-tile__n::after{content:"→"/"";transition:transform .25s}
body.dbz-magazine .dbz-mag-tile:hover img{transform:scale(1.06)}
body.dbz-magazine .dbz-mag-tile:hover .dbz-mag-tile__n::after{transform:translateX(4px)}
body.dbz-magazine .dbz-mag-tile[aria-pressed="true"]::before{border-color:#e8c547}
body.dbz-magazine .dbz-mag-tile[aria-pressed="true"] .dbz-mag-tile__n::after{content:"✓"/"";transform:none}
body.dbz-magazine .dbz-mag-tile:focus-visible{outline:3px solid #17695f;outline-offset:3px}

/* Themenleiste: Themen als Schalter, Suche, Anzahl */
body.dbz-magazine .dbz-mag-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:12px 0;scroll-margin-top:-16px}
/* (Das Theme hält Sprungziele per scroll-padding-top schon „Kopfhöhe + 16 px“ frei; die Leiste soll genau an ihrer Haltestelle landen.) */
body.dbz-magazine .dbz-mag-chips{display:flex;gap:8px;min-width:0;margin:0 -24px;padding:2px 24px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
body.dbz-magazine .dbz-mag-chips::-webkit-scrollbar{display:none}
body.dbz-magazine .dbz-mag-chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border:1px solid #c6d2c8;border-radius:8px;background:#fff;color:#173e37;font:600 15px/1 var(--f-sans);white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
body.dbz-magazine .dbz-mag-chip>span{color:#526a61;font:500 12px/1 var(--f-mono,var(--f-sans))}
body.dbz-magazine .dbz-mag-chip:hover{border-color:#17695f;color:#17695f}
body.dbz-magazine .dbz-mag-chip[aria-pressed="true"]{border-color:#17695f;background:#17695f;color:#fff}
body.dbz-magazine .dbz-mag-chip[aria-pressed="true"]>span{color:rgba(255,255,255,.82)}
body.dbz-magazine .dbz-mag-chip:focus-visible{outline:3px solid #17695f;outline-offset:2px}
body.dbz-magazine .dbz-mag-bar .dbz-editorial-tools{margin:0;padding:0}
body.dbz-magazine .dbz-mag-bar .dbz-editorial-tools label{min-width:0;margin:0}
body.dbz-magazine .dbz-mag-bar #dbz-blog-search{min-height:46px;margin-top:0;padding-left:44px;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23526a61' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 14px 50%/20px 20px no-repeat}
body.dbz-magazine .dbz-mag-bar #dbz-blog-search:focus{border-color:#17695f;outline:2px solid #17695f;outline-offset:0}
body.dbz-magazine .dbz-mag-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.dbz-magazine .dbz-mag-on #dbz-blog-count{margin:18px 0;color:#526a61;font:500 12px/1.4 var(--f-mono,var(--f-sans));letter-spacing:.1em;text-transform:uppercase}

/* Karten: sanftes Einblenden beim Scrollen, leichtes Anheben bei Maus */
body.dbz-magazine .dbz-mag-reveal>.dbz-editorial-card{transition:opacity .6s ease,translate .6s cubic-bezier(.2,.65,.2,1),transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.dbz-magazine .dbz-mag-reveal>.dbz-editorial-card:not(.is-in){opacity:0;translate:0 28px}
@media (hover:hover){
  body.dbz-magazine #dbz-blog-list>.dbz-editorial-card:hover{transform:translateY(-4px);border-color:#b8c8bf;box-shadow:0 18px 40px rgba(23,62,55,.12)}
}
@media print{body.dbz-magazine .dbz-mag-reveal>.dbz-editorial-card{opacity:1!important;translate:none!important}}

/* Bewegung nur, wenn das Gerät sie nicht abbestellt hat */
@media (prefers-reduced-motion:no-preference){
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header::before{animation:dbz-hero-in 1.8s cubic-bezier(.2,.65,.2,1) both}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>*{animation:dbz-rise .8s cubic-bezier(.2,.65,.2,1) both}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>:nth-child(2){animation-delay:.08s}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>:nth-child(3){animation-delay:.16s}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header>:nth-child(n+4){animation-delay:.24s}
}
@media (prefers-reduced-motion:reduce){
  body.dbz-magazine :is(.dbz-mag-tile img,.dbz-mag-reveal>.dbz-editorial-card){transition:none}
  body.dbz-magazine .dbz-mag-tile:hover img{transform:none}
}
@keyframes dbz-hero-in{from{transform:scale(1.08)}to{transform:none}}
@keyframes dbz-rise{from{transform:translateY(18px)}to{transform:none}}

/* Handy: Kacheln zum Wischen, das nächste Thema schaut an der Kante hervor */
@media (max-width:767px){
  body.dbz-magazine .dbz-mag-tiles{display:flex;margin:0 -24px;padding:0 24px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;overscroll-behavior-x:contain}
  body.dbz-magazine .dbz-mag-tiles::-webkit-scrollbar{display:none}
  body.dbz-magazine .dbz-mag-tile{flex:0 0 68%;scroll-snap-align:start}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header{padding-top:84px}
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header::before{background-image:var(--dbz-blog-hero-s,var(--dbz-blog-hero,none)),linear-gradient(150deg,#1d6f63 0%,#123a33 60%,#0c241f 100%)}
  body.dbz-magazine .dbz-mag-hero__acts{width:100%}
  body.dbz-magazine .dbz-mag-hero__acts .dbz-mag-btn{flex:1 1 auto}
}

/* Ab Tablet: Leiste bleibt beim Scrollen unter dem Kopf stehen */
@media (min-width:768px){
  :root body.dbz-magazine.dbz-blog-index .dbz-bc__inner{width:var(--mag-frame)}
  body.dbz-magazine .dbz-mag-bar{position:sticky;top:calc(var(--hdr,76px) + var(--wp-admin--admin-bar--height,0px));z-index:30;grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;gap:20px;margin:0 calc(50% - 50vw);padding:12px max(var(--mag-gutter,24px),calc((100vw - var(--mag-max,1600px)) / 2));border-block:1px solid #dbe1d9;background:#f6f4ed}
  body.dbz-magazine .dbz-mag-chips{margin:0;padding:2px}
  /* Tab-Fokus und Sprungziele nicht unter Kopf + Leiste verstecken */
  html:has(body.dbz-blog-index .dbz-mag-bar){scroll-padding-top:calc(var(--hdr,76px) + 90px)}
  body.dbz-magazine .dbz-mag-bar{scroll-margin-top:-90px}
  body.dbz-magazine .dbz-mag-topics{scroll-margin-top:-74px}
  body.dbz-magazine .dbz-mag-chips.is-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
  body.dbz-magazine .dbz-mag-chips.is-more.is-end{-webkit-mask-image:none;mask-image:none}
}
/* Bis 1179 px steht unten die feste Leiste „Preis berechnen / Jetzt reservieren“: das Titelbild endet darüber */
@media (max-width:1179px){
  body.dbz-magazine.dbz-blog-index .dbz-editorial:not(.dbz-editorial-article)>header{min-height:clamp(520px,calc(100svh - var(--hdr,66px) - 120px),760px)}
}
@media (min-width:768px) and (max-width:1023px){
  body.dbz-magazine .dbz-mag-tile__t{font-size:17px}
}
@media (min-width:1024px){
  body.dbz-magazine .dbz-mag-tile{aspect-ratio:4/3}
}

/* ── 1.14.0 (Marc 11.11.2026) ─────────────────────────────────────────────── */
/* a) Kopf in Glasoptik wie auf der übrigen Seite – in den hellen Blogfarben. Ohne backdrop-filter: deckend wie bisher. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  body.dbz-magazine .dbz-hdr{background:transparent}
  body.dbz-magazine .dbz-hdr::before{background:rgba(246,244,237,.72);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 -1px 0 rgba(23,62,55,.08)}
  body.dbz-magazine .dbz-hdr .dbz-mega{background:rgba(246,244,237,.86);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
  body.dbz-magazine .dbz-hdr .dbz-mega .dbz-book{background:rgba(255,255,255,.55);border-color:rgba(23,62,55,.12);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 18px 40px rgba(23,62,55,.12),inset 0 1px 0 rgba(255,255,255,.7)}
  body.dbz-magazine .dbz-hdr :is(.dbz-iconbtn,.dbz-split__b){background:rgba(255,255,255,.45)}
  body.dbz-magazine .dbz-hdr .dbz-split__b:hover{background:rgba(255,255,255,.75)}
}
/* Offenes Handy-Menü bleibt deckend (Lesbarkeit) – wie auf der übrigen Seite. */
body.dbz-magazine.dbz-mnav-open .dbz-hdr::before{background:#f6f4ed;-webkit-backdrop-filter:none;backdrop-filter:none}

/* b) Bilder in „Weitere Ratgeber zum Thema“ / „Unsere Services“: Die Magazin-Hülle setzt 160 px Bildhöhe,
      der Bildrahmen ist aber 16:10 – darunter blieb eine leere Fläche. Bild füllt jetzt den Rahmen. */
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-art-gtk__thumb{aspect-ratio:16/10;height:auto;overflow:hidden}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-art-gtk__thumb img{width:100%;height:100%;max-height:none;object-fit:cover}

/* c) Empfehlungskarte in „Weitere Ratgeber zum Thema“: hob sich im hellen Blog nicht vom Hintergrund ab. */
:root body.dbz-magazine .dbz-skblog__card--featured{background:#173e37;border-color:#173e37;color:#f6f4ed}
:root body.dbz-magazine .dbz-skblog__card--featured:hover{background:#10564e;border-color:#10564e;color:#fff}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-skblog__card--featured :is(.dbz-skblog__title,.dbz-skblog__title--lg){color:#fff!important}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-skblog__card--featured :is(.dbz-skblog__tag,.dbz-skblog__arrow){color:#e8c547}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-skblog__card--featured .dbz-skblog__meta{color:rgba(246,244,237,.86)!important}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-skblog__card--featured{background:#173e37;border-color:#173e37}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-skblog__card--featured:hover{background:#10564e;border-color:#10564e}
/* Vier Karten in „Weitere Ratgeber“ bzw. „Unsere Services“: eine Reihe statt 3 + 1 */
@media (min-width:1100px){:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-art-gtk__grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:1099px){:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-art-gtk__grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* d) Reiseroute am Rand: gestrichelte Schlangenlinie wächst beim Scrollen bis zur Box „Von Reisenden. Für Reisende.“ */
.dbz-trail{position:absolute;left:0;top:0;width:0;height:0;z-index:2;pointer-events:none}
.dbz-trail svg{position:absolute;left:0;top:0;overflow:visible}
.dbz-trail__path{fill:none;stroke:#17695f;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 9;opacity:.6}
.dbz-trail__end{fill:none;stroke:#17695f;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .4s}
.dbz-trail__tip{fill:#e8c547;stroke:#17695f;stroke-width:2}
.dbz-trail__halo{fill:#17695f;opacity:.14}
.dbz-trail.is-arrived .dbz-trail__end{opacity:.85}
.dbz-trail.is-arrived .dbz-trail__tip,.dbz-trail.is-arrived .dbz-trail__halo{visibility:hidden;animation:none}
.dbz-trail--slim .dbz-trail__path,.dbz-trail--slim .dbz-trail__end{stroke-width:1.75;stroke-dasharray:5 7}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite{transition:box-shadow .6s cubic-bezier(.2,.65,.2,1),transform .6s cubic-bezier(.2,.65,.2,1),background-color .6s,border-color .6s}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite.is-dbz-arrived{border-color:#17695f;background-color:#dcebe2;box-shadow:0 0 0 3px rgba(23,105,95,.18),0 30px 70px -28px rgba(23,105,95,.55);transform:translateY(-4px)}
:root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite.is-dbz-arrived small{color:#17695f}
@media (prefers-reduced-motion:no-preference){
  :root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite.is-dbz-arrived>a{animation:dbz-invite-nudge 1.4s cubic-bezier(.2,.65,.2,1) .25s 2}
  .dbz-trail__halo{animation:dbz-trail-pulse 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
}
@media (prefers-reduced-motion:reduce){
  :root body.dbz-magazine .dbz-editorial.dbz-editorial.dbz-editorial.dbz-editorial .dbz-editorial-invite.is-dbz-arrived{transform:none}
}
@keyframes dbz-invite-nudge{0%,100%{box-shadow:0 0 0 0 rgba(23,105,95,.45)}50%{box-shadow:0 0 0 10px rgba(23,105,95,0)}}
@keyframes dbz-trail-pulse{0%{transform:scale(.6);opacity:.28}100%{transform:scale(1.6);opacity:0}}
@media print{.dbz-trail{display:none!important}}