/* ============ WINTERSLOTS v3 — Eishotel-Skin auf Kanon-Skelett (12 Sektionen) ============ */
:root{
  --schnee-0:#F4F7FA; --schnee-1:#EDF3F8; --schnee-2:#E8EFF5;
  --eis-1:#DCE9F2; --eis-2:#C9DEED; --eis-3:#A9C9E4;
  --gletscher:#1B5A8A; --gletscher-tief:#134469;
  --tinte:#22384A; --tinte-2:#3D586C;
  --gold:#E8B84B; --gold-hell:#F0CE7A; --gold-tief:#C89737;
  --messing-rand:#A47B23; --messing-tinte:#3A2A0C; --gold-text:#8A6413;
  --z-nav:100; --z-menu:110; --z-korn:200;
  --ease-out:cubic-bezier(.23,1,.32,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--tinte);
  background:linear-gradient(180deg,var(--schnee-0),var(--schnee-2));
  font-size:16.5px;line-height:1.6;
  overflow-x:clip;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-korn);
  opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.22 0 0 0 0 0.34 0 0 0 0.6 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");
}
img{max-width:100%;display:block}
a{color:var(--gletscher)}
.wrap{width:min(1180px,90vw);margin-inline:auto}
h1,h2,h3{text-wrap:balance;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em;color:var(--tinte)}
b,strong,.zahl{font-variant-numeric:tabular-nums}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gletscher);outline-offset:3px;border-radius:3px}

/* ---------- Messing-Schilder (Sektionsgrammatik des Hauses) ---------- */
.schild{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 46%,var(--gold-tief));
  border:1px solid var(--messing-rand);
  padding:.4em 1em;border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 6px -2px rgba(90,60,10,.4);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.schild::before,.schild::after{content:"";width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFF3D0,var(--gold-tief) 70%);
  box-shadow:0 0 0 1px var(--messing-rand)}

/* ---------- Knöpfe: Affiliate (Messing, „find-me") + Ghost (Gletscher, ruhig) ---------- */
.knopf{
  display:inline-block;font-weight:700;font-size:15.5px;text-decoration:none;text-align:center;
  padding:.75em 1.6em;border-radius:3px;cursor:pointer;border:1px solid transparent;
  transition:transform 150ms var(--ease-out),box-shadow 150ms var(--ease-out),background 150ms var(--ease-out);
}
.knopf:active{transform:scale(.97)}
.knopf-gold{
  color:var(--messing-tinte);text-transform:uppercase;letter-spacing:.02em;
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border-color:var(--messing-rand);
  box-shadow:0 6px 18px -5px rgba(200,151,55,.75);
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.knopf-still{color:var(--gletscher);background:rgba(27,90,138,.06);border:1px solid var(--eis-3)}
@media (hover:hover) and (pointer:fine){
  .knopf-gold:hover{box-shadow:0 9px 24px -6px rgba(200,151,55,.9);transform:translateY(-2px)}
  .knopf-still:hover{border-color:var(--gletscher);background:#fff;transform:translateY(-1px)}
}

/* ---------- 1. Rezeption (Header) ---------- */
header.rezeption{
  position:sticky;top:0;z-index:var(--z-nav);
  background:rgba(244,247,250,.97);
  border-bottom:1px solid var(--eis-2);
}
.rez-innen{display:flex;align-items:center;gap:20px;padding:12px 0}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte);flex:0 0 auto}
.marke svg{width:30px;height:30px;color:var(--gletscher)}
.marke .m-name{font-family:Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.12em}
nav.haupt{display:flex;gap:20px}
nav.haupt a{text-decoration:none;color:var(--tinte);font-size:15px;border-bottom:2px solid transparent;padding:4px 0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){nav.haupt a:hover{border-bottom-color:var(--gold)}}
.suche{display:flex;align-items:center;gap:8px;flex:1 1 180px;max-width:290px;margin-left:auto;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:7px 14px}
.suche svg{width:15px;height:15px;color:var(--tinte-2);flex:0 0 auto}
.suche input{border:none;background:none;font-family:inherit;font-size:14.5px;color:var(--tinte);width:100%;min-width:0}
.suche input::placeholder{color:var(--tinte-2)}
.suche input:focus{outline:none}
.rez-cta{white-space:nowrap;font-size:14px;padding:.65em 1.3em}
/* Burger (CSS-Checkbox) */
#menu-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
  border:1px solid var(--eis-3);border-radius:3px;background:#fff;cursor:pointer;padding:0 9px;flex:0 0 auto}
.burger span{display:block;height:2px;background:var(--gletscher);border-radius:2px}
@media (max-width:940px){
  nav.haupt{
    display:flex;flex-direction:column;gap:0;position:fixed;z-index:var(--z-menu);
    top:0;left:0;bottom:0;width:min(300px,84vw);
    background:var(--schnee-0);border-right:1px solid var(--eis-2);
    padding:80px 26px 26px;
    transform:translateX(-102%);transition:transform 220ms var(--ease-out);
  }
  nav.haupt a{font-size:17px;padding:13px 0;border-bottom:1px solid var(--eis-1)}
  #menu-toggle:checked ~ .rez-innen nav.haupt{transform:none}
  .burger{display:flex}
  .rez-cta{display:none}
  .marke .m-name{font-size:16.5px;letter-spacing:.09em}
  .rez-innen{gap:12px}
  .suche{flex:1 1 auto;max-width:none}
}
@media (prefers-reduced-motion:reduce){nav.haupt{transition:none}}

/* ---------- 2. Hero (Foyer) ---------- */
.foyer{position:relative;overflow:hidden;padding:clamp(48px,6vw,84px) 0 clamp(72px,8vw,110px)}
.foyer-grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(32px,5vw,72px);align-items:center;position:relative;z-index:2}
.foyer h1{
  font-weight:700;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.06;letter-spacing:-.02em;
  margin:22px 0 18px;
}
.foyer h1 em{font-style:italic;color:var(--gletscher)}
.concierge-text{font-size:17.5px;color:var(--tinte-2);max-width:46ch;text-wrap:pretty}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}
.chip-fakt{font-size:14px;font-weight:600;color:#2A4B66;background:#fff;border:1px solid var(--eis-3);
  border-radius:999px;padding:.45em 1em}
.chip-fakt b{color:var(--gletscher)}
.foyer-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.panorama{position:absolute;inset:auto 0 0 0;height:52%;z-index:0;pointer-events:none}
.panorama svg{width:100%;height:100%;display:block}
.vitrinen{position:relative;display:flex;gap:clamp(12px,1.8vw,24px);justify-content:flex-end;align-items:flex-start;z-index:2;padding-top:8px}
.vitrine{
  width:clamp(140px,14.5vw,190px);flex:0 0 auto;
  background:
    conic-gradient(from 205deg at 28% 16%,rgba(255,255,255,.65) 0 38deg,rgba(255,255,255,0) 38deg 96deg,rgba(169,201,228,.4) 96deg 132deg,rgba(255,255,255,0) 132deg 360deg),
    linear-gradient(168deg,#FDFEFF,var(--eis-1) 55%,var(--eis-2));
  border:1px solid var(--eis-3);
  border-radius:64px 64px 12px 12px;
  padding:8px 8px 11px;
  box-shadow:0 26px 34px -22px rgba(27,90,138,.45),0 4px 10px -4px rgba(27,90,138,.18);
}
.vitrine img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:58px 58px 6px 6px;border:1px solid var(--eis-2)}
.vitrine:nth-child(2){margin-top:44px}
.vitrine:nth-child(3){margin-top:88px}
.vitrine::after{content:"";display:block;height:10px;margin:9px auto 0;width:78%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(27,90,138,.28),rgba(27,90,138,0))}
.schneefeld{position:absolute;inset:0;z-index:1;pointer-events:none}
.flocke{position:absolute;top:-46px;color:var(--eis-3);opacity:.75;will-change:transform}
.flocke svg{width:100%;height:100%}
@keyframes schneien{
  0%{transform:translateY(0) rotate(0deg)}
  100%{transform:translateY(min(120vh,1100px)) rotate(160deg)}
}
@media (prefers-reduced-motion:reduce){.flocke{display:none}}
@media (max-width:880px){
  .foyer-grid{grid-template-columns:1fr}
  .vitrinen{justify-content:center}
  .vitrine:nth-child(3){margin-top:64px}
  .concierge-text{max-width:none}
}

/* ---------- Nähte (Schneewechten) ---------- */
.naht{line-height:0;display:block;margin-bottom:-1px}
.naht svg{width:100%;height:clamp(40px,6vw,78px);display:block}

/* ---------- Sektionen allgemein ---------- */
.abschnitt{padding:clamp(84px,8vw,124px) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(30px,3.6vw,44px)}
.sec-head .sh-l{max-width:60ch}
.sec-head h2{font-weight:700;font-size:clamp(1.65rem,3vw,2.5rem);margin:16px 0 8px}
.sec-head p{color:var(--tinte-2);font-size:16.5px;text-wrap:pretty}
.viewall{font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:2px;white-space:nowrap}

/* ---------- Slot-Kacheln (Frostfenster, ganze Kachel = ein Link) ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(172px,19vw,238px),1fr));gap:clamp(16px,2.4vw,26px);row-gap:clamp(26px,3vw,38px)}
.tile{display:block;text-decoration:none;color:inherit}
.tile[hidden]{display:none}
.fenster{
  position:relative;aspect-ratio:3/2;border-radius:72px 72px 10px 10px;overflow:hidden;
  border:1px solid var(--eis-3);
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
  box-shadow:0 10px 20px -14px rgba(27,90,138,.3);
}
@media (hover:hover) and (pointer:fine){
  .tile:hover .fenster{transform:translateY(-5px);box-shadow:0 22px 32px -18px rgba(27,90,138,.45)}
  .tile:hover .t-name{color:var(--gletscher)}
}
.tile:active .fenster{transform:scale(.98)}
.fenster img{width:100%;height:100%;object-fit:cover}
.fenster::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M4 56 L20 40 M4 44 L14 34 M16 56 L26 46 M4 56 L4 40 M4 56 L20 56'/><path d='M10 50 l6 0 M10 50 l0 6'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M56 56 L40 40 M56 44 L46 34 M44 56 L34 46 M56 56 L56 40 M56 56 L40 56'/><path d='M50 50 l-6 0 M0 0'/></g></svg>");
  background-repeat:no-repeat,no-repeat;
  background-position:left bottom,right bottom;
  background-size:32px 32px,32px 32px;
}
.frostglas{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:16px 14px 12px;
}
.frostglas .wappen{width:20px;height:20px;color:var(--gletscher);opacity:.75;flex:0 0 auto}
.fg-name{
  font-family:Georgia,serif;font-weight:700;color:var(--gletscher-tief);
  font-size:clamp(12.5px,1.15vw,15px);line-height:1.22;letter-spacing:.03em;
  text-transform:uppercase;text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.t0 .frostglas{background:
  conic-gradient(from 215deg at 30% 18%,rgba(255,255,255,.7) 0 34deg,rgba(255,255,255,0) 34deg 90deg,rgba(169,201,228,.38) 90deg 128deg,rgba(255,255,255,0) 128deg 360deg),
  linear-gradient(163deg,#FBFDFF 0%,#E4EEF6 46%,#D3E4F0 46.2%,#C9DEED 100%)}
.t1 .frostglas{background:
  conic-gradient(from 200deg at 66% 14%,rgba(255,255,255,.65) 0 30deg,rgba(255,255,255,0) 30deg 84deg,rgba(146,186,219,.35) 84deg 120deg,rgba(255,255,255,0) 120deg 360deg),
  linear-gradient(197deg,#F6FAFD 0%,#DCE9F2 52%,#C6DAEA 52.2%,#B7D1E6 100%)}
.t2 .frostglas{background:
  conic-gradient(from 230deg at 40% 22%,rgba(255,255,255,.75) 0 40deg,rgba(255,255,255,0) 40deg 96deg,rgba(180,208,232,.42) 96deg 140deg,rgba(255,255,255,0) 140deg 360deg),
  linear-gradient(151deg,#FFFFFF 0%,#EAF2F8 40%,#DAE8F2 40.2%,#CFE1EF 100%)}
.t-info{padding:11px 4px 0}
.t-name{font-family:Georgia,serif;font-size:15.5px;line-height:1.3;font-weight:700;color:var(--tinte);transition:color 150ms var(--ease-out)}
.t-prov{font-size:12.5px;color:var(--tinte-2);margin-top:2px}
.t-stat{display:flex;align-items:baseline;gap:5px;margin-top:6px;font-size:12px;color:var(--tinte-2);flex-wrap:wrap}
.t-stat b{font-size:16px;color:var(--gletscher);letter-spacing:-.01em}
.t-stat .tv{margin-left:auto}
.t-stat .tv b{font-size:12.5px;color:var(--tinte)}

/* Pager (Neuheiten) */
.pager{display:flex;align-items:center;gap:14px;margin-top:clamp(26px,3vw,36px)}
.pg-btn{
  width:44px;height:44px;border-radius:999px;border:1px solid var(--eis-3);background:#fff;
  color:var(--gletscher);font-size:19px;font-weight:700;cursor:pointer;font-family:inherit;
  transition:transform 130ms var(--ease-out),border-color 130ms var(--ease-out);
}
.pg-btn:active{transform:scale(.94)}
.pg-btn[disabled]{opacity:.38;cursor:default}
@media (hover:hover) and (pointer:fine){.pg-btn:not([disabled]):hover{border-color:var(--gletscher)}}
.pg-stand{font-size:15px;color:var(--tinte-2);font-variant-numeric:tabular-nums}
.pg-stand b{color:var(--tinte)}

