/* =====================================================================
   LAYOUT-VARIANTEN (gegen "alle Kunden sehen gleich aus")
   Aktiviert ueber body.lp-zen / body.lp-magazin / body.lp-nacht
   (theme.layout in data.js oder ?layout= zum Vorfuehren).
   Ohne Klasse gilt das unveraenderte Standard-Layout aus site.css.
   Farben kommen weiterhin aus den Kunden-Variablen (--ink, --gold ...).
   ===================================================================== */

/* =====================================================================
   1) ZEN - heller Split-Screen, viel Luft, weiche Formen
   ===================================================================== */
body.lp-zen{background:#fff}
body.lp-zen section{padding:96px 0}

/* Hero: ruhige Mittelachse - Text links, Bild als gerahmte Karte rechts,
   alles innerhalb der Inhaltsbreite (kein Vollbild-Ausbruch nach rechts) */
body.lp-zen .hero{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,64px);align-items:center;min-height:0;background:#fff;color:var(--ink);max-width:1400px;margin:0 auto;padding:64px 24px 8px;overflow:visible}
body.lp-zen .hero-slides{position:relative;inset:auto;height:clamp(380px,56vh,620px);border-radius:22px;overflow:hidden;order:2;box-shadow:0 34px 80px -45px rgba(48,47,45,.65)}
body.lp-zen .hero::after{display:none}
body.lp-zen .hero .wrap{padding:0;max-width:none;margin:0;width:auto}
body.lp-zen .hero h1{font-size:clamp(2.3rem,3.4vw,3.5rem);max-width:16ch;color:var(--ink)}
body.lp-zen .hero .loc{color:var(--gold)}
body.lp-zen .hero p.intro{color:#55524d;font-size:1.08rem;max-width:48ch}
body.lp-zen .hero .kicker{color:var(--gold)}
body.lp-zen .hero .btn-ghost{color:var(--ink);border-color:var(--ink)}
body.lp-zen .hero .btn-ghost:hover{background:var(--ink);color:#fff}
body.lp-zen .hero .price-badge{background:transparent;color:var(--ink);border:1.5px solid var(--gold);padding:9px 18px}
body.lp-zen .quick-search{margin-top:36px}
@media(max-width:900px){
  body.lp-zen .hero{display:block;padding:24px 20px 0}
  body.lp-zen .hero-slides{height:56vw;min-height:280px;margin-bottom:26px}
  body.lp-zen .quick-search{margin-top:20px}
}

/* Einstieg mit Top-Angebot: erstes Angebot als grosse Feature-Karte,
   die weiteren Angebote fuellen darunter ein 2er-Raster */
body.lp-zen #angebote .cards.offers{grid-template-columns:repeat(2,1fr)}
/* Linien-Ausrichtung: Bild der Feature-Karte steht exakt ueber Angebot 2,
   der Textblock exakt ueber Angebot 3 (gleiche Spalten + gleicher Abstand) */
body.lp-zen #angebote .card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;background:transparent;border:none;box-shadow:none;overflow:visible}
body.lp-zen #angebote .card:first-child .ph{border-radius:18px;overflow:hidden;box-shadow:0 26px 60px -38px rgba(48,47,45,.55)}
body.lp-zen #angebote .card:first-child .body{background:#fff;border-radius:18px;box-shadow:0 26px 60px -38px rgba(48,47,45,.55);padding:30px}
body.lp-zen #angebote .card:first-child .ph{height:100%;min-height:340px}
body.lp-zen #angebote .card:first-child .ph::before{content:"Top-Angebot";position:absolute;top:18px;left:18px;z-index:2;background:var(--gold);color:#fff;padding:8px 18px;border-radius:40px;font-weight:600;letter-spacing:1.2px;font-size:.76rem;text-transform:uppercase}
@media(max-width:940px){body.lp-zen #angebote .card:first-child{display:flex;flex-direction:column}body.lp-zen #angebote .card:first-child .ph{min-height:220px;height:220px}}

/* weiche Formen ueberall */
body.lp-zen .btn{border-radius:40px}
body.lp-zen .card,body.lp-zen .imm-frame,body.lp-zen .form-card,body.lp-zen .inclusive img,body.lp-zen .map-embed,body.lp-zen .usp-tile{border-radius:18px}
body.lp-zen .card{border:none;box-shadow:0 26px 60px -38px rgba(48,47,45,.55)}
body.lp-zen .quick-search{border-radius:70px;padding:16px 26px;box-shadow:0 30px 70px -40px rgba(48,47,45,.5)}
body.lp-zen .quick-search .qf input,body.lp-zen .quick-search .qf select{border:none;background:#f4efe8;border-radius:14px}
body.lp-zen .quick-search .qbtn .btn{border-radius:40px}
@media(max-width:820px){body.lp-zen .quick-search{border-radius:22px}}

/* Bild-Text-Sektionen nebeneinander, abwechselnd */
body.lp-zen .immersive{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;max-width:1440px;margin:0 auto;padding:88px 40px}
body.lp-zen .immersive .imm-frame{min-width:0;width:100%}
body.lp-zen .immersive .imm-cap{min-width:0}
body.lp-zen .immersive .imm-cap{text-align:left;margin:0;padding:0;max-width:none}
body.lp-zen .immersive .imm-cap h2{font-size:clamp(1.9rem,2.8vw,2.6rem)}
body.lp-zen .immersive.imm-alt .imm-frame{order:2}
body.lp-zen .imm-slide{height:clamp(420px,56vh,680px)}
@media(max-width:900px){
  body.lp-zen .immersive{display:block;padding:52px 16px}
  body.lp-zen .immersive .imm-cap{margin-top:26px;text-align:center}
}

/* Zahlenband hell und leise */
body.lp-zen .stats{background:transparent;color:var(--ink)}
body.lp-zen .stats .wrap{border-top:1px solid #e2dccf;border-bottom:1px solid #e2dccf;padding-top:38px;padding-bottom:38px}
body.lp-zen .stats .stat .l{color:#8a877f}

/* Bewertungen hell */
body.lp-zen .reviews{background:transparent;color:var(--ink)}
body.lp-zen .reviews .section-title{color:var(--ink)}
body.lp-zen .rev{background:#fff;border:1px solid #ece7df;border-radius:18px}
body.lp-zen .rev p{color:#4c4a47}
body.lp-zen .rev-arrows button{border-color:#cfc8bd;color:var(--ink)}
body.lp-zen .rev-arrows button:hover{color:#fff}

/* =====================================================================
   2) MAGAZIN - Editorial: grosse Typo, Kapitel-Nummern, Overlaps
   ===================================================================== */
body.lp-magazin{counter-reset:chap}
body.lp-magazin section{padding:84px 0}

/* Hero: wuchtige Schlagzeile unten links */
body.lp-magazin .hero{min-height:min(94vh,1100px)}
body.lp-magazin .hero::after{background:linear-gradient(180deg,rgba(20,19,18,.05) 30%,rgba(20,19,18,.82) 100%)}
body.lp-magazin .hero h1{font-size:clamp(2.9rem,7vw,6.4rem);line-height:.99;max-width:14ch;letter-spacing:-.01em}
body.lp-magazin .hero .kicker{display:inline-block;border:1px solid rgba(255,255,255,.55);padding:8px 16px;letter-spacing:5px;color:#fff}
body.lp-magazin .hero p.intro{font-size:1.05rem;max-width:52ch}
body.lp-magazin .hero .price-badge{background:transparent;border:1.5px solid var(--gold);border-radius:0}

/* kantige, laute Buttons */
body.lp-magazin .btn{border-radius:0;text-transform:uppercase;letter-spacing:2px;font-size:.78rem;padding:15px 28px}
body.lp-magazin .card,body.lp-magazin .imm-frame,body.lp-magazin .form-card,body.lp-magazin .quick-search,body.lp-magazin .usp-tile,body.lp-magazin .inclusive img,body.lp-magazin .map-embed{border-radius:0}
body.lp-magazin .gtab{border-radius:0}

/* Kapitel: linksbuendige Koepfe mit grosser Ghost-Nummer */
body.lp-magazin .section-head{text-align:left;max-width:none;margin:0 0 44px;border-top:2px solid var(--ink);padding-top:18px;position:relative;counter-increment:chap}
body.lp-magazin .section-head::after{content:counter(chap,decimal-leading-zero);position:absolute;right:0;top:6px;font-family:var(--serif);font-size:clamp(3rem,6vw,5.4rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold);opacity:.6;pointer-events:none}
body.lp-magazin h2.section-title{font-size:clamp(2.3rem,4.2vw,3.4rem)}
body.lp-magazin .section-head p{margin-left:0}
body.lp-magazin .kicker{letter-spacing:5px}

/* Bildsektion: Textkarte ragt ueber das Bild (abwechselnd links/rechts).
   Die Karte bleibt IM Bild verankert (Richtung Blaetter-Punkte), auch auf
   sehr breiten Schirmen, wo das 1920px-Bild zentriert steht. */
body.lp-magazin .immersive{padding:70px 0 84px}
body.lp-magazin .imm-frame{box-shadow:none}
body.lp-magazin .immersive .imm-cap{background:#fff;text-align:left;max-width:880px;margin:-150px 0 0 calc((100% - min(100%,1920px)) / 2 + 84px);padding:34px 42px;box-shadow:0 34px 70px -40px rgba(20,19,18,.55);position:relative;z-index:5}
body.lp-magazin .immersive.imm-alt .imm-cap{margin-left:auto;margin-right:calc((100% - min(100%,1920px)) / 2 + 84px)}
body.lp-magazin .immersive.imm-video .imm-cap{margin:34px auto 0;text-align:center;box-shadow:none;background:transparent;padding:0 24px}
/* Blaetter-Punkte weglassen - die Textkarte ueberlappt sie, Pfeile reichen */
body.lp-magazin .immersive:not(.imm-video) .imm-dots{display:none}
@media(max-width:900px){body.lp-magazin .immersive .imm-cap,body.lp-magazin .immersive.imm-alt .imm-cap{margin:-30px 16px 0;padding:26px 24px}}

/* Angebote zuerst (vor den Zimmern) - und das erste Angebot als grosses
   Feature quer hervorgehoben; Zimmer/Suiten bleiben gleichwertig. */
body.lp-magazin #angebote .cards.offers{grid-template-columns:repeat(2,1fr)}
body.lp-magazin #angebote .card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}
body.lp-magazin #angebote .card:first-child .ph{height:100%;min-height:380px}
body.lp-magazin #angebote .card:first-child .ph::before{content:"Unser Tipp";position:absolute;top:0;left:0;z-index:2;background:var(--ink);color:#fff;padding:10px 20px;font-weight:600;letter-spacing:2.5px;font-size:.72rem;text-transform:uppercase}
@media(max-width:940px){body.lp-magazin #angebote .card:first-child{display:flex;flex-direction:column}body.lp-magazin #angebote .card:first-child .ph{min-height:240px;height:240px}}

/* USP-Kacheln: harte Kanten, engerer Verbund */
body.lp-magazin .usp-tiles{gap:4px}

/* =====================================================================
   3) NACHT - Dark Spa / Cinema: dunkle Buehne, Video zuerst
   ===================================================================== */
body.lp-nacht{--nbg:#1b1a18;--ncard:#242220;--ncard2:#211f1d;--nline:rgba(255,255,255,.13);--ntxt:#ece6db;--nmut:#b6afa3;
  background:var(--nbg);color:var(--ntxt)}
body.lp-nacht section{padding:84px 0}
body.lp-nacht h1,body.lp-nacht h2,body.lp-nacht h3{color:var(--ntxt)}
body.lp-nacht input[type=date]{color-scheme:dark}

/* Header dunkel-glasig */
body.lp-nacht header.site{background:rgba(24,23,21,.88);border-bottom:1px solid var(--nline)}
body.lp-nacht header.site nav a.navlink{color:var(--ntxt)}
body.lp-nacht .lang-sw{border-color:#3a3833}
body.lp-nacht .lang-sw a{color:var(--nmut)}

/* Hero: volle Buehne, zentriert */
body.lp-nacht .hero{min-height:min(100vh,1080px);align-items:center;text-align:center}
body.lp-nacht .hero::after{background:radial-gradient(ellipse at center,rgba(15,14,13,.18) 0%,rgba(20,19,18,.62) 78%),linear-gradient(180deg,rgba(27,26,24,0) 68%,var(--nbg) 100%)}
body.lp-nacht .hero .wrap{display:flex;flex-direction:column;align-items:center;padding-bottom:120px}
body.lp-nacht .hero h1{max-width:18ch;font-size:clamp(2.7rem,5.6vw,4.8rem)}
body.lp-nacht .hero p.intro{margin-left:auto;margin-right:auto}
body.lp-nacht .hero .hero-cta{justify-content:center}
body.lp-nacht .hero .price-badge{background:transparent;border:1.5px solid var(--gold);color:#fff}

/* Quick-Search als dunkles Glas-Panel */
body.lp-nacht .quick-search{background:rgba(33,31,29,.92);backdrop-filter:blur(8px);border:1px solid var(--nline);box-shadow:0 30px 70px -35px rgba(0,0,0,.8)}
body.lp-nacht .quick-search .qf label{color:var(--nmut)}
body.lp-nacht .quick-search .qf input,body.lp-nacht .quick-search .qf select{background:#1b1a18;border-color:#3a3833;color:var(--ntxt)}

/* helle Flaechen -> dunkle Flaechen */
body.lp-nacht .inclusive,body.lp-nacht .ratings,body.lp-nacht .anfahrt,body.lp-nacht .more-info,body.lp-nacht .inquiry,body.lp-nacht .awards{background:var(--ncard2)}
body.lp-nacht #angebote{background:var(--ncard2) !important}
body.lp-nacht .stats{background:transparent}
body.lp-nacht .stats .wrap{border-top:1px solid var(--nline);border-bottom:1px solid var(--nline)}

/* Textfarben auf dunkel */
body.lp-nacht .section-head p,body.lp-nacht .imm-cap p,body.lp-nacht .inclusive li,body.lp-nacht .feature-txt p,
body.lp-nacht .map-info .addr,body.lp-nacht .map-info li,body.lp-nacht .more-info p,body.lp-nacht .faq-a,
body.lp-nacht .inquiry .step,body.lp-nacht .check{color:var(--nmut)}
body.lp-nacht .rating-badge .v{color:var(--gold)}
body.lp-nacht .rating-badge .l{color:var(--ntxt)}
body.lp-nacht .rating-badge .d{color:var(--nmut)}

/* Karten / Kacheln */
body.lp-nacht .card{background:var(--ncard);border-color:var(--nline);box-shadow:0 24px 55px -35px rgba(0,0,0,.85)}
body.lp-nacht .card .body p{color:var(--nmut)}
body.lp-nacht .card .meta-icons li{color:var(--nmut)}
body.lp-nacht .card .meta-icons li b{color:var(--ntxt)}
body.lp-nacht .btn-outline{color:var(--ntxt);border-color:var(--ntxt)}
body.lp-nacht .btn-outline:hover{background:var(--ntxt);color:#1b1a18}
body.lp-nacht .gtab{background:transparent;border-color:#3a3833;color:var(--nmut)}
body.lp-nacht .gtab.active,body.lp-nacht .gtab:hover{background:var(--gold);border-color:var(--gold);color:#fff}
body.lp-nacht .award{background:var(--ncard);border-color:#3a3833}
body.lp-nacht .award .n{color:var(--ntxt)}

/* FAQ + Formular */
body.lp-nacht .faq-item{background:var(--ncard);border-color:var(--nline)}
body.lp-nacht .form-card{background:var(--ncard);border-color:var(--nline)}
body.lp-nacht .field label{color:var(--nmut)}
body.lp-nacht .field input,body.lp-nacht .field select,body.lp-nacht .field textarea{background:#1b1a18;border-color:#3a3833;color:var(--ntxt)}
body.lp-nacht .subhead{color:var(--ntxt);border-bottom-color:var(--nline)}
body.lp-nacht .room-row{background:#201e1c;border-color:#3a3833}
body.lp-nacht .rr-head{color:var(--ntxt)}
body.lp-nacht .rr-kidslabel{color:var(--nmut)}
body.lp-nacht #reqSummary{background:#201e1c;border-color:#3a3833}
body.lp-nacht .req-sum{background:var(--ncard);border-color:#3a3833}
body.lp-nacht .req-sum .rs-txt b{color:var(--ntxt)}

/* Karte / Platzhalter */
body.lp-nacht .map-placeholder{background:#201e1c;border-color:#3a3833}
body.lp-nacht .map-info h3{color:var(--ntxt)}

/* Video-Kino-Rahmen leuchtet leicht */
body.lp-nacht .immersive.imm-video .imm-frame{box-shadow:0 0 0 1px var(--nline),0 40px 110px -40px rgba(0,0,0,.9)}

/* =====================================================================
   4) VIDEO - das Video IST der Hero (Anmutung das-stemp.de):
   Vollbild-Video mit Text-Overlay, emotionaler Zwischenblock,
   "Besondere Momente" (Angebote), "Menschen & Momente", Gutschein-Band
   ===================================================================== */
body.lp-video .immersive.imm-video{padding:0}
body.lp-video .immersive.imm-video .imm-frame{max-width:none;border-radius:0;box-shadow:none}
@media(min-width:701px){
  body.lp-video .immersive.imm-video .video-frame{aspect-ratio:auto;height:min(94vh,54vw);max-width:none}
}
body.lp-video .immersive.imm-video .imm-cap{display:none}   /* Titel liegt als Overlay auf dem Video */
body.lp-video .video-play{width:110px;height:110px}
body.lp-video .hero{display:none}

/* Hero-Overlay auf dem Video */
body.lp-video .vhero{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,19,18,0) 42%,rgba(20,19,18,.74) 100%)}
body.lp-video .vhero .vh-in{pointer-events:auto;color:#fff;padding:0 clamp(24px,6vw,96px) clamp(30px,7vh,76px);max-width:1100px}
body.lp-video .vhero .kicker{color:var(--taupe)}
body.lp-video .vhero h1{font-size:clamp(2.4rem,4.8vw,4.4rem);max-width:16ch;line-height:1.04}
body.lp-video .vhero .vh-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:700px){body.lp-video .vhero h1{font-size:1.9rem}body.lp-video .vhero .vh-in{padding:0 20px 60px}}

/* Emotionaler Zwischenblock ("Spueren Sie es schon?") */
body.lp-video .statement{padding:clamp(90px,12vh,150px) 0;text-align:center;background:#fff}
body.lp-video .statement .st-text{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.4;max-width:30ch;margin:0 auto;color:var(--ink)}

/* Menschen & Momente: scrollbare Abteilungs-Galerie - der Gast soll sehen,
   dass hinter jeder Leistung ausgebildete Menschen stehen. Bilder ohne
   Hochskalieren (Karriere-Fotos aktuell nur 500px). */
body.lp-video .people{background:#fff}
body.lp-video .people .people-track{display:flex;gap:20px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:10px 24px 26px;max-width:1440px;margin:0 auto;scrollbar-width:thin;scrollbar-color:var(--taupe) transparent}
/* Filmstreifen: einheitliche Hoehe, Hoch- und Querformate wechseln sich ab */
body.lp-video .people figure{flex:0 0 auto;margin:0;scroll-snap-align:start}
body.lp-video .people figure img{height:clamp(340px,44vh,460px);width:auto;border-radius:6px;box-shadow:0 22px 50px -32px rgba(48,47,45,.6)}
body.lp-video .people figcaption{margin-top:12px;font-size:.74rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
@media(max-width:700px){body.lp-video .people figure img{height:56vw}}

/* Gutschein-Band "Momente schenken": Text links, dazu eine stilisierte
   Gutschein-Karte (reines CSS, leicht gedreht, klickbar zum Shop) */
body.lp-video .voucher{background:var(--cream)}
body.lp-video .voucher .v-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
body.lp-video .voucher .v-txt p{color:#55524d;max-width:52ch;margin:12px 0 28px;font-size:1.1rem;line-height:1.75}
body.lp-video .voucher .v-card{position:relative;display:block;background:#fff;border:1px solid var(--gold);border-radius:8px;
  padding:clamp(26px,3vw,40px);aspect-ratio:16/10;max-width:480px;width:100%;justify-self:center;
  transform:rotate(-3.5deg);transition:transform .35s,box-shadow .35s;box-shadow:0 34px 80px -40px rgba(48,47,45,.6)}
body.lp-video .voucher .v-card::before{content:"";position:absolute;inset:9px;border:1px dashed var(--gold);opacity:.5;border-radius:5px;pointer-events:none}
body.lp-video .voucher .v-card:hover{transform:rotate(0deg) translateY(-5px);box-shadow:0 44px 90px -42px rgba(48,47,45,.7)}
body.lp-video .voucher .v-brand{font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink)}
body.lp-video .voucher .v-word{margin-top:6px;font-size:.72rem;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:var(--gold)}
body.lp-video .voucher .v-sep{width:46px;height:1.5px;background:var(--gold);margin:18px 0 14px}
body.lp-video .voucher .v-note{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:#55524d;max-width:24ch}
body.lp-video .voucher .v-seal{position:absolute;right:26px;bottom:24px;width:48px;height:48px;border-radius:50%;
  background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.28),0 10px 22px -8px rgba(0,0,0,.5)}
/* Werner 30.07.: echtes Logo auf der Gutschein-Karte statt Textzeile */
body.lp-video .voucher .v-logo{height:clamp(42px,4.6vw,58px);width:auto;display:block}
/* Werner 30.07.: NUR der innere Stern blinkt dezent auf (ganzes Siegel war zu wild) */
@keyframes v-star-blink{0%,88%,100%{opacity:1;transform:scale(1)}
  92%{opacity:.35;transform:scale(1.12)}96%{opacity:1;transform:scale(1)}}
body.lp-video .voucher .v-star{display:inline-block;animation:v-star-blink 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){body.lp-video .voucher .v-star,body.lp-video .voucher-mini .v-star{animation:none}}
/* Werner 30.07.: kleine Gutschein-Karte (mit blinkendem Stern) ueber der Mini-Zeile */
body.lp-video .voucher-mini .wrap{flex-direction:column;gap:26px}
body.lp-video .voucher-mini .vm-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px}
body.lp-video .voucher-mini .v-card{position:relative;display:block;background:#fff;border:1px solid var(--gold);border-radius:8px;
  padding:20px 22px;aspect-ratio:16/10;width:300px;transform:rotate(-3.5deg);transition:transform .35s,box-shadow .35s;
  box-shadow:0 24px 60px -30px rgba(48,47,45,.55);text-align:left}
body.lp-video .voucher-mini .v-card::before{content:"";position:absolute;inset:7px;border:1px dashed var(--gold);opacity:.5;border-radius:5px;pointer-events:none}
body.lp-video .voucher-mini .v-card:hover{transform:rotate(0) translateY(-4px)}
body.lp-video .voucher-mini .v-logo{height:34px;width:auto;display:block}
body.lp-video .voucher-mini .v-brand{font-family:var(--serif);font-weight:600;font-size:1.1rem;color:var(--ink)}
body.lp-video .voucher-mini .v-word{margin-top:5px;font-size:.6rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--gold)}
body.lp-video .voucher-mini .v-sep{width:36px;height:1.5px;background:var(--gold);margin:12px 0 10px}
body.lp-video .voucher-mini .v-note{font-family:var(--serif);font-style:italic;font-size:.95rem;color:#55524d}
body.lp-video .voucher-mini .v-seal{position:absolute;right:16px;bottom:14px;width:34px;height:34px;border-radius:50%;
  background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 8px 18px -6px rgba(0,0,0,.5)}
body.lp-video .voucher-mini .v-star{display:inline-block;animation:v-star-blink 6s ease-in-out infinite}
@media(max-width:900px){body.lp-video .voucher .v-grid{grid-template-columns:1fr;gap:44px}
  body.lp-video .voucher .v-card{justify-self:start;max-width:420px}}
body.lp-video .age-badge{top:auto;bottom:24px}

/* =====================================================================
   LAYOUT "EDEL" (Edelweiss & Gurgl, 29.07.2026): zwischen Standard und
   Nacht - Basis ist lp-video (wird zusaetzlich gesetzt), darueber der
   Weiss/Dunkel-Wechsel der Hotel-Website: helle Inhaltssektionen,
   dunkle #333-Bloecke (Statement, Stats, Gutschein, Footer) mit
   hellgoldenen Headlines (#c9a97a via --taupe).
   ===================================================================== */
body.lp-edel .statement{background:#333}
body.lp-edel .statement .st-text{color:#fff}
body.lp-edel .statement .kicker{color:var(--taupe)}
body.lp-edel .stats{background:#333}
body.lp-edel .stats .stat .v{color:var(--taupe)}
body.lp-edel .stats .stat .l{color:#cfcac2}
body.lp-edel .voucher{background:#333}
body.lp-edel .voucher h2{color:var(--taupe)}
body.lp-edel .voucher .kicker{color:var(--taupe)}
body.lp-edel .voucher .v-txt p{color:#ddd8d0}
body.lp-edel .more-info{background:#333;color:#fff}
body.lp-edel .more-info h2{color:var(--taupe)}
body.lp-edel .more-info p{color:#ddd8d0}
body.lp-edel h1,body.lp-edel h2{font-weight:700;letter-spacing:.5px}
body.lp-edel .kicker{letter-spacing:2.5px}
body.lp-edel .vhero .kicker{color:#e8d9be}
/* Werner 30.07.: "Impressionen anzeigen"-Button weg - Bilder sind gross
   genug, kein Zusatznutzen (Lightbox bleibt ueber Angebots-/Zimmerdetails) */
body.lp-edel .imm-btn{display:none}
/* Werner 30.07.: USP-Kacheln - halbtransparente weisse Flaeche hinter dem
   Text statt dunklem Verlauf, dunkle Schrift = besser lesbar */
body.lp-edel .usp-tile::after,body.lp-edel .usp-tile:hover::after{background:linear-gradient(180deg,rgba(48,47,45,0) 70%,rgba(48,47,45,.25) 100%)}
body.lp-edel .usp-tile span{color:var(--wine);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  margin:12px;padding:16px 18px;border-radius:8px;font-size:1.08rem;width:calc(100% - 24px);
  font-family:var(--serif);font-weight:700;letter-spacing:.3px;border:1px solid rgba(201,169,122,.5)}
@media(max-width:900px){body.lp-edel .usp-tile span{font-size:1rem}}
/* Werner 30.07.: Ueberschriften in Markenbronze wie auf der Website
   (nur helle Sektionen - dunkle Bloecke behalten --taupe, Bild-Captions weiss) */
body.lp-edel .section-head .section-title,body.lp-edel .inclusive .section-title,
body.lp-edel .immersive:not(.imm-video) .imm-cap .section-title{color:var(--gold)}
body.lp-edel .reviews .section-title{color:#fff}
/* Werner 30.07.: Logo-Feinschliff. Header war rgba(.94)-transparent -> beim
   Scrollen schimmerten weisse Titel durchs Logo ("da muss was drueber liegen").
   Opak wie die Hotel-Website; Logo 72px nutzt den 107px-Header wie beim Original. */
body.lp-edel header.site{background:#fff}
body.lp-edel .logo-img{height:72px}
body.lp-edel footer.site .logo-img{height:60px}
@media(max-width:900px){body.lp-edel .logo-img{height:50px}}
/* Werner 30.07.: Statement-Block kompakter (nahm zu viel Platz ein) */
body.lp-edel .statement{padding:52px 0 10px}
body.lp-edel .statement .st-text{font-size:clamp(1.35rem,2.2vw,1.9rem);max-width:38ch}
/* Werner 30.07.: Stats direkt im Statement-Block integriert (statt unten bei
   den Gutscheinen); Quick-Search bleibt (Werner-Korrektur: schoenes Element) */
body.lp-edel .stats .wrap{padding-top:18px;padding-bottom:48px}
/* Werner 30.07.: "Zur Website"-Button war auf #333 unsichtbar (Ink-Outline) */
body.lp-edel .more-info .btn-outline{color:#f0e9dd;border-color:var(--taupe)}
body.lp-edel .more-info .btn-outline:hover{background:var(--taupe);color:#333}