/* ============================================================
   weloveurlaub — Redesign 2026 ("Reisetagebuch")
   Overlay-Theme: laedt ZUSAETZLICH zu style.min.css (Content-Module
   bleiben gestylt), scoped unter .wl. wz/lt bekommen dieses File NICHT.
   Design: Playfair Display + Public Sans + Caveat, Navy/Amber/Teal auf
   warmem Creme. Alle Fonts self-hosted (DSGVO).
   ============================================================ */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/playfair-display-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('fonts/playfair-display-italic-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/public-sans-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/caveat-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ---------- Design-Tokens ---------- */
.wl{
  --wl-bg:#FAF9F6; --wl-cream:#F4F1EA; --wl-sand:#F3EAD8; --wl-surface:#FFFFFF;
  --wl-ink:#17263C; --wl-ink-soft:#22334A; --wl-body:#44546A; --wl-body-soft:#5E6B7C; --wl-muted:#909AA6;
  --wl-border:#ECE8DF; --wl-border-2:#E7E3DA; --wl-border-3:#E2DDD2; --wl-border-warm:#DFDAD0; --wl-border-dash:#D6D0C4;
  --wl-teal:#17798A; --wl-teal-dark:#116273; --wl-teal-darker:#0D4B58;
  --wl-amber:#C08329; --wl-amber-dark:#A06E1F; --wl-amber-soft:#D0A75C;
  --wl-green:#2E7D50; --wl-ph:#EAE6DE;
  --wl-serif:'Playfair Display',Georgia,serif;
  --wl-sans:'Public Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --wl-hand:'Caveat','Segoe Script',cursive;
  --wl-wrap:1240px;
  --wl-shadow-card:0 20px 40px -18px rgba(23,38,60,.28);
  --wl-shadow-soft:0 16px 36px -16px rgba(23,38,60,.22);
}

/* ---------- Base ---------- */
body.wl-redesign{background:var(--wl-bg);}
body.wl-redesign ::selection{background:#CBE5E9;color:var(--wl-ink);}
.wl{font-family:var(--wl-sans);color:var(--wl-ink);background:var(--wl-bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.wl *,.wl *::before,.wl *::after{box-sizing:border-box;}
.wl img{max-width:100%;}
.wl a{color:var(--wl-teal-dark);text-decoration:none;transition:color .16s ease;}
.wl a:hover{color:var(--wl-teal-darker);}
.wl h1,.wl h2,.wl h3,.wl h4{font-family:var(--wl-serif);color:var(--wl-ink);text-wrap:balance;letter-spacing:-.01em;margin:0;}
.wl p{text-wrap:pretty;}
.wl-wrap{max-width:var(--wl-wrap);margin:0 auto;padding:0 32px;}
.wl-kicker{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--wl-muted);text-transform:uppercase;}
.wl-hand{font-family:var(--wl-hand);}
.wl :focus-visible{outline:2.5px solid var(--wl-teal);outline-offset:2px;border-radius:4px;}

/* ---------- Buttons ---------- */
.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--wl-sans);font-weight:700;font-size:15px;line-height:1;padding:14px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;white-space:nowrap;}
.wl-btn--primary{background:var(--wl-teal);color:#fff;box-shadow:0 14px 34px -14px rgba(17,98,115,.55);}
.wl-btn--primary:hover{background:var(--wl-teal-dark);color:#fff;}
.wl-btn--ink{background:var(--wl-ink);color:#FAF9F6;}
.wl-btn--ink:hover{background:#22334A;color:#FAF9F6;}
.wl-btn--outline{background:rgba(255,255,255,.85);border-color:var(--wl-border-warm);color:var(--wl-ink);}
.wl-btn--outline:hover{border-color:var(--wl-teal);color:var(--wl-teal-dark);}
.wl-btn--lg{font-size:15px;padding:15px 28px;}
.wl-btn--sm{font-size:14px;padding:11px 20px;}
.wl-btn--block{width:100%;}

/* ---------- Cards ---------- */
.wl-card{background:var(--wl-surface);border:1px solid var(--wl-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:var(--wl-ink);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;}
.wl-card:hover{transform:translateY(-4px);box-shadow:var(--wl-shadow-card);color:var(--wl-ink);}
.wl-card__media{position:relative;aspect-ratio:3/2;background:var(--wl-ph);overflow:hidden;}
.wl-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.wl-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.wl-card__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--wl-amber-dark);text-transform:uppercase;}
.wl-card__title{font-family:var(--wl-serif);font-size:19px;font-weight:700;line-height:1.28;color:var(--wl-ink);}
.wl-card__excerpt{font-size:13.5px;line-height:1.55;color:var(--wl-body-soft);margin:0;}
.wl-card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:12.5px;color:var(--wl-muted);}
.wl-tag{align-self:flex-start;background:rgba(185,130,46,.13);color:var(--wl-amber-dark);font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:999px;text-transform:uppercase;}

/* ---------- Breadcrumb ---------- */
.wl-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--wl-muted);align-items:center;}
.wl-crumb a{color:var(--wl-muted);}
.wl-crumb a:hover{color:var(--wl-ink);}
.wl-crumb__sep{color:var(--wl-border-warm);}
.wl-crumb__current{color:var(--wl-ink);font-weight:600;}

/* ============================================================
   HEADER
   ============================================================ */
.wl-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--wl-border);}
.wl-header__inner{max-width:var(--wl-wrap);margin:0 auto;padding:10px 32px;min-height:74px;display:flex;align-items:center;gap:28px;}
.wl-header__logo{font-family:var(--wl-serif);font-weight:700;font-size:25px;letter-spacing:-.01em;color:var(--wl-ink);white-space:nowrap;text-decoration:none;}
.wl-header__logo:hover{color:var(--wl-ink);}
.wl-header__logo .dot{color:var(--wl-amber);}
.wl-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto;}
.wl-header__icon{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--wl-border-warm);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--wl-ink);cursor:pointer;flex-shrink:0;transition:border-color .16s,color .16s;}
.wl-header__icon:hover{border-color:var(--wl-teal);color:var(--wl-teal);}
.wl-header__cta{background:var(--wl-teal);color:#fff;font-weight:700;font-size:14px;padding:12px 20px;border-radius:999px;white-space:nowrap;text-decoration:none;transition:background .16s;}
.wl-header__cta:hover{background:var(--wl-teal-dark);color:#fff;}
.wl-header__burger{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--wl-ink);background:var(--wl-ink);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background .16s,border-color .16s;}
.wl-header__burger:hover{background:var(--wl-teal-dark);border-color:var(--wl-teal-dark);}
/* Header traegt bewusst KEINE Nav-Links -> Burger ist auf allen Breiten die
   einzige Menue-Einstiegsstelle und daher immer sichtbar. */

/* ============================================================
   FOOTER
   ============================================================ */
.wl-footer{background:var(--wl-cream);color:var(--wl-ink);font-family:var(--wl-sans);margin-top:0;}
.wl-footer__inner{max-width:var(--wl-wrap);margin:0 auto;padding:0 32px;}
.wl-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding:60px 0 52px;}
.wl-footer__brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.wl-footer__logo{font-family:var(--wl-serif);font-weight:700;font-size:26px;letter-spacing:-.01em;color:var(--wl-ink);text-decoration:none;}
.wl-footer__logo .dot{color:var(--wl-amber);}
.wl-footer__tag{margin:0;font-size:14.5px;line-height:1.65;color:var(--wl-body-soft);max-width:300px;}
.wl-footer__sub{margin:0;font-size:13px;color:var(--wl-muted);}
.wl-footer__sub .heart{color:var(--wl-amber);}
.wl-footer__socials{display:flex;gap:10px;margin-top:4px;}
.wl-footer__social{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--wl-border-dash);display:flex;align-items:center;justify-content:center;color:var(--wl-ink);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .16s,color .16s;}
.wl-footer__social:hover{border-color:var(--wl-teal);color:var(--wl-teal);}
.wl-footer__coltitle{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--wl-muted);margin-bottom:13px;text-transform:uppercase;}
.wl-footer__col{display:flex;flex-direction:column;gap:13px;}
.wl-footer__link{color:var(--wl-body);font-size:14.5px;text-decoration:none;}
.wl-footer__link:hover{color:var(--wl-teal-dark);}
.wl-footer__bottom{border-top:1px solid var(--wl-border-3);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.wl-footer__copy{font-size:13px;color:var(--wl-muted);}
.wl-footer__legal{display:flex;gap:20px;flex-wrap:wrap;}
.wl-footer__legal a{color:var(--wl-body-soft);font-size:13px;}
.wl-footer__legal a:hover{color:var(--wl-teal-dark);}

/* ============================================================
   NEWSLETTER-BAND (Home + optional)
   ============================================================ */
.wl-newsletter{margin-top:80px;background:var(--wl-sand);border-radius:24px;padding:48px 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px 44px;align-items:center;position:relative;overflow:hidden;}
.wl-newsletter__glow{position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(192,131,41,.18),rgba(192,131,41,0) 70%);pointer-events:none;}
.wl-newsletter__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.wl-newsletter__head h2{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--wl-ink);}
.wl-newsletter__note{font-family:var(--wl-hand);font-size:26px;color:var(--wl-amber-dark);transform:rotate(-2deg);}
.wl-newsletter__text{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--wl-body-soft);max-width:420px;position:relative;}
.wl-newsletter__form{display:flex;gap:10px;position:relative;}
.wl-newsletter__form input[type=email]{flex:1;min-width:0;border:1px solid var(--wl-border-3);border-radius:999px;padding:15px 22px;font-size:15px;font-family:var(--wl-sans);background:#fff;color:var(--wl-ink);outline:none;}
.wl-newsletter__form button{background:var(--wl-teal);color:#fff;border:none;border-radius:999px;padding:15px 26px;font-size:14.5px;font-weight:700;font-family:var(--wl-sans);cursor:pointer;white-space:nowrap;transition:background .16s;}
.wl-newsletter__form button:hover{background:var(--wl-teal-dark);}
.wl-newsletter__fine{margin:0;font-size:12.5px;line-height:1.55;color:var(--wl-muted);position:relative;}
.wl-newsletter__fine a{color:var(--wl-teal-dark);font-weight:600;}

/* ============================================================
   AD-SLOTS (AdManager rendert in [data-ad-slot])
   ============================================================ */
.wl .ad-slot{margin:0 auto;}
.wl .ad-slot--header{max-width:var(--wl-wrap);padding:0 32px;margin:14px auto 0;}
.wl .ad-slot--footer{max-width:var(--wl-wrap);padding:0 32px;margin:56px auto 0;}
.wl .ad-slot:empty{display:none;}
.wl-adbox{border:1.5px dashed var(--wl-border-dash);border-radius:16px;background:repeating-linear-gradient(45deg,#F5F2EC 0,#F5F2EC 12px,#FBFAF7 12px,#FBFAF7 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;min-height:90px;}
.wl-adbox__label{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--wl-muted);}

/* ============================================================
   CHROME-REUSE: Mobile-Nav + Suche-Overlay im neuen Look
   (Markup kommt aus dem geteilten Layout, hier nur umgefaerbt)
   ============================================================ */
.wl .mobile-nav{background:#fff;font-family:var(--wl-sans);}
.wl .mobile-nav__logo{font-family:var(--wl-serif);color:var(--wl-ink);}
.wl .mobile-nav__link,.wl .mobile-nav__sublink{color:var(--wl-ink);}
.wl .search-overlay{background:rgba(250,249,246,.97);}
.wl .search-box__input{font-family:var(--wl-sans);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:600px){
  .wl-header__cta{display:none;}
}
@media (max-width:960px){
  .wl-footer__grid{grid-template-columns:1fr 1fr;gap:36px;}
}
@media (max-width:720px){
  .wl-wrap{padding:0 20px;}
  .wl-header__inner{padding:10px 20px;gap:14px;}
  .wl-footer__inner{padding:0 20px;}
  .wl-newsletter{padding:36px 24px;}
  .wl .ad-slot--header,.wl .ad-slot--footer{padding:0 20px;}
}
@media (max-width:560px){
  .wl-footer__grid{grid-template-columns:1fr;}
  .wl-newsletter{padding:28px 18px;}
  .wl-newsletter__form{flex-direction:column;}
  .wl-newsletter__form input[type=email],.wl-newsletter__form button{width:100%;}
}

/* ============================================================
   STARTSEITE
   ============================================================ */
.wl-home{padding-bottom:0;}
.wl-hero{position:relative;min-height:640px;background:var(--wl-ph);overflow:hidden;}
.wl-hero__bg{position:absolute;inset:0;}
.wl-hero__bg picture{position:absolute;inset:0;display:block;}
.wl-hero__bg img{width:100%;height:100%;object-fit:cover;}
.wl-hero__fade{position:absolute;inset:0;background:linear-gradient(to right,rgba(250,249,246,.96) 0%,rgba(250,249,246,.85) 30%,rgba(250,249,246,.3) 58%,rgba(250,249,246,0) 78%);pointer-events:none;}
.wl-hero__foot{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,rgba(250,249,246,0),var(--wl-bg));pointer-events:none;}
.wl-hero__inner{position:relative;min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;}
.wl-hero__text{display:flex;flex-direction:column;gap:20px;min-width:0;padding:64px 0;}
.wl-hero__eyebrow{display:flex;align-items:center;gap:12px;}
.wl-hero__dot{width:9px;height:9px;border-radius:50%;background:var(--wl-amber);flex-shrink:0;}
.wl-hero__brand{margin:0;font-family:var(--wl-sans);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--wl-amber-dark);text-transform:none;}
.wl-hero__headline{font-family:var(--wl-serif);font-size:clamp(40px,7.5vw,74px);font-weight:700;line-height:1.04;color:var(--wl-ink);max-width:600px;}
.wl-hero__headline em{font-style:italic;color:var(--wl-teal-dark);}
.wl-hero__sub{margin:0;font-size:18px;line-height:1.65;color:var(--wl-body);max-width:480px;}
.wl-hero__cover{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.wl-hero__cover-label{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--wl-muted);text-transform:uppercase;}
.wl-hero__cover-link{font-family:var(--wl-serif);font-style:italic;font-size:17px;color:var(--wl-ink);}
.wl-hero__cover-link:hover{color:var(--wl-teal-dark);}
.wl-hero__cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px;}
.wl-hero__polaroids{position:relative;height:100%;min-width:0;}
.wl-polaroid{position:absolute;background:#fff;padding:10px 10px 14px;border-radius:6px;box-shadow:0 22px 48px -18px rgba(23,38,60,.45);text-decoration:none;}
.wl-polaroid__img{display:block;position:relative;height:190px;background:var(--wl-ph);overflow:hidden;}
.wl-polaroid__img picture{position:absolute;inset:0;}
.wl-polaroid__img img{width:100%;height:100%;object-fit:cover;}
.wl-polaroid__cap{display:block;font-family:var(--wl-hand);font-size:20px;color:var(--wl-body);text-align:center;margin-top:8px;}
.wl-polaroid--1{right:0;top:70px;width:224px;transform:rotate(3deg);}
.wl-polaroid--2{right:96px;top:322px;width:196px;transform:rotate(-4deg);}

/* Sections */
.wl-sec{padding-top:76px;}
.wl-sec--first{padding-top:48px;}
.wl-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px;}
.wl-sechead__title{font-family:var(--wl-serif);font-size:clamp(26px,4.5vw,36px);font-weight:700;}
.wl-sechead__title em{font-style:italic;color:var(--wl-teal-dark);}
.wl-sechead__link{font-size:14.5px;font-weight:700;color:var(--wl-teal-dark);white-space:nowrap;}
.wl-sechead__link:hover{text-decoration:underline;}
.wl-grid{display:grid;gap:22px;}
.wl-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));}
.wl-grid--dest{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));}
.wl-card__media{display:block;position:relative;aspect-ratio:3/2;background:var(--wl-ph);overflow:hidden;}
.wl-card__media picture{position:absolute;inset:0;}
.wl-card__media img{width:100%;height:100%;object-fit:cover;}