/* ---------- 4. Woche: Vitrinen-Karussell + Fallback-Grid ---------- */
#week{background:var(--schnee-1)}
.week-wrap{position:relative}
.week-rail{
  display:flex;gap:clamp(18px,2.6vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent;
}
.week-rail .tile{flex:0 0 clamp(238px,26vw,318px);scroll-snap-align:start}
.rail-nav{position:absolute;top:34%;width:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:3}
.rail-nav .pg-btn{pointer-events:auto;box-shadow:0 8px 18px -10px rgba(27,90,138,.5)}
.rail-nav .pg-prev{transform:translateX(-18px)}
.rail-nav .pg-next{transform:translateX(18px)}
.week-hinweis{font-size:13px;color:var(--tinte-2);margin-top:6px}
@media (max-width:760px),(prefers-reduced-motion:reduce){
  .week-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:6px}
  .week-rail .tile{flex:none}
  .rail-nav{display:none}
}

/* ---------- 5. Top-Casinos (Money-Block) ---------- */
#topcasinos{background:var(--schnee-0)}
.cas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px)}
.cas{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
}
.cas.top{border-color:var(--gold-tief);box-shadow:0 14px 30px -20px rgba(200,151,55,.55)}
@media (hover:hover) and (pointer:fine){
  .cas:hover{transform:translateY(-4px);box-shadow:0 24px 36px -22px rgba(27,90,138,.4)}
}
.cas-dach{position:relative;padding:22px 24px 0;text-align:center}
.cas-dach svg{width:100%;height:44px;display:block;color:var(--eis-2)}
.cas.top .cas-dach svg{color:var(--gold-hell)}
.rank{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--tinte-2);
  background:var(--schnee-0);border:1px solid var(--eis-3);border-radius:999px;padding:.3em .95em;
}
.cas.top .rank{color:var(--messing-tinte);background:linear-gradient(180deg,var(--gold-hell),var(--gold));border-color:var(--messing-rand)}
.cas-name{
  margin:-12px auto 0;width:fit-content;position:relative;z-index:1;
  font-family:Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.4em 1.1em;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 8px -3px rgba(90,60,10,.45);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.cas-leib{padding:18px 26px 26px;display:flex;flex-direction:column;flex:1;text-align:center}
.cas-bonus{font-family:Georgia,serif;font-weight:700;font-size:20px;color:var(--gletscher-tief);margin:8px 0 14px}
.cas-punkte{list-style:none;text-align:left;margin:0 auto 20px;max-width:30ch;font-size:14.5px;color:var(--tinte-2)}
.cas-punkte li{padding:5px 0 5px 24px;position:relative}
.cas-punkte li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:12px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 0 L6 12 M0 6 L12 6 M2 2 L10 10 M10 2 L2 10' stroke='%231B5A8A' stroke-width='1.4'/></svg>") center/contain no-repeat}
.cas-btns{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:center}
.cas-btns .knopf{width:100%;max-width:250px}
.rg-line{margin-top:clamp(26px,3vw,36px);font-size:13.5px;color:var(--tinte-2);text-align:center;text-wrap:pretty}
.rg-line b{color:var(--tinte)}
@media (max-width:980px){.cas-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ---------- 6. Kollektionen (Karussell) ---------- */
#collections{background:var(--schnee-1)}
.col-wrap{position:relative}
.col-rail{display:flex;gap:clamp(14px,2vw,22px);overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 16px;
  scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent}
.col-card{
  flex:0 0 clamp(180px,19vw,236px);scroll-snap-align:start;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:20px 20px 18px;
  transition:transform 160ms var(--ease-out),box-shadow 160ms var(--ease-out);
}
.col-card:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){
  .col-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px -18px rgba(27,90,138,.4)}
}
.col-glyph{
  width:44px;height:44px;border-radius:999px 999px 8px 8px;display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-weight:700;font-size:15px;color:var(--gletscher-tief);
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);border:1px solid var(--eis-3);
}
.col-name{font-family:Georgia,serif;font-weight:700;font-size:17px;color:var(--tinte)}
.col-sub{font-size:13.5px;color:var(--tinte-2);line-height:1.45}

/* ---------- 8. Provider (Buchstaben-Leiste) ---------- */
#providers{background:var(--schnee-1)}
.prov-row{display:flex;flex-wrap:wrap;gap:10px}
.prov{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:7px 16px 7px 8px;
  font-size:14px;font-weight:600;color:#2A4B66;
  transition:border-color 130ms var(--ease-out),transform 130ms var(--ease-out);
}
.prov:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.prov:hover{border-color:var(--gletscher)}}
.prov .ic{
  width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gletscher);color:var(--schnee-0);font-family:Georgia,serif;font-weight:700;font-size:13px;
}

/* ---------- 9. Blog (Gästebuch) ---------- */
#blog{background:var(--schnee-0)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px)}
.post{
  display:flex;flex-direction:column;text-decoration:none;background:#fff;
  border:1px solid var(--eis-2);border-radius:4px;overflow:hidden;
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
}
.post:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){
  .post:hover{transform:translateY(-4px);box-shadow:0 20px 30px -20px rgba(27,90,138,.38)}
}
.post-cover{
  position:relative;aspect-ratio:5/3;display:flex;align-items:center;justify-content:center;padding:20px;
}
.post-cover .wappen{width:34px;height:34px;color:var(--gletscher);opacity:.7;position:absolute;top:16px;left:18px}
.post-cover .pc-titel{
  font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(17px,1.7vw,21px);
  color:var(--gletscher-tief);text-align:center;line-height:1.3;text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.pcat{
  position:absolute;top:14px;right:14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  color:var(--messing-tinte);background:linear-gradient(180deg,var(--gold-hell),var(--gold));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.3em .8em;
}
.post-meta{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-meta time{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-2)}
.post-meta h3{font-size:19px;line-height:1.3;margin:8px 0}
.post-meta p{font-size:15px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:16px}
.post-mehr{margin-top:auto;font-weight:600;font-size:14.5px;color:var(--gletscher);border-bottom:2px solid var(--gold);align-self:flex-start;padding-bottom:1px}
@media (max-width:980px){.blog-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ---------- 10. Trust / SEO ---------- */
#trust{background:var(--schnee-1)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px);margin-bottom:clamp(40px,5vw,60px)}
.trbox{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:26px 26px 24px}
.trbox .ti{width:38px;height:38px;color:var(--gletscher);margin-bottom:14px}
.trbox h3{font-size:19px;margin-bottom:8px}
.trbox p{font-size:15px;color:var(--tinte-2);text-wrap:pretty}
.seo-block{max-width:75ch}
.seo-block h3{font-size:21px;margin-bottom:12px}
.seo-block p{font-size:15.5px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:12px}
@media (max-width:980px){.trust-grid{grid-template-columns:1fr}}

/* ---------- 11. FAQ ---------- */
#faq{background:var(--schnee-0)}
.faq-list{max-width:800px}
.faq-list details{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;margin-bottom:12px;
  padding:0 22px;
}
.faq-list summary{
  font-family:Georgia,serif;font-weight:700;font-size:17.5px;color:var(--tinte);
  padding:17px 0;cursor:pointer;list-style:none;position:relative;padding-right:34px;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{
  content:"";position:absolute;right:4px;top:50%;width:12px;height:12px;transform:translateY(-50%);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4 L6 8 L10 4' fill='none' stroke='%231B5A8A' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transition:transform 180ms var(--ease-out);
}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.faq-list .fa{padding:0 0 18px;font-size:15.5px;color:var(--tinte-2);text-wrap:pretty}

/* ---------- 12. Footer (5 Spalten) ---------- */
footer{background:#E3EBF2;padding:clamp(56px,6vw,84px) 0 40px}
.f-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:clamp(24px,3.5vw,48px);margin-bottom:40px}
.f-brand .marke{margin-bottom:14px}
.f-brand p{font-size:14px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:10px}
.f-col h4{font-family:Georgia,serif;font-size:16px;margin-bottom:12px;color:var(--tinte)}
.f-col a{display:block;font-size:14px;color:var(--tinte-2);text-decoration:none;padding:4px 0}
@media (hover:hover) and (pointer:fine){.f-col a:hover{color:var(--gletscher)}}
.f-bottom{border-top:1px solid var(--eis-2);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--tinte-2)}
.f-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.achtzehn{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:2.5px solid var(--gletscher);
  font-weight:700;font-size:13px;color:var(--gletscher);
}
@media (max-width:980px){.f-grid{grid-template-columns:repeat(2,1fr)}.f-brand{grid-column:1/-1}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ============ Familien-Ergänzungen (Unterseiten, gleicher Skin) ============ */
nav.haupt a.aktiv{border-bottom-color:var(--gold);font-weight:700}
@media (max-width:940px){nav.haupt a.aktiv{border-bottom-color:var(--eis-1);color:var(--gletscher)}}

/* Brotkrumen */
.brotkrumen{background:var(--schnee-1);border-bottom:1px solid var(--eis-2);padding:11px 0;font-size:13.5px;color:var(--tinte-2)}
.brotkrumen ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
.brotkrumen li{display:flex;align-items:center;gap:9px}
.brotkrumen li+li::before{content:"\203A";color:var(--eis-3);font-size:15px}
.brotkrumen a{color:var(--tinte-2);text-decoration:none;border-bottom:1px solid transparent}
@media (hover:hover) and (pointer:fine){.brotkrumen a:hover{color:var(--gletscher);border-bottom-color:var(--eis-3)}}
.brotkrumen [aria-current]{color:var(--tinte);font-weight:600}

/* Seitenkopf */
.seitenkopf{position:relative;overflow:hidden;background:var(--schnee-0);padding:clamp(36px,4.4vw,62px) 0 clamp(42px,5vw,70px)}
.seitenkopf h1{font-weight:700;font-size:clamp(1.95rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.02em;margin:18px 0 14px}
.seitenkopf h1 em{font-style:italic;color:var(--gletscher)}
.kopf-text{font-size:17px;color:var(--tinte-2);max-width:60ch;text-wrap:pretty}
.kopf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(26px,4vw,58px);align-items:center;position:relative;z-index:2}
@media (max-width:900px){.kopf-grid{grid-template-columns:1fr}}
.kopf-kette{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* Prosa */
.prosa{max-width:75ch}
.prosa h2{font-size:clamp(1.35rem,2.3vw,1.95rem);margin:34px 0 12px}
.prosa h2:first-child{margin-top:0}
.prosa h3{font-size:19px;margin:26px 0 8px}
.prosa p{font-size:16.5px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:14px}
.prosa ul,.prosa ol{list-style:none;margin:0 0 18px}
.prosa li{position:relative;padding:5px 0 5px 26px;font-size:16px;color:var(--tinte-2)}
.prosa li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:12px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 0 L6 12 M0 6 L12 6 M2 2 L10 10 M10 2 L2 10' stroke='%231B5A8A' stroke-width='1.4'/></svg>") center/contain no-repeat}
.prosa ol{counter-reset:pr}
.prosa ol li{counter-increment:pr}
.prosa ol li::before{content:counter(pr);background:none;left:0;top:5px;width:18px;height:18px;
  font-family:Georgia,serif;font-weight:700;font-size:14px;color:var(--gletscher);text-align:center}
.prosa strong{color:var(--tinte)}

/* Tabellen */
.tabelle-box{overflow-x:auto;border:1px solid var(--eis-2);border-radius:4px;background:#fff}
table.tabelle{width:100%;border-collapse:collapse;font-size:15px;min-width:480px}
table.tabelle caption{text-align:left;padding:14px 18px 0;font-size:13px;color:var(--tinte-2)}
table.tabelle th,table.tabelle td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--eis-1);vertical-align:top}
table.tabelle thead th{background:var(--schnee-1);font-family:Georgia,serif;font-size:14px;color:var(--tinte);white-space:nowrap}
table.tabelle tbody th{font-family:Georgia,serif;font-weight:700;font-size:14.5px;color:var(--tinte);width:38%}
table.tabelle tr:last-child td,table.tabelle tr:last-child th{border-bottom:none}
table.tabelle td b,table.tabelle td .zahl{color:var(--gletscher)}

/* Tafel / Panel */
.tafel{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:24px 26px}
.tafel h3{font-size:18px;margin-bottom:10px}
.tafel p{font-size:15px;color:var(--tinte-2);text-wrap:pretty}
.tafel-gold{border-color:var(--gold-tief);box-shadow:0 14px 30px -22px rgba(200,151,55,.6)}
.zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,32px)}
.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,32px)}
@media (max-width:900px){.zwei,.drei{grid-template-columns:1fr}}

/* Hinweis / Zitatkasten */
.hinweis{background:#fff;border:1px solid var(--eis-2);border-left:3px solid var(--gold-tief);
  border-radius:4px;padding:17px 22px;font-size:15.5px;color:var(--tinte-2);text-wrap:pretty}
.hinweis b{color:var(--tinte)}

/* Filterleiste */
.filterleiste{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:20px}
.fchip{font-family:inherit;font-size:14px;font-weight:600;color:#2A4B66;background:#fff;
  border:1px solid var(--eis-3);border-radius:999px;padding:.45em 1.05em;cursor:pointer;
  transition:border-color 130ms var(--ease-out),transform 130ms var(--ease-out)}
.fchip:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.fchip:hover{border-color:var(--gletscher)}}
.fchip[aria-pressed="true"]{color:var(--messing-tinte);border-color:var(--messing-rand);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.fchip .anz{font-variant-numeric:tabular-nums;opacity:.72;margin-left:.35em}
.werkzeuge{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}
.werkzeuge label{font-size:14px;color:var(--tinte-2)}
.werkzeuge select,.werkzeuge input[type=search]{font-family:inherit;font-size:14.5px;color:var(--tinte);
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:8px 16px}
.werkzeuge select:focus,.werkzeuge input:focus{outline:3px solid var(--gletscher);outline-offset:2px}
.trefferzahl{font-size:14px;color:var(--tinte-2);margin-left:auto;font-variant-numeric:tabular-nums}
.trefferzahl b{color:var(--tinte)}
.leer{padding:34px 0;font-size:16px;color:var(--tinte-2)}

/* Kachel ohne eigene Seite (ehrlich, kein toter Link) */
.tile-wip{cursor:default}
.tile-wip .fenster{box-shadow:0 8px 16px -14px rgba(27,90,138,.3)}
.t-marke{display:inline-block;margin-top:7px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  font-weight:700;border-radius:3px;padding:.24em .7em}
.t-marke.wip{color:var(--tinte-2);border:1px dashed var(--eis-3)}
.t-marke.fertig{color:var(--messing-tinte);border:1px solid var(--messing-rand);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold))}

/* Autorenkarte */
.autorkarte{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--eis-2);
  border-radius:4px;padding:22px 24px}
.autor-portrait{width:72px;height:72px;flex:0 0 auto;border-radius:999px 999px 10px 10px;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--eis-3);
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);
  font-family:Georgia,serif;font-weight:700;font-size:22px;color:var(--gletscher-tief);letter-spacing:.02em}
.autor-portrait.gross{width:112px;height:112px;font-size:34px}
.autorkarte h3,.autorkarte .a-name{font-family:Georgia,serif;font-weight:700;font-size:18px;color:var(--tinte);margin-bottom:2px}
.autorkarte .a-rolle{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-2);margin-bottom:8px}
.autorkarte p{font-size:14.5px;color:var(--tinte-2);text-wrap:pretty}
.autorkarte a{font-weight:600;font-size:14px;text-decoration:none;border-bottom:2px solid var(--gold);
  display:inline-block;margin-top:9px}

/* Seite mit Rand (Sidebar) */
.mit-rand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,314px);gap:clamp(26px,3.4vw,50px);align-items:start}
@media (max-width:980px){.mit-rand{grid-template-columns:minmax(0,1fr)}}
.mit-rand>*{min-width:0}
.rand{display:flex;flex-direction:column;gap:20px;position:sticky;top:86px}
@media (max-width:980px){.rand{position:static}}
.rand-box{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:20px 22px}
.rand-box h3{font-size:16.5px;margin-bottom:10px}
.rand-box p{font-size:14.5px;color:var(--tinte-2);text-wrap:pretty}
.rand-box a.zeile{display:block;font-size:14.5px;color:var(--tinte-2);text-decoration:none;padding:6px 0;
  border-bottom:1px solid var(--eis-1)}
.rand-box a.zeile:last-child{border-bottom:none}
@media (hover:hover) and (pointer:fine){.rand-box a.zeile:hover{color:var(--gletscher)}}
.rand-box .knopf{width:100%}

/* Wertungen / Fakten */
.faktenliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.fakt{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:15px 17px}
.fakt .fk{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-2)}
.fakt .fv{font-family:Georgia,serif;font-weight:700;font-size:20px;color:var(--gletscher-tief);
  margin-top:4px;font-variant-numeric:tabular-nums}
.plusminus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,32px)}
@media (max-width:760px){.plusminus{grid-template-columns:1fr}}
.pm{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:22px 24px}
.pm h3{font-size:17px;margin-bottom:10px}
.pm ul{list-style:none}
.pm li{position:relative;padding:5px 0 5px 26px;font-size:15px;color:var(--tinte-2)}
.pm.plus li::before{content:"+";position:absolute;left:4px;top:5px;font-weight:700;color:var(--gletscher)}
.pm.minus li::before{content:"\2013";position:absolute;left:4px;top:5px;font-weight:700;color:var(--tinte-2)}

/* A–Z Leiste */
.azleiste{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.azleiste a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;
  padding:0 8px;border-radius:3px;border:1px solid var(--eis-3);background:#fff;text-decoration:none;
  font-family:Georgia,serif;font-weight:700;font-size:14px;color:var(--gletscher)}
@media (hover:hover) and (pointer:fine){.azleiste a:hover{border-color:var(--gletscher);background:var(--schnee-0)}}

/* Provider-/Kollektions-Reihen */
.werkstatt{background:#fff;border:1px solid var(--eis-2);border-radius:4px;margin-bottom:12px;overflow:hidden}
.werkstatt>summary{display:flex;align-items:center;gap:14px;padding:15px 20px;cursor:pointer;list-style:none;
  font-family:Georgia,serif;font-weight:700;font-size:17px;color:var(--tinte)}
.werkstatt>summary::-webkit-details-marker{display:none}
.werkstatt>summary::after{content:"";width:12px;height:12px;margin-left:auto;flex:0 0 auto;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4 L6 8 L10 4' fill='none' stroke='%231B5A8A' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transition:transform 180ms var(--ease-out)}
.werkstatt[open]>summary::after{transform:rotate(180deg)}
.werkstatt .ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gletscher);color:var(--schnee-0);font-family:Georgia,serif;font-weight:700;font-size:14px;flex:0 0 auto}
.werkstatt .w-meta{font-family:"Segoe UI",system-ui,sans-serif;font-weight:400;font-size:13.5px;color:var(--tinte-2);
  font-variant-numeric:tabular-nums}
.werkstatt .w-leib{padding:4px 20px 22px}
.werkstatt .w-leib .tiles{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,196px),1fr))}
.w-fuss{margin-top:16px}