/* Zitat / Markenstimme */
.wl-quote{margin-top:72px;background:var(--wl-sand);border-radius:24px;padding:52px 64px;position:relative;overflow:hidden;text-align:center;}
.wl-quote__mark{position:absolute;top:-40px;left:36px;font-family:var(--wl-serif);font-size:220px;font-weight:700;color:rgba(192,131,41,.16);line-height:1;pointer-events:none;}
.wl-quote__text{position:relative;margin:0 auto;max-width:820px;font-family:var(--wl-serif);font-style:italic;font-size:clamp(23px,4vw,31px);line-height:1.45;color:var(--wl-ink);}
.wl-quote__by{position:relative;margin-top:20px;}
.wl-quote__byname{font-size:14px;font-weight:700;color:var(--wl-body);}

/* Split (Reiseziele + Sidebar) */
.wl-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start;}
.wl-destcard{background:var(--wl-surface);border:1px solid var(--wl-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:var(--wl-ink);transition:transform .2s ease,box-shadow .2s ease;}
.wl-destcard:hover{transform:translateY(-4px);box-shadow:var(--wl-shadow-card);color:var(--wl-ink);}
.wl-destcard__media{display:block;position:relative;aspect-ratio:3/2;background:var(--wl-ph);overflow:hidden;}
.wl-destcard__media picture{position:absolute;inset:0;}
.wl-destcard__media img{width:100%;height:100%;object-fit:cover;}
.wl-destcard__ph{position:absolute;inset:0;opacity:.35;}
.wl-destcard__heart{position:absolute;top:12px;right:12px;font-family:var(--wl-hand);font-size:19px;color:var(--wl-ink);background:rgba(255,255,255,.92);padding:2px 12px;border-radius:999px;transform:rotate(2deg);}
.wl-destcard__foot{padding:16px 20px 18px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.wl-destcard__name{font-family:var(--wl-serif);font-size:20px;font-weight:700;}
.wl-destcard__count{font-size:13.5px;font-weight:700;color:var(--wl-amber-dark);}

/* Sidebar */
.wl-split__side{display:flex;flex-direction:column;gap:26px;}
.wl-sidecard{background:var(--wl-surface);border:1px solid var(--wl-border);border-radius:16px;padding:24px;}
.wl-sidecard__title{font-family:var(--wl-serif);font-size:21px;font-weight:700;margin-bottom:18px;}
.wl-sidelist{display:flex;flex-direction:column;gap:14px;}
.wl-sideitem{display:flex;gap:12px;align-items:baseline;color:var(--wl-ink);}
.wl-sideitem:hover{color:var(--wl-teal-dark);}
.wl-sideitem__num{font-family:var(--wl-serif);font-weight:800;font-size:17px;color:var(--wl-border-dash);flex-shrink:0;}
.wl-sideitem__hl{display:block;font-size:14.5px;font-weight:600;line-height:1.4;color:inherit;}
.wl-sideitem__meta{display:block;font-size:12.5px;color:var(--wl-muted);margin-top:3px;}
.wl-sidecard--nl{background:var(--wl-sand);border-color:transparent;display:flex;flex-direction:column;gap:10px;}
.wl-sidecard__nl-title{font-family:var(--wl-serif);font-size:20px;font-weight:800;color:var(--wl-ink);}
.wl-sidecard__nl-text{margin:0;font-size:14px;line-height:1.55;color:rgba(23,38,60,.72);}

/* Ads */
.wl-ad{margin:0;}
.wl-ad--wide{margin-top:68px;text-align:center;}
.wl-ad--rect{text-align:center;}
.wl-ad__label{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--wl-muted);text-transform:uppercase;margin-bottom:8px;}

/* Newsletter intro layout (band already styled above) */
.wl-newsletter__intro{position:relative;}
.wl-newsletter__box{position:relative;display:flex;flex-direction:column;gap:11px;}

@media (max-width:920px){
  .wl-hero{min-height:0;}
  .wl-hero__inner{grid-template-columns:1fr;min-height:0;}
  .wl-hero__text{padding:56px 0 48px;}
  .wl-hero__polaroids{display:none;}
  .wl-split{grid-template-columns:1fr;gap:36px;}
  .wl-split__side{flex-direction:row;flex-wrap:wrap;}
  .wl-split__side>*{flex:1;min-width:240px;}
  .wl-quote{padding:40px 28px;}
}
@media (max-width:560px){
  .wl-split__side{flex-direction:column;}
  .wl-quote__mark{font-size:150px;top:-24px;left:16px;}
}

/* ============================================================
   KATEGORIE
   ============================================================ */
.wl-cathead{padding-top:36px;}
.wl-cathead__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-top:24px;}
.wl-cathead__text{max-width:680px;}
.wl-cathead__title{font-family:var(--wl-serif);font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1;letter-spacing:-.015em;}
.wl-cathead__lead{margin:18px 0 0;font-size:18px;line-height:1.6;color:var(--wl-body-soft);}
.wl-cathead__meta{margin-top:14px;font-size:13.5px;color:var(--wl-muted);}
.wl-cathead__img{position:relative;width:280px;aspect-ratio:3/2;border-radius:20px;overflow:hidden;flex-shrink:0;background:var(--wl-ph);}
.wl-cathead__img picture{position:absolute;inset:0;}
.wl-cathead__img img{width:100%;height:100%;object-fit:cover;}
.wl-catfilters{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;padding-bottom:28px;border-bottom:1px solid var(--wl-border-2);}
.wl-pill{background:#fff;border:1.5px solid var(--wl-border-warm);color:var(--wl-ink);font-size:14px;font-weight:500;padding:9px 18px;border-radius:999px;text-decoration:none;transition:border-color .16s,color .16s;}
.wl-pill:hover{border-color:var(--wl-teal);color:var(--wl-teal-dark);}
.wl-pill.is-active{background:var(--wl-ink);border-color:var(--wl-ink);color:#FAF9F6;font-weight:600;}
.wl-pill.is-active:hover{color:#FAF9F6;}

.wl-catbody{padding-top:44px;}
.wl-catbody__head{font-size:14.5px;color:var(--wl-body-soft);margin-bottom:24px;}
.wl-catbody__head strong{color:var(--wl-ink);}
.wl-grid--cat{grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:28px;}
.wl-empty{background:#fff;border:1px solid var(--wl-border-2);border-radius:20px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;}
.wl-empty__t{font-family:var(--wl-serif);font-size:20px;font-weight:700;}

/* Pagination (geteiltes Partial, hier umgefaerbt) */
.wl-pagination-wrap{margin-top:44px;}
.wl .pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.wl .pagination__pages{display:flex;gap:6px;align-items:center;}
.wl .pagination__page,.wl .pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1.5px solid var(--wl-border-warm);border-radius:999px;background:#fff;color:var(--wl-ink);font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .16s,color .16s;}
.wl .pagination__page:hover,.wl .pagination__btn:hover{border-color:var(--wl-teal);color:var(--wl-teal-dark);}
.wl .pagination__page--active{background:var(--wl-ink);border-color:var(--wl-ink);color:#FAF9F6;}
.wl .pagination__btn--disabled{opacity:.4;pointer-events:none;}
.wl .pagination__ellipsis{color:var(--wl-muted);padding:0 4px;}

/* SEO-Content / Prose */
.wl-catseo{margin-top:80px;border-top:1px solid var(--wl-border);padding-top:64px;}
.wl-catseo__kicker{color:var(--wl-amber-dark);}
.wl-prose{max-width:900px;margin-top:14px;}
.wl-prose h2{font-family:var(--wl-serif);font-size:clamp(24px,4vw,32px);font-weight:700;margin:0 0 4px;}
.wl-prose h3{font-family:var(--wl-serif);font-size:19px;font-weight:700;margin:28px 0 8px;}
.wl-prose p{font-size:15.5px;line-height:1.75;color:var(--wl-ink-soft);margin:0 0 16px;}
.wl-prose a{color:var(--wl-teal-dark);font-weight:600;}
.wl-prose a:hover{text-decoration:underline;}
.wl-prose ul,.wl-prose ol{font-size:15.5px;line-height:1.7;color:var(--wl-ink-soft);padding-left:22px;margin:0 0 16px;}

/* FAQ */
.wl-faq{margin-top:72px;max-width:860px;}
.wl-faq__title{font-family:var(--wl-serif);font-size:clamp(24px,4vw,30px);font-weight:700;margin-bottom:24px;}
.wl-faq__list{display:flex;flex-direction:column;gap:14px;}
.wl-faq__item{background:#fff;border:1px solid var(--wl-border-2);border-radius:16px;padding:20px 24px;}
.wl-faq__q{font-family:var(--wl-serif);font-size:18px;font-weight:700;cursor:pointer;list-style:none;color:var(--wl-ink);}
.wl-faq__q::-webkit-details-marker{display:none;}
.wl-faq__a{margin-top:12px;font-size:15px;line-height:1.65;color:var(--wl-body);}

@media (max-width:640px){
  .wl-cathead__img{width:100%;}
  .wl-cathead__title{font-size:clamp(34px,10vw,56px);}
}

/* ============================================================
   SUCHE
   ============================================================ */
.wl-searchhead{padding-top:40px;text-align:center;max-width:820px;}
.wl-searchhead .wl-crumb{justify-content:center;}
.wl-searchhead__title{font-family:var(--wl-serif);font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.015em;margin:18px 0 24px;}
.wl-searchhead__title em{font-style:italic;color:var(--wl-teal-dark);}
.wl-searchbar{display:flex;gap:10px;align-items:center;background:#fff;border:1.5px solid var(--wl-border-warm);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:var(--wl-shadow-soft);}
.wl-searchbar__ic{color:var(--wl-muted);display:flex;flex-shrink:0;}
.wl-searchbar input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--wl-sans);font-size:16px;color:var(--wl-ink);padding:8px 4px;}
.wl-search__count{margin:22px 0 0;font-size:15px;color:var(--wl-body-soft);}
.wl-search__count strong{color:var(--wl-ink);}
.wl-search-results{padding-top:40px;}
.wl-search-merch{margin-top:56px;}
.wl-merchcard{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--wl-border-2);border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--wl-ink);transition:transform .2s ease,box-shadow .2s ease;}
.wl-merchcard:hover{transform:translateY(-2px);box-shadow:var(--wl-shadow-soft);color:var(--wl-ink);}
.wl-merchcard__logo{width:44px;height:44px;border-radius:12px;background:var(--wl-cream);display:flex;align-items:center;justify-content:center;font-family:var(--wl-serif);font-weight:800;font-size:18px;flex-shrink:0;}
.wl-merchcard__name{display:block;font-family:var(--wl-serif);font-size:16.5px;font-weight:700;}
.wl-merchcard__meta{display:block;font-size:12.5px;color:var(--wl-muted);margin-top:2px;}

/* ============================================================
   ARTIKEL (Overlay-Restyle von articles/show.php)
   Strategie: die Magazin-Design-Tokens innerhalb .wl auf die neue
   Palette/Fonts ummappen -> Body, Content-Module, Breadcrumbs, Cards
   erben die neue Optik ohne Spezifitaets-Kampf. Danach gezielte
   Feinschliffe fuer Hero/Autor/Share/FAQ.
   ============================================================ */
.wl{
  --font-primary:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-sans:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'Playfair Display',Georgia,serif;
  --ink:#17263C; --text-primary:#17263C; --text-secondary:#5E6B7C; --text-muted:#909AA6;
  --link:#116273; --link-hover:#0D4B58; --link-on-dark:#E6B25C;
  --action-primary:#17798A; --action-primary-hover:#116273; --action-primary-active:#0D4B58;
  --action-accent:#C08329; --action-accent-hover:#A06E1F;
  --bg-page:#FAF9F6; --bg-soft:#F3EAD8; --cream:#F4F1EA; --bg-card:#FFFFFF;
  --border-default:#DFDAD0; --border-subtle:#ECE8DF; --border-strong:#D6D0C4;
  --focus-ring:#17798A; --blue:#17798A; --orange:#C08329; --yellow:#C08329;
  --pink:#17798A; --purple:#116273; --mint:#17798A;
  --section-bg:linear-gradient(135deg,#FAF9F6 0%,#F4F1EA 100%);
}
/* ---- Struktur-Redesign des Artikelkoerpers (Vorlage Artikel.dc.html) ----
   Der Alt-Look (01/02-Section-Counter, 2px-h2-Unterstrich, Fraunces-Fallback)
   kommt aus body.site-weloveurlaub und muss STRUKTURELL ueberschrieben werden,
   nicht nur umgefaerbt. Ziel: ruhiges 720px-Lesemass, editoriale Playfair-h2
   ohne Nummer/Linie, groessere Grundschrift, Pull-Quotes, gerundete Module. */
.wl .article-title,.wl .article-hero-landscape__title,.wl .section-header__title{font-family:var(--wl-serif) !important;color:var(--wl-ink);}

/* !important noetig: body.site-weloveurlaub .article-body ist 0,2,1 (body-Element)
   und schlaegt .wl .article-body (0,2,0) trotz spaeterer Ladeposition. */
.wl .article-body{max-width:720px !important;margin:0 auto !important;font-family:var(--wl-sans);color:var(--wl-ink-soft);}
.wl .article-body :is(h2,h3,h4){font-family:var(--wl-serif);color:var(--wl-ink);letter-spacing:-.01em;}

/* Grundtext groesser + luftiger, erster Absatz als Lead */
.wl .article-body p{font-size:17px !important;line-height:1.75 !important;color:var(--wl-ink-soft);margin:0 0 22px !important;}
.wl .article-body > p:first-of-type{font-size:18.5px !important;line-height:1.75 !important;color:var(--wl-ink-soft);}

/* h2: Playfair, KEIN 01/02-Counter, KEINE Unterstrich-Linie, kein Flex */
.wl .article-body h2{
  display:block !important;
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin:46px 0 18px !important;
  font-size:clamp(23px,4vw,31px) !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  color:var(--wl-ink) !important;
  text-transform:none !important;
}
.wl .article-body h2::before{content:none !important;display:none !important;}
.wl .article-body h3{
  font-size:20px !important;font-weight:700 !important;margin:32px 0 10px !important;
  color:var(--wl-ink) !important;border:none !important;padding:0 !important;text-transform:none !important;
}

/* Fliesstext-Links dezent unterstrichen (teal) */
.wl .article-body a{color:var(--wl-teal-dark);font-weight:600;text-decoration:underline;text-decoration-color:rgba(23,121,138,.32);text-underline-offset:3px;}
.wl .article-body a:hover{color:var(--wl-teal-darker);text-decoration-color:var(--wl-teal);}

/* Listen im neuen Grad */
.wl .article-body :is(ul,ol) li{font-size:17px !important;line-height:1.72 !important;margin-bottom:8px;}

/* Body-Bilder: 3:2, weiche Ecken, graue Caption */
.wl .article-body figure{margin:30px 0;}
.wl .article-body figure img{border-radius:18px;}
.wl .article-body figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--wl-muted);font-family:var(--wl-sans);}

/* Blockquote -> Pull-Quote (Playfair italic, teal Kante) */
.wl .article-body blockquote{
  margin:28px 0;border:none;border-left:4px solid var(--wl-teal);
  background:rgba(23,121,138,.06);border-radius:14px;padding:20px 26px;
  font-family:var(--wl-serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--wl-ink);
}
.wl .article-body blockquote p{font-size:inherit;line-height:inherit;color:inherit;margin:0;}

/* ---- Content-Module: gerundete Kaertchen im neuen Look ---- */
/* fact-card / steckbrief: weisses Kaertchen, amber Label */
.wl .fact-card{border-radius:18px !important;}
.wl .fact-card__title{color:var(--wl-amber-dark) !important;}
/* Redaktions-Tipp (insider-quote): weisse Karte, amber Kante, Playfair italic */
.wl .insider-quote{background:#fff !important;border:1px solid var(--wl-border);border-left:4px solid var(--wl-amber) !important;border-radius:16px;padding:24px 28px;}
.wl .insider-quote__label{color:var(--wl-amber-dark) !important;letter-spacing:.14em;}
.wl .insider-quote__text{font-family:var(--wl-serif) !important;font-style:italic;font-size:18px !important;line-height:1.55 !important;color:var(--wl-ink) !important;}
.wl .insider-quote__byline,.wl .insider-quote__author,.wl .insider-quote__name{color:var(--wl-body-soft) !important;}
.wl .insider-quote__avatar{border-color:var(--wl-amber) !important;}
/* itinerary / Tagesablauf: weisse Karte, gerundet */
.wl .itinerary{background:#fff;border:1px solid var(--wl-border);border-left:1px solid var(--wl-border);border-radius:18px;padding:26px 30px;}
.wl .itinerary__title{color:var(--wl-amber-dark);}
.wl .itinerary__time{border-radius:8px;}
/* tips-list: sand, gerundet */
.wl .tips-list__item{border-radius:14px;background:var(--wl-cream);}
/* data-compare + pro-con + text-highlight: gerundet */
.wl .data-compare{border-radius:18px !important;overflow:hidden;border:1px solid var(--wl-border);}
.wl .pro-con__col{border-radius:14px;}
.wl .text-highlight{border-radius:14px;}

/* ---- Hero GESTAPELT (Vorlage Artikel.dc.html) ----
   Der wl-Alt-Hero ist ein 2-Spalten-Grid (Text links / Bild rechts,
   grid-template-columns:1.05fr 1fr). Die Vorlage will aber: Titel-Block
   OBEN (zentriert, ~900px), darunter ein gerundetes 3:2-Bild. Wir kippen
   das Grid auf Flex-Column + order (Header vor Media, da im DOM Media zuerst
   kommt). !important, weil body.site-weloveurlaub (0,2,0) gleich spezifisch ist. */
.wl .article-hero-band{background:var(--wl-bg);}
.wl .article-hero-band__inner{max-width:var(--wl-wrap);margin:0 auto;padding:0 32px;}
.wl .article-hero-landscape{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  max-width:900px !important;
  margin:6px auto 0 !important;
  min-height:0 !important;
  overflow:visible !important;
  gap:0;
}
.wl .article-hero-landscape__header{
  order:0 !important;
  display:block !important;
  grid-column:auto !important;
  padding:6px 0 0 !important;
  margin-bottom:26px;
}
.wl .article-hero-landscape__media{
  order:1 !important;
  grid-column:auto !important;
  aspect-ratio:3/2 !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:var(--wl-shadow-soft);
}
.wl .article-hero-landscape__media img,.wl .article-hero-landscape__media picture{border-radius:22px;}
/* Amber-Pill-Tag statt Mono-Label */
.wl .article-hero-landscape__tag{
  align-self:flex-start !important;
  display:inline-block;
  background:rgba(192,131,41,.14) !important;
  color:var(--wl-amber-dark) !important;
  font-family:var(--wl-sans) !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase;
  padding:6px 13px !important;
  border-radius:999px !important;
  border:none !important;
}
.wl .article-hero-landscape__title{
  font-family:var(--wl-serif) !important;
  font-size:clamp(34px,5vw,54px) !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;
  color:var(--wl-ink) !important;
  margin:16px 0 0 !important;
}
.wl .article-hero-landscape__subtitle{
  font-family:var(--wl-sans) !important;
  font-size:20px !important;
  line-height:1.6 !important;
  color:var(--wl-body-soft) !important;
  margin:16px 0 0 !important;
}
/* Autoren-/Meta-Zeile: sans, ruhig, nicht Mono */
.wl .article-hero-landscape__header .article-meta{
  font-family:var(--wl-sans) !important;
  font-size:14px !important;
  letter-spacing:0 !important;
  color:var(--wl-muted) !important;
  margin-top:20px !important;
  padding-top:20px;
  border-top:1px solid var(--wl-border);
}
.wl .article-meta__author{color:var(--wl-ink) !important;font-weight:700;}
.wl .article-meta,.wl .article-meta__details{color:var(--wl-muted);font-family:var(--wl-sans);}
@media (max-width:720px){
  .wl .article-hero-band__inner{padding:0 20px;}
  .wl .article-hero-landscape__media{aspect-ratio:4/3 !important;}
}

/* TOC (Sidebar) */
.wl .article-toc{background:#fff;border:1px solid var(--wl-border);border-radius:16px;padding:22px;}
.wl .article-toc__title{font-family:var(--wl-serif);font-weight:700;color:var(--wl-ink);}
.wl .article-toc__list a{color:var(--wl-body);}
.wl .article-toc__list a:hover,.wl .article-toc__item.is-active a{color:var(--wl-teal-dark);}

/* Share-Bar */
.wl .share-bar{background:var(--wl-cream);border-radius:18px;border:1px solid var(--wl-border);}
.wl .share-bar__label{color:var(--wl-body);}
.wl .share-icon-btn{border-radius:999px;border:1.5px solid var(--wl-border-warm);color:var(--wl-ink);background:#fff;}
.wl .share-icon-btn:hover{border-color:var(--wl-teal);color:var(--wl-teal-dark);}
.wl .share-sticky{background:#fff;border:1px solid var(--wl-border);border-radius:999px;box-shadow:var(--wl-shadow-soft);}

/* Autor-Box */
.wl .author-box{background:var(--wl-cream);border:1px solid var(--wl-border);border-radius:20px;}
.wl .author-box__accent{background:var(--wl-teal);}
.wl .author-box__label{color:var(--wl-amber-dark);letter-spacing:.12em;}
.wl .author-box__name,.wl .author-box__name a{font-family:var(--wl-serif);color:var(--wl-ink);}
.wl .author-box__avatar--fallback{background:var(--wl-teal);color:#fff;}
.wl .author-box__link{color:var(--wl-teal-dark);font-weight:700;}
.wl .author-box__link--accent{color:var(--wl-amber-dark);}

/* Tags / Quellen */
.wl .article-tag{background:rgba(185,130,46,.12);color:var(--wl-amber-dark);border-radius:999px;}
.wl .source-chip{border:1px solid var(--wl-border-warm);border-radius:999px;color:var(--wl-body);}
.wl .article-sources__label{color:var(--wl-muted);letter-spacing:.14em;}

/* FAQ (im Body) */
.wl .faq-section .section-header__title{color:var(--wl-ink);}
.wl .faq-item{background:#fff;border:1px solid var(--wl-border-2);border-radius:16px;}
.wl .faq-item__q{font-family:var(--wl-serif);color:var(--wl-ink);}
.wl .faq-item__a{color:var(--wl-body);}

/* Comment-Invite */
.wl .comment-invite{background:var(--wl-sand);border:none;border-radius:20px;}
.wl .comment-invite__btn{background:var(--wl-teal);color:#fff;border-radius:999px;}
.wl .comment-invite__btn:hover{background:var(--wl-teal-dark);}

/* Related + Section-Header + card-standard */
.wl .article-related-full{background:var(--wl-cream);border-radius:24px;}
.wl .section-header__eyebrow{color:var(--wl-amber-dark);font-family:var(--wl-sans);}
.wl .section-header__link{color:var(--wl-teal-dark);font-weight:700;}
.wl .section-header__title{color:var(--wl-ink);}
.wl .card-standard,.wl .card{border-radius:16px;border:1px solid var(--wl-border);background:#fff;}
.wl .card-standard .tag,.wl .card .tag{border-radius:999px;}

/* Breadcrumbs (View::breadcrumbs) */
.wl .breadcrumbs,.wl .breadcrumb{color:var(--wl-muted);}
.wl .breadcrumbs a,.wl .breadcrumb a{color:var(--wl-muted);}
.wl .breadcrumbs a:hover,.wl .breadcrumb a:hover{color:var(--wl-ink);}

/* Evergreen-Meta-Badge */
.wl .article-evergreen-meta__badge--guide,.wl .article-evergreen-meta__badge--pillar{background:var(--wl-teal);color:#fff;}

/* Restliche Gruen-Tokens (Erlebnis-Badge, Bild-Platzhalter) neutralisieren */
.wl{
  --bg-primary:#17263C; --bg-inverse:#17263C; --bg-accent:#17798A;
  --purple:#116273; --wl-primary-mid:#17798A; --wl-primary-dark:#116273;
  --wl-primary-light:#E6B25C; --wl-yellow:#C08329; --wl-coral:#C08329;
}
/* Einheitliche Amber-Tags: ueberschreibt inline gesetzte Kategorie-Farben,
   damit Artikel/Related-Cards zum Design (amber Eyebrow-Pills) passen. */
.wl .tag,.wl .article-hero-landscape__tag{background:rgba(185,130,46,.13) !important;color:var(--wl-amber-dark) !important;border-radius:999px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}

/* ============================================================
   ERLEBNIS (articles/erlebnis.php) — spezifische Klassen umfaerben
   ============================================================ */
.wl .erlebnis-badge--green{background:var(--wl-teal) !important;color:#fff !important;border-radius:999px;}
.wl .erlebnis-badge--amber{background:rgba(185,130,46,.15) !important;color:var(--wl-amber-dark) !important;border-radius:999px;}
.wl .erlebnis-badge--outline{border:1.5px solid var(--wl-border-warm) !important;color:var(--wl-ink) !important;border-radius:999px;background:transparent !important;}
.wl .erlebnis-hero-media__wrap{background:var(--wl-ph);border-radius:20px;overflow:hidden;}
.wl .erlebnis-hero__title{font-family:var(--wl-serif);color:var(--wl-ink);}
.wl .erlebnis-hero__lede{font-family:var(--wl-sans);color:var(--wl-body);}
.wl .erlebnis-hero{background:var(--wl-bg);}
.wl .eyebrow{color:var(--wl-amber-dark);}
.wl .price-tag,.wl .erlebnis-booking-card__partner-tag{background:rgba(185,130,46,.13);color:var(--wl-amber-dark);border-radius:999px;}
.wl .erlebnis-booking-card{border:1px solid var(--wl-border);border-radius:20px;background:#fff;}
.wl .erlebnis-info-pill{background:var(--wl-cream);border-radius:999px;color:var(--wl-ink);}