/* Formular (Kontakt) */
.formular{display:grid;gap:14px;max-width:520px}
.formular label{font-size:14px;font-weight:600;color:var(--tinte)}
.formular input,.formular textarea,.formular select{font-family:inherit;font-size:15.5px;color:var(--tinte);
  background:#fff;border:1px solid var(--eis-3);border-radius:3px;padding:11px 14px;width:100%}
.formular textarea{min-height:140px;resize:vertical}
.formular .feld{display:grid;gap:6px}

/* 404 */
.verirrt{text-align:center;padding:clamp(60px,9vw,120px) 0}
.verirrt .nummer{font-family:Georgia,serif;font-weight:700;font-size:clamp(4.5rem,16vw,10rem);
  line-height:.95;color:#7093B2;letter-spacing:-.03em}
.verirrt h1{font-size:clamp(1.7rem,3.4vw,2.7rem);margin:10px 0 14px}
.verirrt p{font-size:17px;color:var(--tinte-2);max-width:52ch;margin:0 auto 26px;text-wrap:pretty}
.verirrt .foyer-cta{justify-content:center}
.tuerliste{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.tuerliste a{font-size:14.5px;text-decoration:none;color:#2A4B66;background:#fff;border:1px solid var(--eis-3);
  border-radius:999px;padding:.5em 1.15em}
@media (hover:hover) and (pointer:fine){.tuerliste a:hover{border-color:var(--gletscher)}}

/* Blog-Meta */
.artikel-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:14px;color:var(--tinte-2);margin-top:16px}
.artikel-meta .mini-portrait{width:34px;height:34px;border-radius:999px 999px 6px 6px;border:1px solid var(--eis-3);
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-weight:700;font-size:13px;color:var(--gletscher-tief)}
.artikel-meta a{color:var(--tinte-2)}
.inhalt-nav{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:20px 24px;margin-bottom:30px;max-width:75ch}
.inhalt-nav h2{font-size:16px;margin:0 0 10px}
.inhalt-nav ol{list-style:none;counter-reset:iv}
.inhalt-nav li{counter-increment:iv;padding:4px 0 4px 26px;position:relative;font-size:15px}
.inhalt-nav li::before{content:counter(iv);position:absolute;left:0;top:4px;font-family:Georgia,serif;
  font-weight:700;color:var(--gletscher);font-size:14px}
.inhalt-nav a{color:var(--tinte-2);text-decoration:none}
@media (hover:hover) and (pointer:fine){.inhalt-nav a:hover{color:var(--gletscher)}}

/* ============ WINTERSLOTS — Eishotel-Skin (Tokens & Chrome wortgleich home_v3) ============ */
:root{
  --schnee-0:#F4F7FA; --schnee-1:#EDF3F8; --schnee-2:#E8EFF5;
  --eis-1:#DCE9F2; --eis-2:#C9DEED; --eis-3:#A9C9E4;
  --gletscher:#1B5A8A; --gletscher-tief:#134469;
  --tinte:#22384A; --tinte-2:#3D586C;
  --gold:#E8B84B; --gold-hell:#F0CE7A; --gold-tief:#C89737;
  --messing-rand:#A47B23; --messing-tinte:#3A2A0C; --gold-text:#8A6413;
  --z-nav:100; --z-menu:110; --z-korn:200;
  --ease-out:cubic-bezier(.23,1,.32,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--tinte);
  background:linear-gradient(180deg,var(--schnee-0),var(--schnee-2));
  font-size:16.5px;line-height:1.6;
  overflow-x:clip;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-korn);
  opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.22 0 0 0 0 0.34 0 0 0 0.6 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");
}
img{max-width:100%;display:block}
a{color:var(--gletscher)}
.wrap{width:min(1180px,90vw);margin-inline:auto}
h1,h2,h3{text-wrap:balance;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em;color:var(--tinte)}
b,strong,.zahl{font-variant-numeric:tabular-nums}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gletscher);outline-offset:3px;border-radius:3px}

/* ---------- Messing-Schilder (Sektionsgrammatik des Hauses) ---------- */
.schild{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 46%,var(--gold-tief));
  border:1px solid var(--messing-rand);
  padding:.4em 1em;border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 6px -2px rgba(90,60,10,.4);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.schild::before,.schild::after{content:"";width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFF3D0,var(--gold-tief) 70%);
  box-shadow:0 0 0 1px var(--messing-rand)}

/* ---------- Knöpfe: Affiliate (Messing) + Ghost (Gletscher) ---------- */
.knopf{
  display:inline-block;font-weight:700;font-size:15.5px;text-decoration:none;text-align:center;
  padding:.75em 1.6em;border-radius:3px;cursor:pointer;border:1px solid transparent;
  transition:transform 150ms var(--ease-out),box-shadow 150ms var(--ease-out),background 150ms var(--ease-out);
}
.knopf:active{transform:scale(.97)}
.knopf-gold{
  color:var(--messing-tinte);text-transform:uppercase;letter-spacing:.02em;
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border-color:var(--messing-rand);
  box-shadow:0 6px 18px -5px rgba(200,151,55,.75);
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.knopf-still{color:var(--gletscher);background:rgba(27,90,138,.06);border:1px solid var(--eis-3)}
@media (hover:hover) and (pointer:fine){
  .knopf-gold:hover{box-shadow:0 9px 24px -6px rgba(200,151,55,.9);transform:translateY(-2px)}
  .knopf-still:hover{border-color:var(--gletscher);background:#fff;transform:translateY(-1px)}
}

/* ---------- 1. Rezeption (Header, wortgleich home_v3) ---------- */
header.rezeption{
  position:sticky;top:0;z-index:var(--z-nav);
  background:rgba(244,247,250,.97);
  border-bottom:1px solid var(--eis-2);
}
.rez-innen{display:flex;align-items:center;gap:20px;padding:12px 0}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte);flex:0 0 auto}
.marke svg{width:30px;height:30px;color:var(--gletscher)}
.marke .m-name{font-family:Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.12em}
nav.haupt{display:flex;gap:20px}
nav.haupt a{text-decoration:none;color:var(--tinte);font-size:15px;border-bottom:2px solid transparent;padding:4px 0;white-space:nowrap}
nav.haupt a.aktiv{border-bottom-color:var(--gold);font-weight:600}
@media (hover:hover) and (pointer:fine){nav.haupt a:hover{border-bottom-color:var(--gold)}}
.suche{display:flex;align-items:center;gap:8px;flex:1 1 180px;max-width:290px;margin-left:auto;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:7px 14px}
.suche svg{width:15px;height:15px;color:var(--tinte-2);flex:0 0 auto}
.suche input{border:none;background:none;font-family:inherit;font-size:14.5px;color:var(--tinte);width:100%;min-width:0}
.suche input::placeholder{color:var(--tinte-2)}
.suche input:focus{outline:none}
.rez-cta{white-space:nowrap;font-size:14px;padding:.65em 1.3em}
#menu-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
  border:1px solid var(--eis-3);border-radius:3px;background:#fff;cursor:pointer;padding:0 9px;flex:0 0 auto}
.burger span{display:block;height:2px;background:var(--gletscher);border-radius:2px}
@media (max-width:940px){
  nav.haupt{
    display:flex;flex-direction:column;gap:0;position:fixed;z-index:var(--z-menu);
    top:0;left:0;bottom:0;width:min(300px,84vw);
    background:var(--schnee-0);border-right:1px solid var(--eis-2);
    padding:80px 26px 26px;
    transform:translateX(-102%);transition:transform 220ms var(--ease-out);
  }
  nav.haupt a{font-size:17px;padding:13px 0;border-bottom:1px solid var(--eis-1)}
  #menu-toggle:checked ~ .rez-innen nav.haupt{transform:none}
  .burger{display:flex}
  .rez-cta{display:none}
  .marke .m-name{font-size:16.5px;letter-spacing:.09em}
  .rez-innen{gap:12px}
  .suche{flex:1 1 auto;max-width:none}
}
@media (prefers-reduced-motion:reduce){nav.haupt{transition:none}}

/* ---------- Nähte (Schneewechten) ---------- */
.naht{line-height:0;display:block;margin-bottom:-1px}
.naht svg{width:100%;height:clamp(40px,6vw,78px);display:block}

/* ---------- 2. Krumen (Breadcrumbs) ---------- */
.krumen{padding:16px 0 0;font-size:13.5px;color:var(--tinte-2)}
.krumen a{text-decoration:none;color:var(--tinte-2)}
.krumen a:hover{color:var(--gletscher)}
.krumen b{color:var(--tinte)}
.krumen .tr{margin:0 6px;color:var(--eis-3)}

/* ---------- 3. Slot-Hero (Suite 48944) ---------- */
.shero{padding:clamp(28px,4vw,52px) 0 clamp(40px,5vw,64px)}
.shero-grid{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,13fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.shero-vitrine{
  position:relative;
  background:
    conic-gradient(from 205deg at 28% 16%,rgba(255,255,255,.65) 0 38deg,rgba(255,255,255,0) 38deg 96deg,rgba(169,201,228,.4) 96deg 132deg,rgba(255,255,255,0) 132deg 360deg),
    linear-gradient(168deg,#FDFEFF,var(--eis-1) 55%,var(--eis-2));
  border:1px solid var(--eis-3);
  border-radius:72px 72px 12px 12px;
  padding:9px 9px 12px;
  box-shadow:0 26px 34px -22px rgba(27,90,138,.45),0 4px 10px -4px rgba(27,90,138,.18);
}
.shero-vitrine img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:64px 64px 6px 6px;border:1px solid var(--eis-2)}
.shero-vitrine::after{content:"";display:block;height:10px;margin:10px auto 0;width:78%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(27,90,138,.28),rgba(27,90,138,0))}
.vitrine-etikett{
  position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.35em 1em;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 8px -3px rgba(90,60,10,.45);
}
.shero h1{font-weight:700;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.1;margin:16px 0 12px}
.shero h1 em{font-style:italic;color:var(--gletscher)}
.sprov{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--tinte-2);margin-bottom:14px}
.sprov a.pv{font-weight:700;color:var(--gletscher);text-decoration:none;border-bottom:2px solid var(--gold)}
.slead{font-size:17px;color:var(--tinte-2);max-width:56ch;text-wrap:pretty}
.shero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0 6px}
.shero-ctas .rg{font-size:13px;color:var(--tinte-2)}
nav.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
nav.toc a{
  font-size:13px;font-weight:600;text-decoration:none;color:#2A4B66;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:.35em .95em;
  transition:border-color 130ms var(--ease-out);
}
@media (hover:hover) and (pointer:fine){nav.toc a:hover{border-color:var(--gletscher)}}
@media (max-width:880px){.shero-grid{grid-template-columns:1fr}.shero-vitrine{max-width:440px;margin-inline:auto}}

/* ---------- 4. Fakten-Band (Datenblatt) ---------- */
.fakten{padding:0 0 clamp(20px,2.5vw,30px)}
.fakten-band{display:flex;flex-wrap:wrap;gap:10px}
.fakt{
  display:flex;flex-direction:column;gap:2px;min-width:128px;flex:1 1 auto;
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:12px 16px;
}
.fakt .fl{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinte-2);font-weight:600}
.fakt .fv{font-family:Georgia,serif;font-weight:700;font-size:18px;color:var(--gletscher);font-variant-numeric:tabular-nums}
.fakt .fv small{font-family:"Segoe UI",system-ui,sans-serif;font-weight:400;font-size:12px;color:var(--tinte-2)}

/* ---------- 5. Byline ---------- */
.byline{padding-bottom:clamp(24px,3vw,36px)}
.byline-innen{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:var(--tinte-2);
  border-top:1px solid var(--eis-2);border-bottom:1px solid var(--eis-2);padding:13px 2px}
.ava{
  width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);border:1px solid var(--eis-3);
  font-family:Georgia,serif;font-weight:700;font-size:14px;color:var(--gletscher-tief);flex:0 0 auto;
}
.byline a.an{font-weight:700;color:var(--gletscher);text-decoration:none;border-bottom:2px solid var(--gold)}
.byline .dot2{color:var(--eis-3)}

/* ---------- Layout: Hauptspalte + Sidebar ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,3vw,44px);align-items:start;padding-bottom:clamp(72px,8vw,110px)}
main.hauptspalte{min-width:0;display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px)}
.zimmer{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;
  padding:clamp(22px,3vw,34px) clamp(20px,3vw,34px) clamp(24px,3vw,36px);
}
.zimmer-kopf{margin-bottom:clamp(18px,2.4vw,26px)}
.zimmer-kopf h2{font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:14px 0 6px}
.zimmer-kopf p{color:var(--tinte-2);font-size:15.5px;text-wrap:pretty;max-width:64ch}
@media (max-width:1020px){.layout{grid-template-columns:1fr}}

/* ---------- 6. Wo spielen (Money-Block) ---------- */
.cas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:clamp(16px,2vw,24px)}
.cas{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
}
.cas.top{border-color:var(--gold-tief);box-shadow:0 14px 30px -20px rgba(200,151,55,.55)}
@media (hover:hover) and (pointer:fine){
  .cas:hover{transform:translateY(-4px);box-shadow:0 24px 36px -22px rgba(27,90,138,.4)}
}
.cas-dach{position:relative;padding:22px 18px 0;text-align:center}
.cas-dach svg{width:100%;height:40px;display:block;color:var(--eis-2)}
.cas.top .cas-dach svg{color:var(--gold-hell)}
.rank{
  position:absolute;top:8px;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--tinte-2);
  background:var(--schnee-0);border:1px solid var(--eis-3);border-radius:999px;padding:.3em .9em;
}
.cas.top .rank{color:var(--messing-tinte);background:linear-gradient(180deg,var(--gold-hell),var(--gold));border-color:var(--messing-rand)}
.cas-name{
  margin:-12px auto 0;width:fit-content;position:relative;z-index:1;
  font-family:Georgia,serif;font-weight:700;font-size:16px;letter-spacing:.03em;color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.4em 1em;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 8px -3px rgba(90,60,10,.45);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.cas-leib{padding:16px 18px 22px;display:flex;flex-direction:column;flex:1;text-align:center}
.cas-bonus{font-family:Georgia,serif;font-weight:700;font-size:17px;color:var(--gletscher-tief);margin:8px 0 12px}
.cas-punkte{list-style:none;text-align:left;margin:0 auto 16px;max-width:30ch;font-size:13.5px;color:var(--tinte-2)}
.cas-punkte li{padding:4px 0 4px 22px;position:relative}
.cas-punkte li::before{content:"";position:absolute;left:2px;top:10px;width:11px;height:11px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 0 L6 12 M0 6 L12 6 M2 2 L10 10 M10 2 L2 10' stroke='%231B5A8A' stroke-width='1.4'/></svg>") center/contain no-repeat}
.cas-btns{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:center}
.cas-btns .knopf{width:100%;max-width:230px;font-size:14px;padding:.7em 1.2em}
.rg-line{margin-top:clamp(18px,2.4vw,26px);font-size:13px;color:var(--tinte-2);text-align:center;text-wrap:pretty}
.rg-line b{color:var(--tinte)}

/* ---------- 7. Rezension (Lesefenster mit 7 Abschnitten) ---------- */
.lesefenster{
  max-height:600px;overflow-y:auto;padding-right:14px;
  scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent;
}
.lesefenster h3{display:flex;align-items:baseline;gap:12px;font-size:19px;margin:26px 0 10px}
.lesefenster h3:first-child{margin-top:0}
.lesefenster h3 .num{
  font-size:12.5px;letter-spacing:.06em;color:var(--gold-text);font-family:Georgia,serif;
  border:1px solid var(--gold-tief);border-radius:3px;padding:.1em .5em;flex:0 0 auto;
}
.lesefenster p{font-size:15.5px;color:var(--tinte-2);margin-bottom:12px;text-wrap:pretty;max-width:70ch}
.lesefenster p b{color:var(--tinte)}

/* ---------- 8. Etiketten (Tags) ---------- */
.tag-gruppe{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:12px}
.tag-gruppe .tg{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--tinte-2);flex:0 0 auto;padding-top:4px}
.tagpills{display:flex;flex-wrap:wrap;gap:8px}
.tagpill{
  font-size:13.5px;font-weight:600;text-decoration:none;color:#2A4B66;
  background:var(--schnee-0);border:1px solid var(--eis-3);border-radius:999px;padding:.35em 1em;
  transition:border-color 130ms var(--ease-out);
}
span.tagpill{color:var(--tinte-2)}
@media (hover:hover) and (pointer:fine){a.tagpill:hover{border-color:var(--gletscher)}}

/* ---------- 9. Regelbank ---------- */
.regel-block{border-left:3px solid var(--gold);padding:2px 0 2px 18px;margin-bottom:20px}
.regel-block h3{font-size:18px;margin-bottom:6px}
.regel-block p{font-size:15px;color:var(--tinte-2);text-wrap:pretty;max-width:68ch}
.resp-note{
  background:var(--schnee-1);border:1px solid var(--eis-2);border-radius:4px;
  padding:14px 18px;font-size:13.5px;color:var(--tinte-2);
}

/* ---------- 10. Auszahlungen (Tabelle) ---------- */
.pt-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent}
table.pt{width:100%;min-width:520px;border-collapse:collapse;font-size:14.5px}
table.pt th{
  text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-2);
  border-bottom:2px solid var(--eis-3);padding:10px 12px;
}
table.pt td{border-bottom:1px solid var(--eis-1);padding:12px;vertical-align:top;color:var(--tinte-2)}
table.pt td:first-child{font-weight:700;color:var(--tinte);white-space:nowrap}
table.pt tr.hi td:first-child{color:var(--gletscher)}
table.pt .sym{
  display:inline-flex;width:26px;height:26px;border-radius:999px 999px 6px 6px;margin-right:9px;
  align-items:center;justify-content:center;vertical-align:middle;
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);border:1px solid var(--eis-3);
  font-family:Georgia,serif;font-weight:700;font-size:12px;color:var(--gletscher-tief);
}
.pt-note{margin-top:14px;font-size:13.5px;color:var(--tinte-2);text-wrap:pretty}
.platzhalter{
  margin-top:16px;border:1px dashed var(--eis-3);border-radius:4px;background:var(--schnee-0);
  padding:16px 20px;font-size:14px;color:var(--tinte-2);display:flex;gap:12px;align-items:center;
}
.platzhalter svg{width:22px;height:22px;color:var(--gletscher);opacity:.7;flex:0 0 auto}

/* ---------- 11. Spielbericht (Platzhalter-Galerie) ---------- */
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);margin-top:18px}
.pshot{margin:0}
.pshot .rahmen{
  position:relative;aspect-ratio:3/2;border-radius:56px 56px 8px 8px;overflow:hidden;
  border:1px dashed var(--eis-3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:
    conic-gradient(from 215deg at 30% 18%,rgba(255,255,255,.7) 0 34deg,rgba(255,255,255,0) 34deg 90deg,rgba(169,201,228,.38) 90deg 128deg,rgba(255,255,255,0) 128deg 360deg),
    linear-gradient(163deg,#FBFDFF 0%,#E4EEF6 46%,#D3E4F0 46.2%,#C9DEED 100%);
}
.pshot .rolle{
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold));border:1px solid var(--messing-rand);
  border-radius:3px;padding:.3em .85em;
}
.pshot .wappen{width:24px;height:24px;color:var(--gletscher);opacity:.6}
.pshot .hinweis{font-size:12.5px;color:var(--tinte-2)}
.pshot figcaption{font-size:13px;color:var(--tinte-2);margin-top:8px}
@media (max-width:560px){.shots{grid-template-columns:1fr}}

/* ---------- 12. Fazit ---------- */
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);margin-bottom:20px}
.vbox{border:1px solid var(--eis-2);border-radius:4px;padding:18px 20px;background:var(--schnee-0)}
.vbox h3{font-size:16.5px;margin-bottom:10px}
.vbox.pros h3{color:var(--gletscher)}
.vbox.cons h3{color:var(--tinte-2)}
.vbox ul{list-style:none}
.vbox li{padding:5px 0 5px 22px;position:relative;font-size:14.5px;color:var(--tinte-2)}
.vbox.pros li::before{content:"";position:absolute;left:0;top:11px;width:11px;height:11px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 0 L6 12 M0 6 L12 6 M2 2 L10 10 M10 2 L2 10' stroke='%231B5A8A' stroke-width='1.4'/></svg>") center/contain no-repeat}
.vbox.cons li::before{content:"—";position:absolute;left:0;top:5px;color:var(--eis-3);font-weight:700}
.scorebar{
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;
  border:1px solid var(--gold-tief);border-radius:4px;padding:18px 22px;
  background:linear-gradient(180deg,#FFFDF6,#FBF4E2);
}
.score{font-family:Georgia,serif;font-weight:700;font-size:34px;color:var(--gold-text);font-variant-numeric:tabular-nums}
.score-text{font-size:14px;color:var(--tinte-2);max-width:52ch;text-wrap:pretty}
.score-text b{color:var(--tinte)}
@media (max-width:560px){.vgrid{grid-template-columns:1fr}}

/* ---------- 13. Ähnliche Slots (Kacheln, 3:2 wie home) ---------- */
.rail-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:26px 0 14px}
.rail-h:first-of-type{margin-top:0}
.rail-h h3{font-size:18px}
.rail-h .viewall{font-weight:600;font-size:14px;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:2px;white-space:nowrap}
.rail-note{font-size:13.5px;color:var(--tinte-2);margin:-6px 0 14px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:clamp(14px,2vw,20px);row-gap:clamp(20px,2.4vw,28px)}
.tile{display:block;text-decoration:none;color:inherit}
.fenster{
  position:relative;aspect-ratio:3/2;border-radius:56px 56px 8px 8px;overflow:hidden;
  border:1px solid var(--eis-3);
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
  box-shadow:0 10px 20px -14px rgba(27,90,138,.3);
}
@media (hover:hover) and (pointer:fine){
  .tile:hover .fenster{transform:translateY(-5px);box-shadow:0 22px 32px -18px rgba(27,90,138,.45)}
  .tile:hover .t-name{color:var(--gletscher)}
}
.tile:active .fenster{transform:scale(.98)}
.fenster img{width:100%;height:100%;object-fit:cover}
.fenster::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M4 56 L20 40 M4 44 L14 34 M16 56 L26 46 M4 56 L4 40 M4 56 L20 56'/><path d='M10 50 l6 0 M10 50 l0 6'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M56 56 L40 40 M56 44 L46 34 M44 56 L34 46 M56 56 L56 40 M56 56 L40 56'/><path d='M50 50 l-6 0 M0 0'/></g></svg>");
  background-repeat:no-repeat,no-repeat;
  background-position:left bottom,right bottom;
  background-size:28px 28px,28px 28px;
}
.frostglas{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:14px 12px 10px;
}
.frostglas .wappen{width:18px;height:18px;color:var(--gletscher);opacity:.75;flex:0 0 auto}
.fg-name{
  font-family:Georgia,serif;font-weight:700;color:var(--gletscher-tief);
  font-size:clamp(11.5px,1.05vw,13.5px);line-height:1.22;letter-spacing:.03em;
  text-transform:uppercase;text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.t0 .frostglas{background:
  conic-gradient(from 215deg at 30% 18%,rgba(255,255,255,.7) 0 34deg,rgba(255,255,255,0) 34deg 90deg,rgba(169,201,228,.38) 90deg 128deg,rgba(255,255,255,0) 128deg 360deg),
  linear-gradient(163deg,#FBFDFF 0%,#E4EEF6 46%,#D3E4F0 46.2%,#C9DEED 100%)}
.t1 .frostglas{background:
  conic-gradient(from 200deg at 66% 14%,rgba(255,255,255,.65) 0 30deg,rgba(255,255,255,0) 30deg 84deg,rgba(146,186,219,.35) 84deg 120deg,rgba(255,255,255,0) 120deg 360deg),
  linear-gradient(197deg,#F6FAFD 0%,#DCE9F2 52%,#C6DAEA 52.2%,#B7D1E6 100%)}
.t2 .frostglas{background:
  conic-gradient(from 230deg at 40% 22%,rgba(255,255,255,.75) 0 40deg,rgba(255,255,255,0) 40deg 96deg,rgba(180,208,232,.42) 96deg 140deg,rgba(255,255,255,0) 140deg 360deg),
  linear-gradient(151deg,#FFFFFF 0%,#EAF2F8 40%,#DAE8F2 40.2%,#CFE1EF 100%)}
.t-info{padding:10px 4px 0}
.t-name{font-family:Georgia,serif;font-size:14.5px;line-height:1.3;font-weight:700;color:var(--tinte);transition:color 150ms var(--ease-out)}
.t-prov{font-size:12px;color:var(--tinte-2);margin-top:2px}
.t-stat{display:flex;align-items:baseline;gap:5px;margin-top:5px;font-size:11.5px;color:var(--tinte-2);flex-wrap:wrap}
.t-stat b{font-size:15px;color:var(--gletscher);letter-spacing:-.01em}
.t-stat .tv{margin-left:auto}
.t-stat .tv b{font-size:12px;color:var(--tinte)}

/* ---------- 14. FAQ ---------- */
.faq-list{max-width:800px}
.faq-list details{
  background:var(--schnee-0);border:1px solid var(--eis-2);border-radius:4px;margin-bottom:12px;
  padding:0 22px;
}
.faq-list summary{
  font-family:Georgia,serif;font-weight:700;font-size:16.5px;color:var(--tinte);
  padding:15px 0;cursor:pointer;list-style:none;position:relative;padding-right:34px;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{
  content:"";position:absolute;right:4px;top:50%;width:12px;height:12px;transform:translateY(-50%);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4 L6 8 L10 4' fill='none' stroke='%231B5A8A' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transition:transform 180ms var(--ease-out);
}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.faq-list .fa{padding:0 0 16px;font-size:15px;color:var(--tinte-2);text-wrap:pretty}

/* ---------- Sidebar (Etage des Rezensenten) ---------- */
aside.seitenspalte{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,28px);position:sticky;top:86px}
.sb{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:20px 22px}
.sb h3{font-size:16px;margin-bottom:14px}
.sb .schild{font-size:11px;margin-bottom:12px}
.autor-karte{display:flex;flex-direction:column;gap:10px}
.autor-kopf{display:flex;align-items:center;gap:12px}
.autor-kopf .ava{width:52px;height:52px;font-size:18px}
.autor-kopf .an{font-family:Georgia,serif;font-weight:700;font-size:16.5px;color:var(--tinte);text-decoration:none;border-bottom:2px solid var(--gold)}
.autor-kopf .ar{font-size:12.5px;color:var(--tinte-2)}
.autor-karte p{font-size:13.5px;color:var(--tinte-2);text-wrap:pretty}
.mini-post{display:flex;gap:12px;align-items:flex-start;text-decoration:none;padding:9px 0;border-top:1px solid var(--eis-1)}
.mini-post:first-of-type{border-top:none;padding-top:0}
.mini-post .mp-ic{
  width:44px;height:34px;flex:0 0 auto;border-radius:14px 14px 4px 4px;border:1px solid var(--eis-3);
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);display:flex;align-items:center;justify-content:center;
}
.mini-post .mp-ic svg{width:16px;height:16px;color:var(--gletscher);opacity:.7}
.mini-post .mp-t{font-size:14px;font-weight:600;color:var(--tinte);line-height:1.35}
.mini-post .mp-c{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-2)}
.sb-cas{text-align:center}
.sb-cas .cas-bonus{font-size:16px;margin:6px 0 12px}
.sb-cas .knopf{width:100%;font-size:14px}
.rg-mini{display:block;margin-top:12px;font-size:12px;color:var(--tinte-2)}
@media (max-width:1020px){aside.seitenspalte{position:static}}

/* ---------- Footer (wortgleich home_v3) ---------- */
footer{background:#E3EBF2;padding:clamp(56px,6vw,84px) 0 40px}
.f-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:clamp(24px,3.5vw,48px);margin-bottom:40px}
.f-brand .marke{margin-bottom:14px}
.f-brand p{font-size:14px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:10px}
.f-col h4{font-family:Georgia,serif;font-size:16px;margin-bottom:12px;color:var(--tinte)}
.f-col a{display:block;font-size:14px;color:var(--tinte-2);text-decoration:none;padding:4px 0}
@media (hover:hover) and (pointer:fine){.f-col a:hover{color:var(--gletscher)}}
.f-bottom{border-top:1px solid var(--eis-2);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--tinte-2)}
.f-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.achtzehn{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:2.5px solid var(--gletscher);
  font-weight:700;font-size:13px;color:var(--gletscher);
}
@media (max-width:980px){.f-grid{grid-template-columns:repeat(2,1fr)}.f-brand{grid-column:1/-1}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ============ WINTERSLOTS v3 — Eishotel-Skin auf Kanon-Skelett (12 Sektionen) ============ */
:root{
  --schnee-0:#F4F7FA; --schnee-1:#EDF3F8; --schnee-2:#E8EFF5;
  --eis-1:#DCE9F2; --eis-2:#C9DEED; --eis-3:#A9C9E4;
  --gletscher:#1B5A8A; --gletscher-tief:#134469;
  --tinte:#22384A; --tinte-2:#3D586C;
  --gold:#E8B84B; --gold-hell:#F0CE7A; --gold-tief:#C89737;
  --messing-rand:#A47B23; --messing-tinte:#3A2A0C; --gold-text:#8A6413;
  --z-nav:100; --z-menu:110; --z-korn:200;
  --ease-out:cubic-bezier(.23,1,.32,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--tinte);
  background:linear-gradient(180deg,var(--schnee-0),var(--schnee-2));
  font-size:16.5px;line-height:1.6;
  overflow-x:clip;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-korn);
  opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.22 0 0 0 0 0.34 0 0 0 0.6 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");
}
img{max-width:100%;display:block}
a{color:var(--gletscher)}
.wrap{width:min(1180px,90vw);margin-inline:auto}
h1,h2,h3{text-wrap:balance;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em;color:var(--tinte)}
b,strong,.zahl{font-variant-numeric:tabular-nums}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gletscher);outline-offset:3px;border-radius:3px}

/* ---------- Messing-Schilder (Sektionsgrammatik des Hauses) ---------- */
.schild{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 46%,var(--gold-tief));
  border:1px solid var(--messing-rand);
  padding:.4em 1em;border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 6px -2px rgba(90,60,10,.4);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.schild::before,.schild::after{content:"";width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFF3D0,var(--gold-tief) 70%);
  box-shadow:0 0 0 1px var(--messing-rand)}

/* ---------- Knöpfe: Affiliate (Messing, „find-me") + Ghost (Gletscher, ruhig) ---------- */
.knopf{
  display:inline-block;font-weight:700;font-size:15.5px;text-decoration:none;text-align:center;
  padding:.75em 1.6em;border-radius:3px;cursor:pointer;border:1px solid transparent;
  transition:transform 150ms var(--ease-out),box-shadow 150ms var(--ease-out),background 150ms var(--ease-out);
}
.knopf:active{transform:scale(.97)}
.knopf-gold{
  color:var(--messing-tinte);text-transform:uppercase;letter-spacing:.02em;
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border-color:var(--messing-rand);
  box-shadow:0 6px 18px -5px rgba(200,151,55,.75);
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.knopf-still{color:var(--gletscher);background:rgba(27,90,138,.06);border:1px solid var(--eis-3)}
@media (hover:hover) and (pointer:fine){
  .knopf-gold:hover{box-shadow:0 9px 24px -6px rgba(200,151,55,.9);transform:translateY(-2px)}
  .knopf-still:hover{border-color:var(--gletscher);background:#fff;transform:translateY(-1px)}
}

/* ---------- 1. Rezeption (Header) ---------- */
header.rezeption{
  position:sticky;top:0;z-index:var(--z-nav);
  background:rgba(244,247,250,.97);
  border-bottom:1px solid var(--eis-2);
}
.rez-innen{display:flex;align-items:center;gap:20px;padding:12px 0}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte);flex:0 0 auto}
.marke svg{width:30px;height:30px;color:var(--gletscher)}
.marke .m-name{font-family:Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.12em}
nav.haupt{display:flex;gap:20px}
nav.haupt a{text-decoration:none;color:var(--tinte);font-size:15px;border-bottom:2px solid transparent;padding:4px 0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){nav.haupt a:hover{border-bottom-color:var(--gold)}}
.suche{display:flex;align-items:center;gap:8px;flex:1 1 180px;max-width:290px;margin-left:auto;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:7px 14px}
.suche svg{width:15px;height:15px;color:var(--tinte-2);flex:0 0 auto}
.suche input{border:none;background:none;font-family:inherit;font-size:14.5px;color:var(--tinte);width:100%;min-width:0}
.suche input::placeholder{color:var(--tinte-2)}
.suche input:focus{outline:none}
.rez-cta{white-space:nowrap;font-size:14px;padding:.65em 1.3em}
/* Burger (CSS-Checkbox) */
#menu-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
  border:1px solid var(--eis-3);border-radius:3px;background:#fff;cursor:pointer;padding:0 9px;flex:0 0 auto}
.burger span{display:block;height:2px;background:var(--gletscher);border-radius:2px}
@media (max-width:940px){
  nav.haupt{
    display:flex;flex-direction:column;gap:0;position:fixed;z-index:var(--z-menu);
    top:0;left:0;bottom:0;width:min(300px,84vw);
    background:var(--schnee-0);border-right:1px solid var(--eis-2);
    padding:80px 26px 26px;
    transform:translateX(-102%);transition:transform 220ms var(--ease-out);
  }
  nav.haupt a{font-size:17px;padding:13px 0;border-bottom:1px solid var(--eis-1)}
  #menu-toggle:checked ~ .rez-innen nav.haupt{transform:none}
  .burger{display:flex}
  .rez-cta{display:none}
  .marke .m-name{font-size:16.5px;letter-spacing:.09em}
  .rez-innen{gap:12px}
  .suche{flex:1 1 auto;max-width:none}
}
@media (prefers-reduced-motion:reduce){nav.haupt{transition:none}}

/* ---------- 2. Hero (Foyer) ---------- */
.foyer{position:relative;overflow:hidden;padding:clamp(48px,6vw,84px) 0 clamp(72px,8vw,110px)}
.foyer-grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(32px,5vw,72px);align-items:center;position:relative;z-index:2}
.foyer h1{
  font-weight:700;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.06;letter-spacing:-.02em;
  margin:22px 0 18px;
}
.foyer h1 em{font-style:italic;color:var(--gletscher)}
.concierge-text{font-size:17.5px;color:var(--tinte-2);max-width:46ch;text-wrap:pretty}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}
.chip-fakt{font-size:14px;font-weight:600;color:#2A4B66;background:#fff;border:1px solid var(--eis-3);
  border-radius:999px;padding:.45em 1em}
.chip-fakt b{color:var(--gletscher)}
.foyer-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.panorama{position:absolute;inset:auto 0 0 0;height:52%;z-index:0;pointer-events:none}
.panorama svg{width:100%;height:100%;display:block}
.vitrinen{position:relative;display:flex;gap:clamp(12px,1.8vw,24px);justify-content:flex-end;align-items:flex-start;z-index:2;padding-top:8px}
.vitrine{
  width:clamp(140px,14.5vw,190px);flex:0 0 auto;
  background:
    conic-gradient(from 205deg at 28% 16%,rgba(255,255,255,.65) 0 38deg,rgba(255,255,255,0) 38deg 96deg,rgba(169,201,228,.4) 96deg 132deg,rgba(255,255,255,0) 132deg 360deg),
    linear-gradient(168deg,#FDFEFF,var(--eis-1) 55%,var(--eis-2));
  border:1px solid var(--eis-3);
  border-radius:64px 64px 12px 12px;
  padding:8px 8px 11px;
  box-shadow:0 26px 34px -22px rgba(27,90,138,.45),0 4px 10px -4px rgba(27,90,138,.18);
}
.vitrine img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:58px 58px 6px 6px;border:1px solid var(--eis-2)}
.vitrine:nth-child(2){margin-top:44px}
.vitrine:nth-child(3){margin-top:88px}
.vitrine::after{content:"";display:block;height:10px;margin:9px auto 0;width:78%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(27,90,138,.28),rgba(27,90,138,0))}
.schneefeld{position:absolute;inset:0;z-index:1;pointer-events:none}
.flocke{position:absolute;top:-46px;color:var(--eis-3);opacity:.75;will-change:transform}
.flocke svg{width:100%;height:100%}
@keyframes schneien{
  0%{transform:translateY(0) rotate(0deg)}
  100%{transform:translateY(min(120vh,1100px)) rotate(160deg)}
}
@media (prefers-reduced-motion:reduce){.flocke{display:none}}
@media (max-width:880px){
  .foyer-grid{grid-template-columns:1fr}
  .vitrinen{justify-content:center}
  .vitrine:nth-child(3){margin-top:64px}
  .concierge-text{max-width:none}
}

/* ---------- Nähte (Schneewechten) ---------- */
.naht{line-height:0;display:block;margin-bottom:-1px}
.naht svg{width:100%;height:clamp(40px,6vw,78px);display:block}

/* ---------- Sektionen allgemein ---------- */
.abschnitt{padding:clamp(84px,8vw,124px) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(30px,3.6vw,44px)}
.sec-head .sh-l{max-width:60ch}
.sec-head h2{font-weight:700;font-size:clamp(1.65rem,3vw,2.5rem);margin:16px 0 8px}
.sec-head p{color:var(--tinte-2);font-size:16.5px;text-wrap:pretty}
.viewall{font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:2px;white-space:nowrap}

/* ---------- Slot-Kacheln (Frostfenster, ganze Kachel = ein Link) ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(172px,19vw,238px),1fr));gap:clamp(16px,2.4vw,26px);row-gap:clamp(26px,3vw,38px)}
.tile{display:block;text-decoration:none;color:inherit}
.tile[hidden]{display:none}
.tile-wip{cursor:default}
.fenster{
  position:relative;aspect-ratio:3/2;border-radius:72px 72px 10px 10px;overflow:hidden;
  border:1px solid var(--eis-3);
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
  box-shadow:0 10px 20px -14px rgba(27,90,138,.3);
}
@media (hover:hover) and (pointer:fine){
  .tile:hover .fenster{transform:translateY(-5px);box-shadow:0 22px 32px -18px rgba(27,90,138,.45)}
  .tile:hover .t-name{color:var(--gletscher)}
}
.tile:active .fenster{transform:scale(.98)}
.fenster img{width:100%;height:100%;object-fit:cover}
.fenster::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M4 56 L20 40 M4 44 L14 34 M16 56 L26 46 M4 56 L4 40 M4 56 L20 56'/><path d='M10 50 l6 0 M10 50 l0 6'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g fill='none' stroke='%23DDEBF6' stroke-width='2' stroke-linecap='round' opacity='.9'><path d='M56 56 L40 40 M56 44 L46 34 M44 56 L34 46 M56 56 L56 40 M56 56 L40 56'/><path d='M50 50 l-6 0 M0 0'/></g></svg>");
  background-repeat:no-repeat,no-repeat;
  background-position:left bottom,right bottom;
  background-size:32px 32px,32px 32px;
}
.frostglas{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:16px 14px 12px;
}
.frostglas .wappen{width:20px;height:20px;color:var(--gletscher);opacity:.75;flex:0 0 auto}
.fg-name{
  font-family:Georgia,serif;font-weight:700;color:var(--gletscher-tief);
  font-size:clamp(12.5px,1.15vw,15px);line-height:1.22;letter-spacing:.03em;
  text-transform:uppercase;text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.t0 .frostglas{background:
  conic-gradient(from 215deg at 30% 18%,rgba(255,255,255,.7) 0 34deg,rgba(255,255,255,0) 34deg 90deg,rgba(169,201,228,.38) 90deg 128deg,rgba(255,255,255,0) 128deg 360deg),
  linear-gradient(163deg,#FBFDFF 0%,#E4EEF6 46%,#D3E4F0 46.2%,#C9DEED 100%)}
.t1 .frostglas{background:
  conic-gradient(from 200deg at 66% 14%,rgba(255,255,255,.65) 0 30deg,rgba(255,255,255,0) 30deg 84deg,rgba(146,186,219,.35) 84deg 120deg,rgba(255,255,255,0) 120deg 360deg),
  linear-gradient(197deg,#F6FAFD 0%,#DCE9F2 52%,#C6DAEA 52.2%,#B7D1E6 100%)}
.t2 .frostglas{background:
  conic-gradient(from 230deg at 40% 22%,rgba(255,255,255,.75) 0 40deg,rgba(255,255,255,0) 40deg 96deg,rgba(180,208,232,.42) 96deg 140deg,rgba(255,255,255,0) 140deg 360deg),
  linear-gradient(151deg,#FFFFFF 0%,#EAF2F8 40%,#DAE8F2 40.2%,#CFE1EF 100%)}
.t-info{padding:11px 4px 0}
.t-name{font-family:Georgia,serif;font-size:15.5px;line-height:1.3;font-weight:700;color:var(--tinte);transition:color 150ms var(--ease-out)}
.t-prov{font-size:12.5px;color:var(--tinte-2);margin-top:2px}
.t-stat{display:flex;align-items:baseline;gap:5px;margin-top:6px;font-size:12px;color:var(--tinte-2);flex-wrap:wrap}
.t-stat b{font-size:16px;color:var(--gletscher);letter-spacing:-.01em}
.t-stat .tv{margin-left:auto}
.t-stat .tv b{font-size:12.5px;color:var(--tinte)}

/* Pager (Neuheiten) */
.pager{display:flex;align-items:center;gap:14px;margin-top:clamp(26px,3vw,36px)}
.pg-btn{
  width:44px;height:44px;border-radius:999px;border:1px solid var(--eis-3);background:#fff;
  color:var(--gletscher);font-size:19px;font-weight:700;cursor:pointer;font-family:inherit;
  transition:transform 130ms var(--ease-out),border-color 130ms var(--ease-out);
}
.pg-btn:active{transform:scale(.94)}
.pg-btn[disabled]{opacity:.38;cursor:default}
@media (hover:hover) and (pointer:fine){.pg-btn:not([disabled]):hover{border-color:var(--gletscher)}}
.pg-stand{font-size:15px;color:var(--tinte-2);font-variant-numeric:tabular-nums}
.pg-stand b{color:var(--tinte)}

/* ---------- 4. Woche: Vitrinen-Karussell + Fallback-Grid ---------- */
#week{background:var(--schnee-1)}
.week-wrap{position:relative}
.week-rail{
  display:flex;gap:clamp(18px,2.6vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent;
}
.week-rail .tile{flex:0 0 clamp(238px,26vw,318px);scroll-snap-align:start}
.rail-nav{position:absolute;top:34%;width:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:3}
.rail-nav .pg-btn{pointer-events:auto;box-shadow:0 8px 18px -10px rgba(27,90,138,.5)}
.rail-nav .pg-prev{transform:translateX(-18px)}
.rail-nav .pg-next{transform:translateX(18px)}
.week-hinweis{font-size:13px;color:var(--tinte-2);margin-top:6px}
@media (max-width:760px),(prefers-reduced-motion:reduce){
  .week-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:6px}
  .week-rail .tile{flex:none}
  .rail-nav{display:none}
}

/* ---------- 5. Top-Casinos (Money-Block) ---------- */
#topcasinos{background:var(--schnee-0)}
.cas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px)}
.cas{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
}
.cas.top{border-color:var(--gold-tief);box-shadow:0 14px 30px -20px rgba(200,151,55,.55)}
@media (hover:hover) and (pointer:fine){
  .cas:hover{transform:translateY(-4px);box-shadow:0 24px 36px -22px rgba(27,90,138,.4)}
}
.cas-dach{position:relative;padding:22px 24px 0;text-align:center}
.cas-dach svg{width:100%;height:44px;display:block;color:var(--eis-2)}
.cas.top .cas-dach svg{color:var(--gold-hell)}
.rank{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--tinte-2);
  background:var(--schnee-0);border:1px solid var(--eis-3);border-radius:999px;padding:.3em .95em;
}
.cas.top .rank{color:var(--messing-tinte);background:linear-gradient(180deg,var(--gold-hell),var(--gold));border-color:var(--messing-rand)}
.cas-name{
  margin:-12px auto 0;width:fit-content;position:relative;z-index:1;
  font-family:Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--messing-tinte);
  background:linear-gradient(180deg,var(--gold-hell),var(--gold) 48%,var(--gold-tief));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.4em 1.1em;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 8px -3px rgba(90,60,10,.45);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.cas-leib{padding:18px 26px 26px;display:flex;flex-direction:column;flex:1;text-align:center}
.cas-bonus{font-family:Georgia,serif;font-weight:700;font-size:20px;color:var(--gletscher-tief);margin:8px 0 14px}
.cas-punkte{list-style:none;text-align:left;margin:0 auto 20px;max-width:30ch;font-size:14.5px;color:var(--tinte-2)}
.cas-punkte li{padding:5px 0 5px 24px;position:relative}
.cas-punkte li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:12px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M6 0 L6 12 M0 6 L12 6 M2 2 L10 10 M10 2 L2 10' stroke='%231B5A8A' stroke-width='1.4'/></svg>") center/contain no-repeat}
.cas-btns{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:center}
.cas-btns .knopf{width:100%;max-width:250px}
.rg-line{margin-top:clamp(26px,3vw,36px);font-size:13.5px;color:var(--tinte-2);text-align:center;text-wrap:pretty}
.rg-line b{color:var(--tinte)}
@media (max-width:980px){.cas-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ---------- 6. Kollektionen (Karussell) ---------- */
#collections{background:var(--schnee-1)}
.col-wrap{position:relative}
.col-rail{display:flex;gap:clamp(14px,2vw,22px);overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 16px;
  scrollbar-width:thin;scrollbar-color:var(--eis-3) transparent}
.col-card{
  flex:0 0 clamp(180px,19vw,236px);scroll-snap-align:start;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:20px 20px 18px;
  transition:transform 160ms var(--ease-out),box-shadow 160ms var(--ease-out);
}
.col-card:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){
  .col-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px -18px rgba(27,90,138,.4)}
}
.col-glyph{
  width:44px;height:44px;border-radius:999px 999px 8px 8px;display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-weight:700;font-size:15px;color:var(--gletscher-tief);
  background:linear-gradient(163deg,#FBFDFF,#D3E4F0);border:1px solid var(--eis-3);
}
.col-name{font-family:Georgia,serif;font-weight:700;font-size:17px;color:var(--tinte)}
.col-sub{font-size:13.5px;color:var(--tinte-2);line-height:1.45}

/* ---------- 8. Provider (Buchstaben-Leiste) ---------- */
#providers{background:var(--schnee-1)}
.prov-row{display:flex;flex-wrap:wrap;gap:10px}
.prov{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  background:#fff;border:1px solid var(--eis-3);border-radius:999px;padding:7px 16px 7px 8px;
  font-size:14px;font-weight:600;color:#2A4B66;
  transition:border-color 130ms var(--ease-out),transform 130ms var(--ease-out);
}
.prov:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.prov:hover{border-color:var(--gletscher)}}
.prov .ic{
  width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gletscher);color:var(--schnee-0);font-family:Georgia,serif;font-weight:700;font-size:13px;
}

/* ---------- 9. Blog (Gästebuch) ---------- */
#blog{background:var(--schnee-0)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px)}
.post{
  display:flex;flex-direction:column;text-decoration:none;background:#fff;
  border:1px solid var(--eis-2);border-radius:4px;overflow:hidden;
  transition:transform 170ms var(--ease-out),box-shadow 170ms var(--ease-out);
}
.post:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){
  .post:hover{transform:translateY(-4px);box-shadow:0 20px 30px -20px rgba(27,90,138,.38)}
}
.post-cover{
  position:relative;aspect-ratio:5/3;display:flex;align-items:center;justify-content:center;padding:20px;
}
.post-cover .wappen{width:34px;height:34px;color:var(--gletscher);opacity:.7;position:absolute;top:16px;left:18px}
.post-cover .pc-titel{
  font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(17px,1.7vw,21px);
  color:var(--gletscher-tief);text-align:center;line-height:1.3;text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.pcat{
  position:absolute;top:14px;right:14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  color:var(--messing-tinte);background:linear-gradient(180deg,var(--gold-hell),var(--gold));
  border:1px solid var(--messing-rand);border-radius:3px;padding:.3em .8em;
}
.post-meta{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.post-meta time{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-2)}
.post-meta h3{font-size:19px;line-height:1.3;margin:8px 0}
.post-meta p{font-size:15px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:16px}
.post-mehr{margin-top:auto;font-weight:600;font-size:14.5px;color:var(--gletscher);border-bottom:2px solid var(--gold);align-self:flex-start;padding-bottom:1px}
@media (max-width:980px){.blog-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ---------- 10. Trust / SEO ---------- */
#trust{background:var(--schnee-1)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.8vw,36px);margin-bottom:clamp(40px,5vw,60px)}
.trbox{background:#fff;border:1px solid var(--eis-2);border-radius:4px;padding:26px 26px 24px}
.trbox .ti{width:38px;height:38px;color:var(--gletscher);margin-bottom:14px}
.trbox h3{font-size:19px;margin-bottom:8px}
.trbox p{font-size:15px;color:var(--tinte-2);text-wrap:pretty}
.seo-block{max-width:75ch}
.seo-block h3{font-size:21px;margin-bottom:12px}
.seo-block p{font-size:15.5px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:12px}
@media (max-width:980px){.trust-grid{grid-template-columns:1fr}}

/* ---------- 11. FAQ ---------- */
#faq{background:var(--schnee-0)}
.faq-list{max-width:800px}
.faq-list details{
  background:#fff;border:1px solid var(--eis-2);border-radius:4px;margin-bottom:12px;
  padding:0 22px;
}
.faq-list summary{
  font-family:Georgia,serif;font-weight:700;font-size:17.5px;color:var(--tinte);
  padding:17px 0;cursor:pointer;list-style:none;position:relative;padding-right:34px;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{
  content:"";position:absolute;right:4px;top:50%;width:12px;height:12px;transform:translateY(-50%);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4 L6 8 L10 4' fill='none' stroke='%231B5A8A' stroke-width='2' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transition:transform 180ms var(--ease-out);
}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.faq-list .fa{padding:0 0 18px;font-size:15.5px;color:var(--tinte-2);text-wrap:pretty}

/* ---------- 12. Footer (5 Spalten) ---------- */
footer{background:#E3EBF2;padding:clamp(56px,6vw,84px) 0 40px}
.f-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:clamp(24px,3.5vw,48px);margin-bottom:40px}
.f-brand .marke{margin-bottom:14px}
.f-brand p{font-size:14px;color:var(--tinte-2);text-wrap:pretty;margin-bottom:10px}
.f-col h4{font-family:Georgia,serif;font-size:16px;margin-bottom:12px;color:var(--tinte)}
.f-col a{display:block;font-size:14px;color:var(--tinte-2);text-decoration:none;padding:4px 0}
@media (hover:hover) and (pointer:fine){.f-col a:hover{color:var(--gletscher)}}
.f-bottom{border-top:1px solid var(--eis-2);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--tinte-2)}
.f-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.achtzehn{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:2.5px solid var(--gletscher);
  font-weight:700;font-size:13px;color:var(--gletscher);
}
@media (max-width:980px){.f-grid{grid-template-columns:repeat(2,1fr)}.f-brand{grid-column:1/-1}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* === WINTERSLOTS chrome-extra === */
/* live search dropdown (search.js paints dark ocean inline colours) -> Schneepapier/Eis */
.site-search-dd{background:#fff!important;border:1px solid var(--eis-3)!important;
  border-radius:12px!important;box-shadow:0 22px 34px -22px rgba(27,90,138,.45)!important;
  font-family:inherit!important;overflow:hidden!important}
.site-search-dd a{color:var(--tinte)!important;border-bottom:1px solid var(--eis-1)!important}
.site-search-dd a:hover{background:var(--schnee-1)!important;color:var(--gletscher)!important}
/* Rezeption: der aktive Navigationspunkt (wortgleich Slot-Etalon) */
nav.haupt a.aktiv{border-bottom-color:var(--gold);font-weight:600}
/* Cover-Container: IMMER 3:2, egal ob echtes Cover oder Frostglas-Platzhalter */
.fenster{aspect-ratio:3/2}
.fenster img{width:100%;height:100%;object-fit:cover}

/* === WINTERSLOTS RESTYLE (ocean-Bodies der Listing-/Hub-Seiten) ===
   slots.html, collections.html, providers.html, bonuses.html, rtp.html, feature-*/theme-*,
   *-volatility, blog.html tragen ocean-Klassen, die es im Eishotel-Entwurf nicht gibt.
   C.skin() färbt die Palette schon um; diese Schicht formt die Blöcke in die Hausgrammatik
   (Schneepapier-Karten, Eisrand, Georgia-Überschriften, Messing-Unterstrich). Alles !important —
   jede Hub-Seite lädt theme.css ZUERST, danach winterreels.css. */
.caustics,.bubbles,.drift,.wave,.band-art::before{display:none!important}
body,main.wrap,main{background:linear-gradient(180deg,#F4F7FA,#E8EFF5)!important;color:#22384A!important}
.crumbs{color:#3D586C!important;font-size:13.5px!important}
.crumbs a{color:#3D586C!important;text-decoration:none!important}
.crumbs a:hover{color:#1B5A8A!important}
.coll-head,.bh1,.hub-h1,.page-h1{font-family:Georgia,"Times New Roman",serif!important;color:#22384A!important;
  font-weight:700!important;font-size:clamp(1.95rem,4vw,3rem)!important;letter-spacing:-.015em!important;
  text-shadow:none!important;margin:14px 0 8px!important}
.coll-sub,.bsub,.hub-sub{color:#3D586C!important;font-size:16.5px!important;margin:0 0 18px!important}
.section-h,.sec-title{font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;
  font-size:clamp(1.5rem,2.6vw,2.1rem)!important;letter-spacing:-.015em!important;
  border-top:1px solid #C9DEED!important;padding-top:18px!important;margin:40px 0 18px!important}
.coll-intro,.seo-block{background:#fff!important;border:1px solid #C9DEED!important;border-radius:4px!important;
  box-shadow:none!important;padding:22px 26px!important;margin:16px 0 28px!important}
.coll-intro h2,.seo-block h2{font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;margin:0 0 10px!important}
.coll-intro p,.seo-block p{color:#3D586C!important;margin:0 0 10px!important}
.coll-intro a,.seo-block a{color:#1B5A8A!important}
/* Kacheln -> Frostfenster */
.tiles,.row,.slot-row,.reelrow,.card-grid,.grid-cards{display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(clamp(172px,19vw,238px),1fr))!important;
  gap:clamp(16px,2.4vw,26px)!important;row-gap:clamp(26px,3vw,38px)!important;background:transparent!important;border:0!important}
.tile,.tile-frame,.rel-card,.scard,.gcard{position:relative!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
  color:#22384A!important;text-decoration:none!important;min-width:0!important}
.tile-img,.tile-frame .tile-img,.rel-card img,.scard .cov,.cov,.gcard img{position:relative!important;
  width:100%!important;aspect-ratio:3/2!important;overflow:hidden!important;object-fit:cover!important;
  background:linear-gradient(163deg,#FBFDFF 0%,#E4EEF6 46%,#D3E4F0 46.2%,#C9DEED 100%)!important;
  border:1px solid #A9C9E4!important;border-radius:72px 72px 10px 10px!important;clip-path:none!important;
  box-shadow:0 10px 20px -14px rgba(27,90,138,.3)!important;margin:0 0 11px!important;display:block!important}
.tile-img img,.cov img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.tile-img::after,.tile-frame::after{display:none!important}
.tile-meta,.tile-name,.rel-name,.scard .sn,.gcard .n{padding:0!important;background:transparent!important;
  font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;font-size:15.5px!important;line-height:1.3!important}
.tile .p,.scard .sp,.gcard .p{padding:0!important;font-size:12.5px!important;color:#3D586C!important;margin-top:2px!important}
/* Pillen / Tags -> Eischips */
.triangle,.tagcloud,.tagpills,.chips,.pf-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0!important}
.tagpill,.chip,.pf-chip{display:inline-block!important;padding:5px 13px!important;border-radius:999px!important;
  background:#fff!important;border:1px solid #A9C9E4!important;color:#2A4B66!important;
  font-size:13.5px!important;font-weight:600!important;line-height:1.5!important;text-decoration:none!important}
.tagpill:hover,.chip:hover,.pf-chip:hover{border-color:#1B5A8A!important;color:#1B5A8A!important}
.tagpill.nolink{background:#EDF3F8!important;color:#3D586C!important;opacity:.85!important}
/* Pager */
.pager,.pagination{display:flex!important;gap:8px!important;justify-content:center!important;margin:28px 0!important}
.pager a,.pager span,.pagination a,.pagination span{border:1px solid #A9C9E4!important;border-radius:999px!important;
  background:#fff!important;color:#1B5A8A!important;padding:9px 16px!important;font-size:15px!important;text-decoration:none!important}
.pager a:hover,.pagination a:hover{border-color:#1B5A8A!important}
/* Artikel-Bodies */
.art,.blog-article{max-width:75ch!important;margin:0 auto!important}
.art h1,.blog-article h1{font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;
  font-size:clamp(1.9rem,3.8vw,3rem)!important;line-height:1.1!important;margin:12px 0 14px!important}
.art h2,.blog-article h2{font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;
  font-size:clamp(1.35rem,2.3vw,1.95rem)!important;margin:34px 0 12px!important;border:0!important}
.art p,.blog-article p{color:#3D586C!important;font-size:16.5px!important;line-height:1.6!important;margin:0 0 14px!important}
.art a,.blog-article a{color:#1B5A8A!important}
.art .cover,.blog-article img{border:1px solid #C9DEED!important;border-radius:4px!important;margin:0 0 20px!important}
/* FAQ-Akkordeons aus ocean */
details.faq-item,.faq details{border:1px solid #C9DEED!important;border-radius:4px!important;background:#fff!important;
  box-shadow:none!important;margin-bottom:12px!important;padding:0 22px!important}
.faq summary,details.faq-item summary{font-family:Georgia,serif!important;color:#22384A!important;font-weight:700!important;font-size:17.5px!important}
/* Geld-/Bonuspanels */
.mw-panel,.bonus-card,.bcard,.bonus-strip{background:#fff!important;border:1px solid #C9DEED!important;
  border-radius:4px!important;box-shadow:none!important}
.btn-primary,.cta-btn,.btn-gold,.cplay{border-radius:3px!important;font-weight:700!important}