/* Grundlage: Roberts Bausteine und Oberfläche aus dem Grand Beau-Rivage (Stand 11.10.2026), übersetzt in die Welt «Storen und Holz»
   des Seiler au Lac. Erzeugt von _werkzeug/basis.py, nie von Hand ändern; die eigene Gestalt steht in _seiler.css. */
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Marcellus-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Marcellus-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Marcellus Ersatz';src:local('Georgia');size-adjust:104%}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/InstrumentSans-normal-400_600.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/DMMono-normal-400.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/DMMono-normal-500.woff2') format('woff2')}
@font-face{font-family:'Sans Ersatz';src:local('Arial');size-adjust:99%}
:root{--nacht:#21170f; --marine:#372517; --blau:#523a27; --aare:#6d5039; 
  --papier:#f7f0e3; --creme:#efe4cf; --sand:#e2d2b5; --weiss:#fdf9f1;
  --taupe:#B0934F; --taupe-tief:#826C35; --gold:#E6D2A2; --goldhell:#F0E3C2;
  --tinte:#2b2017;
  --navy:var(--marine);
  --linie:rgba(130,108,53,.3); --linie-hell:rgba(230,210,162,.3);
  --serif:'Marcellus','Marcellus Ersatz',Georgia,serif;
  --caps:'Marcellus','Marcellus Ersatz',Georgia,serif;
  --sans:'Instrument Sans','Sans Ersatz',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'DM Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --e1:cubic-bezier(.16,1,.3,1); --e2:cubic-bezier(.32,.72,0,1); --e3:cubic-bezier(.19,1,.22,1);
  --rand:clamp(20px,5vw,96px); --max:1560px; --schmal:1180px;
  --abschnitt:clamp(80px,9.5vw,160px);
  --r-xl:28px; --r-l:22px; --r-m:16px;
  
  --platte-h:linear-gradient(180deg,#fcf7ee,#f4ecdc 60%,#ebe0cb);--platte-h-s:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(130,108,53,.14),0 1.5px 0 #d6c7a8,0 34px 46px -32px rgba(43,32,23,.45);
  --kuhle-h:linear-gradient(180deg,#e8dcc3,#efe5d1 40%,#f1e8d6);--kuhle-h-s:inset 0 3px 6px -1px rgba(43,32,23,.16),inset 0 1px 0 rgba(43,32,23,.1),inset 0 0 0 1px rgba(130,108,53,.1),0 1px 0 #fff;
  
  --platte-d:linear-gradient(180deg,#4c3725,#44301f 46%,#302115);--platte-d-s:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(230,210,162,.28),0 2px 0 #1b120b,0 40px 50px -32px rgba(0,0,0,.7);
  --kuhle-d:linear-gradient(180deg,#1d140c,#291c12 34%,#2b1d12);--kuhle-d-s:inset 0 3px 6px -1px rgba(11,8,5,.62),inset 0 1px 0 rgba(11,8,5,.55),inset 0 0 0 1px rgba(11,8,5,.3),0 1px 0 rgba(255,255,255,.08);}
*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--sans);font-size:18px;line-height:1.66;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
address{font-style:normal}
em{font-style:normal}
::selection{background:var(--creme);color:var(--tinte)}
:focus-visible{outline:1.5px solid var(--taupe);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main,footer{overflow-wrap:break-word}
.lupe{background:rgba(33,23,15,.94)}
.lupe img{box-shadow:0 0 0 1px rgba(230,210,162,.5),0 0 0 9px #372517,0 0 0 10px rgba(230,210,162,.3),0 50px 70px -30px #000}
.feld{background:rgba(23,16,11,.42);box-shadow:inset 0 1px 3px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}
.buchen__in::before{border-color:rgba(230,210,162,.3)}
.pfeile button,.burger,.zu,.rund{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.45),0 10px 16px -10px rgba(0,0,0,.75)}
.z{display:block;overflow:hidden;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.z>span{display:block;transform:translateY(108%);transition:transform 1.25s var(--e1)}
.da .z>span,.z.da>span{transform:none}
.z:nth-child(2)>span{transition-delay:.09s}
.z:nth-child(3)>span{transition-delay:.18s}
.z:nth-child(4)>span{transition-delay:.27s}
.kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(0,0,0,.6);
  --ko:#6d5039;--ku:#21170f;--kt:var(--weiss);--klicht:rgba(255,255,255,.24);
  position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 7px 0 26px;border-radius:999px;
  font-family:var(--mono);font-size:13px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--t);
  background:linear-gradient(180deg,var(--o) 0%,var(--m) 46%,var(--u) 100%);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 1px 1px rgba(0,0,0,.3),0 16px 26px -14px var(--tief);
  transition:transform .55s var(--e2),box-shadow .55s var(--e2)}
.kn:hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 2px 2px rgba(0,0,0,.25),0 24px 32px -16px var(--tief)}
.kn:active{transform:translateY(1px) scale(.985);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.28),inset 0 -1px 0 var(--kante),0 1px 1px rgba(0,0,0,.3),0 6px 12px -8px var(--tief)}
.kn::after{content:'';position:absolute;z-index:-1;top:-20%;bottom:-20%;left:0;width:38%;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translateX(-180%) skewX(-18deg);transition:transform 0s}
.kn:hover::after{transform:translateX(360%) skewX(-18deg);transition:transform 1s var(--e1)}
.kn i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--ko),var(--ku));color:var(--kt);
  box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(0,0,0,.28),0 3px 6px rgba(0,0,0,.35);transition:transform .6s var(--e2)}
.kn:hover i{transform:translateX(2px) scale(1.05)}
.kn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.2;transition:transform .6s var(--e2)}
.kn:hover svg{transform:translate(2px,-2px)}
.fl--papier .kn,.fl--creme .kn,.tafel .kn,.blatt .kn{--o:#6d5039;--m:#523a27;--u:#21170f;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(33,23,15,.6);
  --ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.fl--papier .kn::after,.fl--creme .kn::after,.tafel .kn::after,.blatt .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}
.kn--linie{--o:#6d5039;--m:#523a27;--u:#302115;--t:#fff;--licht:rgba(255,255,255,.24);--kante:rgba(0,0,0,.45);--tief:rgba(0,0,0,.55);
  --ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.16) 50%,transparent 100%)}
.fl--papier .kn--linie,.fl--creme .kn--linie,.tafel .kn--linie,.blatt .kn--linie{--o:#fdf9f1;--m:#f9f1e1;--u:#e8dcc3;--t:var(--tinte);--licht:#fff;--kante:rgba(130,108,53,.28);--tief:rgba(78,64,44,.42);
  --ko:#6d5039;--ku:#21170f;--kt:var(--weiss);--klicht:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(130,108,53,.16),0 1px 1px rgba(78,64,44,.2),0 16px 26px -14px var(--tief)}
.fl--papier .kn--linie::after,.fl--creme .kn--linie::after,.tafel .kn--linie::after,.blatt .kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
.kn--klein{height:44px;padding-left:20px;font-size:10.5px;gap:10px}
.kn--klein i{width:32px;height:32px}
.kn--ohne{padding-right:26px}
.kn-reihe{display:flex;flex-wrap:wrap;gap:12px}
.pfeil{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.13em;text-transform:uppercase;padding:8px 0;position:relative}
.pfeil::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;opacity:.3;transition:opacity .5s}
.pfeil:hover::after{opacity:1}
.pfeil svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.2;transition:transform .6s var(--e2)}
.pfeil:hover svg{transform:translate(3px,-3px)}
.pfeile{display:flex;gap:8px}
.pfeile button,.burger,.zu,.rund{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#6d5039,#523a27 50%,#302115);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.45),0 10px 16px -10px rgba(0,0,0,.75);transition:transform .5s var(--e2),box-shadow .5s var(--e2),opacity .4s}
.pfeile button:hover,.burger:hover,.rund:hover{transform:translateY(-2px)}
.pfeile button:active,.burger:active,.rund:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}
.pfeile button:disabled{opacity:.32;pointer-events:none}
.pfeile svg,.rund svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.3}
.pfeile--hell button{color:var(--tinte);background:linear-gradient(180deg,#fdf9f1,#f7f0e3 50%,#e8dcc3);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(130,108,53,.26),inset 0 0 0 1px rgba(130,108,53,.16),0 10px 16px -10px rgba(78,64,44,.5)}
.zu:hover{transform:rotate(90deg)}
.laufbalken{position:relative;height:1px;width:min(280px,44%);margin:10px 0 0 auto;background:rgba(255,255,255,.18)}
.laufbalken i{position:absolute;left:0;top:-.5px;height:2px;width:30%;background:#fff;will-change:transform}
.laufbalken--hell{background:rgba(33,23,15,.18)}
.laufbalken--hell i{background:var(--tinte)}
.glanz{isolation:isolate;position:relative;overflow:hidden;border:1px solid transparent;border-radius:999px;color:var(--papier);
  background:linear-gradient(180deg,#523a27,#302115) padding-box,
    conic-gradient(from calc(var(--ga) - var(--go)),transparent,var(--gold) var(--gp),#fff calc(var(--gp)*2),var(--taupe) calc(var(--gp)*3),transparent calc(var(--gp)*4)) border-box;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 14px 26px -16px rgba(0,0,0,.8);
  transition:--go .8s cubic-bezier(.25,1,.5,1),--gp .8s cubic-bezier(.25,1,.5,1),transform .5s var(--e2)}
.glanz--laeuft{animation:ga 3.6s linear infinite}
.glanz:is(:hover,:focus-visible,:focus-within){--gp:20%;--go:95deg;animation:ga 3.6s linear infinite}
.glanz:active{transform:translateY(1px)}
@keyframes ga{to{--ga:360deg}}
.nav{position:fixed;z-index:60;top:18px;left:0;right:0;padding:0 var(--rand);pointer-events:none;transition:transform .8s var(--e2)}
.nav.weg{transform:translateY(-130%)}
.nav__insel{pointer-events:auto;width:fit-content;max-width:100%;margin:0 auto;height:62px;padding:0 9px 0 22px;border-radius:999px;
  display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,2.2vw,36px);
  border:1px solid rgba(230,210,162,.26);background:linear-gradient(180deg,rgba(82,58,39,.97),rgba(36,26,17,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 30px -18px rgba(0,0,0,.85)}
.nav__logo{display:flex;align-items:center;gap:12px;color:#fff}
.nav__logo svg{height:26px;width:auto;color:var(--gold)}
.nav__logo b{font-family:var(--serif);font-weight:700;font-size:1.06rem;letter-spacing:.07em;white-space:nowrap}
.nav__links{display:flex;gap:clamp(14px,1.5vw,24px)}
.nav__links a{font-family:var(--mono);font-size:13.5px;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.74);padding:10px 0;position:relative;transition:color .4s}
.nav__links a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--e1)}
.nav__links a:hover,.nav__links a[aria-current]{color:#fff}
.nav__links a:hover::after,.nav__links a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.nav__rechts{display:flex;align-items:center;gap:8px}
.nav__rechts .kn{display:none}
.burger{display:none;width:44px;height:44px;position:relative}
.burger span{position:absolute;left:14px;right:14px;height:1.2px;background:#fff;transition:transform .6s var(--e2)}
.burger span:first-child{top:19px}
.burger span:last-child{top:25px}
.offen .burger span:first-child{transform:translateY(3px) rotate(45deg)}
.offen .burger span:last-child{transform:translateY(-3px) rotate(-45deg)}
.rl{display:inline-flex;overflow:hidden;line-height:1.5;vertical-align:top;white-space:pre}
.rl i{position:relative;display:block;font-style:normal;transition:transform .55s cubic-bezier(.2,.7,.25,1);transition-delay:calc(var(--k,0)*16ms)}
.rl i::after{content:attr(data-b);position:absolute;left:0;top:100%;color:var(--gold)}
@media (hover:hover){.nav__links a:hover .rl i{transform:translateY(-100%)}}
.sprache{position:fixed;z-index:61;top:22px;left:max(18px,calc(var(--rand)*.5));display:flex;align-items:center;gap:7px;height:46px;padding:0 17px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;transition:transform .5s var(--e2)}
.sprache a{padding:6px 2px;color:rgba(255,255,255,.5);transition:color .3s}
.sprache a[aria-current="true"]{color:#fff;box-shadow:inset 0 -1px 0 var(--gold)}
.sprache a:hover{color:#fff}
.sprache i{font-style:normal;opacity:.35}
.eckknopf{position:fixed;z-index:61;top:22px;right:max(18px,calc(var(--rand)*.5));display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 22px 0 24px;font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;
  transition:--go .8s cubic-bezier(.25,1,.5,1),--gp .8s cubic-bezier(.25,1,.5,1),transform .5s var(--e2)}
.eckknopf svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .5s var(--e2)}
.eckknopf:hover svg{transform:translate(3px,-3px)}
.nav.weg~.sprache,.nav.weg~.eckknopf{transform:translateY(-220%)}
.menue{position:fixed;inset:0;z-index:55;background:var(--nacht);padding:112px var(--rand) 34px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;overflow:auto;
  opacity:0;visibility:hidden;transition:opacity .5s var(--e2),visibility 0s .5s}
.offen .menue{opacity:1;visibility:visible;transition:opacity .5s var(--e2)}
.menue__links a{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,7.6vw,3rem);line-height:1.2;letter-spacing:0;overflow:hidden}
.menue__links a span{display:block;transform:translateY(105%);transition:transform .9s var(--e1);transition-delay:calc(var(--i)*55ms)}
.offen .menue__links a span{transform:none}
.menue__fuss{display:grid;gap:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.menue__fuss .kn{justify-self:start;margin-bottom:10px}
dialog.buchen{width:min(880px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:var(--r-xl);background:var(--navy);color:#fff;overflow:auto;box-shadow:0 60px 120px -40px #000}
dialog.buchen::backdrop{background:rgba(23,16,11,.82)}
.buchen__in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.buchen__in::before{content:'';position:absolute;inset:10px;border:1px solid rgba(230,210,162,.26);border-radius:calc(var(--r-xl) - 10px);pointer-events:none;z-index:2}
.buchen__b{position:relative;min-height:320px;background:#372517}
.buchen__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.buchen__t{padding:clamp(30px,4vw,54px) clamp(26px,3.4vw,48px) clamp(26px,3vw,40px)}
.buchen__t svg.z-ce{width:54px;height:auto;color:var(--gold);margin-bottom:18px}
.buchen .zu{position:absolute;z-index:3;right:22px;top:22px;width:44px;height:44px}
.buchen .zu svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4}
.felder{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.feld{display:grid;gap:5px;padding:12px 16px;border-radius:6px;background:rgba(23,16,11,.42);box-shadow:inset 0 1px 3px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}
.feld--ganz{grid-column:1/-1}
.feld span{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.feld input,.feld select,.feld textarea{width:100%;min-width:0;border:0;background:transparent;color:#fff;font:500 1.04rem var(--sans);padding:0;color-scheme:dark;appearance:none;-webkit-appearance:none;resize:vertical}
.feld select option{color:#000}
.buchen form .kn{margin-top:18px;width:100%;justify-content:space-between}
.buchen__vorteil{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.76)}
.fl--papier .feld,.fl--creme .feld,.blatt .feld{background:rgba(255,255,255,.5);box-shadow:inset 0 1px 3px rgba(78,64,44,.28),inset 0 0 0 1px rgba(130,108,53,.2)}
.fl--papier .feld span,.fl--creme .feld span,.blatt .feld span{color:var(--taupe)}
.fl--papier .feld input,.fl--papier .feld select,.fl--papier .feld textarea,.fl--creme .feld input,.fl--creme .feld select,.fl--creme .feld textarea,.blatt .feld input,.blatt .feld select,.blatt .feld textarea{color:var(--tinte);color-scheme:light}
.gang__kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,44px)}
.band{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--rand);padding:4px var(--rand) 26px;margin:0 calc(-1*var(--rand));scrollbar-width:none;cursor:grab}
.band::-webkit-scrollbar{display:none}
.band.zieht{cursor:grabbing;scroll-snap-type:none}
.band>*{flex:none;scroll-snap-align:start}
.band img{pointer-events:none;-webkit-user-drag:none}
.bruch{position:relative;min-height:min(58vh,560px);clip-path:inset(0);background:var(--nacht);color:#fff;overflow:hidden}
.bruch>img{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;object-fit:cover}
.bruch .in{position:fixed;left:0;right:0;top:50%;width:auto;max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding:0 var(--rand);transform:translateY(-50%)}
.bruch .d2{font-size:clamp(2rem,5vw,5.3rem);text-shadow:0 2px 26px rgba(27,19,12,.6)}
.bruch .mono{display:block;margin-top:20px;color:rgba(255,255,255,.86);text-shadow:0 1px 14px rgba(27,19,12,.7)}
@media (max-width:860px){.bruch{min-height:54svh}}
dialog.zb{width:min(1360px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:var(--r-xl);background:var(--papier);color:var(--tinte);overflow:auto;box-shadow:0 60px 120px -40px #000}
dialog.zb::backdrop{background:rgba(23,16,11,.86)}
dialog.zb[open]{animation:zbauf .7s var(--e1)}
@keyframes zbauf{from{opacity:0;transform:translateY(24px) scale(.975)}}
.zb .zu{position:absolute;z-index:5;right:16px;top:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#6d5039,#523a27 50%,#21170f);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 16px -10px rgba(33,23,15,.7);transition:transform .5s var(--e1)}
.zb .zu svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.3}
.zb__in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,2.6vw,44px);padding:clamp(12px,1.2vw,18px);align-items:center}
.zb__buehne{position:relative;border-radius:calc(var(--r-xl) - 6px);overflow:hidden;aspect-ratio:3/2;background:var(--navy)}
.zb__bilder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s var(--e2),transform 1.8s var(--e1)}
.zb__bilder img.an{opacity:1;transform:none}
.zb__buehne .kerbe{--f:var(--papier);font-size:clamp(1.1rem,1.5vw,1.6rem)}
.zb__pf{position:absolute;z-index:3;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);background:linear-gradient(180deg,#fcf7ee,#f2e8d5 50%,#e2d2b5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(130,108,53,.36),0 14px 20px -10px rgba(0,0,0,.7);transition:transform .4s var(--e1)}
.zb__pf svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4}
.zb__pf--l{left:14px}
.zb__pf--r{right:14px}
.zb__pf:hover{transform:scale(1.06)}
.zb__pf:active{transform:scale(.96)}
.zb__daumen{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
.zb__daumen::-webkit-scrollbar{display:none}
.zb__daumen button{flex:none;width:clamp(74px,7.4vw,112px);aspect-ratio:3/2;border-radius:10px;overflow:hidden;opacity:.55;box-shadow:0 0 0 1px rgba(176,147,79,.3);transition:opacity .4s,box-shadow .4s}
.zb__daumen button img{width:100%;height:100%;object-fit:cover}
.zb__daumen button:hover{opacity:.9}
.zb__daumen button[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px var(--taupe)}
.zb__t{padding:clamp(10px,2vw,34px) clamp(14px,2.4vw,40px) clamp(14px,2vw,30px) 0}
.zb__t .d3{font-size:clamp(1.9rem,2.9vw,3rem);line-height:1.08;padding-right:50px}
.zb__t .kapitel{margin:12px 0 0}
.zb__t .lauf{margin-top:18px;color:rgba(33,23,15,.82)}
.zb__t .zb__mit{padding-top:16px;border-top:1px solid var(--linie);font-weight:600}
.zb__t .kn-reihe{margin-top:24px}
.zb .kn{--o:#6d5039;--m:#523a27;--u:#21170f;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(33,23,15,.6)}
@media (max-width:860px){.zb__in{grid-template-columns:minmax(0,1fr);gap:8px}
.zb__t{padding:14px 10px 18px}
.zb__pf{width:44px;height:44px;margin-top:-22px}}
.frei--lupe{cursor:zoom-in}
.frei--lupe .rahmen__k{overflow:hidden;transition:transform .7s var(--e2),box-shadow .6s var(--e2)}
.frei--lupe .rahmen__k img{transition:transform 1.6s var(--e1)}
@media (hover:hover){.frei--lupe:hover .rahmen__k{transform:translateY(-8px);box-shadow:0 0 0 2px var(--taupe),0 46px 46px -30px rgba(43,32,23,.7)}
.frei--lupe:hover .rahmen__k img{transform:scale(1.06)}
.frei--lupe:hover figcaption{color:var(--taupe)}}
.frei--lupe figcaption{transition:color .4s}
.frei--lupe:focus-visible{outline:2px solid var(--taupe);outline-offset:6px;border-radius:24px}
.frei--lupe:active .rahmen__k{transform:scale(.985)}
.lupe{position:fixed;inset:0;z-index:999;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1.6vw,26px);padding:clamp(14px,2.4vw,40px);background:rgba(33,23,15,.94)}
.lupe[hidden]{display:none}
.lupe figure{margin:0;display:grid;justify-items:center;gap:clamp(12px,1.4vw,20px);min-width:0}
.lupe img{display:block;max-width:100%;max-height:calc(100svh - 150px);width:auto;height:auto;border-radius:24px;box-shadow:0 0 0 1px rgba(230,210,162,.5),0 0 0 9px #372517,0 0 0 10px rgba(230,210,162,.3),0 50px 70px -30px #000}
.lupe figcaption{font-family:var(--serif);font-size:clamp(1.2rem,1.9vw,2rem);line-height:1.1;color:#fff;text-align:center}
.lupe__pf,.lupe__zu{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);background:linear-gradient(180deg,#fcf7ee,#f2e8d5 50%,#e2d2b5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(130,108,53,.36),0 14px 20px -10px rgba(0,0,0,.8);transition:transform .5s var(--e2)}
.lupe__pf svg,.lupe__zu svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.lupe__pf:hover{transform:scale(1.08)}
.lupe__zu:hover{transform:rotate(90deg)}
.lupe__zu{position:absolute;right:clamp(14px,2.4vw,40px);top:clamp(14px,2.4vw,40px);z-index:2}
.lupe--eins .lupe__pf{visibility:hidden}
@media (max-width:700px){.lupe{grid-template-columns:minmax(0,1fr);padding:14px}
.lupe__pf{position:absolute;bottom:18px;z-index:2}
.lupe__pf--l{left:calc(50% - 66px)}
.lupe__pf--r{left:calc(50% + 10px)}
.lupe img{max-height:calc(100svh - 230px);border-radius:16px}
.lupe figure{margin-bottom:70px}}
.tabs.tabs--schalter{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;gap:0;padding:5px;border:0;border-radius:999px;overflow:visible;
  background:linear-gradient(180deg,#21170f,#523a27);box-shadow:inset 0 2px 6px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(230,210,162,.34)}
.tabs.tabs--schalter::before{content:'';position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;
  background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 46%,#e2d2b5 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -3px 0 rgba(130,108,53,.38),0 1px 1px rgba(0,0,0,.4),0 12px 18px -10px rgba(0,0,0,.8);
  transition:transform .7s var(--e2)}
.tabs.tabs--schalter:has(.tab:nth-child(2)[aria-pressed="true"])::before{transform:translateX(100%)}
.tabs.tabs--schalter .tab,.fl--nacht .tabs.tabs--schalter .tab,.fl--navy .tabs.tabs--schalter .tab{position:relative;z-index:1;height:48px;min-width:clamp(118px,11vw,156px);padding:0 clamp(22px,2.2vw,34px);border-radius:999px;
  background:none;box-shadow:none;opacity:1;color:rgba(252,247,238,.78);font-family:var(--serif);font-size:clamp(1.02rem,1.2vw,1.2rem);letter-spacing:.01em;text-align:center;transition:color .5s var(--e2)}
.tabs.tabs--schalter .tab::after{display:none}
.tabs.tabs--schalter .tab:hover{color:#fff}
.tabs.tabs--schalter .tab[aria-pressed="true"],.fl--nacht .tabs.tabs--schalter .tab[aria-pressed="true"],.fl--navy .tabs.tabs--schalter .tab[aria-pressed="true"],.tabs.tabs--schalter:not(:has([aria-pressed="true"])) .tab:first-child{color:var(--tinte);opacity:1;background:none;box-shadow:none}
.tabs.tabs--schalter .tab:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.fl--papier .tabs.tabs--schalter,.fl--creme .tabs.tabs--schalter{background:linear-gradient(180deg,#523a27,#523a27)}
@media (prefers-reduced-motion:reduce){.tabs.tabs--schalter::before{transition:none}}
form.blatt{color:#fff;border-radius:var(--r-xl);padding:clamp(28px,3.6vw,58px);
  background:linear-gradient(180deg,rgba(82,58,39,.88) 0%,rgba(55,37,23,.93) 44%,rgba(33,23,15,.97) 100%),#523a27 url(../img/tapete-dunkel.webp) 50% 0/176px auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(230,210,162,.55),0 3px 0 #21170f,0 56px 70px -40px rgba(33,23,15,.9)}
form.blatt::before{inset:10px;border:1px solid rgba(230,210,162,.34);border-radius:calc(var(--r-xl) - 10px)}
form.blatt .blatt__kopf{align-items:center;padding-bottom:clamp(16px,1.8vw,24px);border-bottom:1px solid rgba(230,210,162,.36)}
form.blatt .blatt__kopf .d4{font-size:clamp(1.6rem,2.3vw,2.4rem);line-height:1.1;color:#fcf7ee}
form.blatt .blatt__kopf .mono{color:rgba(230,210,162,.86)}
form.blatt .gutschein__z{color:var(--gold);width:clamp(54px,4.6vw,70px)}
form.blatt .gutschein__satz{margin:clamp(18px,2vw,26px) 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.12rem,1.4vw,1.4rem);line-height:1.35;color:rgba(255,255,255,.92)}
form.blatt .felder{gap:12px;margin-top:clamp(20px,2.2vw,30px)}
form.blatt .feld{gap:7px;padding:15px 20px 14px;border-radius:16px;background:rgba(23,16,11,.5);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.62),inset 0 -1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(230,210,162,.24);transition:box-shadow .45s var(--e2)}
form.blatt .feld:hover{box-shadow:inset 0 2px 6px rgba(0,0,0,.62),inset 0 -1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(230,210,162,.46)}
form.blatt .feld:focus-within{box-shadow:inset 0 2px 6px rgba(0,0,0,.62),inset 0 -1px 0 rgba(255,255,255,.09),inset 0 0 0 1.5px rgba(230,210,162,.92)}
form.blatt .feld span{color:var(--gold);font-size:11px;letter-spacing:.16em}
form.blatt .feld input,form.blatt .feld select,form.blatt .feld textarea{color:#fff;color-scheme:dark;font-family:var(--serif);font-weight:400;font-size:clamp(1.06rem,1.2vw,1.2rem);line-height:1.3;outline:0}
form.blatt .feld textarea{resize:none;min-height:3.9em}
form.blatt .feld select{padding-right:26px;cursor:pointer;background:no-repeat right 2px center/13px 8px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath d='M1 1l5.5 5.5L12 1' fill='none' stroke='%23dcc68f' stroke-width='1.4'/%3E%3C/svg%3E")}
form.blatt .feld input[type=number]{-moz-appearance:textfield}
form.blatt .feld input[type=number]::-webkit-inner-spin-button,form.blatt .feld input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
form.blatt .feld input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 99999s}
form.blatt .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(0,0,0,.7);--ko:#6d5039;--ku:#21170f;--kt:var(--weiss);--klicht:rgba(255,255,255,.24)}
form.blatt .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
form.blatt .kn-reihe{margin-top:clamp(22px,2.4vw,32px)}
form.blatt .lauf{color:rgba(255,255,255,.82)}
@media (max-width:600px){form.blatt{border-radius:26px}
form.blatt::before{inset:7px;border-radius:19px}
form.blatt .feld{padding:13px 16px 12px;border-radius:13px}}
.bruch:not(.nah)>img{display:none}
.d1,.d2,.d3,.d4{font-family:var(--serif);font-weight:500;letter-spacing:-.005em;text-wrap:balance}
.d1{font-size:clamp(2.8rem,6.8vw,7.2rem);line-height:.98}
.d2{font-size:clamp(2.2rem,4.6vw,4.9rem);line-height:1.02}
.d3{font-size:clamp(1.6rem,2.5vw,2.7rem);line-height:1.1}
.d4{font-size:clamp(1.2rem,1.55vw,1.65rem);line-height:1.18}
.d1 em,.d2 em,.d3 em,.d4 em{color:var(--taupe)}
.dunkel .d1 em,.dunkel .d2 em,.dunkel .d3 em,.dunkel .d4 em{color:var(--gold)}
.caps{font-family:var(--caps);font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.lauf{font-size:clamp(1.02rem,1.15vw,1.2rem);line-height:1.72;max-width:58ch;color:rgba(43,32,23,.84)}
.lauf p+p{margin-top:1.05em}
.lauf a{box-shadow:inset 0 -1px 0 currentColor}
.dunkel .lauf{color:rgba(255,255,255,.82)}
.gross{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.05vw,2.15rem);line-height:1.36;letter-spacing:-.004em;text-wrap:pretty}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.mono--k{font-size:11px;letter-spacing:.16em}
.quelle{margin-top:18px;font-size:.86rem;line-height:1.5;opacity:.6;max-width:70ch}
.mitte{text-align:center}
.mitte .lauf{margin-inline:auto}
.mitte .kn-reihe{justify-content:center}
.fl{position:relative;padding:var(--abschnitt) var(--rand);overflow:hidden}
.fl--eng{padding-top:clamp(54px,6.4vw,104px);padding-bottom:clamp(54px,6.4vw,104px)}
.fl--oben0{padding-top:0}
.fl--unten0{padding-bottom:0}
.fl--papier{background:var(--papier) url(../img/tapete-hell.webp) 50% 0/176px auto;color:var(--tinte)}
.fl--creme{background:var(--creme);color:var(--tinte)}
.fl--weiss{background:var(--weiss);color:var(--tinte)}
.fl--marine{background:var(--marine);color:#fff}
.fl--nacht{background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff}
.dunkel{--linie:var(--linie-hell)}
.in{max-width:var(--max);margin:0 auto}
.in--schmal{max-width:var(--schmal);margin:0 auto}
.raum{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:clamp(30px,3.6vw,56px);color:var(--taupe)}
.dunkel .raum{color:var(--gold)}
.raum svg{width:30px;height:30px;color:currentColor}
.raum b{font-family:var(--caps);font-weight:400;font-size:clamp(.82rem,.95vw,1rem);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.raum i{display:block;height:1px;background:currentColor;opacity:.4;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--e1) .2s}
.raum.da i,.da .raum i{transform:none}
.raum span{font-family:var(--sans);font-size:.92rem;letter-spacing:0;text-transform:none;color:rgba(43,32,23,.66);text-align:right}
.dunkel .raum span{color:rgba(255,255,255,.64)}
@media (max-width:700px){.raum{grid-template-columns:auto auto minmax(0,1fr)}
.raum span{grid-column:1/-1;text-align:left;margin-top:-6px}}
[data-r]{opacity:0;transform:translateY(clamp(22px,2.6vw,40px));transition:opacity 1s var(--e2),transform 1.4s var(--e1);transition-delay:calc(var(--i,0)*90ms)}
[data-r].da{opacity:1;transform:none}
.dunst{position:relative;overflow:hidden;isolation:isolate}
.dunst img{transform:scale(1.1);transition:transform 2.1s var(--e1);transition-delay:calc(var(--i,0)*110ms)}
.dunst.da img,.da .dunst img{transform:none}
[data-r="bild"]{transform:none}
.gleit{will-change:transform;backface-visibility:hidden}
.karte[data-r],.foto[data-r],.kachel[data-r],.zk[data-r],.pausch[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px)) scale(.95);transform-origin:50% 100%;transition:opacity .9s var(--e2),transform 1.45s var(--e3);transition-delay:calc(var(--i,0)*110ms)}
.karte[data-r].da,.foto[data-r].da,.kachel[data-r].da,.zk[data-r].da,.pausch[data-r].da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-r]{transform:none!important;opacity:1!important;transition:none!important}
.dunst img{transform:none}}
.platte{border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.kuhle{border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.dunkel .platte{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .kuhle{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.nav__insel{border:1px solid rgba(130,108,53,.22);background:rgba(251,248,243,.94);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 34px -24px rgba(43,32,23,.45)}
.nav__logo{color:var(--tinte);gap:12px}
.nav__logo .emblem{height:34px;width:auto;color:var(--taupe)}
.nav__logo b{font-family:var(--caps);font-weight:400;font-size:.92rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte)}
.nav__links a{color:rgba(43,32,23,.66)}
.nav__links a:hover,.nav__links a[aria-current]{color:var(--tinte)}
.nav__links a::after{background:var(--taupe)}
.rl i::after{color:var(--taupe)}
.burger span{background:var(--tinte)}
.nav__rechts .kn{--o:#6d5039;--m:#523a27;--u:#302115;--t:#fff;--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
.menue{background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff}
.menue__links a{font-family:var(--serif);font-weight:500}
.menue__fuss{color:var(--gold)}
.eckknopf,.glanz{color:var(--tinte)}
.glanz{background:linear-gradient(180deg,#fcf7ee,#f4ede0) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),transparent,var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),transparent calc(var(--gp)*4)) border-box;box-shadow:inset 0 0 0 1px rgba(130,108,53,.14),0 14px 26px -16px rgba(43,32,23,.5)}
.eckknopf--links{right:auto;left:max(18px,calc(var(--rand)*.5))}
.nav.weg~.eckknopf--links{transform:translateY(-220%)}
@media (min-width:1081px){.nav{top:26px}
.eckknopf{top:34px}
.nav__insel{gap:clamp(16px,1.9vw,28px);padding:0 24px 0 20px}
.nav__links{gap:clamp(10px,1.2vw,18px)}
.nav__links a{font-size:12px;letter-spacing:.08em}}
@media (min-width:1081px) and (max-width:1360px){.nav__logo b{display:none}
.nav__insel{gap:20px;padding:0 22px 0 18px}
.eckknopf{gap:8px;padding:0 14px 0 16px;font-size:11px;letter-spacing:.09em}}
@media (max-width:1060px){.eckknopf{display:none}
.nav__links{display:none}
.burger{display:grid}
.nav__rechts .kn{display:inline-flex}
.nav__insel{width:auto;max-width:560px;padding-left:20px}}
@media (max-width:860px){.nav{top:12px}
.nav__insel{max-width:none;height:58px}}
@media (max-width:560px){.nav{padding:0 12px}
.nav__insel{gap:8px;padding:0 7px 0 14px}
.nav__logo{gap:9px}
.nav__logo .emblem{height:28px}
.nav__logo b{font-size:.74rem;letter-spacing:.08em}
.nav__rechts .kn{height:40px;padding:0 13px;font-size:9.5px;letter-spacing:.12em}
.nav__rechts .kn i{display:none}}
@media (max-width:400px){.nav__logo b{display:none}}
.kn{--o:#6d5039;--m:#523a27;--u:#302115;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(55,37,23,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%)}
.kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(130,108,53,.26);--tief:rgba(43,32,23,.3);--ko:#6d5039;--ku:#302115;--kt:#fff;--klicht:rgba(255,255,255,.26);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(130,108,53,.16),0 1px 1px rgba(43,32,23,.12),0 16px 26px -14px var(--tief)}
.kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
.dunkel .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(130,108,53,.3);--tief:rgba(0,0,0,.6);--ko:#6d5039;--ku:#302115;--kt:#fff;--klicht:rgba(255,255,255,.26)}
.dunkel .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
.dunkel .kn--linie{--o:#664b34;--m:#4c3523;--u:#302115;--t:#fff;--licht:rgba(255,255,255,.22);--kante:rgba(0,0,0,.45);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
.kn--klein{height:44px;padding-left:20px;font-size:10.5px;gap:10px}
.kn--klein i{width:32px;height:32px}
.kn--ohne{padding-right:26px}
.pfeile button,.burger,.zu,.rund{color:#fff;background:linear-gradient(180deg,#6d5039,#523a27 50%,#302115)}
.pfeile--hell button{color:var(--tinte);background:linear-gradient(180deg,#fcf7ee,#f2e8d5 50%,#e2d2b5);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(130,108,53,.26),inset 0 0 0 1px rgba(130,108,53,.16),0 10px 16px -10px rgba(43,32,23,.4)}
.burger{background:none;box-shadow:none}
.laufbalken{background:rgba(130,108,53,.22)}
.laufbalken i{background:var(--taupe)}
.dunkel .laufbalken{background:rgba(255,255,255,.18)}
.dunkel .laufbalken i{background:var(--gold)}
.pfeil{color:var(--taupe-tief)}
.dunkel .pfeil{color:var(--gold)}
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--nacht);color:#fff;display:flex;align-items:stretch;isolation:isolate}
.hero__bild{position:absolute;inset:0 0 -16% 0;z-index:0;will-change:transform}
.hero__bild picture{display:block;width:100%;height:100%}
.hero__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero__vorhang{position:absolute;inset:0;z-index:1;background:var(--nacht);pointer-events:none;animation:vorhang 2.2s cubic-bezier(.4,0,.2,1) .2s forwards}
@keyframes vorhang{to{opacity:0}}
.kein-vorhang .hero__vorhang{animation-duration:1s;animation-delay:0s}
.hero__in{position:relative;z-index:2;width:100%;max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding:clamp(140px,16vh,200px) var(--rand) clamp(28px,3.6vw,54px);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:max(100svh,680px)}
.hero__zeichen{width:clamp(92px,10vw,138px);height:auto;color:var(--gold);opacity:0;transform:translateY(14px) scale(.96);transition:opacity 1.4s ease 1.1s,transform 1.8s var(--e1) 1.1s}
.hero__zeichen.da{opacity:1;transform:none}
.kein-vorhang .hero__zeichen{transition-delay:.3s}
.hero__name{margin-top:clamp(18px,2vw,28px);font-family:var(--caps);font-weight:400;font-size:clamp(1.5rem,4.6vw,4.1rem);letter-spacing:.2em;text-transform:uppercase;line-height:1.1;color:#fcf7ee;text-shadow:0 1px 2px rgba(13,9,6,.55),0 6px 18px rgba(13,9,6,.5),0 14px 40px rgba(13,9,6,.4)}
.hero__name .z{padding:.12em 0 .1em;margin:-.12em 0 -.1em}
.hero__name .z>span{transition-delay:1.5s;transition-duration:1.5s}
.kein-vorhang .hero__name .z>span{transition-delay:.5s}
.hero__ort{margin-top:clamp(10px,1.2vw,16px);font-family:var(--caps);font-size:clamp(.72rem,.95vw,.95rem);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 2px rgba(13,9,6,.7),0 4px 14px rgba(13,9,6,.6)}
.hero__sub{margin-top:clamp(18px,2.2vw,30px);max-width:44ch;font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.55vw,1.6rem);line-height:1.42;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,.6),0 3px 16px rgba(13,9,6,.5)}
.hero [data-r]{transition-delay:calc(1.9s + var(--i,0)*140ms)}
.kein-vorhang .hero [data-r]{transition-delay:calc(.7s + var(--i,0)*120ms)}
:is(.hero,.schluss__buchen) .leiste[data-r]{transform:translateY(clamp(50px,6vw,90px));transition-duration:1.2s,1.9s;transition-timing-function:ease,cubic-bezier(.2,.72,.2,1)}
:is(.hero,.schluss__buchen) .leiste[data-r].da{transform:none}
.leiste{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:9px;width:100%;max-width:1060px;margin:auto auto 0;padding:9px;text-align:left;color:var(--tinte);border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s),0 40px 60px -30px rgba(13,9,6,.7)}
.leiste label{display:grid;gap:5px;padding:14px 20px 13px;cursor:pointer;border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.leiste label span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-tief)}
.leiste input,.leiste select{font:inherit;font-family:var(--serif);font-weight:500;font-size:1.2rem;color:var(--tinte);background:none;border:0;padding:0;min-width:0;width:100%;color-scheme:light;appearance:none;-webkit-appearance:none;cursor:pointer}
.leiste input:focus-visible,.leiste select:focus-visible{outline:0;box-shadow:0 2px 0 var(--taupe)}
.leiste .kn{align-self:center;margin:0 4px 0 0}
.hero__zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 30px;margin-top:16px;font-size:.95rem;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,.8),0 3px 14px rgba(13,9,6,.7)}
.hero__zeile a{box-shadow:inset 0 -1px 0 var(--gold)}
@media (max-width:860px){.hero{min-height:680px}
.hero__in{padding-top:118px}
.hero__name{font-size:clamp(1.1rem,5.6vw,2.4rem);letter-spacing:.13em}
.hero__ort{letter-spacing:.26em}
.leiste{grid-template-columns:1fr 1fr;gap:8px;padding:8px;margin-top:22px}
.leiste label:nth-of-type(3){grid-column:1/-1}
.leiste .kn{grid-column:1/-1;justify-self:stretch;justify-content:space-between;margin:0}
.leiste label{padding:12px 16px 11px}}
.kopfbild{position:relative;min-height:clamp(520px,76svh,840px);display:flex;align-items:flex-end;overflow:hidden;background:var(--nacht);color:#fff;isolation:isolate}
.kopfbild>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.kopfbild .in{position:relative;z-index:2;width:100%;padding:clamp(120px,14vw,190px) var(--rand) clamp(34px,4vw,60px)}
.kopfbild .d1{font-size:clamp(2.6rem,6vw,6.4rem);letter-spacing:-.01em;text-shadow:0 2px 24px rgba(13,9,6,.5)}
.kopfbild .d1 em{color:var(--gold)}
.kopfbild__satz{margin-top:clamp(18px,2vw,28px);max-width:46ch;font-family:var(--serif);font-weight:500;font-size:clamp(1.12rem,1.5vw,1.5rem);line-height:1.45;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,.7),0 3px 14px rgba(13,9,6,.6)}
.kopfbild .kn-reihe{margin-top:clamp(22px,2.4vw,34px)}
.kopfbild .raum{position:absolute;left:var(--rand);top:clamp(104px,12vw,150px);margin:0;color:var(--gold);grid-template-columns:auto auto}
.kopfbild .raum i{display:none}
.kopfbild--text{min-height:0;background:var(--marine) url(../img/tapete-dunkel.webp) 50% 0/176px auto}
.kopfbild--text .in{padding-top:clamp(140px,15vw,200px)}
@media (max-width:860px){.kopfbild .raum{display:none}}
.zwei{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3.6vw,72px);align-items:center}
.zwei>.t{grid-column:1/6}
.zwei>.b{grid-column:6/-1}
.zwei--um>.t{grid-column:8/-1;grid-row:1}
.zwei--um>.b{grid-column:1/8;grid-row:1}
.zwei--oben{align-items:start}
.zwei .t .d2+.gross,.zwei .t .d2+.lauf{margin-top:clamp(20px,2.4vw,34px)}
.kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(30px,3.8vw,60px)}
.kopfzeile .lauf{max-width:44ch}
@media (max-width:860px){.zwei{grid-template-columns:minmax(0,1fr)}
.zwei>.t,.zwei>.b,.zwei--um>.t,.zwei--um>.b{grid-column:1/-1;grid-row:auto}}
.foto{position:relative;margin:0;overflow:hidden;background:var(--creme);border-radius:24px;box-shadow:0 34px 44px -30px rgba(43,32,23,.55)}
.foto img{width:100%;height:100%;object-fit:cover}
.foto--voll{margin:0 calc(-1*var(--rand));border-radius:0;box-shadow:none}
.foto figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px clamp(16px,1.6vw,24px);font-family:var(--caps);font-size:clamp(.72rem,.85vw,.88rem);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,.8),0 2px 12px rgba(13,9,6,.6)}
.dunkel .foto{box-shadow:0 34px 44px -30px rgba(0,0,0,.8);background:#302115}
.frei--lupe{cursor:zoom-in}
@media (hover:hover){.frei--lupe:hover img{transform:scale(1.03)}
.frei--lupe img{transition:transform 1.4s var(--e1)}}
.karte,.kachel{position:relative;margin:0;padding:9px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
.karte .karte__b,.kachel .kachel__b{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:var(--creme);border-radius:calc(var(--r-xl) - 9px);transform:translateZ(0)}
.karte .karte__b img,.kachel .kachel__b img{width:100%;height:100%;object-fit:cover}
.karte--hoch .karte__b,.kachel--hoch .kachel__b{aspect-ratio:4/5}
.karte figcaption,.kachel__n{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;margin:9px 1px 0;padding:12px 14px 11px 16px;border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s);font-family:var(--serif);font-weight:500;font-size:clamp(1.08rem,1.35vw,1.4rem);line-height:1.15;color:var(--tinte)}
.karte figcaption>span,.kachel__n b{font-weight:500}
.karte figcaption small,.kachel__n small{grid-column:1;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-tief);overflow-wrap:normal;hyphens:manual}
.kachel__n i{grid-column:2;grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#6d5039,#523a27 55%,#302115);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #1b120b,0 10px 14px -10px rgba(33,23,15,.8);transition:transform .5s var(--e2)}
.kachel__n i svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.2}
.karte .karte__t,.kachel__t{padding:14px 10px 10px;font-size:.98rem;line-height:1.55;color:rgba(43,32,23,.78)}
.karte--marke::before{content:'';position:absolute;right:22px;top:22px;z-index:3;width:48px;height:48px;background:#fcf7ee url(../logo/emblem.svg) 50%/68% no-repeat;border-radius:50%;box-shadow:0 0 0 1px rgba(43,32,23,.1),0 6px 12px -6px rgba(43,32,23,.5)}
.dunkel .karte,.dunkel .kachel{background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}
.dunkel .karte figcaption,.dunkel .kachel__n{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s);color:#fff}
.dunkel .karte figcaption small,.dunkel .kachel__n small{color:var(--gold)}
.dunkel .karte .karte__t,.dunkel .kachel__t{color:rgba(255,255,255,.8)}
.dunkel .kachel__n i{background:linear-gradient(180deg,#f9f1e1,#efe4cf 55%,#d6c7a8);color:var(--tinte);box-shadow:inset 0 1px 0 #fff,0 1px 0 #1b120b,0 10px 14px -10px rgba(0,0,0,.8)}
@media (hover:hover){.karte.da,.kachel.da{transition:opacity .9s var(--e2),transform .7s var(--e2),box-shadow .5s var(--e2);transition-delay:0s}
.karte .karte__b img,.kachel .kachel__b img{transition:transform 1.6s var(--e1)}
.karte:hover .karte__b img,.kachel:hover .kachel__b img{transform:scale(1.04)}
.kachel:hover .kachel__n i{transform:translateX(3px)}}
.band .karte,.band .kachel{flex:none;width:clamp(280px,30vw,440px)}
.band .karte--gross,.band .kachel--gross{width:clamp(320px,44vw,660px)}
.band{overflow-y:hidden}
@media (max-width:640px){.band .karte,.band .kachel,.band .karte--gross,.band .kachel--gross{width:78vw}}
.karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.karten--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.karten--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.karten,.karten--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.karten,.karten--2,.karten--4{grid-template-columns:minmax(0,1fr)}}
.koord{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px;margin-top:clamp(26px,3vw,44px);border-radius:var(--r-l);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.koord div{min-width:0;padding:clamp(13px,1.3vw,18px) clamp(14px,1.5vw,20px) clamp(14px,1.4vw,19px);border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.koord dt{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-tief);overflow-wrap:normal;hyphens:manual}
.koord dd{margin-top:8px;font-family:var(--serif);font-weight:500;font-size:clamp(1.05rem,1.35vw,1.4rem);line-height:1.15}
.koord--vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.koord--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.dunkel .koord{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .koord div{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .koord dt{color:var(--gold)}
@media (max-width:860px){.koord,.koord--vier{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media (max-width:480px){.koord,.koord--vier,.koord--zwei{grid-template-columns:minmax(0,1fr)}
.koord dd{font-size:1.05rem}}
.tafel{display:grid;gap:9px;padding:10px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.tafel__kopf{display:grid;grid-template-columns:minmax(7ch,auto) minmax(0,1fr) auto;gap:clamp(14px,2vw,34px);padding:8px 20px 2px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-tief)}
.tafel__z{display:grid;grid-template-columns:minmax(7ch,auto) minmax(0,1fr) auto;gap:clamp(14px,2vw,34px);align-items:baseline;padding:clamp(14px,1.4vw,19px) clamp(16px,1.8vw,24px);border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.tafel__z[data-r]{transform:translateY(14px);transition-duration:.7s,.9s}
.tafel__zeit{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.1;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--tinte)}
.tafel__wort{font-family:var(--serif);font-weight:500;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.25}
.tafel__wort small{display:block;font-family:var(--sans);font-size:.92rem;line-height:1.45;color:rgba(43,32,23,.66);margin-top:3px}
.tafel__ort{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-tief);text-align:right;white-space:nowrap}
.dunkel .tafel{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .tafel__z{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .tafel__kopf,.dunkel .tafel__ort{color:var(--gold)}
.dunkel .tafel__zeit{color:#fff}
.dunkel .tafel__wort small{color:rgba(255,255,255,.66)}
@media (max-width:860px){.tafel__z,.tafel__kopf{grid-template-columns:minmax(6ch,auto) minmax(0,1fr)}
.tafel__ort{grid-column:2;text-align:left}
.tafel__kopf span:last-child{display:none}}
.bruch{color:#fff;min-height:min(66vh,640px)}
.bruch .in{text-align:center;z-index:2}
.bruch .d2{font-size:clamp(2rem,5vw,5.3rem);text-shadow:none}
.bruch .d2 .z{overflow:visible;clip-path:inset(0 -.6em)}
.bruch .d2.da .z{clip-path:inset(-.9em -.6em);transition:clip-path 0s 1.5s}
.bruch .d2 .z>span{text-shadow:0 .02em .04em rgba(13,9,6,0),0 .06em .16em rgba(13,9,6,0),0 .14em .42em rgba(13,9,6,0);transition:transform 1.25s var(--e1),text-shadow .9s ease;transition-delay:0s,1.5s}
.bruch .d2 .z:nth-child(2)>span{transition-delay:.09s,1.55s}
.bruch .d2.da .z>span{text-shadow:0 .02em .04em rgba(13,9,6,.82),0 .06em .16em rgba(13,9,6,.7),0 .14em .42em rgba(13,9,6,.5)}
.bruch .d2 em{color:var(--gold)}
.bruch .mono{display:block;margin:clamp(16px,1.8vw,26px) auto 0;max-width:40ch;font-family:var(--serif);font-weight:500;font-size:clamp(1.02rem,1.45vw,1.46rem);line-height:1.4;letter-spacing:0;text-transform:none;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,.92),0 2px 10px rgba(13,9,6,.78)}
.bruch .raum{justify-content:center;grid-template-columns:auto auto;margin:0 auto clamp(18px,2vw,28px);color:var(--gold);width:fit-content}
.bruch .raum i{display:none}
@media (max-width:860px){.bruch{min-height:54svh}
.bruch .d2{font-size:clamp(1.8rem,7.4vw,2.8rem)}}
.halle .foto{border-radius:var(--r-xl)}
.trio .kerbe{--f:var(--creme);--e:clamp(16px,1.6vw,24px);position:absolute;z-index:3;left:-1px;bottom:-1px;margin:0;padding:clamp(11px,1.1vw,15px) clamp(18px,1.8vw,26px) clamp(9px,.9vw,12px) clamp(14px,1.4vw,20px);border-radius:0 var(--e) 0 0;background:var(--f);color:var(--tinte);font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.7vw,1.75rem);line-height:1.1}
.trio .kerbe::before,.trio .kerbe::after{content:'';position:absolute;width:var(--e);height:var(--e);background:radial-gradient(circle at 100% 0,transparent calc(var(--e) - .5px),var(--f) var(--e))}
.trio .kerbe::before{left:0;bottom:100%}
.trio .kerbe::after{left:100%;bottom:0}
@media (max-width:600px){.trio .kerbe{font-size:1rem}}
.prunk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:9px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.prunk div{padding:clamp(18px,2vw,30px) clamp(16px,1.8vw,26px) clamp(16px,1.8vw,24px);border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.prunk b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:.95;letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;color:var(--tinte)}
.prunk b small{font-size:.42em;letter-spacing:0;margin-left:.1em;color:var(--taupe)}
.prunk span{display:block;margin-top:10px;font-size:.95rem;line-height:1.45;color:rgba(43,32,23,.7)}
.dunkel .prunk{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .prunk div{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .prunk b{color:#fff}
.dunkel .prunk b small{color:var(--gold)}
.dunkel .prunk span{color:rgba(255,255,255,.7)}
@media (max-width:860px){.prunk{grid-template-columns:1fr 1fr;gap:8px;padding:8px}}
.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.drei .kachel__b{aspect-ratio:4/5}
@media (max-width:860px){.drei{grid-template-columns:minmax(0,1fr)}
.drei .kachel__b{aspect-ratio:3/2}}
.frei3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,40px);margin-top:clamp(48px,5.5vw,90px)}
.zwischen{margin-top:clamp(80px,9vw,150px)}
.zwischen .lauf{max-width:34em;margin-top:clamp(16px,1.8vw,26px)}
.zwischen + .frei3{margin-top:clamp(40px,4.4vw,70px)}
.frei{margin:0;min-width:0}
.frei a{display:block;color:inherit;text-decoration:none}
.frei[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px)) scale(.96);transform-origin:50% 100%;transition:opacity 1s var(--e2),transform 1.5s var(--e3);transition-delay:calc(var(--i,0)*160ms)}
.frei[data-r].da{opacity:1;transform:none}
.frei__b{display:block;position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:var(--r-xl);background:var(--creme);transform:translateZ(0);box-shadow:0 34px 44px -30px rgba(43,32,23,.55)}
.frei__b img{width:100%;height:100%;object-fit:cover}
.frei figcaption{padding-top:clamp(16px,1.7vw,26px);text-align:center}
.frei figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.1vw,2.2rem);line-height:1.12;color:var(--tinte)}
.frei figcaption span{display:block;margin-top:8px;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.4;color:rgba(43,32,23,.72)}
@media (hover:hover){.frei__b img{transition:transform 1.8s var(--e1)}
.frei a:hover .frei__b img{transform:scale(1.04)}}
@media (max-width:860px){.frei3{grid-template-columns:minmax(0,1fr);gap:clamp(34px,6vw,48px)}
.frei__b{aspect-ratio:4/3;border-radius:var(--r-l)}}
.zk{grid-column:span 4;display:flex;flex-direction:column;padding:9px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
.zk--drei{grid-column:span 4}
.zk--vier{grid-column:span 3}
.zk__b{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:calc(var(--r-xl) - 9px);background:var(--creme);transform:translateZ(0)}
.zk--vier .zk__b{aspect-ratio:4/3}
.zk__b img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--e1)}
.zk__n{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 14px;margin:9px 1px 0;padding:13px 12px 12px 16px;border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
.zk__n b{font-family:var(--serif);font-weight:500;font-size:clamp(1.1rem,1.4vw,1.44rem);line-height:1.15}
.zk__n small{grid-column:1;margin-top:5px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-tief);overflow-wrap:normal;hyphens:manual}
.zk__n i{grid-column:2;grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#6d5039,#523a27 55%,#302115);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #1b120b,0 10px 14px -10px rgba(33,23,15,.8);transition:transform .5s var(--e2)}
.zk__n i svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.2}
.zk.da.matt{opacity:.26}
@media (hover:hover){.zk:hover .zk__b img{transform:scale(1.04)}
.zk:hover .zk__n i{transform:translateX(3px)}}
@media (max-width:1000px){.zk,.zk--drei,.zk--vier{grid-column:span 6}
.zk--vier .zk__b{aspect-ratio:3/2}}
@media (max-width:600px){.zk,.zk--drei,.zk--vier{grid-column:1/-1}}
.ausst{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,2vw,32px);align-items:start;padding:clamp(16px,1.8vw,24px) clamp(18px,2vw,26px);border-radius:var(--r-l);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.ausst>span{font-family:var(--caps);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-tief);padding-top:6px;white-space:nowrap}
.ausstattung{columns:3;column-gap:28px;font-size:.98rem;line-height:1.55;color:rgba(43,32,23,.84)}
.ausstattung li{break-inside:avoid;padding:4px 0 4px 18px;position:relative}
.ausstattung li::before{content:'';position:absolute;left:0;top:.76em;width:9px;height:1px;background:var(--taupe)}
@media (max-width:1000px){.ausstattung{columns:2}}
@media (max-width:700px){.ausst{grid-template-columns:minmax(0,1fr)}
.ausstattung{columns:1}}
.zb .kn{--o:#6d5039;--m:#523a27;--u:#302115;--t:#fff;--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
dialog.zb{background:var(--papier)}
.zb__buehne{background:var(--marine)}
.zb__t .kapitel,.kapitel{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-tief)}
.zb__t .zb__mit{border-color:var(--linie)}
.zb .zu{background:linear-gradient(180deg,#6d5039,#523a27 50%,#302115)}
.zb__pf{color:var(--tinte);background:linear-gradient(180deg,#fcf7ee,#f2e8d5 50%,#e2d2b5);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(130,108,53,.36),0 14px 20px -10px rgba(0,0,0,.7)}
.zb__daumen button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--taupe)}
.zb__buehne .kerbe{position:absolute;left:18px;bottom:16px;z-index:3;padding:8px 14px;border-radius:999px;background:rgba(33,23,15,.72);color:#fff;font-family:var(--caps);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.zb__buehne .kerbe:empty{display:none}
.betrieb{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3.6vw,64px);align-items:center}
.betrieb>.b{grid-column:1/8}
.betrieb>.t{grid-column:8/-1}
.betrieb--um>.b{grid-column:6/-1;grid-row:1}
.betrieb--um>.t{grid-column:1/6;grid-row:1}
.betrieb .t .d2{font-size:clamp(1.9rem,3.4vw,3.6rem)}
.betrieb .t .lauf{margin-top:clamp(16px,1.8vw,26px)}
.betrieb .nebenbei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(12px,1.4vw,20px)}
.betrieb .nebenbei .foto{border-radius:20px}
@media (max-width:860px){.betrieb{grid-template-columns:minmax(0,1fr)}
.betrieb>.b,.betrieb>.t,.betrieb--um>.b,.betrieb--um>.t{grid-column:1/-1;grid-row:auto}
.betrieb .nebenbei .foto figcaption{display:none}}
.tabs.tabs--schalter .tab{font-family:var(--serif);font-weight:500}
.fl--papier .tabs.tabs--schalter,.fl--creme .tabs.tabs--schalter{background:linear-gradient(180deg,#302115,#523a27);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(230,210,162,.34)}
.tabs.tabs--schalter::before{background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 46%,#e2d2b5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -3px 0 rgba(130,108,53,.38),0 1px 1px rgba(0,0,0,.4),0 12px 18px -10px rgba(0,0,0,.8)}
.tabs.tabs--schalter .tab[aria-pressed="true"]{color:var(--tinte)}
.wechsel [data-feld]{animation:feldauf .7s var(--e1)}
@keyframes feldauf{from{opacity:0;transform:translateY(10px)}}
.dunkel .stationen{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .stationen div{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .stationen small{color:var(--gold)}
.dunkel .stationen p{color:rgba(255,255,255,.74)}
.raeume .kachel--gross{grid-column:1/-1}
.raeume .kachel--gross .kachel__b{aspect-ratio:21/9}
.dunkel .zahlen div{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .zahlen small{color:var(--gold)}
@media (max-width:1000px){.raeume .kachel--gross .kachel__b{aspect-ratio:16/9}}
.pausch{display:flex;flex-direction:column;padding:10px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
.pausch h3{padding:13px 16px 12px;border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s);text-align:center;font-family:var(--caps);font-weight:400;font-size:clamp(.82rem,.95vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-tief)}
.pausch .gross{margin-top:clamp(18px,2vw,26px);padding:0 14px;font-size:clamp(1.25rem,1.7vw,1.8rem)}
.pausch ul{flex:1;margin-top:14px;padding:0 14px;font-size:.98rem;line-height:1.55;color:rgba(43,32,23,.8)}
.pausch li{padding:4px 0 4px 18px;position:relative}
.pausch li::before{content:'';position:absolute;left:0;top:.8em;width:9px;height:1px;background:var(--taupe)}
.pausch__preis{margin-top:clamp(18px,2vw,26px);padding:13px 16px;border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s);display:flex;align-items:baseline;justify-content:center;gap:12px;font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,1.7vw,1.7rem);font-variant-numeric:lining-nums}
.pausch__preis small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-tief)}
.dunkel .pausch{background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}
.dunkel .pausch h3,.dunkel .pausch__preis{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .pausch h3,.dunkel .pausch__preis small{color:var(--gold)}
.dunkel .pausch ul{color:rgba(255,255,255,.8)}
.dunkel .pausch li::before{background:var(--gold)}
.jahr{font-family:var(--serif);font-weight:500;font-size:clamp(4rem,10vw,10rem);line-height:.9;letter-spacing:-.02em;color:var(--taupe);font-variant-numeric:lining-nums tabular-nums}
.dunkel .jahr{color:var(--gold)}
.dunkel .zeitlinie{background:var(--platte-d);box-shadow:var(--platte-d-s)}
.dunkel .zeitlinie div{background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.dunkel .zeitlinie b{color:var(--gold)}
.blatt{position:relative;padding:clamp(26px,3.4vw,54px);border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
.blatt__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--linie)}
.blatt__kopf .mono{color:var(--taupe-tief)}
.gericht{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;padding:15px 0;border-bottom:1px solid rgba(43,32,23,.1)}
.gericht b{font-family:var(--serif);font-weight:500;font-size:clamp(1.02rem,1.2vw,1.2rem);line-height:1.2}
.gericht i{font-style:normal;font-family:var(--serif);font-weight:500;font-size:1.05rem;font-variant-numeric:lining-nums;white-space:nowrap}
.gericht span{grid-column:1/-1;font-size:.95rem;line-height:1.5;opacity:.74;max-width:54ch}
.blatt .kn-reihe{margin-top:24px}
form.blatt{background:linear-gradient(180deg,rgba(82,58,39,.9) 0%,rgba(55,37,23,.95) 44%,rgba(33,23,15,.98) 100%),#372517 url(../img/tapete-dunkel.webp) 50% 0/176px auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(230,210,162,.5),0 50px 70px -40px rgba(33,23,15,.8)}
form.blatt::before{border:1px solid rgba(230,210,162,.3)}
form.blatt .feld{box-shadow:inset 0 2px 6px rgba(0,0,0,.62),inset 0 -1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(230,210,162,.24)}
form.blatt .feld span,form.blatt .blatt__kopf .mono{color:var(--gold)}
form.blatt .feld input,form.blatt .feld select,form.blatt .feld textarea{font-weight:500}
form.blatt .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#6d5039;--ku:#302115;--kt:#fff;--klicht:rgba(255,255,255,.3)}
.buchen__t .emblem{width:64px;height:auto;color:var(--gold);margin-bottom:18px}
dialog.buchen{background:var(--marine)}
.buchen__in::before{border-color:rgba(230,210,162,.3)}
.buchen__b{background:#302115}
.feld span{color:var(--gold)}
.buchen .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#6d5039;--ku:#302115;--kt:#fff;--klicht:rgba(255,255,255,.3)}
.gzw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.gzw details{border-radius:var(--r-m);background:var(--kuhle-h);box-shadow:var(--kuhle-h-s);padding:0 18px}
.gzw summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;list-style:none;font-family:var(--serif);font-weight:500;font-size:clamp(1.1rem,1.4vw,1.42rem);line-height:1.2}
.gzw summary::-webkit-details-marker{display:none}
.gzw summary i{position:relative;flex:none;width:40px;height:40px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#6d5039,#523a27 55%,#302115);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 14px -10px rgba(33,23,15,.7);transition:transform .6s var(--e1)}
.gzw summary i::before,.gzw summary i::after{content:'';position:absolute;left:50%;top:50%;width:13px;height:1.4px;margin:-.7px 0 0 -6.5px;background:currentColor;transition:transform .5s var(--e1)}
.gzw summary i::after{transform:rotate(90deg)}
.gzw details[open] summary i{transform:rotate(180deg)}
.gzw details[open] summary i::after{transform:rotate(0)}
.gzw details>div{padding:0 56px 18px 0;animation:gzwauf .6s var(--e1)}
.gzw p{font-size:1rem;line-height:1.66;color:rgba(43,32,23,.82)}
@keyframes gzwauf{from{opacity:0;transform:translateY(-8px)}}
@media (max-width:860px){.gzw{grid-template-columns:minmax(0,1fr)}
.gzw details>div{padding-right:0}}
.recht{display:grid;grid-template-columns:minmax(220px,3fr) minmax(0,8fr);gap:clamp(24px,4vw,70px);align-items:start}
.recht__inhalt{position:sticky;top:110px;padding:22px;border-radius:var(--r-l);background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}
.recht__inhalt b{display:block;font-family:var(--caps);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.recht__inhalt a{display:block;padding:9px 0;border-top:1px solid rgba(255,255,255,.12);font-size:.93rem;line-height:1.35;color:rgba(255,255,255,.74);transition:color .3s,padding .4s var(--e1)}
.recht__inhalt a.an,.recht__inhalt a:hover{color:#fff;padding-left:8px}
.recht__text h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.2;margin:1.9em 0 .6em;scroll-margin-top:110px}
.recht__text h2:first-child{margin-top:0}
.recht__text p,.recht__text li{font-size:1rem;line-height:1.68;color:rgba(43,32,23,.84)}
.recht__text p+p{margin-top:.8em}
.recht__text a{box-shadow:inset 0 -1px 0 currentColor;word-break:break-word}
@media (max-width:860px){.recht{grid-template-columns:minmax(0,1fr)}
.recht__inhalt{position:static}}
.schluss{position:relative;overflow:hidden;background:var(--nacht);color:#fff;padding:clamp(110px,13vw,200px) var(--rand) clamp(80px,9vw,140px);text-align:center;isolation:isolate}
.schluss>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.schluss>.in{position:relative;z-index:1}
.schluss .d1 .z>span{text-shadow:0 .03em .06em rgba(13,9,6,.9),0 .1em .3em rgba(13,9,6,.9),0 .16em .6em rgba(13,9,6,.8)}
.schluss .d1 .z{overflow:visible;clip-path:inset(-.4em -.6em 0 -.6em)}
.schluss .d1.da .z{clip-path:none;transition:clip-path 0s 1.6s}
.schluss .d1 em{color:var(--gold)}
.schluss .lauf{color:#fff;text-shadow:0 1px 2px rgba(13,9,6,1),0 3px 12px rgba(13,9,6,1)}
.schluss .kn-reihe{justify-content:center;margin-top:clamp(26px,3vw,40px)}
.schluss .raum{justify-content:center;grid-template-columns:auto auto;margin:0 auto clamp(26px,3vw,40px);color:var(--gold);width:fit-content}
.schluss .raum i{display:none}
.ausklang{background:var(--marine);color:#fff;padding:clamp(50px,5.6vw,84px) var(--rand)}
.ausklang .in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 40px;padding:clamp(24px,3vw,46px) clamp(24px,3.4vw,56px);border-radius:var(--r-xl);background:var(--platte-d);box-shadow:var(--platte-d-s)}
.ausklang p{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.3vw,2.4rem);line-height:1.2;max-width:28ch}
.fuss{position:relative;background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff;padding:clamp(70px,7.6vw,120px) var(--rand) 26px}
.fuss__kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(26px,4vw,80px)}
.fuss__marke .wortmarke{display:flex;align-items:center;gap:18px}
.fuss__marke .wortmarke .emblem{height:clamp(56px,6vw,84px);width:auto;color:var(--gold)}
.fuss__marke .wortmarke b{display:block;font-family:var(--caps);font-weight:400;font-size:clamp(1.05rem,1.7vw,1.7rem);letter-spacing:.18em;text-transform:uppercase;line-height:1.2}
.fuss__marke .wortmarke b small{display:block;font-size:.5em;letter-spacing:.34em;color:var(--gold);margin-top:6px}
.fuss__marke p{margin-top:clamp(22px,2.6vw,38px);font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.8vw,4rem);line-height:1.08}
.fuss__marke p em{color:var(--gold)}
.siegel .emblem{width:58%;height:auto;color:var(--gold)}
.fuss__ecke{display:flex;flex-direction:column;align-items:center;gap:14px}
.fuss__ecke small{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.fuss__vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(40px,4.6vw,72px);padding:10px;border-radius:var(--r-xl);background:var(--platte-d);box-shadow:var(--platte-d-s)}
.fuss__vier[data-r]{transform:none}
.fuss__vier>div{padding:clamp(16px,1.6vw,24px) clamp(16px,1.7vw,24px) clamp(17px,1.7vw,24px);border-radius:var(--r-m);background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.fuss__vier dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.fuss__vier dd{margin-top:10px;font-family:var(--serif);font-weight:500;font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.35}
.fuss__vier dd+dd{margin-top:8px}
.fuss__vier dd small{display:block;font-family:var(--sans);font-size:.9rem;line-height:1.45;color:rgba(255,255,255,.7)}
.fuss__vier a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--e1)}
.fuss__vier a:hover{background-size:100% 1px}
.fuss__news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,60px);align-items:center;margin-top:clamp(40px,4.6vw,72px);padding:clamp(22px,2.6vw,38px);border-radius:var(--r-xl);background:var(--platte-d);box-shadow:var(--platte-d-s)}
.fuss__news[data-r]{transform:none}
.fuss__news h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.3vw,2.4rem);line-height:1.12}
.fuss__news p{margin-top:8px;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.72);max-width:52ch}
.fuss__feld{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 22px;border-radius:999px;background:var(--kuhle-d);box-shadow:var(--kuhle-d-s)}
.fuss__feld label{flex:1;min-width:0}
.fuss__feld input{width:100%;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:1.06rem;padding:10px 0}
.fuss__feld input::placeholder{color:rgba(255,255,255,.55)}
.fuss__feld .kn{flex:none}
.fuss__oben{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(26px,3.4vw,64px);margin-top:clamp(42px,4.6vw,76px)}
.fuss h4{display:flex;align-items:center;gap:14px;margin-bottom:6px;font-family:var(--caps);font-weight:400;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.fuss h4::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.14)}
.fuss__sp li{border-bottom:1px solid rgba(255,255,255,.08)}
.fuss__unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;margin-top:clamp(36px,4vw,60px);padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.fuss__unten a:hover{color:#fff}
.fuss__unten .studie{color:rgba(255,255,255,.42)}
@media (max-width:1100px){.fuss__oben,.fuss__vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.fuss__news{grid-template-columns:minmax(0,1fr)}
.fuss__feld{flex-wrap:wrap;border-radius:22px;padding:10px 12px}
.fuss__feld .kn{width:100%;justify-content:space-between}}
@media (max-width:700px){.fuss__kopf{grid-template-columns:minmax(0,1fr)}
.fuss__ecke{align-items:flex-start}
.fuss__vier{grid-template-columns:minmax(0,1fr);padding:9px;gap:8px}}
@media (max-width:560px){.fuss__oben{grid-template-columns:minmax(0,1fr)}
.kn{height:52px;padding-left:22px;letter-spacing:.14em;max-width:100%}
.ausklang .kn-reihe{width:100%}
.ausklang .kn{width:100%;justify-content:space-between}}
@media (max-width:380px){.d1{font-size:2.2rem}
.d2{font-size:7vw}
.bruch .d2{font-size:7vw}
.kn{letter-spacing:.1em;padding-left:18px;gap:10px}}
@media (max-width:560px){.d1,.d2,.recht__text h2{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.hero__name,.kopfbild .d1{hyphens:manual;-webkit-hyphens:manual}}
@media (prefers-reduced-motion:reduce){.glanz,.glanz--laeuft{animation:none!important}
.hero__vorhang{display:none}}
.stimmen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,72px);margin-top:clamp(10px,1.4vw,20px)}
.stimme{text-align:center}
.stimme b{display:flex;justify-content:center;align-items:baseline;gap:.35em;font-family:var(--serif);font-weight:500;font-size:clamp(3.6rem,6.4vw,6.4rem);line-height:1;color:var(--tinte);font-variant-numeric:lining-nums}
.stimme b small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-tief)}
.stimme i{display:block;width:46px;height:1px;margin:clamp(16px,1.8vw,24px) auto clamp(14px,1.5vw,20px);background:var(--taupe)}
.stimme span{display:block;font-family:var(--caps);font-weight:400;font-size:clamp(.9rem,1vw,1.05rem);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe-tief)}
.stimme em{display:block;margin-top:8px;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(43,32,23,.56)}
@media (max-width:640px){.stimmen{gap:10px}
.stimme b{flex-direction:column;align-items:center;gap:6px;font-size:clamp(2.5rem,12vw,3.2rem)}
.stimme b small{font-size:9px}
.stimme i{margin:12px auto 10px;width:32px}
.stimme span{font-size:.78rem;letter-spacing:.16em}
.stimme em{font-size:8.5px;letter-spacing:.06em;line-height:1.5}}
.schluss__weg{display:flex;flex-direction:column;align-items:center;gap:9px;margin:clamp(30px,3.4vw,46px) auto 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(13,9,6,1),0 2px 8px rgba(13,9,6,1),0 4px 18px rgba(13,9,6,.9)}
.schluss__weg b{font-weight:400;color:var(--gold);margin-right:.6em}
.hero__titel{position:relative;display:grid;justify-items:center;margin-top:clamp(18px,2vw,28px)}
.hero__titel>*{grid-area:1/1;min-width:0;margin:0}
.hero__name{font-weight:550;text-shadow:none}
.hero__titel>h1{position:relative}
.hero__titel>h1 .z>span{text-shadow:none}
.hero__schatten{position:relative;display:block;color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}
.hero__schatten .z{overflow:visible}
.hero__schatten .z>span{transform:none;transition:none;text-shadow:0 .02em .04em rgba(19,13,8,.95),0 .06em .16em rgba(19,13,8,.95),0 .12em .34em rgba(19,13,8,.95),0 .18em .6em rgba(19,13,8,.9),0 .1em 1.2em rgba(19,13,8,.85)}
.hero .hero__schatten[data-r]{opacity:0;transform:none;transition:opacity .7s ease 3s}
.hero .hero__schatten[data-r].da{opacity:1}
.kein-vorhang .hero .hero__schatten[data-r]{transition-delay:1.9s}
.hero__zeichen{filter:drop-shadow(0 2px 3px rgba(19,13,8,.95)) drop-shadow(0 6px 16px rgba(19,13,8,.9)) drop-shadow(0 12px 40px rgba(19,13,8,.8))}
.hero__ort{text-shadow:0 0 .3em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 3px 12px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,.95)}
.hero__sub{text-shadow:0 0 .25em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 2px 6px rgba(19,13,8,1),0 4px 14px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,1),0 12px 54px rgba(19,13,8,1),0 0 80px rgba(19,13,8,.95)}
.hero__zeile{text-shadow:0 0 .3em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 3px 14px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,.95)}
@media (prefers-reduced-motion:reduce){.hero .hero__schatten[data-r]{opacity:1;transition:none}}
.hero__ort{font-weight:600;text-shadow:0 0 .3em rgba(19,13,8,1),0 0 .8em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 3px 12px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,1),0 0 60px rgba(19,13,8,.95)}
.hero__sub{text-shadow:0 0 .25em rgba(19,13,8,1),0 0 .6em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 2px 6px rgba(19,13,8,1),0 4px 14px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,1),0 12px 54px rgba(19,13,8,1),0 0 80px rgba(19,13,8,1),0 0 120px rgba(19,13,8,.9)}
.hero__zeile{text-shadow:0 0 .3em rgba(19,13,8,1),0 0 .7em rgba(19,13,8,1),0 1px 2px rgba(19,13,8,1),0 3px 14px rgba(19,13,8,1),0 8px 30px rgba(19,13,8,1),0 0 60px rgba(19,13,8,.95)}
.hero__sub{position:relative}
.hero__sub::before{content:'';position:absolute;z-index:-1;inset:-30px -64px;border-radius:60px;background:rgba(33,23,15,.6);filter:blur(26px);pointer-events:none}
@media (max-width:560px){.hero__sub::before{inset:-22px -26px;filter:blur(20px)}}
.hero__sub{font-size:clamp(1.62rem,2.45vw,2.5rem);line-height:1.3;max-width:46ch}
@media (max-width:560px){.hero__sub{font-size:1.36rem;max-width:30ch}}
.hero__name{font-weight:450;color:#f6efe2}
.hero__schatten .z>span{text-shadow:0 .03em .08em rgba(19,13,8,.45),0 .1em .5em rgba(19,13,8,.35)}
.hero__zeichen{filter:drop-shadow(0 2px 6px rgba(19,13,8,.45))}
.hero__ort{text-shadow:0 1px 3px rgba(19,13,8,.55),0 2px 14px rgba(19,13,8,.4)}
.hero__sub{color:#f6efe2;text-shadow:0 1px 3px rgba(19,13,8,.6),0 2px 10px rgba(19,13,8,.45),0 4px 26px rgba(19,13,8,.4)}
.hero__sub::before{content:none}
.hero__zeile{text-shadow:0 1px 3px rgba(19,13,8,.6),0 3px 14px rgba(19,13,8,.45)}
.gz-kopf__t .z{padding:.06em 0 .12em;margin:-.06em 0 -.12em}
.gz.zwei--um>.b{grid-column:6/-1}
.gz.zwei--um>.t{grid-column:1/6}
.gz__b .kerbe{--f:#f8f1e4;--e:clamp(16px,1.5vw,22px);position:absolute;z-index:3;left:var(--p);bottom:var(--p);padding:clamp(10px,1vw,14px) clamp(18px,1.7vw,24px) 0 clamp(4px,.5vw,8px);border-radius:0 var(--e) 0 0;background:var(--f);color:var(--tinte);font-family:var(--serif);font-weight:500;font-size:clamp(1.05rem,1.4vw,1.45rem);line-height:1.1;text-align:left}
.gz__b .kerbe::before,.gz__b .kerbe::after{content:'';position:absolute;width:var(--e);height:var(--e);background:radial-gradient(circle at 100% 0,transparent calc(var(--e) - .5px),var(--f) var(--e))}
.gz__b .kerbe::before{left:0;bottom:100%}
.gz__b .kerbe::after{left:100%;bottom:0}
.gz .t .lauf{margin-top:clamp(18px,2vw,28px)}
.gz .kn-reihe{margin-top:clamp(22px,2.4vw,32px)}
@media (max-width:860px){.gz.zwei--um>.b,.gz.zwei--um>.t{grid-column:1/-1;grid-row:auto}}
.gz__b .kerbe{padding-bottom:clamp(6px,.6vw,9px)}
.gz .t .gz__lead+.lauf{margin-top:clamp(12px,1.3vw,18px);font-size:clamp(.98rem,1.05vw,1.08rem);max-width:52ch}
.gz .kn-reihe{margin-top:clamp(24px,2.6vw,34px)}
.hero__ort{text-shadow:0 1px 2px rgba(19,13,8,.7),0 2px 10px rgba(19,13,8,.55),0 4px 28px rgba(19,13,8,.45)}
.hero__sub{text-shadow:0 1px 2px rgba(19,13,8,.7),0 2px 10px rgba(19,13,8,.55),0 5px 32px rgba(19,13,8,.5)}
.nav__logo b{display:none}
.nav__logo .emblem{height:38px;color:var(--gold)}
.nav__insel{border:1px solid rgba(230,210,162,.3);background:linear-gradient(180deg,#4b3625 0%,#372517 55%,#2b1e13 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(19,13,8,.75),0 2px 6px -2px rgba(19,13,8,.4)}
.nav__links a{color:rgba(247,240,227,.74)}
.nav__links a:hover,.nav__links a[aria-current]{color:#fcf7ee}
.nav__links a::after{background:var(--gold)}
.rl i::after{color:var(--gold)}
.burger span{background:#f7f0e3}
.nav__rechts .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#6d5039;--ku:#21170f;--kt:#fff}
@media (min-width:1081px){.nav__insel{padding:0 26px 0 22px}}
@media (min-width:1061px) and (max-width:1320px){.eckknopf{display:none}
.nav__links{display:none}
.burger{display:grid}
.nav__rechts .kn{display:inline-flex}
.nav__insel{width:auto;max-width:560px;padding:0 9px 0 20px}}
@media (min-width:861px) and (max-width:1320px){.nav__insel{width:fit-content;gap:28px}}
.fl--papier{background:var(--papier) url(../img/tapete-hell.webp) 50% 0/176px auto}
@media (min-width:1321px){.nav__insel{height:74px}
.eckknopf{height:40px;top:43px;padding:0 18px 0 20px;font-size:11.5px}}
.hero__schatten .z>span{text-shadow:0 .02em .05em rgba(19,13,8,.75),0 .06em .2em rgba(19,13,8,.6),0 .12em .6em rgba(19,13,8,.45)}
.hero__ort{text-shadow:0 0 .2em rgba(19,13,8,.9),0 1px 2px rgba(19,13,8,.95),0 2px 10px rgba(19,13,8,.8),0 4px 26px rgba(19,13,8,.65)}
.hero__sub{text-shadow:0 0 .15em rgba(19,13,8,.8),0 1px 2px rgba(19,13,8,.9),0 2px 10px rgba(19,13,8,.75),0 5px 30px rgba(19,13,8,.6),0 8px 60px rgba(19,13,8,.45)}
.rollt .gz__b{pointer-events:none}
.eckknopf.glanz{color:#fcf7ee;background:linear-gradient(180deg,#4b3625 0%,#372517 55%,#2b1e13 100%) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),rgba(230,210,162,.35),var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),rgba(230,210,162,.35) calc(var(--gp)*4)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(19,13,8,.75),0 2px 6px -2px rgba(19,13,8,.4)}
.eckknopf svg{color:var(--gold)}
:is(.hero,.schluss__buchen) .leiste{display:flex;align-items:center;gap:0;padding:9px 9px 9px 38px;border-radius:999px}
:is(.hero,.schluss__buchen) .leiste label{flex:1 1 0;min-width:0;padding:6px 26px;background:none;box-shadow:none;border-radius:0}
:is(.hero,.schluss__buchen) .leiste label:first-of-type{padding-left:0}
:is(.hero,.schluss__buchen) .leiste label+label{border-left:1px solid var(--linie)}
:is(.hero,.schluss__buchen) .leiste .kn{margin:0 0 0 14px}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste{display:grid;grid-template-columns:1fr 1fr;padding:12px 10px 10px;border-radius:30px}
:is(.hero,.schluss__buchen) .leiste label,:is(.hero,.schluss__buchen) .leiste label:first-of-type{padding:8px 14px}
:is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--linie);padding-top:12px}
:is(.hero,.schluss__buchen) .leiste .kn{grid-column:1/-1;margin:8px 0 0}}
:is(.hero,.schluss__buchen) .leiste{max-width:920px}
:is(.hero,.schluss__buchen) .leiste label span{font-size:12.5px;letter-spacing:.17em}
:is(.hero,.schluss__buchen) .leiste input,:is(.hero,.schluss__buchen) .leiste select{font-size:1.45rem}
@media (min-width:861px){:is(.hero,.schluss__buchen) .leiste+.hero__zeile{margin-bottom:clamp(40px,6.5vh,76px)}}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste input,:is(.hero,.schluss__buchen) .leiste select{font-size:1.32rem}}
.sk .d1{font-size:clamp(2.6rem,6vw,6.4rem);letter-spacing:-.01em}
.sk .d1 em,.sk .d2 em{color:var(--gold)}
.sk .kn-reihe{margin-top:clamp(22px,2.4vw,34px);display:flex;flex-wrap:wrap;gap:12px}
.sk .raum{margin:0 0 clamp(20px,2.4vw,34px);color:var(--gold)}
.sk .raum span{color:rgba(255,255,255,.72);text-align:left}
.sk--fakten .raum{text-shadow:0 1px 2px rgba(13,9,6,.6),0 4px 18px rgba(13,9,6,.5)}
.sk--drei .kn,.sk--kerbe .kn{--o:#6d5039;--m:#523a27;--u:#21170f;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(33,23,15,.6);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.sk--drei .kn--linie,.sk--kerbe .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(43,32,23,.35);--ko:#6d5039;--ku:#21170f;--kt:#fff;--klicht:rgba(255,255,255,.24)}
.sk--drei .d1 em,.sk--kerbe .d1 em{color:var(--taupe)}
.sk--kerbe .raum{color:var(--taupe)}
.sk--kerbe .raum span{color:rgba(43,32,23,.66)}
.sk--mitte .kn-reihe{justify-content:center}
.sk--fakten .raum{position:absolute;z-index:2;left:var(--rand);top:clamp(110px,12vw,150px)}
.sk--halb .d1 .z{display:inline-block;margin:0 .12em}
.sk--halb .kn-reihe{justify-content:center}
.sk--drei .d1 .z{display:inline-block;margin:0 .12em}
.sk--drei .kn-reihe{justify-content:center}
.sk--kerbe .d1{font-size:clamp(2.4rem,5vw,5.4rem)}
.sk--abzuege .d1{font-size:clamp(2.2rem,4.2vw,4.6rem)}
.sk__tafel .d2{font-size:clamp(2.2rem,3.6vw,3.8rem)}
@media (max-width:860px){.sk .raum{grid-template-columns:auto auto}
.sk .raum i{display:none}}
:is(.hero,.schluss__buchen) .leiste{padding:6px 6px 6px 34px}
:is(.hero,.schluss__buchen) .leiste label{gap:2px;padding:4px 24px}
:is(.hero,.schluss__buchen) .leiste input,:is(.hero,.schluss__buchen) .leiste select{line-height:1.15}
:is(.hero,.schluss__buchen) .leiste .kn{height:48px;padding-left:24px}
:is(.hero,.schluss__buchen) .leiste .kn i{width:36px;height:36px}
@media (min-width:861px){:is(.hero,.schluss__buchen) .leiste+.hero__zeile{margin-bottom:clamp(90px,13vh,140px)}}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste{padding:10px 10px 10px}
:is(.hero,.schluss__buchen) .leiste .kn{height:52px}}
:is(.hero,.schluss__buchen) .leiste{background:linear-gradient(180deg,#4b3625 0%,#372517 55%,#2b1e13 100%);
  box-shadow:inset 0 0 0 1px rgba(230,210,162,.3),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(19,13,8,.75),0 2px 6px -2px rgba(19,13,8,.4)}
:is(.hero,.schluss__buchen) .leiste label+label{border-left-color:rgba(255,255,255,.2)}
:is(.hero,.schluss__buchen) .leiste label span{color:var(--gold)}
:is(.hero,.schluss__buchen) .leiste input,:is(.hero,.schluss__buchen) .leiste select{color:#fff;color-scheme:dark}
:is(.hero,.schluss__buchen) .leiste option{color:var(--tinte)}
:is(.hero,.schluss__buchen) .leiste input{position:relative}
:is(.hero,.schluss__buchen) .leiste input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}
:is(.hero,.schluss__buchen) .leiste input:focus-visible,:is(.hero,.schluss__buchen) .leiste select:focus-visible{box-shadow:0 2px 0 var(--gold)}
:is(.hero,.schluss__buchen) .leiste .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(130,108,53,.26);--tief:rgba(13,9,6,.5);--ko:#6d5039;--ku:#302115;--kt:#fff;--klicht:rgba(255,255,255,.26)}
:is(.hero,.schluss__buchen) .leiste .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){border-top-color:rgba(255,255,255,.2)}}
.hero__ort{font-size:clamp(.86rem,1.08vw,1.1rem);font-weight:600;letter-spacing:.3em;color:var(--gold);
  text-shadow:0 0 .12em rgba(19,13,8,.95),0 1px 2px rgba(19,13,8,1),0 2px 8px rgba(19,13,8,.85),0 4px 22px rgba(19,13,8,.6)}
@media (max-width:860px){.hero__ort{font-size:.8rem;letter-spacing:.24em}}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste label,:is(.hero,.schluss__buchen) .leiste label:first-of-type{padding:8px 14px}
:is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){padding:12px 14px 8px}}
@media (min-width:861px){:is(.hero,.schluss__buchen) .leiste{margin-bottom:calc(40px + clamp(90px,13vh,140px))}}
.goldband{position:relative;z-index:3;overflow:hidden;color:var(--nacht);background:linear-gradient(180deg,#e6d7b6 0%,#E6D2A2 48%,#c1ab80 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(90,70,40,.35),inset 0 4px 0 -2px rgba(255,255,255,.18)}
.goldband__zug{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:goldlauf 70s linear infinite;animation-play-state:paused}
.goldband.laeuft .goldband__zug{animation-play-state:running;will-change:transform}
.goldband li{flex:none;display:flex;align-items:center;height:60px;padding:0 36px;font-family:var(--caps);font-weight:600;font-size:13.5px;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap}
.goldband a{box-shadow:inset 0 -1px 0 currentColor}
.goldband__z{padding:0 6px!important;color:var(--marine)}
.goldband__z svg{width:28px;height:28px}
@keyframes goldlauf{to{transform:translate3d(-50%,0,0)}}
@media (hover:hover){.goldband:hover .goldband__zug{animation-play-state:paused}}
@media (max-width:860px){.goldband li{height:50px;padding:0 24px;font-size:11.5px;letter-spacing:.2em}
.goldband__z svg{width:22px;height:22px}}
@media (prefers-reduced-motion:reduce){.goldband__zug{animation:none}}
.hero__ort{text-shadow:0 0 .2em rgba(19,13,8,1),0 0 .5em rgba(19,13,8,.95),0 1px 2px rgba(19,13,8,1),0 2px 10px rgba(19,13,8,.9),0 4px 26px rgba(19,13,8,.7)}
.hero__sub{text-shadow:0 0 .2em rgba(19,13,8,.95),0 1px 2px rgba(19,13,8,1),0 2px 10px rgba(19,13,8,.85),0 5px 30px rgba(19,13,8,.7),0 8px 60px rgba(19,13,8,.5)}
.hero__ort{text-shadow:0 0 .15em rgba(19,13,8,1),0 0 .35em rgba(19,13,8,1),0 0 .8em rgba(19,13,8,.85),0 1px 2px rgba(19,13,8,1),0 3px 18px rgba(19,13,8,.8)}
@keyframes sbein{from{opacity:0;transform:translateY(18px)}}
.sbuehne__t .d3{margin-top:8px;font-size:clamp(2.1rem,3.5vw,3.7rem);line-height:1.04}
.sbuehne__t .lauf{margin-top:14px;max-width:46ch}
.sbuehne__t .kn-reihe{margin-top:24px}
.hero__schatten .z>span{text-shadow:0 .02em .05em rgba(19,13,8,.95),0 .06em .18em rgba(19,13,8,.9),0 .12em .4em rgba(19,13,8,.85),0 .2em .8em rgba(19,13,8,.75),0 .1em 1.4em rgba(19,13,8,.6)}
.hero__zeichen{filter:drop-shadow(0 2px 3px rgba(19,13,8,.9)) drop-shadow(0 6px 18px rgba(19,13,8,.75))}
.hero__ort{text-shadow:0 0 .15em rgba(19,13,8,1),0 0 .4em rgba(19,13,8,1),0 0 .9em rgba(19,13,8,.95),0 1px 2px rgba(19,13,8,1),0 3px 20px rgba(19,13,8,.9),0 0 40px rgba(19,13,8,.7)}
.hero__sub{text-shadow:0 0 .15em rgba(19,13,8,1),0 0 .4em rgba(19,13,8,.95),0 1px 2px rgba(19,13,8,1),0 2px 10px rgba(19,13,8,.95),0 5px 30px rgba(19,13,8,.85),0 8px 60px rgba(19,13,8,.7),0 0 90px rgba(19,13,8,.55)}
.hero__sub{text-shadow:0 0 .2em #130d08,0 0 .5em #130d08,0 0 .5em #130d08,0 0 1em rgba(19,13,8,.95),0 0 1em rgba(19,13,8,.9),0 2px 2em rgba(19,13,8,.85),0 4px 3.5em rgba(19,13,8,.7)}
.hero__ort{text-shadow:0 0 .2em #130d08,0 0 .5em #130d08,0 0 .5em #130d08,0 0 1em #130d08,0 0 1.6em rgba(19,13,8,.9),0 0 2.6em rgba(19,13,8,.75)}
.hero__schatten .z>span{text-shadow:0 0 .06em #130d08,0 0 .16em #130d08,0 0 .3em rgba(19,13,8,.95),0 0 .3em rgba(19,13,8,.9),0 .1em .6em rgba(19,13,8,.85),0 .15em 1em rgba(19,13,8,.75),0 .1em 1.6em rgba(19,13,8,.6)}
.hero__sub{text-shadow:0 0 2px #130d08,0 0 2px #130d08,0 0 6px #130d08,0 0 6px #130d08,0 0 6px #130d08,0 0 14px #130d08,0 0 14px #130d08,0 0 14px #130d08,0 0 28px rgba(19,13,8,.8),0 0 28px rgba(19,13,8,.8),0 0 28px rgba(19,13,8,.8),0 2px 50px rgba(19,13,8,.6),0 2px 50px rgba(19,13,8,.6)}
.hero__ort{text-shadow:0 0 2px #130d08,0 0 2px #130d08,0 0 5px #130d08,0 0 5px #130d08,0 0 5px #130d08,0 0 12px #130d08,0 0 12px #130d08,0 0 12px #130d08,0 0 24px rgba(19,13,8,.8),0 0 24px rgba(19,13,8,.8),0 0 24px rgba(19,13,8,.8),0 0 44px rgba(19,13,8,.6),0 0 44px rgba(19,13,8,.6)}
.hero__schatten .z>span{text-shadow:0 0 .04em #130d08,0 0 .04em #130d08,0 0 .1em #130d08,0 0 .1em #130d08,0 0 .1em #130d08,0 0 .22em #130d08,0 0 .22em #130d08,0 0 .22em #130d08,0 0 .45em rgba(19,13,8,.8),0 0 .45em rgba(19,13,8,.8),0 0 .45em rgba(19,13,8,.8),0 .05em .8em rgba(19,13,8,.6),0 .05em .8em rgba(19,13,8,.6)}
.hero__kopf{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
@keyframes hofein{to{opacity:1}}
.prunk b>span[data-zahl]{display:inline;margin:0;font-size:inherit;line-height:inherit;color:inherit}
.bruch .raum{gap:20px}
.bruch .raum svg{width:clamp(40px,3.4vw,54px);height:clamp(40px,3.4vw,54px)}
.bruch .raum b{font-size:clamp(1.05rem,1.4vw,1.45rem);letter-spacing:.24em}
.bruch .mono{max-width:44ch;font-size:clamp(1.2rem,1.85vw,1.9rem)}
.goldband{background:linear-gradient(180deg,#f4e9cf 0%,#e3d1aa 22%,#cfb98d 55%,#bba072 82%,#a88c5f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(70,52,26,.55),0 10px 18px -10px rgba(17,12,8,.7),0 -6px 14px -10px rgba(17,12,8,.5)}
.goldband::before,.goldband::after{content:'';position:absolute;left:0;right:0;height:1px;z-index:1;pointer-events:none}
.goldband::before{top:4px;background:linear-gradient(90deg,transparent,rgba(110,84,44,.45) 12%,rgba(110,84,44,.45) 88%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.45)}
.goldband::after{bottom:4px;background:linear-gradient(90deg,transparent,rgba(110,84,44,.45) 12%,rgba(110,84,44,.45) 88%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.35)}
.goldband li{height:42px;padding:0 30px;font-weight:500;font-size:11.5px;letter-spacing:.32em;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.goldband a{box-shadow:inset 0 -.5px 0 currentColor}
.goldband__z svg{width:19px;height:19px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}
@media (max-width:860px){.goldband li{height:38px;padding:0 20px;font-size:10.5px;letter-spacing:.24em}
.goldband__z svg{width:17px;height:17px}}
.nav__links a{font-weight:500;color:rgba(250,244,232,.9);text-shadow:0 1px 1px rgba(0,0,0,.35)}
.nav__links a:hover,.nav__links a[aria-current]{color:#fff}
.eckknopf{font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.nav__insel{border-color:rgba(230,210,162,.5);
  background:radial-gradient(120% 140% at 50% -40%,rgba(255,249,238,.26),rgba(255,249,238,0) 58%),linear-gradient(180deg,#684c35 0%,#4e3623 24%,#362619 62%,#231910 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 12px 18px -14px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),inset 0 0 0 1px rgba(230,210,162,.1),
    0 26px 44px -20px rgba(17,11,7,.85),0 8px 16px -8px rgba(17,11,7,.55),0 1px 2px rgba(17,11,7,.4)}
.eckknopf.glanz{background:radial-gradient(120% 160% at 50% -50%,rgba(255,249,238,.28),rgba(255,249,238,0) 60%) padding-box,linear-gradient(180deg,#684c35 0%,#4e3623 30%,#362619 66%,#231910 100%) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),rgba(230,210,162,.5),var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),rgba(230,210,162,.5) calc(var(--gp)*4)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 8px 12px -10px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),0 22px 36px -18px rgba(17,11,7,.85),0 6px 12px -6px rgba(17,11,7,.55)}
@media (min-width:1321px){.nav__links a{font-size:13px;letter-spacing:.06em}
.nav__links{gap:12px}}
@media (min-width:1321px){.nav__links a{letter-spacing:.045em}
.nav__links{gap:22px}
.nav__insel{gap:22px}}
@media (min-width:1321px){.nav__insel{padding:0 20px 0 16px}}
@media (min-width:1321px) and (max-width:1419px){.nav__links{gap:14px}}
[data-r]{transform:translateY(clamp(40px,4.6vw,70px));transition:opacity .75s var(--e2),transform 1.2s var(--e1);transition-delay:calc(var(--i,0)*70ms)}
[data-r="bild"],[data-r="schweb"],.karte[data-r],.foto[data-r],.kachel[data-r],.zk[data-r],.pausch[data-r],.frei[data-r]{opacity:1;transform:translateY(clamp(56px,6.4vw,104px)) scale(.975);transform-origin:50% 100%;transition:opacity .5s var(--e2),transform 1.35s var(--e1);transition-delay:calc(var(--i,0)*100ms)}
[data-r]:has(img){opacity:1}
[data-r].da,[data-r="bild"].da,[data-r="schweb"].da,.karte[data-r].da,.foto[data-r].da,.kachel[data-r].da,.zk[data-r].da,.pausch[data-r].da,.frei[data-r].da{opacity:1;transform:none}
.dunst img{transform:scale(1.13);transition:transform 1.9s var(--e1);transition-delay:calc(var(--i,0)*90ms)}
.dunst.da img,.da .dunst img{transform:none}
.hero [data-r]{transform:translateY(clamp(22px,2.6vw,40px));transition-property:opacity,transform;transition-duration:1s,1.4s;transition-timing-function:var(--e2),var(--e1)}
.hero [data-r].da{transform:none}
@media (prefers-reduced-motion:reduce){[data-r],[data-r]:is(.karte,.foto,.trio__b,.kachel,.zk,.pausch,.frei,.gz__b){transform:none!important;opacity:1!important;transition:none!important}
.dunst img{transform:none}}
.gleit{will-change:auto}
.gz__k img.gleit{scale:1;transition:scale 1.6s var(--e1)!important}
@media (hover:hover){.gz__b:hover .gz__k img.gleit{scale:1.06}}
.hero__sub::before{content:none}
.hero__schatten .z>span{text-shadow:0 .02em .05em rgba(19,13,8,.7),0 .05em .25em rgba(19,13,8,.5),0 .1em .7em rgba(19,13,8,.35)}
.hero__sub{text-shadow:0 1px 2px rgba(19,13,8,.8),0 2px 10px rgba(19,13,8,.55),0 4px 28px rgba(19,13,8,.35)}
.hero__ort{text-shadow:0 1px 2px rgba(19,13,8,.85),0 2px 10px rgba(19,13,8,.55)}
.hero__zeichen{filter:drop-shadow(0 2px 4px rgba(19,13,8,.55)) drop-shadow(0 6px 16px rgba(19,13,8,.35))}
.goldband{background:linear-gradient(180deg,#f8eac6 0%,#ead09a 20%,#d6b679 52%,#c2a062 80%,#aa874f 100%);
  box-shadow:inset 0 1px 0 rgba(255,248,226,.95),inset 0 -1px 0 rgba(84,58,22,.6),0 10px 18px -10px rgba(17,12,8,.7),0 -6px 14px -10px rgba(17,12,8,.5)}
.goldband::before,.goldband::after{background:linear-gradient(90deg,transparent,rgba(118,82,30,.5) 12%,rgba(118,82,30,.5) 88%,transparent)}
.goldband li{text-shadow:0 1px 0 rgba(255,246,220,.6)}
:is(.hero,.schluss__buchen) .leiste{border:1px solid rgba(230,210,162,.5);
  background:radial-gradient(120% 140% at 50% -40%,rgba(255,249,238,.26),rgba(255,249,238,0) 58%),linear-gradient(180deg,#684c35 0%,#4e3623 24%,#362619 62%,#231910 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 12px 18px -14px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),inset 0 0 0 1px rgba(230,210,162,.1),
    0 26px 44px -20px rgba(17,11,7,.85),0 8px 16px -8px rgba(17,11,7,.55),0 1px 2px rgba(17,11,7,.4)}
:is(.hero,.schluss__buchen) .leiste label span{font-weight:500;color:var(--gold);text-shadow:0 1px 1px rgba(0,0,0,.35)}
:is(.hero,.schluss__buchen) .leiste input,:is(.hero,.schluss__buchen) .leiste select{color:rgba(250,244,232,.96);text-shadow:0 1px 1px rgba(0,0,0,.35)}
:is(.hero,.schluss__buchen) .leiste label+label{position:relative;border-left:0}
:is(.hero,.schluss__buchen) .leiste label+label::before{content:'';position:absolute;left:0;top:-4px;bottom:-4px;width:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(230,210,162,0),rgba(230,210,162,.45) 30%,rgba(230,210,162,.45) 70%,rgba(230,210,162,0))}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste label:nth-of-type(3)::before{display:none}
:is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){border-top-color:rgba(230,210,162,.3)}}
.hero .hero__ort{background:linear-gradient(180deg,#fbf0cf 0%,#ead39c 30%,#c9a764 48%,#9c7b43 58%,#dcc189 76%,#f3e3b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;
  filter:drop-shadow(0 -.5px 0 rgba(255,247,226,.45)) drop-shadow(0 1px 0 rgba(61,42,16,.9)) drop-shadow(0 2px 4px rgba(19,13,8,.75)) drop-shadow(0 4px 14px rgba(19,13,8,.45))}
.hero .hero__zeichen{filter:drop-shadow(0 2px 4px rgba(19,13,8,.55)) drop-shadow(0 6px 16px rgba(19,13,8,.35)) drop-shadow(0 8px 40px rgba(19,13,8,.5)) drop-shadow(0 0 70px rgba(19,13,8,.35))}
.gleit{transform:scale(1.16);transition:none!important}
.gz__k img.gleit{transition:scale 1.6s var(--e1)!important}
@keyframes skBild{from{transform:scale(1.14)}to{transform:none}}
@keyframes skZeile{from{transform:translateY(108%)}to{transform:none}}
@keyframes skAuf{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes skAbzug{from{opacity:0;translate:0 140px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
.sk :is(.d1,.d2) .z>span{animation:skZeile 1.35s cubic-bezier(.16,1,.3,1) .3s backwards}
.sk :is(.d1,.d2) .z:nth-child(2)>span{animation-delay:.42s}
.sk :is(.sk__em,.sk__caps,.raum,.sk__satz,.kn-reihe,.sk__fakten,.sk__cap){animation:skAuf 1.3s cubic-bezier(.16,1,.3,1) backwards}
.sk :is(.raum,.sk__caps){animation-delay:.2s}
.sk .kn-reihe{animation-delay:.78s}
@media (prefers-reduced-motion:reduce){.gleit{transform:none}}
.hero .hero__ort{font-size:clamp(.98rem,1.26vw,1.3rem)}
@media (max-width:860px){.hero .hero__ort{font-size:.9rem}}
.leiste .lw-nativ{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
.leiste .lw{display:block;width:100%;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;font-family:var(--serif);font-weight:500;font-size:1.2rem;line-height:1.15;color:var(--tinte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.hero,.schluss__buchen) .leiste .lw{font-size:1.45rem;color:rgba(250,244,232,.96);text-shadow:0 1px 1px rgba(0,0,0,.35);transition:transform .6s cubic-bezier(.22,1,.36,1)}
:is(.hero,.schluss__buchen) .leiste .lw:focus-visible{outline:0;box-shadow:0 2px 0 var(--gold)}
@media (max-width:860px){:is(.hero,.schluss__buchen) .leiste .lw{font-size:1.32rem}}
@media (hover:hover) and (min-width:861px){:is(.hero,.schluss__buchen) .leiste{align-items:stretch}
:is(.hero,.schluss__buchen) .leiste label{position:relative;isolation:isolate;overflow:hidden;align-content:center;margin:-6px 0;padding-top:10px;padding-bottom:10px}
:is(.hero,.schluss__buchen) .leiste label+label::before{top:14px;bottom:14px}
:is(.hero,.schluss__buchen) .leiste label>span::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 120% at 50% 0%,rgba(255,249,238,.28),rgba(255,249,238,0) 70%);opacity:0;transition:opacity .6s ease}
:is(.hero,.schluss__buchen) .leiste label::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 28%,rgba(255,236,196,.12) 44%,rgba(255,248,232,.26) 50%,rgba(255,236,196,.12) 56%,transparent 72%);transform:translate3d(-105%,0,0);opacity:0}
:is(.hero,.schluss__buchen) .leiste label>span::after{content:'';position:absolute;left:24px;right:24px;bottom:14px;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(236,220,180,.9),rgba(230,210,162,.25));transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
:is(.hero,.schluss__buchen) .leiste label:first-of-type>span::after{left:0}
:is(.hero,.schluss__buchen) .leiste label>span{transition:color .4s ease}
:is(.hero,.schluss__buchen) .leiste label:hover>span::before,:is(.hero,.schluss__buchen) .leiste label:focus-within>span::before{opacity:1}
:is(.hero,.schluss__buchen) .leiste label:hover::after{transform:translate3d(105%,0,0);opacity:1;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .25s ease}
:is(.hero,.schluss__buchen) .leiste label:hover>span::after,:is(.hero,.schluss__buchen) .leiste label:focus-within>span::after{transform:scaleX(1)}
:is(.hero,.schluss__buchen) .leiste label:hover>span,:is(.hero,.schluss__buchen) .leiste label:focus-within>span{color:#f3e6c6}
:is(.hero,.schluss__buchen) .leiste label:hover .lw,:is(.hero,.schluss__buchen) .leiste .lw[aria-expanded="true"]{transform:translate3d(4px,0,0)}
:is(.hero,.schluss__buchen) .leiste::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px rgba(236,220,180,.9),inset 0 1px 0 rgba(255,250,235,.35);opacity:0;transition:opacity .5s ease}
:is(.hero,.schluss__buchen) .leiste:hover::after,:is(.hero,.schluss__buchen) .leiste:focus-within::after,:is(.hero,.schluss__buchen) .leiste.lw-aktiv::after{opacity:1}}
@media (prefers-reduced-motion:reduce){:is(.hero,.schluss__buchen) .leiste label::after{display:none}
:is(.hero,.schluss__buchen) .leiste .lw{transform:none!important}}
@keyframes lwRechts{from{opacity:0;transform:translate3d(22px,0,0)}to{opacity:1;transform:none}}
@keyframes lwLinks{from{opacity:0;transform:translate3d(-22px,0,0)}to{opacity:1;transform:none}}
.bruch .d2 .z{padding:.3em 0 .65em;margin:-.3em 0 -.65em;clip-path:inset(0 -.6em)}
.bruch .d2.da .z{clip-path:inset(0 -.6em);transition:none}
.bruch .d2 .z>span{transform:translateY(165%);text-shadow:0 .02em .04em rgba(13,9,6,.82),0 .06em .16em rgba(13,9,6,.7),0 .14em .42em rgba(13,9,6,.5);transition:transform 1.25s var(--e1);transition-delay:0s}
.bruch .d2 .z:nth-child(2)>span{transition-delay:.09s}
.bruch .d2.da .z>span{transform:none}
.hero .hero__in{padding-top:clamp(160px,19vh,240px)}
.hero .hero__zeichen{width:clamp(118px,12.8vw,196px)}
@media (max-width:860px){.hero .hero__in{padding-top:128px}
.hero .hero__zeichen{width:112px}}
@media (min-width:861px){:is(.hero,.schluss__buchen) .leiste{margin-bottom:calc(40px + clamp(30px,5vh,60px))}}
.hero .hero__sub{text-shadow:0 0 .35em rgba(19,13,8,.45),0 1px 2px rgba(19,13,8,.85),0 2px 12px rgba(19,13,8,.62),0 4px 30px rgba(19,13,8,.45),0 0 60px rgba(19,13,8,.28)}
.hero .hero__sub{margin-bottom:clamp(32px,4.5vh,56px)}
@media (min-width:1321px){.eckknopf{height:44px;top:41px;padding:0 20px 0 22px;font-size:12.5px}}
@media (min-width:1321px) and (max-width:1419px){.eckknopf{font-size:12px;padding:0 18px 0 20px}}
.hero .hero__name .z>span{text-shadow:0 .02em .05em rgba(19,13,8,.78),0 .05em .25em rgba(19,13,8,.55),0 .1em .7em rgba(19,13,8,.4),0 0 1.2em rgba(19,13,8,.22)}
.hero .hero__sub{text-shadow:0 0 .35em rgba(19,13,8,.5),0 1px 2px rgba(19,13,8,.9),0 2px 12px rgba(19,13,8,.68),0 4px 30px rgba(19,13,8,.5),0 0 60px rgba(19,13,8,.32)}
.hero .hero__sub{text-shadow:0 0 .3em rgba(19,13,8,.65),0 0 .6em rgba(19,13,8,.5),0 1px 2px rgba(19,13,8,.95),0 2px 14px rgba(19,13,8,.78),0 4px 34px rgba(19,13,8,.6),0 0 70px rgba(19,13,8,.4)}
:root{--akzent:#967D40}
.d1 em,.d2 em,.d3 em,.d4 em,.sk--drei .d1 em,.sk--kerbe .d1 em{color:var(--akzent)}
.dunkel .d1 em,.dunkel .d2 em,.dunkel .d3 em,.dunkel .d4 em,.kopfbild .d1 em,.bruch .d2 em,.schluss .d1 em,.sk .d1 em,.sk .d2 em{color:var(--gold)}
.sk--drei .d1 em,.sk--kerbe .d1 em{color:var(--akzent)}
.bad .bad__titel .z{padding:.12em 0 .14em;margin:-.12em 0 -.14em}
.bad__rahmen.kachel{padding:11px}
.bad__rahmen .kachel__b{aspect-ratio:21/9;border-radius:calc(var(--r-xl) - 11px)}
.bad__k .kachel__b{flex:1;aspect-ratio:auto!important;min-height:0}
.bad__k--d .kachel__b img{object-position:50% 22%}
.bad__k--a .kachel__b img{object-position:40% 50%}
@media (max-width:860px){.bad__rahmen .kachel__b{aspect-ratio:4/5}
.bad__k .kachel__b{flex:none;aspect-ratio:4/5!important}
.bad__k .kachel__n{font-size:1rem}}
@media (max-width:860px){.bad__k.kachel{padding:7px}
.bad__k .kachel__b{border-radius:calc(var(--r-xl) - 7px)}
.bad__k .kachel__n{margin-top:7px;padding:9px 10px 8px 11px;font-size:.98rem}
.bad__k .kachel__n small{font-size:8.5px;letter-spacing:.08em}}
.raum--nur{display:flex;justify-content:center;width:auto;margin:0 auto clamp(20px,2.2vw,32px)}
.raum--nur svg{width:clamp(72px,6.6vw,104px);height:clamp(72px,6.6vw,104px)}
.bruch .raum svg{width:clamp(56px,4.8vw,76px);height:clamp(56px,4.8vw,76px)}
.kopfbild .raum--nur svg{width:clamp(44px,3.6vw,58px);height:clamp(44px,3.6vw,58px)}
.kopfzeile{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(18px,2vw,28px)}
.kopfzeile .lauf{max-width:46ch;margin-inline:auto}
.kopfzeile .d2,.gang__kopf .d2,.gang__kopf .d3{font-size:clamp(2.6rem,6.4vw,7rem);line-height:1.02}
.kopfzeile .d2 .z,.gang__kopf .d2 .z,.gang__kopf .d3 .z{display:inline-block;vertical-align:top}
.kopfzeile .d2 .z+.z,.gang__kopf .d2 .z+.z,.gang__kopf .d3 .z+.z{margin-left:.24em}
.gang__kopf{flex-direction:column;align-items:center;text-align:center}
.fl>.in>.kn-reihe,.kopfzeile .kn-reihe{justify-content:center}
.bruch .raum{display:none!important}
.ritual-abschnitt .ritual__titel .z{padding:.12em 0 .14em;margin:-.12em 0 -.14em}
.ritual__buehne.kachel{position:sticky;top:clamp(116px,15vh,150px);padding:11px}
.ritual__buehne .kachel__b{aspect-ratio:4/5;max-height:calc(100svh - 190px);width:100%;border-radius:calc(var(--r-xl) - 11px)}
.ritual__buehne .kachel__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 2.6s cubic-bezier(.16,1,.3,1)}
.ritual__buehne .kachel__b img.an{opacity:1;transform:none}
.ritual__buehne .kachel__b img[data-n="0"]{object-position:62% 50%}
.ritual__buehne .kachel__b img[data-n="3"]{object-position:30% 30%}
@media (max-width:860px){.ritual__mb .kachel__b{aspect-ratio:4/3;border-radius:calc(var(--r-xl) - 8px)}}
@media (prefers-reduced-motion:reduce){.ritual__buehne .kachel__b img{transition:none}}
@keyframes abfZeiger{to{transform:scaleX(1)}}
.hero .hero__ort{font-size:clamp(1.12rem,1.55vw,1.6rem);letter-spacing:.24em;
  background:linear-gradient(180deg,#fff6dc 0%,#f1dcaa 32%,#dcbd7c 50%,#c4a062 60%,#e6cd95 78%,#f7e9c2 100%);-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 -.5px 0 rgba(255,247,226,.4)) drop-shadow(0 1px 0 rgba(40,28,10,.95)) drop-shadow(0 0 3px rgba(19,13,8,.85)) drop-shadow(0 3px 12px rgba(19,13,8,.6))}
@media (max-width:860px){.hero .hero__ort{font-size:1rem;letter-spacing:.18em}}
.hero .hero__sub{font-weight:500;text-shadow:0 1px 2px rgba(19,13,8,.45),0 0 26px rgba(19,13,8,.6),0 0 60px rgba(19,13,8,.45)}
.bruch .d2.da .z>span{text-shadow:0 .02em .04em rgba(16,11,7,.9),0 .05em .14em rgba(16,11,7,.8),0 .1em .4em rgba(16,11,7,.7),0 .2em 1em rgba(16,11,7,.55),0 0 1.6em rgba(16,11,7,.45)}
.bruch .mono{max-width:min(60ch,92vw);text-wrap:balance;text-shadow:0 1px 2px rgba(16,11,7,.95),0 2px 8px rgba(16,11,7,.85),0 4px 22px rgba(16,11,7,.75),0 0 44px rgba(16,11,7,.6)}
.kn.kn.kn{--o:#7e5c40;--m:#503825;--u:#291c11;--t:#f7efdd;--licht:rgba(255,249,238,.38);--kante:rgba(0,0,0,.5);--tief:rgba(33,23,15,.55);--ko:#f3e3b8;--ku:#b8975a;--kt:#372517;--klicht:rgba(255,250,232,.95);
  font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.35);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.55),0 1px 0 rgba(255,255,255,.06),0 2px 2px rgba(19,13,8,.35),0 18px 28px -14px var(--tief)}
.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
.kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(255,236,190,.35),0 6px 12px -6px rgba(0,0,0,.55)}
.dunkel .kn.kn.kn,.hero .kn.kn.kn,.fl--nacht .kn.kn.kn,.fl--marine .kn.kn.kn{--tief:rgba(0,0,0,.7);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.35),0 18px 30px -14px var(--tief)}
@media (hover:hover){.kn.kn.kn:hover{box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(226,205,160,.9),0 2px 2px rgba(19,13,8,.35),0 26px 36px -16px var(--tief)}}
.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#372517;--licht:#fff;--kante:rgba(130,108,53,.32);--tief:rgba(43,32,23,.32);--ko:#7e5c40;--ku:#291c11;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(150,125,64,.38),0 1px 1px rgba(43,32,23,.14),0 16px 26px -14px var(--tief)}
.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
.kn.kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(0,0,0,.4),0 0 0 1px rgba(230,210,162,.45),0 6px 12px -6px rgba(33,23,15,.55)}
:is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn{--o:#7e5c40;--m:#503825;--u:#291c11;--t:#f7efdd;--licht:rgba(255,249,238,.38);--kante:rgba(0,0,0,.5);--tief:rgba(0,0,0,.7);--ko:#f3e3b8;--ku:#b8975a;--kt:#372517;--klicht:rgba(255,250,232,.95);text-shadow:0 1px 1px rgba(0,0,0,.35);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.35),0 18px 30px -14px var(--tief)}
:is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
:is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(255,236,190,.35),0 6px 12px -6px rgba(0,0,0,.55)}
.bruch{margin-block:-2px;clip-path:inset(2px 0 2px 0)}
.bruch+*,:has(+.bruch){position:relative;z-index:1}
.fl--nacht:has(+.bruch),.bruch+.fl--nacht{box-shadow:0 4px 0 var(--nacht),0 -4px 0 var(--nacht)}
.fl--marine:has(+.bruch),.bruch+.fl--marine{box-shadow:0 4px 0 var(--marine),0 -4px 0 var(--marine)}
.fl--creme:has(+.bruch),.bruch+.fl--creme{box-shadow:0 4px 0 var(--creme),0 -4px 0 var(--creme)}
.fl--papier:has(+.bruch),.bruch+.fl--papier{box-shadow:0 4px 0 var(--papier),0 -4px 0 var(--papier)}
@keyframes abfRein{from{opacity:0;transform:translate3d(0,var(--weg,130px),0) scale(var(--klein,.95))}to{opacity:1;transform:none}}
@keyframes abfRaus{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-34px,0) scale(.985)}}
@keyframes abfTextRein{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes abfTextRaus{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}
@keyframes filmLinks{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes filmRechts{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes filmHoch{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes filmRunter{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
.strich{display:flex;align-items:center;gap:clamp(18px,2vw,30px);width:100%;color:var(--akzent)}
.strich::before,.strich::after{content:'';flex:1;height:1px;background:rgba(150,125,64,.42)}
.strich svg{flex:none;width:clamp(58px,4.6vw,76px);height:auto}
.dunkel .strich{color:var(--gold)}
.dunkel .strich::before,.dunkel .strich::after{background:rgba(230,210,162,.4)}
.fl:has(>.strich--naht){overflow:visible;overflow-x:clip;z-index:2}
.strich--naht{position:absolute;z-index:3;top:0;left:max(var(--rand),calc(50% - var(--max)/2));right:max(var(--rand),calc(50% - var(--max)/2));width:auto;transform:translateY(-50%)}
.bruch:has(img[src*="fenster-schnee"]) .d2.da .z>span{text-shadow:0 .02em .05em rgba(16,11,7,.95),0 .05em .16em rgba(16,11,7,.9),0 .1em .45em rgba(16,11,7,.8),0 .2em 1.1em rgba(16,11,7,.7),0 0 1.8em rgba(16,11,7,.6),0 0 3em rgba(16,11,7,.4)}
.bruch:has(img[src*="fenster-schnee"]) .mono{text-shadow:0 1px 2px rgba(16,11,7,1),0 2px 8px rgba(16,11,7,.95),0 4px 22px rgba(16,11,7,.85),0 0 44px rgba(16,11,7,.75),0 0 70px rgba(16,11,7,.5)}
.sb__f img.gleit,.sb__ab img.gleit{transition:none!important}
.sb__ab img.gleit{transition:filter .6s ease!important}
.strich--naht .naht-oben{position:absolute;left:50%;top:50%;width:clamp(58px,4.6vw,76px);height:auto;transform:translate(-50%,-50%);color:#fcf7ee;clip-path:inset(0 0 50% 0);opacity:0;transition:opacity .6s var(--e2);pointer-events:none}
.dunkel+.fl>.strich--naht .naht-oben{opacity:1}
.abschied{position:relative;background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff;padding:0 var(--rand) clamp(90px,9vw,150px)}
.abschied__bild{position:relative;margin:0 calc(-1*var(--rand));height:clamp(420px,72vh,760px);overflow:hidden}
.abschied__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.abschied>.in{position:relative;z-index:2;margin-top:calc(-1*clamp(200px,30vh,340px))}
.abschied__karte{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(40px,4.4vw,72px) clamp(24px,4.4vw,76px) clamp(40px,4vw,64px);border-radius:var(--r-xl);
  background:linear-gradient(180deg,#fdf9f1,#f6eedd 60%,#efe4cf);color:var(--tinte);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.28),inset 0 0 0 7px #fbf5e9,inset 0 0 0 8px rgba(150,125,64,.22),0 2px 0 #c9b48c,0 50px 80px -40px rgba(0,0,0,.85)}
.abschied__zeichen{width:clamp(70px,6vw,96px);height:auto;color:var(--taupe);margin-bottom:clamp(16px,1.8vw,26px)}
.abschied .abschied__karte .d2{color:var(--tinte);font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1.04}
.abschied .abschied__karte .d2 em{color:var(--akzent,#967D40)}
.abschied__satz{max-width:46ch;margin:clamp(16px,1.6vw,24px) auto 0;color:rgba(43,32,23,.78)}
.abschied .hero.abschied__buchen{position:static;min-height:0;display:block;width:100%;overflow:visible;background:none;isolation:auto;margin-top:clamp(30px,3.2vw,48px)}
.abschied .hero.abschied__buchen .leiste{margin:0 auto;position:static;transform:none;opacity:1}
.abschied .koord.abschied__weg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin-top:clamp(30px,3.2vw,48px);padding:0;background:none;box-shadow:none;border-radius:0;
  border-top:1px solid rgba(150,125,64,.28);border-bottom:1px solid rgba(150,125,64,.28)}
.abschied .abschied__weg div{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(20px,2.2vw,32px) 10px;background:none;box-shadow:none;border-radius:0}
.abschied .abschied__weg div+div::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(180deg,transparent,rgba(150,125,64,.55),transparent)}
.abschied .abschied__weg dt{font-family:var(--caps);font-weight:600;font-size:clamp(.68rem,.78vw,.82rem);letter-spacing:.24em;text-transform:uppercase;color:var(--akzent,#967D40)}
.abschied .abschied__weg dd{margin:10px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.15;color:var(--tinte)}
.abschied .abschied__weg dd small{display:block;margin-top:6px;font-family:var(--sans);font-size:.95rem;font-weight:400;color:rgba(43,32,23,.62)}
.abschied__adresse{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin:clamp(22px,2.4vw,34px) 0 0;font-size:1.02rem;color:rgba(43,32,23,.78)}
.abschied__adresse i{width:5px;height:5px;transform:rotate(45deg);background:var(--taupe);opacity:.7}
.abschied__adresse a{color:var(--tinte);box-shadow:inset 0 -1px 0 rgba(150,125,64,.5)}
.abschied__kn{justify-content:center;margin-top:clamp(22px,2.4vw,34px)}
@media (max-width:860px){.abschied__bild{height:58vh}
.abschied>.in{margin-top:-24vh}
.abschied .koord.abschied__weg{grid-template-columns:minmax(0,1fr)}
.abschied .abschied__weg div+div::before{left:20%;right:20%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(150,125,64,.55),transparent)}}
.abschied .abschied__karte .abschied__satz{color:rgba(43,32,23,.78);text-shadow:none}
.abschied .abschied__kn .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#372517;--licht:#fff;--kante:rgba(130,108,53,.32);--tief:rgba(43,32,23,.32);--ko:#7e5c40;--ku:#291c11;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(150,125,64,.38),0 1px 1px rgba(43,32,23,.14),0 16px 26px -14px var(--tief)}
.abschied .abschied__kn .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
.abschied{padding-bottom:clamp(70px,7vw,120px)}
@keyframes bdLauf{to{transform:translate3d(-50%,0,0)}}
.abschied__ticket{max-width:1040px;margin:0 auto;perspective:1600px;filter:drop-shadow(0 50px 50px rgba(0,0,0,.55)) drop-shadow(0 12px 16px rgba(0,0,0,.35))}
.abschied__ticket .abschied__karte{--perf:72%;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.4),inset 0 0 0 9px #fbf5e9,inset 0 0 0 10px rgba(150,125,64,.5),inset 0 0 0 13px #fbf5e9,inset 0 0 0 14px rgba(150,125,64,.22);
  -webkit-mask:radial-gradient(circle 20px at 0 var(--perf),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 20px at 100% var(--perf),#0000 97%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 20px at 0 var(--perf),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 20px at 100% var(--perf),#0000 97%,#000) right/51% 100% no-repeat;
  transform-origin:50% 100%;opacity:0;transform:translate3d(0,140px,-120px) rotateX(16deg) scale(.94);transition:opacity 1.2s ease,transform 2.2s cubic-bezier(.16,1,.3,1)}
.abschied__ticket.da .abschied__karte{opacity:1;transform:none}
.abschied__ticket .abschied__karte::after{content:'';position:absolute;inset:-10% -40%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,240,205,.0) 44%,rgba(255,236,190,.55) 50%,rgba(255,240,205,0) 56%,transparent 60%);transform:translate3d(-70%,0,0);opacity:0}
.abschied__ticket.da .abschied__karte::after{animation:ticketGlanz 1.8s cubic-bezier(.4,0,.2,1) 1.7s forwards}
@keyframes ticketGlanz{0%{opacity:1;transform:translate3d(-70%,0,0)}100%{opacity:1;transform:translate3d(70%,0,0)}}
.ticket__kopf{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,22px);width:100%;margin:0 0 clamp(22px,2.4vw,34px);font-family:var(--caps);font-weight:500;text-transform:uppercase;color:var(--akzent)}
.ticket__kopf b{font-weight:600;font-size:clamp(12px,1vw,14.5px);letter-spacing:.34em;white-space:nowrap}
.ticket__kopf span{flex:1;display:flex;align-items:center;gap:12px;font-size:clamp(10px,.8vw,11.5px);letter-spacing:.24em;color:rgba(150,125,64,.85);white-space:nowrap}
.ticket__kopf span:first-child::after,.ticket__kopf span:last-child::before{content:'';flex:1;height:1px;background:rgba(150,125,64,.45)}
.ticket__riss{position:relative;width:calc(100% + 2 * clamp(24px,4.4vw,76px));margin:clamp(30px,3.2vw,46px) calc(-1 * clamp(24px,4.4vw,76px)) 0;height:0;border-top:2px dashed rgba(150,125,64,.4)}
.abschied__ticket .koord.abschied__weg{border-top:0;margin-top:clamp(10px,1.2vw,18px)}
@media (max-width:860px){.ticket__kopf span{display:none}
.abschied__ticket .abschied__karte{-webkit-mask:none;mask:none}}
@media (prefers-reduced-motion:reduce){.abschied__ticket .abschied__karte{opacity:1;transform:none;transition:none}
.abschied__ticket .abschied__karte::after{display:none}}
.abschied>.in{perspective:1600px}
.abschied__ticket{perspective:none;transform-origin:50% 100%;opacity:0;transform:translate3d(0,140px,-120px) rotateX(16deg) scale(.94);transition:opacity 1.2s ease,transform 2.2s cubic-bezier(.16,1,.3,1)}
.abschied__ticket.da{opacity:1;transform:none}
.abschied__ticket .abschied__karte,.abschied__ticket.da .abschied__karte{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){.abschied__ticket{opacity:1;transform:none;transition:none}}
.abschied__ticket{filter:none}
.abschied__ticket .abschied__karte{overflow:visible;-webkit-mask:none;mask:none;
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.4),inset 0 0 0 9px #fbf5e9,inset 0 0 0 10px rgba(150,125,64,.5),inset 0 0 0 13px #fbf5e9,inset 0 0 0 14px rgba(150,125,64,.22),0 2px 0 #c9b48c,0 50px 80px -40px rgba(0,0,0,.85)}
.ticket__riss::before,.ticket__riss::after{content:'';position:absolute;top:-21px;width:40px;height:40px;border-radius:50%;background:var(--nacht);box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}
.ticket__riss::before{left:-21px}
.ticket__riss::after{right:-21px}
.abschied__ticket .abschied__karte::after{inset:0;border-radius:inherit;overflow:hidden;background:linear-gradient(105deg,transparent 40%,rgba(255,236,190,.5) 50%,transparent 60%) no-repeat;background-size:300% 100%;background-position:100% 0;transform:none}
@keyframes ticketGlanz{0%{opacity:1;background-position:100% 0}100%{opacity:0;background-position:0 0}}
.abschied{overflow:clip}
.abschied>.in{perspective:none}
.abschied__ticket{opacity:1;transform:translate3d(0,260px,0);transition:transform 2s cubic-bezier(.16,1,.3,1)}
.abschied__ticket.da{transform:none}
.abschied__ticket .tk{opacity:0;transform:translate3d(0,40px,0);transition:opacity .9s ease,transform 1.4s cubic-bezier(.16,1,.3,1);transition-delay:calc(1s + var(--i) * 160ms)}
.abschied__ticket.da .tk{opacity:1;transform:none}
.abschied__ticket .koord.abschied__weg{border-bottom:0;margin-top:clamp(18px,2vw,30px)}
.abschied__ticket .abschied__weg div{padding:clamp(22px,2.4vw,34px) 14px clamp(18px,2vw,28px)}
.abschied__ticket .abschied__weg div::after{content:'';display:block;order:-1;width:30px;height:30px;margin-bottom:14px;background:var(--akzent);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:.9}
.abschied__ticket .abschied__weg div:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.3'%3E%3Crect x='8' y='4' width='16' height='19' rx='4'/%3E%3Cpath d='M8 13h16M12 23l-4 6M20 23l4 6M10 27h12'/%3E%3Ccircle cx='12.5' cy='18' r='1'/%3E%3Ccircle cx='19.5' cy='18' r='1'/%3E%3C/svg%3E")}
.abschied__ticket .abschied__weg div:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M5 21v-4l3-6h16l3 6v4z'/%3E%3Cpath d='M5 17h22M9 21v3M23 21v3'/%3E%3Ccircle cx='10' cy='19' r='.8'/%3E%3Ccircle cx='22' cy='19' r='.8'/%3E%3C/svg%3E")}
.abschied__ticket .abschied__weg div:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M4 17l24-7c2-.5 2.5 1.5.5 2.5L18 18l-4 9h-3l2-7-6 2-2 3H3l2-5z'/%3E%3C/svg%3E")}
.abschied__ticket .abschied__weg dt{display:flex;align-items:center;gap:10px;font-size:clamp(.72rem,.82vw,.86rem);letter-spacing:.3em}
.abschied__ticket .abschied__weg dt::before,.abschied__ticket .abschied__weg dt::after{content:'';width:18px;height:1px;background:rgba(150,125,64,.55)}
.abschied__ticket .abschied__weg dd{margin-top:14px;font-size:clamp(1.4rem,1.9vw,1.9rem)}
.abschied__ticket .abschied__weg dd small{margin-top:8px;font-family:var(--caps);font-size:clamp(.66rem,.74vw,.78rem);letter-spacing:.2em;text-transform:uppercase;color:rgba(150,125,64,.9)}
.abschied__ticket .abschied__weg div+div::before{top:18%;bottom:18%;background:linear-gradient(180deg,transparent,rgba(150,125,64,.55) 25%,rgba(150,125,64,.55) 75%,transparent)}
.abschied__ticket .abschied__weg div+div>dt+dd::after{content:none}
@media (min-width:861px){.abschied__ticket .abschied__weg div+div{background:radial-gradient(circle 3.5px at 0 50%,var(--akzent) 0 2.6px,transparent 3px) no-repeat}}
.abschied__ticket .abschied__weg div{display:flex;flex-direction:column;align-items:center}
@media (min-width:861px){.abschied__ticket .abschied__weg div+div{background:none}
.abschied__ticket .abschied__weg dd{font-size:clamp(1.3rem,1.65vw,1.7rem);white-space:nowrap}
.abschied__ticket .abschied__weg dd small{white-space:normal}}
.fuss__haeuser{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,56px);align-items:start;margin-top:clamp(40px,4.6vw,72px);padding:clamp(22px,2.6vw,38px) clamp(22px,2.8vw,44px);border-radius:var(--r-xl);background:var(--platte-d);box-shadow:var(--platte-d-s)}
.fuss__haeuser-kopf{margin:4px 0 0;font-family:var(--caps);font-weight:600;font-size:clamp(.72rem,.8vw,.84rem);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);max-width:12em;line-height:1.7}
.fuss__haus{display:grid;gap:4px;padding-left:clamp(18px,2vw,30px);border-left:1px solid rgba(230,210,162,.3)}
.fuss__haus b{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.8vw,1.9rem);color:#fcf7ee;margin-bottom:4px}
.fuss__haus span{font-size:.98rem;line-height:1.55;color:rgba(255,255,255,.72)}
.fuss__haus a,.fuss__haus button{color:var(--gold);background:none;border:0;padding:0;font:inherit;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(230,210,162,.5)}
.fuss__haus-wege{margin-top:6px;font-family:var(--caps);font-size:.8rem!important;letter-spacing:.18em;text-transform:uppercase}
.fuss__siegel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,24px);margin-top:clamp(40px,4.4vw,66px)}
.fuss__sg{display:grid;place-items:center;height:76px;padding:10px 16px;border-radius:var(--r-l);background:#fbf6ea;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 22px -16px rgba(0,0,0,.7)}
.fuss__sg img{height:56px;width:auto}
.fuss__sg--breit img{height:40px}
.fuss__insta{display:inline-flex;align-items:center;gap:10px;height:76px;padding:0 22px;border-radius:var(--r-l);color:#fcf7ee;box-shadow:inset 0 0 0 1px rgba(230,210,162,.4);font-family:var(--caps);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase}
.fuss__insta svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.5}
.fuss__insta circle:last-child{fill:var(--gold);stroke:none}
@media (hover:hover){.fuss__insta{transition:background .4s}
.fuss__insta:hover{background:rgba(230,210,162,.1)}}
@media (max-width:860px){.fuss__haeuser{grid-template-columns:minmax(0,1fr)}
.fuss__haus{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid rgba(230,210,162,.3)}
.fuss__sg,.fuss__insta{height:64px}
.fuss__sg img{height:46px}
.fuss__sg--breit img{height:32px}}
.fuss__haus-wege button,.fuss__haus-wege a{font-family:var(--caps);font-size:inherit;letter-spacing:.18em;text-transform:uppercase}
@supports (animation-timeline: view()){.abschied>.in{view-timeline:--ticket block}
.abschied__ticket,.abschied__ticket.da{transition:none;animation:ticketHoch linear both;animation-timeline:--ticket;animation-range:cover 0% cover 42%}
@keyframes ticketHoch{from{transform:translate3d(0,340px,0)}55%{transform:translate3d(0,90px,0)}to{transform:none}}}
@media (prefers-reduced-motion:reduce){.abschied__ticket{animation:none!important;transform:none!important}}
.sprache{position:fixed;z-index:61;left:clamp(14px,2vw,32px);bottom:clamp(14px,2vw,32px);display:flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:999px;
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#fff;background:linear-gradient(180deg,#684c35,#231910);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(230,210,162,.45),0 12px 24px -12px rgba(0,0,0,.7)}
.sprache a{padding:6px 2px;color:rgba(255,255,255,.55);transition:color .3s}
.sprache a[aria-current="true"]{color:#fff;box-shadow:inset 0 -1px 0 var(--gold)}
.sprache a:hover{color:#fff}
.sprache i{font-style:normal;opacity:.35}
@media (max-width:560px){.sprache{height:38px;padding:0 12px;font-size:11px}}
.sprache{top:auto!important;right:auto}
.fuss__orte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.92fr);grid-template-rows:auto auto;gap:clamp(14px,1.4vw,22px);margin-top:clamp(44px,5vw,80px)}
.fo{display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(180deg,#483321,#2e2014);box-shadow:inset 0 0 0 1px rgba(230,210,162,.22),inset 0 1px 0 rgba(255,255,255,.08),0 34px 50px -34px #000}
.fo__b{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#291c11}
.fo__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fo__t{padding:clamp(18px,1.8vw,26px) clamp(18px,1.8vw,26px) clamp(20px,2vw,28px)}
.fo__k{margin:0 0 12px;font-family:var(--caps);font-weight:600;font-size:clamp(.7rem,.78vw,.8rem);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.fo__t p:not(.fo__k){margin:0}
.fo__t p+p{margin-top:12px}
.fo__t b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.35vw,1.4rem);line-height:1.2;color:#fcf7ee}
.fo__t small{display:block;margin-top:3px;font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.7)}
.fk{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,3vw,44px) clamp(18px,2vw,30px);border-radius:var(--r-xl);
  background:linear-gradient(180deg,#fdf9f1,#f6eedd 60%,#efe4cf);color:var(--tinte);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.28),inset 0 0 0 7px #fbf5e9,inset 0 0 0 8px rgba(150,125,64,.22),0 34px 50px -34px #000}
.fk .fo__k{color:var(--akzent,#967D40)}
.fk__z .emblem{width:clamp(70px,6vw,96px);height:auto;color:var(--taupe);margin:6px 0 16px}
.fk p{margin:0}
.fk__adr{font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.5vw,1.55rem);line-height:1.25}
.fk__gross{margin-top:16px!important;font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.8vw,1.9rem)}
.fk a{color:var(--tinte);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--e1)}
.fk a:hover{background-size:100% 1px}
.fk>p:nth-of-type(4){margin-top:6px!important;font-size:.98rem}
.fk__meet{display:flex;flex-direction:column;gap:2px;margin-top:auto!important;padding-top:20px;width:100%;border-top:1px solid rgba(150,125,64,.3);font-size:.94rem;color:rgba(43,32,23,.7)}
.fk__meet b{font-family:var(--caps);font-weight:600;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--akzent,#967D40);margin-bottom:4px}
.fuss__orte .fuss__news{grid-column:1/4;grid-row:2;margin-top:0;align-items:center}
.fuss__news h3 em{color:var(--gold)}
.fuss__zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);margin-top:clamp(56px,6vw,96px)}
.fuss__zwei-kopf{grid-column:1/-1;display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin:0 0 clamp(6px,1vw,14px);font-family:var(--caps);font-weight:600;font-size:clamp(.74rem,.86vw,.9rem);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.fuss__zwei-kopf::before,.fuss__zwei-kopf::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(230,210,162,.45))}
.fuss__zwei-kopf::after{transform:scaleX(-1)}
.fz{position:relative;border-radius:var(--r-xl);overflow:hidden;background:#291c11;box-shadow:inset 0 0 0 1px rgba(230,210,162,.22),0 40px 60px -40px #000}
.fz__b{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}
.fz__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fz__t{padding:clamp(20px,2.2vw,32px) clamp(20px,2.4vw,36px) clamp(22px,2.4vw,34px);background:linear-gradient(180deg,#483321,#2e2014)}
.fz__t h3{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.3vw,2.4rem);line-height:1.1;color:#fcf7ee}
.fz__t p{margin:8px 0 0;font-size:1rem;color:rgba(255,255,255,.74)}
.fz__t a{color:var(--gold)}
.fz .fuss__haus-wege{display:flex;gap:18px;margin-top:16px;font-family:var(--caps);font-size:.76rem;letter-spacing:.24em;text-transform:uppercase}
.fz .fuss__haus-wege a,.fz .fuss__haus-wege button{color:var(--gold);background:none;border:0;padding:0 0 3px;font:inherit;letter-spacing:inherit;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(230,210,162,.55)}
@media (hover:hover){.fz__b img{transition:transform 1.6s var(--e1)}
.fz:hover .fz__b img{transform:scale(1.03)}}
.fuss__oben{margin-top:clamp(60px,6.4vw,104px);padding-top:clamp(40px,4vw,64px);border-top:1px solid rgba(230,210,162,.22)}
.fuss__sp h4{display:flex;align-items:center;gap:12px;font-family:var(--caps)!important;font-weight:600!important;font-size:clamp(.74rem,.84vw,.88rem)!important;letter-spacing:.3em!important;text-transform:uppercase;color:var(--gold)!important}
.fuss__sp h4::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(230,210,162,.45),transparent)}
.fuss__sp li{border-bottom-color:rgba(230,210,162,.14)}
.fuss__siegel{gap:clamp(30px,4vw,64px);padding-top:clamp(36px,3.6vw,56px);border-top:1px solid rgba(230,210,162,.14)}
.fuss__sg{height:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.fuss__sg img{height:64px}
.fuss__sg--breit img{height:44px;filter:brightness(0) invert(1);opacity:.88}
.fuss__insta{height:56px}
@media (max-width:1100px){.fuss__orte{grid-template-columns:repeat(2,minmax(0,1fr))}
.fk{grid-column:1/-1;grid-row:auto}
.fuss__orte .fuss__news{grid-column:1/-1;grid-row:auto}}
@media (max-width:700px){.fuss__orte,.fuss__zwei{grid-template-columns:minmax(0,1fr)}}
.fuss__marke .wortmarke .emblem{height:clamp(84px,8.4vw,128px)}
.fuss__marke .wortmarke b{font-size:clamp(1.5rem,2.6vw,2.7rem);letter-spacing:.16em}
.fuss__marke .wortmarke b small{font-size:.42em;letter-spacing:.34em;margin-top:10px}
.fo__t{display:flex;flex-direction:column;flex:1}
.fo__e{display:flex;flex-direction:column}
.fo__e+.fo__e{margin-top:16px;padding-top:16px;border-top:1px solid rgba(230,210,162,.2)}
.fo__e b{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.35vw,1.4rem);line-height:1.2;color:#fcf7ee}
.fo__e small{margin:4px 0 8px;font-family:var(--caps);font-weight:600;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.fo__e span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:.95rem;color:rgba(255,255,255,.74)}
.fo__e span i{font-style:normal}
.fo__e span em{font-style:normal;color:#fcf7ee;font-variant-numeric:tabular-nums;white-space:nowrap}
.fuss__zwei-kopf{font-size:clamp(.95rem,1.25vw,1.3rem);letter-spacing:.3em}
.fz__t{display:flex;flex-direction:column;align-items:center;text-align:center}
.fz .fuss__haus-wege{justify-content:center}
.fuss__kopf .fuss__ecke{align-self:start;margin-right:clamp(30px,7vw,140px);margin-top:calc(-1*clamp(10px,1.6vw,28px))}
@media (max-width:700px){.fuss__kopf .fuss__ecke{margin:0}}
.fk{padding-bottom:28px;
  -webkit-mask:radial-gradient(circle 15px at 0 calc(100% - 170px),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 15px at 100% calc(100% - 170px),#0000 97%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 15px at 0 calc(100% - 170px),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 15px at 100% calc(100% - 170px),#0000 97%,#000) right/51% 100% no-repeat}
.fk__meet{box-sizing:border-box;height:142px;justify-content:center;margin-left:-6px!important;margin-right:-6px!important;width:calc(100% + 12px)!important;padding-top:0!important;border-top:2px dashed rgba(150,125,64,.38)!important}
.fk__nr{display:block;margin:0 0 10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:rgba(43,32,23,.45)}
.fuss__kopf{grid-template-columns:minmax(0,1fr)}
.fuss__kopf .fuss__ecke{display:none}
.fuss__marke{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,80px)}
.fuss__marke .wortmarke{align-self:flex-start}
.fuss__marke p{margin-top:0}
@media (max-width:860px){.fuss__marke{flex-direction:column-reverse;align-items:flex-start}}
.fuss__marke .wortmarke{flex:none}
.fuss__marke .wortmarke b{white-space:nowrap}
.fuss__marke p{flex:1;min-width:0}
@media (max-width:1180px) and (min-width:861px){.fuss__marke .wortmarke b{font-size:clamp(1.2rem,2vw,1.8rem)}}
@media (max-width:860px){.fuss__marke{flex-direction:column;align-items:flex-start}
.fuss__marke .wortmarke b{font-size:clamp(1rem,5vw,1.5rem);letter-spacing:.12em}
.fuss__marke .wortmarke .emblem{height:72px}}
.fuss__marke{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
.fuss__marke .wortmarke{align-self:flex-end}
.fuss__marke p{margin-top:clamp(22px,2.6vw,38px)}
@media (max-width:860px){.fuss__marke .wortmarke{align-self:flex-start}}
@media (min-width:861px){.fuss__marke .wortmarke{margin-right:calc(-.45*var(--rand))}}
.fuss__kopf--brief{display:flex;flex-direction:column;align-items:center;text-align:center}
.fb__zeichen .emblem{flex:none;width:clamp(96px,9vw,138px);height:auto;color:var(--gold);filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.fuss__kopf--brief{gap:0}
.fb__marke .emblem{width:clamp(52px,4.4vw,66px);height:auto;color:var(--gold)}
.fuss__kopf--brief .fb__satz{margin-top:clamp(16px,1.6vw,24px);font-size:clamp(1.15rem,1.5vw,1.55rem);color:rgba(252,247,238,.88)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1{font-size:clamp(3rem,8vw,8.4rem);line-height:1}
@media (min-width:861px){body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1 .z{display:inline-block}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1 .z+.z{margin-left:.22em}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1{white-space:nowrap}}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .sk__em{margin-bottom:clamp(22px,2.6vw,36px)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .sk__satz{max-width:40ch;margin-top:clamp(24px,2.6vw,38px);font-size:clamp(1.35rem,2vw,2.05rem);line-height:1.42;color:#fffaf0;
  text-shadow:0 0 .4em rgba(19,13,8,.55),0 1px 2px rgba(19,13,8,.9),0 2px 14px rgba(19,13,8,.7),0 4px 34px rgba(19,13,8,.5)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1{text-shadow:0 .02em .05em rgba(19,13,8,.8),0 .06em .3em rgba(19,13,8,.55),0 .1em .8em rgba(19,13,8,.4)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .kn-reihe{margin-top:clamp(30px,3.4vw,48px)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .sk__satz{max-width:48ch;text-wrap:balance}
@media (max-width:860px){body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1{font-size:clamp(3rem,15vw,4.4rem)}}
.fuss__kopf--27{display:flex;justify-content:space-between;align-items:center;gap:30px}
.f27__l{display:flex;align-items:center;gap:clamp(16px,1.6vw,24px);color:#fcf7ee}
.f27__l .emblem{width:clamp(50px,4vw,62px);height:auto;color:var(--gold);flex:none}
.f27__l p{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}
.f27__l p em{color:var(--gold)}
.f27__wege{display:flex;gap:clamp(18px,2vw,30px)}
.f27__wege a,.f27__wege button{padding:0 0 4px;border:0;background:none;cursor:pointer;font-family:var(--caps);font-weight:600;font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);box-shadow:inset 0 -1px 0 rgba(230,210,162,.5);transition:color .3s,box-shadow .4s}
.f27__wege a:hover,.f27__wege button:hover{color:#fcf7ee;box-shadow:inset 0 -1px 0 #fcf7ee}
@media (max-width:860px){.fuss__kopf--27{flex-direction:column;align-items:flex-start}
.f27__wege{flex-wrap:wrap;gap:14px 22px}}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1,body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .sk__satz,body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .sk__in{text-shadow:none}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn{--t:#f7efdd;--kante:rgba(0,0,0,.5);
  background:linear-gradient(180deg,#7e5c40 0%,#503825 46%,#291c11 100%);color:#f7efdd;text-shadow:0 1px 1px rgba(0,0,0,.35);
  box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.2),0 16px 26px -14px rgba(41,28,17,.55)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn i{background:linear-gradient(180deg,#f3e3b8,#b8975a);color:#372517;
  box-shadow:inset 0 1px 0 rgba(255,250,232,.95),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(255,236,190,.35),0 6px 12px -6px rgba(0,0,0,.55)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
.nav__logo{position:relative;flex:none}
.nav__logo .emblem{height:52px!important;width:52px!important;visibility:hidden}
.nav__logo::before{content:'';position:absolute;left:0;top:50%;width:52px;height:52px;transform:translateY(-50%);background:url(../logo/zeichen-gold.webp?v=36adf917n7) center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
@media (min-width:1321px){.nav__insel{padding-left:20px}
.nav__insel{gap:24px}}
@media (max-width:1080px){.nav__logo .emblem{height:44px!important;width:44px!important}
.nav__logo::before{width:44px;height:44px}}
@media (max-width:560px){.nav__logo .emblem{height:40px!important;width:40px!important}
.nav__logo::before{width:40px;height:40px}}
@media (min-width:1321px){.nav__insel{padding-left:26px;gap:22px}}
@media (max-width:1320px){.nav__logo .emblem{height:44px!important;width:44px!important}
.nav__logo::before{width:44px;height:44px}}
@media (max-width:560px){.nav__logo .emblem{height:40px!important;width:40px!important}
.nav__logo::before{width:40px;height:40px}}
.f27__wege--knopf{align-items:center;gap:12px}
.f27__wege--knopf .kn{box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 18px 30px -14px #000;color:#f7efdd;padding-bottom:0}
.f27__wege--knopf .kn.kn--leise.kn.kn.kn{height:46px;padding-left:20px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45);color:#f7efdd}
.f27__wege--knopf .kn.kn--leise.kn.kn.kn i{width:34px;height:34px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
.f27__wege--knopf .kn.kn--leise.kn.kn.kn::after{display:none}
@media (hover:hover){.f27__wege--knopf .kn.kn--leise.kn.kn.kn:hover{background:rgba(230,210,162,.1);box-shadow:inset 0 0 0 1px var(--gold)}
.f27__wege--knopf .kn.kn--leise.kn.kn.kn:hover i{background:var(--gold);color:var(--nacht)}}
.f27__wege--knopf .kn.kn.kn.kn{height:54px;padding:0 7px 0 26px;font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.16em;background:linear-gradient(180deg,#7e5c40 0%,#503825 46%,#291c11 100%)}
.f27__wege--knopf .kn.kn--leise.kn.kn.kn{height:46px;padding:0 6px 0 20px;background:none}
.fuss{padding-bottom:0}
.goldband--schluss{margin-top:clamp(28px,3vw,44px)}
.goldband--schluss .goldband__zug{animation-direction:reverse;animation-duration:80s}
.goldband--schluss{margin-left:calc(-1*var(--rand));margin-right:calc(-1*var(--rand))}
.goldband--schluss{margin:0}
.fuss{padding-bottom:26px}
.abschied{padding-bottom:clamp(60px,6vw,100px)}
.abschied.abschied{background:#150f0a}
@media (hover:hover){.goldband--schluss:hover .goldband__zug{animation-play-state:running}}
.zb__t{display:flex;flex-direction:column;align-self:center}
.zb__t .gz__klein{margin-top:clamp(10px,1vw,14px)}
.zb__t .gz__lead{margin-top:clamp(16px,1.6vw,22px);font-family:var(--serif);font-size:clamp(1.18rem,1.45vw,1.5rem);line-height:1.36;max-width:42ch;color:var(--tinte)}
.zb__t .gz__lead+.lauf{margin-top:clamp(10px,1vw,14px);font-size:clamp(.94rem,.98vw,1.02rem);line-height:1.62;max-width:52ch;color:rgba(33,23,15,.78)}
.zb__t .gz__fakten{margin-top:clamp(18px,2vw,26px)}
.zb__t .gz__fakten>div{padding:clamp(14px,1.5vw,20px) clamp(10px,1.1vw,16px) clamp(12px,1.3vw,16px)}
.zb__t .gz__fakten>div:first-child{padding-left:0}
.zb__t .gz__fakten dd b{font-size:clamp(1.7rem,2.1vw,2.3rem)}
.zb__t .gz__fakten dd.lang b{font-size:clamp(1.35rem,1.7vw,1.8rem)}
.zb__t .gz__dazu{margin-top:clamp(14px,1.5vw,20px);font-size:clamp(1rem,1.12vw,1.14rem);gap:6px 26px}
.zb__t .kn-reihe{margin-top:clamp(20px,2.2vw,28px)}
@keyframes gwlauf{to{transform:none}}
body:is([data-seite~="essen-trinken"],a[aria-current][href="essen-trinken.html"]) .sk--halb .d1{font-size:clamp(3rem,8vw,8.4rem);line-height:1}
@media (min-width:861px){body:is([data-seite~="essen-trinken"],a[aria-current][href="essen-trinken.html"]) .sk--halb .d1{white-space:nowrap}
body:is([data-seite~="essen-trinken"],a[aria-current][href="essen-trinken.html"]) .sk--halb .d1 .z{display:inline-block}
body:is([data-seite~="essen-trinken"],a[aria-current][href="essen-trinken.html"]) .sk--halb .d1 .z+.z{margin-left:.22em}}
@media (max-width:860px){body:is([data-seite~="essen-trinken"],a[aria-current][href="essen-trinken.html"]) .sk--halb .d1{font-size:clamp(3rem,15vw,4.4rem)}}
.goldband--schluss{background:#21170f!important;box-shadow:none!important;border:0!important;color:rgba(214,190,140,.78)}
.goldband--schluss::before,.goldband--schluss::after{background:linear-gradient(90deg,transparent,rgba(210,184,130,.38) 14%,rgba(210,184,130,.38) 86%,transparent)!important;box-shadow:none!important}
.goldband--schluss::before{top:0}
.goldband--schluss::after{bottom:0}
.goldband--schluss li{height:52px;padding:0 34px;font-weight:400;font-size:10.5px;letter-spacing:.38em;text-shadow:none!important}
.goldband--schluss .goldband__z{color:rgba(214,190,140,.55)}
.goldband--schluss .goldband__z svg{width:15px;height:15px;filter:none!important}
@media (max-width:860px){.goldband--schluss li{height:46px;padding:0 22px;font-size:9.5px;letter-spacing:.3em}
.goldband--schluss .goldband__z svg{width:13px;height:13px}}
@media (min-width:861px){.gz.zwei{align-items:start}}
.sk:is(.sk--mitte,.sk--fakten,.sk--halb,.sk--abzuege,.sk--tafel)+section.fl{position:relative;z-index:4;margin-top:calc(-1*clamp(26px,3.6vw,56px));border-radius:clamp(26px,3.6vw,56px) clamp(26px,3.6vw,56px) 0 0;
  box-shadow:inset 0 1px 0 rgba(214,186,128,.85),inset 0 2px 0 rgba(255,255,255,.55),0 -22px 60px -14px rgba(17,12,8,.6)}
.kn-reihe[data-r]:not(.hero .kn-reihe){opacity:1;transform:translateY(clamp(26px,3vw,44px));transition:transform 1.2s var(--e1);transition-delay:0s}
.kn-reihe[data-r].da:not(.hero .kn-reihe){transform:none}
@media (min-width:861px){.gz.zwei{align-items:stretch}
.gz>.t>.kn-reihe{margin-bottom:0}}
@media (min-width:861px){.gz .t .gz__lead+.lauf{margin-top:min(18px,1.6svh);font-size:max(.92rem,min(clamp(.98rem,1.05vw,1.08rem),1.95svh));line-height:1.6}
.gz .kn-reihe{margin-top:min(34px,2.8svh)}}
@media (min-width:861px) and (max-height:800px){.gz .t .gz__lead+.lauf{font-size:max(.86rem,1.85svh);line-height:1.52}}
.gk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);margin-top:clamp(34px,4vw,60px)}
.gk__k{position:relative;display:flex;flex-direction:column;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#fdf9f1,#f3e9d6);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(176,147,79,.22),0 46px 50px -36px rgba(40,30,10,.55),0 10px 22px -12px rgba(40,30,10,.25)}
.gk__k[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px)) scale(.95);transform-origin:50% 100%;transition:opacity 1s var(--e2),transform 1.6s var(--e3);transition-delay:calc(var(--i,0)*140ms)}
.gk__k[data-r].da{opacity:1;transform:none}
.gk__b{position:relative;flex:1;min-height:0;margin:10px 10px 0;border-radius:calc(var(--r-xl) - 9px);overflow:hidden;background:var(--nacht)}
.gk__b img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.6s var(--e1)}
.gk__k.auf .gk__b img{transform:scale(1.08)}
@media (hover:hover){.gk__k:not(.auf):hover .gk__b img{transform:scale(1.04)}}
.gk__f{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(16px,1.6vw,22px) clamp(18px,1.8vw,26px) clamp(18px,1.8vw,24px)}
.gk__f b{font-family:var(--serif);font-weight:500;font-size:clamp(1.2rem,1.5vw,1.6rem);line-height:1.2;color:var(--tinte)}
.gk__f i,.gk__zu{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--nacht);
  background:radial-gradient(120% 120% at 30% 20%,#f8e8bf,#d9bb7c 55%,#B0934F);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px -6px rgba(60,40,10,.6)}
.gk__f i svg,.gk__zu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:transform .8s var(--e1)}
@media (hover:hover){.gk__k:hover .gk__f i svg{transform:rotate(90deg)}}
.gk__auf{position:absolute;inset:0;z-index:2;border:0;background:none;cursor:pointer;color:transparent;font-size:0;border-radius:var(--r-xl)}
.gk__auf:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.gk__r{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;top:20%;border-radius:calc(var(--r-xl) - 9px);overflow:hidden;color:#fff;
  background:#21170f url(../img/tapete-dunkel.webp) center/420px auto;box-shadow:inset 0 0 0 1px rgba(230,210,162,.4),inset 0 0 0 7px #21170f,inset 0 0 0 8px rgba(230,210,162,.22),0 -24px 40px -18px rgba(17,12,8,.55);
  transform:translateY(calc(100% + 14px));transition:transform .95s cubic-bezier(.2,.75,.15,1);visibility:hidden}
.gk__k.auf .gk__r{transform:none;visibility:visible}
.gk__k:not(.auf) .gk__r{transition:transform .8s cubic-bezier(.5,0,.75,0),visibility 0s .8s}
.gk__ri{height:100%;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,32px) clamp(22px,2.2vw,32px) clamp(20px,2vw,28px)}
.gk__ri>*{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
.gk__k.auf .gk__ri>*{opacity:1;transform:none;transition:opacity .8s ease,transform 1s var(--e1)}
.gk__k.auf .gk__ri>:nth-child(1){transition-delay:.35s}
.gk__k.auf .gk__ri>:nth-child(2){transition-delay:.45s}
.gk__k.auf .gk__ri>:nth-child(3){transition-delay:.55s}
.gk__k.auf .gk__ri>:nth-child(4){transition-delay:.7s}
.gk__em{width:clamp(34px,2.8vw,44px);height:auto;color:var(--gold)}
.gk__rq{margin-top:clamp(10px,1vw,14px);font-family:var(--caps);font-size:clamp(.62rem,.7vw,.72rem);letter-spacing:.2em;text-transform:uppercase;line-height:1.6;color:var(--gold)}
.gk__ra{margin-top:clamp(8px,.9vw,14px);font-family:var(--serif);font-weight:500;font-size:clamp(1.02rem,1.25vw,1.36rem);line-height:1.36;color:#fff}
.gk__rf{margin-top:auto;padding-top:12px;padding-right:58px;border-top:1px solid rgba(230,210,162,.32);display:flex;flex-wrap:wrap;gap:4px 20px;font-family:var(--caps);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}
.gk__rf a{color:rgba(232,220,194,.85)}
.gk__zu{position:absolute;right:clamp(16px,1.6vw,22px);bottom:clamp(16px,1.6vw,22px);border:0;cursor:pointer}
.gk__zu svg{transform:rotate(45deg)}
@media (max-width:860px){.gk{grid-template-columns:repeat(2,minmax(0,1fr))}
.gk__k{aspect-ratio:1/1.12}}
@media (max-width:560px){.gk{grid-template-columns:minmax(0,1fr)}
.gk__k{aspect-ratio:1/1.06}
.gk__k[data-r]{transition-delay:0s}}
@media (prefers-reduced-motion:reduce){.gk__r,.gk__ri>*{transition:none!important}
.gk__k[data-r]{opacity:1;transform:none;transition:none}}
.fz .fz__kn{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;font:inherit;letter-spacing:normal;text-transform:none}
.fz .fz__kn .kn.kn.kn.kn{height:52px;padding:0 6px 0 24px;font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#f7efdd;box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 18px 30px -14px #000;background:linear-gradient(180deg,#7e5c40 0%,#503825 46%,#291c11 100%)}
.fz .fz__kn .kn.kn.kn.kn i{width:40px;height:40px}
.fz .fz__kn .kn.kn--leise.kn.kn.kn{height:46px;padding:0 6px 0 20px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45)}
.fz .fz__kn .kn.kn--leise.kn.kn.kn i{width:34px;height:34px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
.fz .fz__kn .kn.kn--leise.kn.kn.kn::after{display:none}
.gk__r{top:12%;background:linear-gradient(rgba(33,23,15,.62),rgba(33,23,15,.62)),#21170f url(../img/tapete-dunkel.webp) center/420px auto}
.gk__rq{font-size:clamp(.7rem,.8vw,.82rem);letter-spacing:.16em;color:#e6d2a2}
.gk__ra{font-size:clamp(1.14rem,1.42vw,1.56rem);line-height:1.42;color:#fff;font-weight:500;letter-spacing:.005em}
.gk__rf{font-size:.7rem;letter-spacing:.14em}
.gk__rf a{color:#ecdcb6}
.fz .fz__kn{align-items:center}
@media (max-width:1240px) and (min-width:561px){.gk{grid-template-columns:repeat(2,minmax(0,1fr))}
.gk__k{aspect-ratio:1/1.04}
.gk__ra{font-size:clamp(1.08rem,1.9vw,1.3rem)}}
@media (max-width:860px) and (min-width:561px){.gk__k{aspect-ratio:1/1.3}
.gk__r{top:8%}}
.gk__rp{flex:0 0 100%;margin-bottom:6px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(.98rem,1.1vw,1.12rem);letter-spacing:0;text-transform:none;line-height:1.35;color:#f3e6c6}
.gk__rf{padding-top:14px;gap:4px 20px}
@media (min-width:1241px) and (max-width:1380px){.gk__k{aspect-ratio:1/1.1}
.gk__ra{font-size:clamp(1.06rem,1.3vw,1.3rem)}
.gk__r{top:9%}}
@media (max-width:560px){.gk__k{aspect-ratio:1/1.14}}
.gk__ri>*{flex-shrink:0}
.gk__zu{top:clamp(16px,1.6vw,22px);bottom:auto;width:40px;height:40px}
.gk__rf{padding-right:0}
.gk__k{aspect-ratio:1/1.2}
@media (min-width:1241px) and (max-width:1380px){.gk__k{aspect-ratio:1/1.24}}
@media (max-width:1240px) and (min-width:861px){.gk__k{aspect-ratio:1/1.1}}
@media (max-width:860px) and (min-width:561px){.gk__k{aspect-ratio:1/1.38}}
@media (max-width:560px){.gk__k{aspect-ratio:1/1.24}}
.gk__rf{display:block;padding-top:16px;border-top:0;background:linear-gradient(90deg,rgba(230,210,162,0),rgba(230,210,162,.5) 18%,rgba(230,210,162,.5) 82%,rgba(230,210,162,0)) top/100% 1px no-repeat}
.gk__rp{margin:0 0 12px;font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.38;color:#f3e6c6}
.gk__rk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,226px),1fr));gap:8px 10px}
.gk__kt{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 16px 6px 6px;border-radius:999px;color:#f7efdd;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(230,210,162,.42),inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .45s ease,box-shadow .45s ease}
.gk__kt i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--nacht);
  background:radial-gradient(120% 120% at 30% 20%,#f8e8bf,#d9bb7c 55%,#B0934F);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 10px -4px rgba(0,0,0,.6)}
.gk__kt svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;transition:transform .6s var(--e1)}
.gk__kt span{display:flex;flex-direction:column;min-width:0;font-family:var(--serif);font-weight:500;font-size:clamp(.98rem,1.06vw,1.08rem);letter-spacing:.01em;line-height:1.15;text-transform:none;white-space:nowrap}
.gk__kt small{margin-bottom:3px;font-family:var(--caps);font-size:.56rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#E6D2A2}
@media (hover:hover){.gk__kt:hover{background:linear-gradient(180deg,rgba(230,210,162,.16),rgba(230,210,162,.06));box-shadow:inset 0 0 0 1px rgba(226,205,160,.75),inset 0 1px 0 rgba(255,255,255,.1)}
.gk__kt:hover svg{transform:scale(1.12)}}
.gk__kt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gk__rp{margin-bottom:10px}
.gk__rk{gap:6px 18px}
.gk__kt{gap:11px;padding:0;border-radius:0;background:none;box-shadow:none}
.gk__kt i{width:30px;height:30px}
.gk__kt svg{width:13px;height:13px}
.gk__kt small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gk__kt span{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;padding-bottom:2px;transition:background-size .5s var(--e1)}
@media (hover:hover){.gk__kt:hover{background:none;box-shadow:none}
.gk__kt:hover span{background-size:100% 1px}}
.gk__k{aspect-ratio:1/1.24}
@media (min-width:1241px) and (max-width:1380px){.gk__k{aspect-ratio:1/1.26}}
@media (max-width:1240px) and (min-width:861px){.gk__k{aspect-ratio:1/1.15}}
@media (max-width:860px) and (min-width:561px){.gk__k{aspect-ratio:1/1.57}}
.gk__ra{margin-bottom:12px}
@media (max-width:560px){.gk__k{aspect-ratio:1/1.3}}
.vg.fl{padding-top:calc(var(--abschnitt)*.72);background:var(--creme) url(../img/tapete-hell.webp) 50% 0/176px auto}
.vg .raum--nur svg{width:clamp(84px,8vw,124px);height:auto;color:var(--taupe)}
.vg .kopfzeile{margin-bottom:clamp(36px,4vw,64px)}
.vg .kopfzeile .d2{font-size:clamp(2.6rem,6.4vw,7rem)}
@keyframes vgNeu{from{opacity:0;transform:translateY(8px)}}
.fk{background:url(../img/tapete-hell.webp) 50% 0/176px auto,linear-gradient(180deg,#fdf9f1,#f6eedd 60%,#efe4cf)}
.gk__k,.gk__r,.gk__b{overflow:clip}
.vg__lineal i.gross{width:22px;height:1.5px}
.vg__lineal i.gross::before{content:attr(class);display:none}
.vg__lineal i.gross{font:600 9px/1 var(--caps);letter-spacing:.06em;color:#3a2610;text-indent:-22px;line-height:0}
.fv{margin-top:clamp(60px,6.4vw,104px)}
.fv__platte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:var(--r-xl);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(230,210,162,.22),0 40px 60px -40px rgba(0,0,0,.7)}
.fv__sp{position:relative;padding:clamp(28px,3vw,48px) clamp(22px,2.4vw,40px) clamp(24px,2.6vw,40px)}
.fv__sp+.fv__sp::before{content:'';position:absolute;left:0;top:clamp(28px,3vw,48px);bottom:clamp(28px,3vw,48px);width:1px;background:linear-gradient(180deg,rgba(230,210,162,0),rgba(230,210,162,.32) 20%,rgba(230,210,162,.32) 80%,rgba(230,210,162,0))}
.fv__sp h4{margin:0 0 clamp(14px,1.4vw,22px);font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.6rem,2.1vw,2.3rem);line-height:1;letter-spacing:0;text-transform:none;color:var(--gold)}
.fv__sp ul{margin:0;padding:0;list-style:none}
.fv__a{display:flex;align-items:center;gap:10px;padding:9px 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.08rem,1.2vw,1.26rem);line-height:1.25;color:rgba(252,247,238,.82);transition:color .4s ease}
.fv__a span{background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;padding-bottom:3px;transition:background-size .7s var(--e1)}
.fv__a i{flex:none;display:grid;place-items:center;width:18px;height:18px;color:var(--gold);opacity:0;transform:translateX(-8px);transition:opacity .4s ease,transform .6s var(--e1)}
.fv__a i svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.4}
.fv__a:hover,.fv__a:focus-visible{color:#fff}
.fv__a:hover span,.fv__a:focus-visible span{background-size:100% 1px}
.fv__a:hover i,.fv__a:focus-visible i{opacity:1;transform:none}
.fv__leiste{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(34px,3.6vw,56px)}
.fv__leiste .fuss__siegel{margin:0;padding:0;border:0;justify-content:flex-start;gap:clamp(26px,3.4vw,56px)}
.fv__leiste .fuss__sg img{height:56px}
.fv__leiste .fuss__sg--breit img{height:38px}
.fv__leiste .fuss__insta{height:52px;border-radius:999px}
.fv__hoch{flex:none;display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;cursor:pointer;color:var(--nacht);
  background:linear-gradient(180deg,#f3e3b8,#E6D2A2 50%,#a98f61);box-shadow:inset 0 1px 0 #fff8e2,inset 0 -2px 0 rgba(92,72,38,.4),0 18px 28px -16px #000;transition:transform .6s var(--e1)}
.fv__hoch svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform .6s var(--e1)}
@media (hover:hover){.fv__hoch:hover{transform:translateY(-3px)}
.fv__hoch:hover svg{transform:translateY(-2px)}}
.fv__hoch:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.fv__marke{display:flex;justify-content:center;margin:clamp(40px,4.4vw,70px) 0 0;overflow:hidden;padding:.06em 0 .14em;white-space:nowrap;
  font-family:var(--serif);font-weight:500;font-size:clamp(2.8rem,11.2vw,12.4rem);line-height:.9;letter-spacing:-.02em;color:var(--gold);user-select:none}
.fv__marke span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform 1.3s var(--e1),opacity .9s ease;transition-delay:calc(var(--i) * 45ms)}
.fv__marke.da span{transform:none;opacity:.92}
.fv .fuss__unten{margin-top:clamp(18px,2vw,30px)}
@media (max-width:1100px){.fv__platte{grid-template-columns:repeat(2,minmax(0,1fr))}
.fv__sp:nth-child(3)::before{display:none}
.fv__sp:nth-child(n+3){border-top:1px solid rgba(230,210,162,.18)}}
@media (max-width:860px){.fv__leiste{flex-direction:column;align-items:flex-start}
.fv__hoch{position:absolute;right:var(--rand);margin-top:-8px}
.fv__leiste{position:relative}
.fv__leiste .fuss__siegel{flex-wrap:wrap;gap:22px;padding-right:80px}}
@media (max-width:560px){.fv__platte{grid-template-columns:minmax(0,1fr)}
.fv__sp::before{display:none}
.fv__sp+.fv__sp{border-top:1px solid rgba(230,210,162,.18)}
.fv__a i{opacity:.7;transform:none}}
@media (prefers-reduced-motion:reduce){.fv__marke span{transform:none;opacity:.92;transition:none}}
@font-face{font-family:'Antonio';font-style:normal;font-weight:100 700;font-display:swap;src:url('../fonts/Antonio-normal-100_700.woff2') format('woff2')}
@keyframes vgPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:none}}
@keyframes vkNeu{from{opacity:0;transform:translateY(6px)}}
.zd-auftakt .in{display:flex;flex-direction:column;align-items:center;text-align:center}
.zd__galerie .foto{border-radius:var(--r-xl)}
.zd__galerie .foto img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.zd-ausst .t .d2{margin-bottom:clamp(20px,2.4vw,36px)}
.zd-ausst .b .foto{border-radius:var(--r-xl)}
.zd-ausst .b .foto img{aspect-ratio:4/5;object-fit:cover;width:100%;height:100%;display:block}
.zd-weiter .kopfzeile{justify-content:center;text-align:center}
@media (max-width:860px){.zd__galerie .foto{grid-column:1/-1}
.zd__galerie .foto img{aspect-ratio:4/3}
.zd-ausst .b .foto img{aspect-ratio:4/3}}
@media (min-width:861px){.zd-ausst .zwei>.t{grid-column:1/7}
.zd-ausst .zwei>.b{grid-column:7/-1}}
.rt.fl--papier{--kf:var(--papier)}
.rt.fl--creme{--kf:var(--creme)}
.rt.fl--nacht{--kf:var(--nacht)}
.rt.dunkel .foto figcaption{color:#fff}
.rt .saison{margin-top:clamp(12px,1.2vw,16px);text-align:center;font-family:var(--caps);font-weight:600;font-size:clamp(.72rem,.82vw,.86rem);letter-spacing:.3em;text-transform:uppercase;color:var(--akzent,#967D40)}
.rt.dunkel .saison{color:var(--gold)}
.rt .betrieb .t>.lauf{margin-top:clamp(16px,1.8vw,24px)}
.rt .betrieb .t>.saison+.lauf{margin-top:clamp(22px,2.4vw,34px)}
.rt-gruppe .rt-klein .foto{border-radius:20px}
.rt .betrieb>.b .foto:first-child img{aspect-ratio:4/3.3}
.rt-karte .raum--nur{margin-bottom:clamp(24px,2.6vw,40px)}
.rt-karte .raum--nur svg{width:clamp(84px,7vw,120px);height:clamp(84px,7vw,120px)}
.dunkel .mk{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.28),inset 0 0 0 9px #fbf5e9,inset 0 0 0 10px rgba(150,125,64,.24),0 2px 0 #a98f61,0 50px 80px -36px rgba(0,0,0,.85)}
.mk__reiter .tab{appearance:none;border:0;cursor:pointer;padding:12px clamp(14px,1.4vw,20px) 11px;border-radius:999px;font-family:var(--caps);font-weight:600;font-size:clamp(.68rem,.74vw,.78rem);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-tief);
  background:linear-gradient(180deg,#fdf9f1,#f1e7d4);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(130,108,53,.22),0 0 0 1px rgba(150,125,64,.2),0 8px 14px -10px rgba(43,32,23,.4);transition:transform .35s var(--e2),color .3s}
@media (hover:hover){.mk__reiter .tab:hover{transform:translateY(-2px);color:var(--tinte)}}
.mk__reiter .tab[aria-pressed="true"]{color:#fdf9f1;background:linear-gradient(180deg,#6d5039,#523a27 55%,#21170f);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.4),0 0 0 1px rgba(230,210,162,.5),0 12px 18px -10px rgba(33,23,15,.7)}
.mk .kn-reihe{justify-content:center;margin-top:clamp(22px,2.4vw,34px)}
.rtm__t .d2{margin-top:clamp(12px,1.2vw,18px);font-size:clamp(2.1rem,3.4vw,3.6rem);line-height:1.04;color:var(--tinte)}
.rtm__t .lauf{margin:clamp(14px,1.4vw,20px) auto 0;color:rgba(43,32,23,.82)}
.rtm__t .koord.zeiten{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:clamp(20px,2vw,28px)}
.rtm__t .kn-reihe{justify-content:center;margin-top:clamp(20px,2vw,30px)}
.rtm__zweit .foto{border-radius:20px;box-shadow:0 0 0 6px var(--kf,var(--papier)),0 34px 44px -26px rgba(43,32,23,.6)}
@media (max-width:860px){.rtm__t .koord.zeiten{grid-auto-flow:row}}
.rt-galerie .foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
@media (max-width:860px){.rt-galerie .foto{aspect-ratio:1/1.1}}
.rt-weitere .kopfzeile{justify-content:center}
:is(.mk,.rtm__t) .kn,:is(.mk,.rtm__t) .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(43,32,23,.35);--ko:#6d5039;--ku:#21170f;--kt:#fff;--klicht:rgba(255,255,255,.24)}
.dunkel .rtm__t .d2 em,.dunkel .mk em{color:var(--akzent,#967D40)}
.rtm__t .koord.zeiten dd{font-size:clamp(1.3rem,1.8vw,2rem)}
.rtm__t .koord.zeiten dt{font-size:clamp(.62rem,.7vw,.74rem);letter-spacing:.16em}
:is(.mk,.rtm__t) .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#372517;--licht:#fff;--kante:rgba(130,108,53,.32);--tief:rgba(43,32,23,.32);--ko:#7e5c40;--ku:#291c11;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(150,125,64,.38),0 1px 1px rgba(43,32,23,.14),0 16px 26px -14px var(--tief)}
:is(.mk,.rtm__t) .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
.kn-reihe--betrieb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px clamp(22px,2.4vw,36px)}
.kn-reihe--betrieb .kn.kn--text.kn.kn.kn{height:auto;padding:6px 0;gap:12px;background:none;box-shadow:none;border-radius:0;color:var(--tinte);font-size:12px;letter-spacing:.2em}
.kn-reihe--betrieb .kn.kn--text.kn.kn.kn::before,.kn-reihe--betrieb .kn.kn--text.kn.kn.kn::after{display:none}
.kn-reihe--betrieb .kn.kn--text.kn.kn.kn i{width:30px;height:30px;background:none;color:#967D40;box-shadow:inset 0 0 0 1px rgba(150,125,64,.6);transition:background .4s ease,color .4s ease}
@media (hover:hover){.kn-reihe--betrieb .kn.kn--text.kn.kn.kn:hover i{background:#B0934F;color:#fff}}
@media (max-width:480px){.kn-reihe--betrieb>.kn:first-child{flex-basis:100%;justify-content:space-between}}
.kn-reihe--betrieb{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:18px clamp(34px,3.4vw,52px)}
.kn-reihe--betrieb>.kn:first-child{grid-column:1/-1;justify-self:center}
.kn-reihe--betrieb>.kn:nth-child(2){justify-self:end;position:relative}
.kn-reihe--betrieb>.kn:nth-child(3){justify-self:start}
.kn-reihe--betrieb>.kn:nth-child(2)::after{content:"";display:block!important;position:absolute;right:calc(clamp(34px,3.4vw,52px) / -2);top:50%;width:6px;height:6px;background:#B0934F;transform:translate(50%,-50%) rotate(45deg)}
@media (max-width:480px){.kn-reihe--betrieb>.kn:first-child{flex-basis:auto;justify-content:center}
.kn-reihe--betrieb{column-gap:28px}
.kn-reihe--betrieb>.kn:nth-child(2)::after{right:-14px}}
.kn-reihe--betrieb .kn.kn--text.kn.kn.kn{overflow:visible;padding-right:4px}
@keyframes rkAuf{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes rkSetz{from{transform:scale(1.16)}to{transform:none}}
@keyframes rkMed{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:none}}
.k3{perspective:1100px}
.k3.kipp .k3b{transition:transform .2s ease-out,box-shadow .7s var(--e2)}
.rt-karte .in{max-width:1500px}
.dunkel .mkb__kopf svg{color:var(--gold)}
.dunkel .mkb .mk__haus{color:#fff}
.mkb__band .gang__kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(14px,1.6vw,22px)}
.dunkel .mkb__gang{color:#fff}
.dunkel .mkb__gang span{color:var(--gold)}
.mkb__band .band{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px var(--rand) 26px;margin:0 calc(-1 * var(--rand));cursor:grab}
.mkb__band .band::-webkit-scrollbar{display:none}
.mkb__band .band.zieht{cursor:grabbing;scroll-snap-type:none}
.dunkel .mg{box-shadow:inset 0 0 0 1px rgba(230,210,162,.5),0 30px 44px -28px rgba(0,0,0,.8)}
.mkb__band .laufbalken{position:relative;height:1px;width:min(240px,42%);margin:4px 0 0 auto}
.mkb__band .laufbalken i{position:absolute;left:0;top:-.5px;height:2px}
.dunkel .mkb__fuss .mk__fuss{color:rgba(255,255,255,.6)}
.mkb__band .gang__kopf{flex-direction:row;align-items:center;justify-content:space-between}
.mkb__band .gang__kopf .mkb__gang{text-align:left;margin:0}
.mkb__band .pfeile:has(button:first-child:disabled):has(button:last-child:disabled){visibility:hidden}
.rz-bilder .foto{height:100%;min-height:0}
.rz-bilder .foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.betrieb--um .rz-bilder{grid-template-columns:1fr 1.6fr}
.betrieb--um .rz-bilder .rz-gross{grid-column:2}
.betrieb--um .rz-bilder .foto:not(.rz-gross){grid-column:1}
.betrieb--um .rz-bilder .foto:nth-child(2){grid-row:1}
.betrieb--um .rz-bilder .foto:nth-child(3){grid-row:2}
@media (max-width:860px){.betrieb--um .rz-bilder{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;aspect-ratio:auto}
.betrieb--um .rz-bilder .rz-gross{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3.2}
.rz-bilder .foto:not(.rz-gross),.betrieb--um .rz-bilder .foto:not(.rz-gross){grid-column:auto;grid-row:auto;aspect-ratio:1/1}}
.k3,.k3:hover,.dunkel .k3,.dunkel .k3:hover{padding:0;background:none;box-shadow:none;border-radius:0;border:0}
.k3 .kachel__b{border-radius:var(--r-xl);aspect-ratio:4/3;box-shadow:0 0 0 1px rgba(130,108,53,.08),0 36px 48px -28px rgba(43,32,23,.6),0 12px 20px -12px rgba(43,32,23,.32);overflow:hidden}
.dunkel .k3 .kachel__b{box-shadow:0 0 0 1px rgba(230,210,162,.14),0 40px 56px -26px rgba(0,0,0,.75),0 14px 22px -12px rgba(0,0,0,.5)}
.k3--hoch .kachel__b{aspect-ratio:3/4}
.k3 .kachel__n{display:block;margin:clamp(18px,1.8vw,26px) 0 0;padding:0;background:none;box-shadow:none;text-align:center}
.k3 .kachel__n b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.08;color:var(--tinte)}
.k3 .kachel__n small{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px;margin-top:clamp(12px,1.2vw,16px);padding-top:clamp(14px,1.4vw,18px);
  font-family:var(--caps);font-weight:500;font-size:clamp(.7rem,.78vw,.84rem);letter-spacing:.2em;text-transform:uppercase;line-height:1.5;color:var(--akzent)}
.k3 .kachel__n small::before{content:'';position:absolute;left:50%;top:0;width:96px;margin-left:-48px;height:1px;background:linear-gradient(90deg,rgba(150,125,64,.7) 42%,transparent 42%,transparent 58%,rgba(150,125,64,.7) 58%)}
.k3 .kachel__n small::after{content:'';position:absolute;left:50%;top:-3px;width:6px;height:6px;margin-left:-3px;border:1px solid var(--akzent);transform:rotate(45deg)}
.k3 .kachel__n small .raute{display:inline-block;width:5px;height:5px;margin:0 .9em;border:1px solid currentColor;transform:rotate(45deg)}
.k3 .kachel__n i{display:none}
.dunkel .k3 .kachel__n b{color:#fcf7ee}
.dunkel .k3 .kachel__n small{color:var(--gold)}
.dunkel .k3 .kachel__n small::before{background:linear-gradient(90deg,rgba(230,210,162,.6) 42%,transparent 42%,transparent 58%,rgba(230,210,162,.6) 58%)}
.dunkel .k3 .kachel__n small::after{border-color:var(--gold)}
@media (hover:hover) and (pointer:fine){.k3{perspective:1100px}
.k3 .kachel__b{transform:translateZ(0) translateY(var(--ly,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--ls,1));transition:transform .8s var(--e2)}
.k3.kipp .kachel__b{transition:transform .2s ease-out}
.k3:hover{--ly:-4px;--ls:1.004}
.k3 .kachel__b::after{content:"";position:absolute;inset:-50%;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,250,236,.12),rgba(255,250,236,0));transform:translate(var(--gx,0%),var(--gy,0%));transition:opacity .6s var(--e2)}
.k3:hover .kachel__b::after{opacity:1}
.k3 .kachel__n{transition:transform .8s var(--e2)}
.k3:hover .kachel__n{transform:translateY(-2px)}
.k3:hover .kachel__b img{transform:none}}
@media (prefers-reduced-motion:reduce){.k3 .kachel__b{transform:translateZ(0)!important}}
.chr-kopf .d2{font-size:clamp(2.6rem,6vw,6.4rem);line-height:1.02}
.chr-kopf .lauf{max-width:50ch;margin-inline:auto}
.dunkel .chr__jahr{color:var(--gold)}
.chr__jahr--zeichen .emblem{width:clamp(84px,8vw,120px);height:auto;color:var(--akzent)}
.chr__t .d2{font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:1.02;margin-top:clamp(14px,1.4vw,22px)}
.chr__t .lauf{margin-top:clamp(18px,2vw,28px)}
.chr__b .k3--gross{grid-column:1/9}
.chr__b .k3--klein{grid-column:9/13;margin-top:clamp(90px,10vw,170px)}
.chr__b .k3--klein .kachel__b{aspect-ratio:3/4}
.chr__b .k3--klein .kachel__n b{font-size:clamp(1.25rem,1.5vw,1.6rem)}
.chr__b .k3--klein .kachel__n small{flex-direction:column;row-gap:2px}
.chr__b .k3--klein .kachel__n small .raute{display:none}
.chr--links .chr__b .k3--gross{grid-column:5/13;grid-row:1}
.chr--links .chr__b .k3--klein{grid-column:1/5;grid-row:1}
.chronik--1937 .chr-kopf .d2{margin-top:clamp(6px,.8vw,12px)}
.chr3 .k3:not(.k3--mitte){margin-top:clamp(70px,8vw,140px)}
.chr3 .k3--mitte .kachel__b{aspect-ratio:1177/1400}
.chr3 .k3--mitte .kachel__b img{object-position:50% 40%}
.chr-band .band .k3 .kachel__b{aspect-ratio:3/2}
.chr-band .band{padding-bottom:clamp(30px,3vw,46px)}
.k3paar .k3:nth-child(2){margin-top:clamp(50px,5vw,90px)}
.k3paar .k3 .kachel__b{aspect-ratio:3/4}
@media (max-width:860px){.chr__b .k3--gross,.chr--links .chr__b .k3--gross{grid-column:1/13;grid-row:1}
.chr__b .k3--klein,.chr--links .chr__b .k3--klein{grid-column:4/13;grid-row:2;margin-top:clamp(28px,6vw,40px)}
.chr__b .k3--klein .kachel__b{aspect-ratio:4/3}
.chr3 .k3:not(.k3--mitte){margin-top:0}
.chr3 .k3--mitte{order:-1}
.k3reihe--hoch .k3 .kachel__b{aspect-ratio:4/5}
.k3paar .k3:nth-child(2){margin-top:clamp(30px,6vw,50px)}}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1,body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1 em{color:#f6ecd6;-webkit-text-fill-color:#f6ecd6;text-shadow:0 1px 2px rgba(13,9,6,.45),0 4px 22px rgba(13,9,6,.55),0 0 60px rgba(13,9,6,.35)}
.zd-auftakt .in.zd__zwei{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);align-items:end;gap:clamp(40px,6vw,110px);text-align:left}
@media (max-width:860px){.zd-auftakt .in.zd__zwei{grid-template-columns:minmax(0,1fr);gap:28px}}
.zd-ausst .zwei{align-items:stretch}
.zd-ausst .zwei>.t{display:flex;flex-direction:column}
.fl--papier{--kf:var(--papier)}
.fl--creme{--kf:var(--creme)}
.fl--nacht{--kf:var(--nacht)}
.fl--marine{--kf:var(--marine)}
.foto figcaption{--e:18px;left:-1px;right:auto;bottom:-1px;max-width:calc(100% - 30px);padding:10px 18px 8px 15px;border-radius:0 var(--e) 0 0;background:var(--kf,var(--papier));
  font-family:var(--serif);font-weight:500;font-size:clamp(1rem,1.1vw,1.18rem);letter-spacing:0;text-transform:none;line-height:1.2;color:var(--tinte);text-shadow:none;white-space:nowrap}
.foto figcaption::before,.foto figcaption::after{content:'';position:absolute;width:var(--e);height:var(--e);background:radial-gradient(circle at 100% 0,transparent calc(var(--e) - .5px),var(--kf,var(--papier)) var(--e))}
.foto figcaption::before{left:0;bottom:100%}
.foto figcaption::after{left:100%;bottom:0}
:is(.fl--nacht,.fl--marine) .foto figcaption{color:#fff}
@media (max-width:860px){.foto figcaption{--e:14px;font-size:.9rem;padding:7px 12px 5px 10px}}
.chronik--1937.fl{padding-top:clamp(64px,6vw,100px);padding-bottom:clamp(70px,6.5vw,110px)}
.chronik--1937 .chr-kopf .d2{margin-top:0;font-size:clamp(2.4rem,4.8vw,5.2rem);line-height:1}
.chronik--1937 .chr-kopf .lauf{margin-top:clamp(4px,.6vw,10px)}
.chronik--1937 .chr3 .k3:not(.k3--mitte){margin-top:clamp(40px,4.6vw,80px)}
@media (max-width:860px){.chronik--1937 .chr3 .k3:not(.k3--mitte){margin-top:0}}
.chronik.fl{padding-top:clamp(56px,5.4vw,96px);padding-bottom:clamp(64px,6vw,104px)}
.chronik .raum--nur{margin-bottom:clamp(14px,1.4vw,22px)}
.chr-kopf .d2{font-size:clamp(2.4rem,5vw,5.4rem)}
.chr-kopf .d2 .z{display:inline-block;vertical-align:top}
.chr-kopf .d2 .z+.z{margin-left:.24em}
.chr__jahr--zeichen .emblem{width:clamp(60px,5.4vw,84px)}
.chr__t .d2{font-size:clamp(2.1rem,3.6vw,3.9rem);margin-top:clamp(8px,.9vw,14px)}
.chr__t .lauf{margin-top:clamp(12px,1.3vw,18px)}
.chr__b .k3--klein{margin-top:clamp(44px,4.6vw,80px)}
.chr-band .gang__kopf{gap:clamp(10px,1vw,16px)}
.chr-band .gang__kopf .d3{font-size:clamp(2.2rem,4.4vw,4.6rem)}
.chronik .kachel__n,.k3 .kachel__n{margin-top:clamp(14px,1.4vw,20px)}
.chronik--1937.fl{padding-top:clamp(48px,4.6vw,80px);padding-bottom:clamp(56px,5vw,90px)}
.chronik--1937 .chr-kopf .d2{font-size:clamp(2.2rem,4.4vw,4.8rem)}
.chronik--1937 .chr3 .k3:not(.k3--mitte){margin-top:clamp(30px,3.4vw,60px)}
@media (max-width:860px){.chr__b .k3--klein,.chr--links .chr__b .k3--klein{margin-top:24px}
.chronik--1937 .chr3 .k3:not(.k3--mitte){margin-top:0}}
.zd-auftakt .in.zd__zwei{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6.5vw,120px)}
.zd__karte .kn-reihe{margin-top:clamp(26px,2.6vw,36px);justify-content:center}
@media (max-width:860px){.zd-auftakt .in.zd__zwei{grid-template-columns:minmax(0,1fr);gap:clamp(34px,8vw,48px)}}
.gang--fliess{--rw:min(64vw,940px);display:flex;flex-direction:column}
.gang--fliess .gang__kopf{display:contents}
.gang--fliess .gang__kopf>.d3,.gang--fliess .gang__kopf>.d2{order:0;align-self:center}
.gang--fliess .band{order:1;position:relative;overflow:visible;scroll-snap-type:none;gap:clamp(18px,2vw,34px);padding-top:clamp(18px,2vw,30px);cursor:grab;touch-action:pan-y;
  transition:transform .62s cubic-bezier(.22,.8,.24,1)}
.gang--fliess .band.still{transition:none}
.fl:has(.gang--fliess){overflow:clip}
.gang--fliess .band.still .k3{transition:none}
.gang--fliess .laufbalken{display:none}
.gang--fliess .pfeile{order:2;align-self:center;margin-top:clamp(2px,.4vw,8px)}
.chr-band .gang--fliess .band{padding-bottom:clamp(14px,1.4vw,20px)}
.gang--fliess .band .k3{width:var(--rw);transform:scale(.9);opacity:.42;transition:opacity .55s ease,transform .62s cubic-bezier(.22,.8,.24,1)}
.gang--fliess .band .k3.an{transform:none;opacity:1}
.gang--fliess .band .k3 .kachel__b{aspect-ratio:16/10}
.gang--fliess .band .k3 .kachel__n b{font-size:clamp(1.8rem,2.6vw,2.8rem)}
.gang--fliess .band .k3 .kachel__n small{font-size:clamp(.78rem,.9vw,.95rem)}
.gang--fliess .band .k3:not(.an){cursor:pointer}
.gang--fliess .band img{-webkit-user-drag:none;user-select:none}
@media (max-width:640px){.gang--fliess{--rw:84vw}
.gang--fliess .band .k3 .kachel__b{aspect-ratio:4/3}
.gang--fliess .band .k3{transform:scale(.94)}}
@media (prefers-reduced-motion:reduce){.gang--fliess .band,.gang--fliess .band .k3{transition:none}}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1{color:#fff;-webkit-text-fill-color:#fff}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .sk--mitte .d1 em{color:var(--gold);-webkit-text-fill-color:var(--gold)}
.gk__f b{font-size:clamp(1.42rem,1.9vw,2rem);line-height:1.18}
.gk__rq{font-size:clamp(.88rem,1.02vw,1.08rem);letter-spacing:.13em;line-height:1.5}
@media (max-width:560px){.gk__f b{font-size:1.32rem}
.gk__rq{font-size:.82rem}}
.f27__l p{font-size:clamp(2.1rem,3.7vw,3.8rem)}
.f27__l .emblem{width:clamp(56px,4.6vw,72px)}
.rk10.dunkel{background:#21170f url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff}
.rk10 .d1{margin-top:clamp(12px,1.4vw,20px);font-size:clamp(3rem,7vw,8rem);line-height:.98;color:#fff}
.rk10 .d1 em{color:var(--gold)}
.rk10__mitte .kn-reihe{margin-top:clamp(22px,2.4vw,34px);justify-content:center}
.rk10__drei .k3 .kachel__b img{width:100%;height:100%;object-fit:cover;display:block}
.koord.zeiten:has(>div:only-child){grid-template-columns:minmax(0,1fr)!important}
.koord.zeiten>div:only-child{align-items:center;text-align:center}
.gang__kopf .d3.mkb__gang{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.05}
.rk10__mitte .d1{margin-top:clamp(16px,1.8vw,26px)}
.rk10+.rt.fl{padding-top:clamp(40px,4.4vw,80px)}
.gk__k[data-r]{opacity:0;transform:translate3d(0,clamp(90px,10vw,160px),0) scale(.92);transform-origin:50% 100%;
  transition:opacity 1.1s var(--e2),transform 1.8s cubic-bezier(.28,1.5,.42,1);transition-delay:calc(var(--i,0) * 160ms)}
.gk__k[data-r].da{opacity:1;transform:none}
.gk__k[data-r]:not(.da) .gk__b img{transform:scale(1.14)}
.gk__k[data-r].da .gk__b img{animation:gkFoto 2.4s var(--e1) backwards;animation-delay:calc(var(--i,0) * 160ms)}
@keyframes gkFoto{from{transform:scale(1.14)}to{transform:scale(1.001)}}
.gk__k[data-r]:not(.da) .gk__f{opacity:0;transform:translate3d(0,14px,0)}
.gk__k[data-r] .gk__f{transition:opacity 1s ease,transform 1.4s var(--e1);transition-delay:calc(var(--i,0) * 160ms + .45s)}
@media (max-width:560px){.gk__k[data-r]{transition-delay:0s}
.gk__k[data-r].da .gk__b img{animation-delay:0s}
.gk__k[data-r] .gk__f{transition-delay:.4s}}
@media (prefers-reduced-motion:reduce){.gk__k[data-r] .gk__b img,.gk__k[data-r] .gk__f{transform:none!important;opacity:1!important;transition:none;animation:none!important}}
@keyframes gbrSetz{from{transform:scale(1.12)}to{transform:none}}
@keyframes gbrAuf{from{opacity:0;transform:translateY(var(--y,30px))}to{opacity:1;transform:none}}
@keyframes gbrRoll{from{transform:translateY(108%)}to{transform:none}}
@keyframes gbrZeichen{0%{opacity:0;transform:translateY(54px) scale(.9)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes gbrOben{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}
@keyframes gbrDa{from{opacity:0}to{opacity:1}}
.hero{--tz:1}
.kein-vorhang .hero{--tz:.5}
.hero__vorhang{animation:vorhang calc(2.4s * var(--tz)) cubic-bezier(.4,0,.2,1) calc(.15s * var(--tz)) forwards}
.hero__bild img{animation:gbrSetz calc(4.2s * var(--tz)) cubic-bezier(.16,1,.3,1) both}
.hero .hero__zeichen{transition:none;animation:gbrZeichen calc(2.4s * var(--tz)) cubic-bezier(.16,1,.3,1) calc(.55s * var(--tz)) both}
.hero__titel h1 .z>span,.hero__titel .hero__schatten .z>span{transform:none!important;transition:none!important}
.hero__name .z--b{overflow:hidden;display:inline-block;vertical-align:top}
.hero__name .z--b i{display:inline-block;font-style:normal}
.hero__titel h1 .z--b i{animation:gbrRoll calc(1.6s * var(--tz)) cubic-bezier(.19,1,.22,1) calc((1.15s + var(--n) * 55ms) * var(--tz)) both}
.hero .hero__schatten[data-r]{transition:opacity calc(1s * var(--tz)) ease calc(3.7s * var(--tz))}
.hero .hero__ort[data-r]{transition:none;animation:gbrAuf calc(1.5s * var(--tz)) cubic-bezier(.16,1,.3,1) calc(2.25s * var(--tz)) both;--y:18px}
.hero .hero__sub[data-r]{transition:none;animation:gbrAuf calc(1.7s * var(--tz)) cubic-bezier(.16,1,.3,1) calc(2.55s * var(--tz)) both;--y:26px}
:is(.hero,.schluss__buchen) .leiste[data-r]{transition:none;animation:gbrAuf calc(1.9s * var(--tz)) cubic-bezier(.16,1,.3,1) calc(2.9s * var(--tz)) both;--y:clamp(50px,6vw,90px)}
@supports (animation-timeline: view()){.sk>.raum{animation:skWeg linear both;animation-timeline:--skweg;animation-range:exit 0% exit 100%}
.sk>.raum{--t:.3}}
@keyframes skWeg{from{translate:0 0}to{translate:0 calc(var(--t,.25) * 92vh)}}
@media (prefers-reduced-motion:reduce){.sk>.raum{animation:none}}
.hero__vorhang{animation-duration:calc(1.7s * var(--tz));animation-delay:calc(.1s * var(--tz))}
.hero__bild img{animation:gbrSetz calc(3.2s * var(--tz)) cubic-bezier(.22,1,.36,1) both}
.hero .hero__zeichen{animation:gbrZeichen calc(1.6s * var(--tz)) cubic-bezier(.22,1,.36,1) calc(.3s * var(--tz)) both}
.hero__titel h1 .z--b i{animation:gbrRoll calc(1.3s * var(--tz)) cubic-bezier(.22,1,.36,1) calc(.75s * var(--tz)) both}
.hero .hero__schatten[data-r]{transition:opacity calc(.8s * var(--tz)) ease calc(1.9s * var(--tz))}
.hero .hero__ort[data-r]{animation:gbrAuf calc(1.1s * var(--tz)) cubic-bezier(.22,1,.36,1) calc(1.2s * var(--tz)) both;--y:16px}
.hero .hero__sub[data-r]{animation:gbrAuf calc(1.2s * var(--tz)) cubic-bezier(.22,1,.36,1) calc(1.45s * var(--tz)) both;--y:20px}
:is(.hero,.schluss__buchen) .leiste[data-r]{animation:gbrAuf calc(1.4s * var(--tz)) cubic-bezier(.22,1,.36,1) calc(1.7s * var(--tz)) both;--y:clamp(40px,5vw,70px)}
@media (prefers-reduced-motion:reduce){.hero__titel h1 .z--b>span{animation:none!important}}
:is([data-r="bild"],[data-r="schweb"],[data-r="mauer"],.kachel[data-r],.karte[data-r],.foto[data-r],.frei[data-r],.trio__b[data-r],.zk[data-r],.pausch[data-r],.gz__b[data-r],.k3[data-r],.sp__k[data-r],.gk__k[data-r]):not(.hero *){transition-delay:0s!important}
.zbu__t .d2{font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:1.02;color:var(--tinte)}
.zbu__f .kn{grid-column:1/-1;justify-self:center;margin-top:clamp(8px,1vw,14px)}
.zd-buchen .zbu .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(43,32,23,.35);--ko:#6d5039;--ku:#21170f;--kt:#fff;--klicht:rgba(255,255,255,.24);text-shadow:none}
:root{--sanft:cubic-bezier(.25,.6,.3,1)}
[data-r]:not(.hero *){transform:translateY(clamp(22px,2.4vw,38px));transition:opacity 1.3s ease,transform 1.9s var(--sanft);transition-delay:calc(var(--i,0)*90ms)}
[data-r].da:not(.hero *){transform:none}
.dunst img{transform:scale(1.06);transition:transform 2.8s var(--sanft)}
.zbu__t .d2 em,.zbu__t .d2 .z em{color:var(--akzent)}
.zd-buchen .zbu .kn.kn.kn.kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(130,108,53,.38);--tief:rgba(43,32,23,.35);--ko:#6d5039;--ku:#21170f;--kt:#fff;--klicht:rgba(255,255,255,.24);text-shadow:none;
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(150,125,64,.38),0 1px 1px rgba(43,32,23,.14),0 16px 26px -14px var(--tief)}
.ausklang.ak--leiste{padding:clamp(34px,4vw,64px) var(--rand)}
.ausklang.ak--leiste .in{display:block;max-width:1240px;margin:0 auto;padding:0;background:none;box-shadow:none;border-radius:0;perspective:1400px}
.ausklang.ak--leiste .in::before,.ausklang.ak--leiste .in::after{display:none}
.ausklang .akl p.akl__ort{margin:0 0 6px;max-width:none;line-height:1.4;font-family:var(--caps);font-weight:600;font-size:clamp(.66rem,.74vw,.78rem);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.ausklang .akl p.akl__satz{max-width:34ch;margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,1.9vw,2.05rem);line-height:1.16;color:#fcf7ee;text-wrap:balance}
.akl .kn-reihe{flex-wrap:nowrap;justify-content:flex-end;gap:12px}
.akl .kn{height:52px;padding-left:22px;font-size:11.5px}
.akl .kn i{width:40px;height:40px}
.akl .kn.kn.kn.kn.kn:not(.kn--linie){--o:#ecdcb4;--m:#E6D2A2;--u:#a98f61;--t:#372517;--licht:rgba(255,250,235,.85);--kante:rgba(92,72,38,.42);--tief:rgba(0,0,0,.6);--ko:#6d5039;--ku:#302115;--kt:#f3e6c6;--klicht:rgba(255,255,255,.26)}
@media (max-width:1100px){.akl .kn-reihe{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}
@media (max-width:640px){.akl .kn-reihe{grid-column:auto}
.ausklang .akl p.akl__satz{font-size:1.4rem}
.akl .kn-reihe{width:100%}
.akl .kn{width:100%;justify-content:space-between}}
.ag-wahl .k3 .kachel__n small span+span::before{content:none}
@media (min-width:641px) and (max-width:1100px){.ag-vier .k3 .kachel__b{aspect-ratio:4/3}}
.zbu__t .d2{font-size:clamp(3rem,5.4vw,5.8rem);line-height:.98}
.zbu__f .kn{justify-self:stretch;justify-content:space-between;margin-top:clamp(10px,1.2vw,18px);height:60px;font-size:13px}
.zd-buchen.fl{background:var(--papier) url(../img/tapete-hell.webp) 50% 0/176px auto}
.zbu__t .d2{color:#fff}
.zbu__t .d2 em,.zbu__t .d2 .z em{color:var(--gold)}
.zd-buchen .zbu .kn.kn.kn.kn{--o:#81664f;--m:#60432c;--u:#2e2014;--t:#f7efdd;--licht:rgba(255,249,238,.4);--kante:rgba(0,0,0,.5);--tief:rgba(0,0,0,.55);--ko:#f6e3b0;--ku:#B0934F;--kt:#2e2014;--klicht:rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.75),0 1px 1px rgba(0,0,0,.3),0 18px 30px -14px var(--tief)}
.ausklang .akl p.akl__satz{max-width:30ch;text-wrap:wrap}
@media (max-width:640px){.ausklang .akl p.akl__satz{max-width:none;text-wrap:balance}}
.bruch.ausklang.ak--schwebt{min-height:0;padding:clamp(80px,10vw,150px) var(--rand);background:var(--nacht)}
.ak--schwebt .akw{position:relative;z-index:2;max-width:1240px;margin:0 auto;perspective:1400px}
.ak--schwebt .akl__in{box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(230,210,162,.42),inset 0 0 0 6px rgba(44,30,19,.35),inset 0 0 0 7px rgba(230,210,162,.14),0 4px 0 #130d08,0 30px 50px -16px rgba(0,0,0,.75),0 60px 90px -40px rgba(0,0,0,.6)}
.bruch+.ausklang.ak--schwebt{margin-top:0}
.akl .kn.kn.kn.kn.kn:not(.kn--linie){--o:#684c35;--m:#523925;--u:#372517;--t:#fdf6e6;--licht:rgba(255,255,255,.22);--kante:rgba(230,210,162,.45);--tief:rgba(0,0,0,.6);--ko:#f3e3b8;--ku:#B0934F;--kt:#372517;--klicht:rgba(255,255,255,.6)}
.akl .kn{font-weight:500;letter-spacing:.14em}
@media (max-width:640px){.bruch.ausklang.ak--schwebt{padding:64px 16px}}
.bruch:has(+.ak--schwebt){clip-path:inset(2px 0 0 0);margin-bottom:0}
.bruch+.bruch.ak--schwebt{clip-path:inset(0 0 2px 0);margin-top:0}
html[lang^="en"] #karriere .kr-lead::before{content:"“"}
html[lang^="en"] #karriere .kr-lead::after{content:"”"}
.ag-vier .k3 .kachel__n small{flex-direction:column;row-gap:3px}
.ag-vier .k3 .kachel__n b{font-size:clamp(1.45rem,1.9vw,2rem)}
.bruch.ausklang.ak--schwebt{--hk:30px;padding:clamp(120px,15vw,230px) var(--rand) 0;clip-path:inset(2px 0 0 0);margin-bottom:0;overflow:hidden}
.ak--schwebt .akw{perspective:none}
.ak--schwebt .akl{position:relative;width:fit-content;max-width:100%;margin:0 auto}
.ak--schwebt .akl[data-r]{opacity:1;transform:translate3d(0,72%,0);transform-origin:50% 100%;transition:transform 1.5s cubic-bezier(.22,1.18,.36,1)}
.ak--schwebt .akl[data-r].da{transform:none}
.ak--schwebt .akl__in{transform:none!important;border-radius:40px 40px 0 0;background:var(--nacht);
  box-shadow:inset 0 1px 0 rgba(210,184,130,.42),inset 1px 0 0 rgba(210,184,130,.42),inset -1px 0 0 rgba(210,184,130,.42),0 -18px 40px -24px rgba(0,0,0,.6)}
.ak--schwebt .akl::before,.ak--schwebt .akl::after{content:'';position:absolute;bottom:0;width:100vw;height:var(--hk);pointer-events:none}
.ak--schwebt .akl::before{right:100%;
  background:radial-gradient(circle at 0 0,transparent calc(var(--hk) - 1px),rgba(210,184,130,.42) calc(var(--hk) - 1px),rgba(210,184,130,.42) var(--hk),var(--nacht) calc(var(--hk) + .5px)) right bottom/var(--hk) var(--hk) no-repeat,
             linear-gradient(rgba(210,184,130,.42),rgba(210,184,130,.42)) left bottom/calc(100% - var(--hk)) 1px no-repeat}
.ak--schwebt .akl::after{left:100%;
  background:radial-gradient(circle at 100% 0,transparent calc(var(--hk) - 1px),rgba(210,184,130,.42) calc(var(--hk) - 1px),rgba(210,184,130,.42) var(--hk),var(--nacht) calc(var(--hk) + .5px)) left bottom/var(--hk) var(--hk) no-repeat,
             linear-gradient(rgba(210,184,130,.42),rgba(210,184,130,.42)) right bottom/calc(100% - var(--hk)) 1px no-repeat}
body[data-ak-schwebt] .goldband--schluss::before{display:none!important}
@media (max-width:640px){.bruch.ausklang.ak--schwebt{--hk:22px;padding:110px 16px 0}
.ak--schwebt .akl__in{border-radius:30px 30px 0 0}}
@media (prefers-reduced-motion:reduce){.ak--schwebt .akl[data-r]{transform:none}}
.bruch.ausklang.ak--schwebt,.bruch+.bruch.ausklang.ak--schwebt{clip-path:inset(0);margin-top:0}
.bruch.ausklang.ak--fenster{min-height:min(70vh,640px);padding:0;background:var(--nacht)}
.ausklang.ak--fenster .in{position:fixed;left:0;right:0;top:50%;z-index:2;display:flex;justify-content:center;width:auto;max-width:none;margin:0;
  padding:0 var(--rand);background:none;box-shadow:none;border-radius:0;transform:translateY(-50%);perspective:1400px;text-align:center}
.ausklang.ak--fenster .in::before,.ausklang.ak--fenster .in::after{display:none}
.ak--fenster .akl{display:flex;justify-content:center;width:100%}
.bruch:has(+.ak--fenster){clip-path:inset(2px 0 0 0)}
.bruch+.bruch.ak--fenster{clip-path:inset(0 0 2px 0);margin-top:0}
.ausklang:not(.ak--leiste):not(.ak--fenster){background:var(--marine)}
.ak__vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);margin-bottom:clamp(18px,2vw,30px)}
.ak__k{perspective:1100px}
.ak__b{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;background:#372517;
  box-shadow:0 0 0 1px rgba(230,210,162,.16),0 40px 56px -26px rgba(0,0,0,.75),0 14px 22px -12px rgba(0,0,0,.5)}
.ak__b img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.ak__vier{grid-template-columns:repeat(2,minmax(0,1fr))}
.ak__b{border-radius:var(--r-l)}}
.ak__vier .ak__k[data-r]{transform:translateY(clamp(34px,3.8vw,62px)) scale(.985);transition:opacity 1.4s ease,transform 2.3s var(--sanft)}
.ak__vier .ak__k[data-r],.ak__vier .ak__k.k3[data-r]{transition-delay:0s!important}
.ak__vier .ak__k[data-r].da{transform:none}
.strich--naht svg{filter:drop-shadow(0 -.6px 0 rgba(74,58,26,.5)) drop-shadow(0 .9px 0 rgba(255,255,255,.9))}
.sptk__abriss .kn-reihe{justify-content:center;margin-top:4px}
.rz-bilder .foto:not(.rz-gross) figcaption{display:none}
.rt.fl:has(+.bruch){padding-bottom:clamp(50px,5vw,90px)}
.zd-buchen .in:has(>.zbu){filter:drop-shadow(0 34px 34px rgba(33,23,15,.38)) drop-shadow(0 8px 12px rgba(33,23,15,.25))}
.zd-buchen .in:has(>.zbu){filter:none;position:relative}
.zd-buchen .in:has(>.zbu)::before{content:'';position:absolute;z-index:0;left:4%;right:4%;top:12%;bottom:2%;border-radius:var(--r-xl);pointer-events:none;
  box-shadow:0 40px 60px -24px rgba(33,23,15,.5),0 14px 22px -12px rgba(33,23,15,.3)}
.zd-buchen .in:has(>.zbu)>.zbu{z-index:1}
.zd-buchen .in:has(>.zbu)::before{top:14%;bottom:0;left:3%;right:3%;box-shadow:0 34px 50px -26px rgba(33,23,15,.5),0 12px 18px -12px rgba(33,23,15,.28),0 0 0 0 transparent;clip-path:polygon(-20% -20%,120% -20%,120% 140%,52% 140%,52% 100%,40% 100%,40% 140%,-20% 140%)}
.zd-buchen .in:has(>.zbu)::before{clip-path:none}
.zd-buchen .in:has(>.zbu)::before{bottom:30px;top:20%;box-shadow:0 40px 46px -18px rgba(33,23,15,.42),0 22px 20px -12px rgba(33,23,15,.24)}
main :is(h1,h2,h3,.d1,.d2,.d3,.d4) em:not(:is(.dunkel,.sk,.hero,.bruch,.fl--nacht,.fl--marine,.ausklang,.anf,.ag-geschenk) *){color:#B0934F}
.glanz--laeuft{will-change:transform;contain:paint}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn:not(.kn--linie){background:linear-gradient(180deg,#4a3728,#35271c 55%,#271d15);color:#f4ecdc;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -3px 0 rgba(0,0,0,0.35),0 1px 1px rgba(43,32,23,.12),0 16px 26px -14px rgba(43,32,23,0.45);text-shadow:none}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn:not(.kn--linie) i{background:linear-gradient(180deg,#fbf6ea,#e9dcc2);color:#2b2017;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.18),0 4px 10px -6px rgba(0,0,0,.4)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn.kn--linie{background:linear-gradient(180deg,#fdf9f1,#efe4cf);color:#2b2017;box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -3px 0 rgba(0,0,0,0.08),0 1px 1px rgba(43,32,23,.12),0 16px 26px -14px rgba(43,32,23,0.25),inset 0 0 0 1px rgba(43,32,23,.14);text-shadow:none}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn.kn--linie i{background:linear-gradient(180deg,#4a3728,#271d15);color:#f4ecdc;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15)}
body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn::after{display:none}
.kn.kn--ohne:has(>i){padding-right:7px}
.sprache{transition:transform .55s cubic-bezier(.32,.72,0,1),opacity .4s ease}
.nav.weg~.sprache,.nav.weg~.gast-knopf:not([aria-expanded="true"]){transform:translateY(calc(100% + 48px));opacity:0;pointer-events:none}
:is(.hero,.schluss__buchen) .leiste .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#372517;--licht:#fff;--kante:rgba(124,106,82,.32);--tief:rgba(43,32,23,.32);
  --ko:#7e5c40;--ku:#291c11;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;color:#372517}
.z{overflow:visible;clip-path:inset(0 -.4em)}
body:is([data-seite~="angebote"],a[aria-current][href="angebote.html"]) .sk .sk__satz{max-width:min(31em,92vw)!important;text-wrap:balance}
:root{--kap-t:clamp(2.6rem,6.4vw,7rem);--kap-z:clamp(84px,8vw,124px);--kap2-t:clamp(2.3rem,5vw,4.75rem)}
.betrieb .nebenbei .foto figcaption{display:none}
.z.da{clip-path:none;transition:clip-path 0s 3.5s}
.rt-karte.fl--nacht{background:linear-gradient(rgba(31,23,17,.45),rgba(31,23,17,.45)),var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto}
.fv__platte--sym{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,300px) minmax(0,1fr) minmax(0,1fr);border-radius:0;background:none;box-shadow:none;text-align:center}
.fv__platte--sym>*{padding:0 clamp(12px,1.6vw,28px)}
.fv__platte--sym>*+*{border-left:1px solid rgba(230,210,162,.22)}
.fv__platte--sym .fv__sp::before{display:none}
.fv__platte--sym .fv__sp h4{margin:0 0 14px;font-family:var(--caps);font-style:normal;font-weight:500;font-size:12px;letter-spacing:.26em;text-transform:uppercase;line-height:1.4;color:var(--gold)}
.fv__platte--sym .fv__sp h4{display:block}
.fv__platte--sym .fv__sp h4::after{display:none}
.fv__platte--sym .fv__a{justify-content:center;padding:7px 0;font-size:clamp(1.06rem,1.18vw,1.16rem);color:rgba(252,247,238,.88)}
.fv__platte--sym .fv__a i{display:none}
.fv__platte--sym .fv__a:hover,.fv__platte--sym .fv__a:focus-visible{color:var(--gold)}
.fv__kart{display:flex;flex-direction:column;align-items:center;gap:10px}
.fv__kart .emblem{width:84px;height:auto;aspect-ratio:1464/1452;margin-bottom:10px;color:var(--gold)}
.fv__kn{margin:0;font-family:var(--caps);font-weight:500;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:#fcf7ee}
.fv__ko{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(252,247,238,.6)}
.fv__kt{margin-top:8px;font-family:var(--serif);font-weight:500;font-size:24px;color:var(--gold)}
.fv__kt:hover{color:#fcf7ee}
.fv__platte--sym~.fv__leiste{position:relative;justify-content:center}
.fv__platte--sym~.fv__leiste .fuss__siegel{justify-content:center}
.fv__platte--sym~.fv__leiste .fv__hoch{position:absolute;right:0;top:50%;margin-top:-32px}
.fv__platte--sym~.fuss__unten{justify-content:center;text-align:center}
@media (max-width:1100px){.fv__platte--sym{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
.fv__platte--sym>*{border-left:0!important;border-top:0!important}
.fv__kart{grid-column:1/-1;order:-1}}
@media (max-width:860px){.fv__platte--sym~.fv__leiste{flex-direction:column;align-items:center}
.fv__platte--sym~.fv__leiste .fv__hoch{position:static;margin:6px 0 0}
.fv__platte--sym~.fv__leiste .fuss__siegel{padding-right:0}}
@media (max-width:560px){.fv__platte--sym{grid-template-columns:minmax(0,1fr)}
.fv__platte--sym .fv__sp{border-top:1px solid rgba(230,210,162,.18)!important;padding-top:28px}}
.fv__platte--sym .fv__sp h4{font-weight:600;font-size:clamp(.95rem,1.25vw,1.3rem);letter-spacing:.3em;line-height:1.35;text-wrap:balance;margin-bottom:18px}
@media (min-width:1101px){.fv__platte--sym .fv__sp h4{display:flex;align-items:flex-end;justify-content:center;min-height:2.7em}}
button.fuss__sg{border:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:transform .5s var(--e1)}
@media (hover:hover){button.fuss__sg:hover{transform:translateY(-3px)}}
button.fuss__sg:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:12px}
dialog.sgf{width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:var(--r-xl);color:#fcf7ee;overflow:auto;
  background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45),inset 0 0 0 9px var(--nacht),inset 0 0 0 10px rgba(230,210,162,.25),0 60px 120px -40px #000}
dialog.sgf::backdrop{background:rgba(13,10,7,.82)}
dialog.sgf[open]{animation:zbauf .7s var(--e1)}
.sgf__in{position:relative;padding:clamp(48px,6vw,64px) clamp(26px,5vw,56px) clamp(40px,5vw,52px);text-align:center}
.sgf__zu{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;color:#fcf7ee;background:transparent;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45);transition:box-shadow .3s ease}
.sgf__zu:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.sgf__zu svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.4}
.sgf__s{display:flex;flex-direction:column;align-items:center}
.sgf__s[hidden]{display:none}
.sgf__b{display:grid;place-items:center;height:110px;margin-bottom:26px}
.sgf__b img{height:110px;width:auto}
.sgf__b--st img{height:58px;filter:brightness(0) invert(1);opacity:.92}
.sgf__k{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sgf__t{margin:12px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.4vw,2.4rem);line-height:1.1;letter-spacing:0;color:#fcf7ee;text-wrap:balance}
.sgf__t::after{content:'';display:block;width:46px;height:1px;margin:22px auto 4px;background:var(--gold)}
.sgf__p{margin:16px 0 0;max-width:44ch;font-family:var(--sans);font-size:15.5px;line-height:1.65;color:rgba(252,247,238,.82);text-wrap:pretty}
.sgf__kn{margin-top:30px}
.sgf .kn.kn--leise.kn.kn.kn{height:46px;padding-left:20px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45);color:#f7efdd}
.sgf .kn.kn--leise.kn.kn.kn i{width:34px;height:34px;background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
.sgf .kn.kn--leise.kn.kn.kn::after{display:none}
@media (max-width:560px){.sgf__b,.sgf__b img{height:80px}
.sgf__b{margin-bottom:18px}
.sgf__b--st img{height:44px}
.sgf__p{font-size:14.5px;margin-top:12px}
.sgf__kn{margin-top:22px}
.sgf__t::after{margin-top:16px}}
.sgf__in:focus{outline:none}
.sgf__zu{right:24px;top:24px}
.rt-karte:has(+ .rt-karte){padding-bottom:clamp(36px,3.6vw,60px)}
.rt-karte + .rt-karte{padding-top:clamp(36px,3.6vw,60px)}
.rt-karte + .rt-karte .mkb__kopf > svg{display:none}
.rt-karte + .rt-karte .mkb__kopf::before{content:"";display:block;width:min(460px,72vw);height:14px;margin:0 auto clamp(30px,3.2vw,52px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 14'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23E6D2A2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E6D2A2' stop-opacity='.75'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23E6D2A2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E6D2A2' stop-opacity='.75'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='6.5' width='212' height='1' fill='url(%23l)'/%3E%3Crect x='248' y='6.5' width='212' height='1' fill='url(%23r)'/%3E%3Cpath d='M230 1l6 6-6 6-6-6z' fill='none' stroke='%23E6D2A2' stroke-width='1'/%3E%3Cpath d='M230 4.5l2.5 2.5-2.5 2.5-2.5-2.5z' fill='%23E6D2A2'/%3E%3Ccircle cx='219' cy='7' r='1' fill='%23E6D2A2' fill-opacity='.8'/%3E%3Ccircle cx='241' cy='7' r='1' fill='%23E6D2A2' fill-opacity='.8'/%3E%3C/svg%3E") center/contain no-repeat}
.mkb__band .gang__kopf{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:20px}
.mkb__band .gang__kopf .mkb__gang{grid-column:2;text-align:center;margin:0}
.mkb__band .gang__kopf .pfeile{grid-column:3;justify-self:end}
@media (max-width:860px){.mkb__band .gang__kopf{grid-template-columns:1fr}
.mkb__band .gang__kopf .mkb__gang{grid-column:1}
.mkb__band .gang__kopf .pfeile{display:none}}
.bruch__f>img{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;object-fit:cover}
.bruch:not(.nah) .bruch__f>img{display:none}
@supports (overflow:clip){.bruch{overflow:clip}
.bruch>.bruch__f{position:absolute;left:0;right:0;top:-100vh;top:-100lvh;bottom:-100vh;bottom:-100lvh}
.bruch__f>img{position:sticky;display:block;margin-bottom:-100vh;margin-bottom:-100lvh}
.bruch .bruch__f>.in{position:sticky;top:50%;left:auto;right:auto}}
@supports (animation-timeline: view()) and (overflow: clip){:where(body:not([data-seite~="rechtliches"])) .fl{overflow:clip}
img.gleit--za{animation:glZug linear both;animation-timeline:--gl;animation-range:cover 0% cover 100%}
.hero.za-hero{view-timeline:--hero block}
.za-hero .hero__bild{animation:heroZug linear both;animation-timeline:--hero;animation-range:exit-crossing 0% exit-crossing 100%}}
@keyframes glZug{from{translate:0 var(--glw,0px)}to{translate:0 calc(-1 * var(--glw,0px))}}
@keyframes kopfZug{from{translate:0 0}to{translate:0 calc(var(--skh,0px) * .16)}}
@keyframes heroZug{from{translate:0 0}to{translate:0 calc(var(--hh,0px) * .16)}}
html .burger{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.45),0 10px 16px -10px rgba(0,0,0,.75)}
html .nav__insel{border:1px solid rgba(220,203,170,.22);background:rgba(251,248,243,.94);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 34px -24px rgba(33,25,18,.45)}
html .burger span{background:var(--tinte)}
html .nav__rechts .kn{--o:#563f2c;--m:#402e1f;--u:#251a11;--t:#fff;--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
html .menue__fuss{color:var(--gold)}
html .eckknopf,html .glanz{color:var(--tinte)}
html .glanz{background:linear-gradient(180deg,#fcf7ee,#f4ede0) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),transparent,var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),transparent calc(var(--gp)*4)) border-box;box-shadow:inset 0 0 0 1px rgba(220,203,170,.14),0 14px 26px -16px rgba(33,25,18,.5)}
html .kn{--o:#563f2c;--m:#402e1f;--u:#251a11;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(42,29,18,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%)}
html .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(220,203,170,.26);--tief:rgba(33,25,18,.3);--ko:#563f2c;--ku:#251a11;--kt:#fff;--klicht:rgba(255,255,255,.26);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(220,203,170,.16),0 1px 1px rgba(33,25,18,.12),0 16px 26px -14px var(--tief)}
html .kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
html .dunkel .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(220,203,170,.3);--tief:rgba(0,0,0,.6);--ko:#563f2c;--ku:#251a11;--kt:#fff;--klicht:rgba(255,255,255,.26)}
html .dunkel .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
html .dunkel .kn--linie{--o:#503a28;--m:#3b291b;--u:#251a11;--t:#fff;--licht:rgba(255,255,255,.22);--kante:rgba(0,0,0,.45);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
html .burger{color:#fff;background:linear-gradient(180deg,#563f2c,#402e1f 50%,#251a11)}
html .burger{background:none;box-shadow:none}
html .leiste{color:var(--tinte);background:var(--platte-h);box-shadow:var(--platte-h-s),0 40px 60px -30px rgba(11,7,4,.7)}
html .leiste label{background:var(--kuhle-h);box-shadow:var(--kuhle-h-s)}
html .leiste label span{color:var(--taupe-tief)}
html .leiste input,html .leiste select{color:var(--tinte);background:none;border:0;color-scheme:light}
html .leiste input:focus-visible,html .leiste select:focus-visible{box-shadow:0 2px 0 var(--taupe)}
html .zb .kn{--o:#563f2c;--m:#402e1f;--u:#251a11;--t:#fff;--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte)}
html .fl--papier .tabs.tabs--schalter,html .fl--creme .tabs.tabs--schalter{background:linear-gradient(180deg,#251a11,#402e1f);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(230,210,162,.34)}
html .tabs.tabs--schalter::before{background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 46%,#e2d2b5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -3px 0 rgba(220,203,170,.38),0 1px 1px rgba(0,0,0,.4),0 12px 18px -10px rgba(0,0,0,.8)}
html .tabs.tabs--schalter .tab[aria-pressed="true"]{color:var(--tinte)}
html form.blatt .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#563f2c;--ku:#251a11;--kt:#fff;--klicht:rgba(255,255,255,.3)}
html .buchen .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#563f2c;--ku:#251a11;--kt:#fff;--klicht:rgba(255,255,255,.3)}
html .nav__insel{border:1px solid rgba(230,210,162,.3);background:linear-gradient(180deg,#3c2a1c 0%,#2a1d12 55%,#21170f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(15,10,6,.75),0 2px 6px -2px rgba(15,10,6,.4)}
html .burger span{background:#f7f0e3}
html .nav__rechts .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--ko:#563f2c;--ku:#1a120b;--kt:#fff}
html .eckknopf.glanz{color:#fcf7ee;background:linear-gradient(180deg,#3c2a1c 0%,#2a1d12 55%,#21170f 100%) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),rgba(230,210,162,.35),var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),rgba(230,210,162,.35) calc(var(--gp)*4)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(15,10,6,.75),0 2px 6px -2px rgba(15,10,6,.4)}
html .eckknopf svg{color:var(--gold)}
html :is(.hero,.schluss__buchen) .leiste label{background:none;box-shadow:none}
html :is(.hero,.schluss__buchen) .leiste label+label{border-left:1px solid var(--linie)}
@media (max-width:860px){html :is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){border-left:0;border-top:1px solid var(--linie)}}
html .sk--drei .kn,html .sk--kerbe .kn{--o:#563f2c;--m:#402e1f;--u:#1a120b;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(26,18,11,.6);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .sk--drei .kn--linie,html .sk--kerbe .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(33,25,18,.35);--ko:#563f2c;--ku:#1a120b;--kt:#fff;--klicht:rgba(255,255,255,.24)}
html :is(.hero,.schluss__buchen) .leiste{background:linear-gradient(180deg,#3c2a1c 0%,#2a1d12 55%,#21170f 100%);box-shadow:inset 0 0 0 1px rgba(230,210,162,.3),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 36px -20px rgba(15,10,6,.75),0 2px 6px -2px rgba(15,10,6,.4)}
html :is(.hero,.schluss__buchen) .leiste label+label{border-left-color:rgba(255,255,255,.2)}
html :is(.hero,.schluss__buchen) .leiste label span{color:var(--gold)}
html :is(.hero,.schluss__buchen) .leiste input,html :is(.hero,.schluss__buchen) .leiste select{color:#fff;color-scheme:dark}
html :is(.hero,.schluss__buchen) .leiste option{color:var(--tinte)}
html :is(.hero,.schluss__buchen) .leiste input:focus-visible,html :is(.hero,.schluss__buchen) .leiste select:focus-visible{box-shadow:0 2px 0 var(--gold)}
html :is(.hero,.schluss__buchen) .leiste .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:#fff;--kante:rgba(220,203,170,.26);--tief:rgba(11,7,4,.5);--ko:#563f2c;--ku:#251a11;--kt:#fff;--klicht:rgba(255,255,255,.26)}
html :is(.hero,.schluss__buchen) .leiste .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
@media (max-width:860px){html :is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){border-top-color:rgba(255,255,255,.2)}}
html .eckknopf{text-shadow:0 1px 1px rgba(0,0,0,.35)}
html .nav__insel{border-color:rgba(230,210,162,.5);background:radial-gradient(120% 140% at 50% -40%,rgba(255,249,238,.26),rgba(255,249,238,0) 58%),linear-gradient(180deg,#503b29 0%,#3d2a1b 24%,#2b1e13 62%,#1c130c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 12px 18px -14px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),inset 0 0 0 1px rgba(230,210,162,.1),
    0 26px 44px -20px rgba(13,9,6,.85),0 8px 16px -8px rgba(13,9,6,.55),0 1px 2px rgba(13,9,6,.4)}
html .eckknopf.glanz{background:radial-gradient(120% 160% at 50% -50%,rgba(255,249,238,.28),rgba(255,249,238,0) 60%) padding-box,linear-gradient(180deg,#503b29 0%,#3d2a1b 30%,#2b1e13 66%,#1c130c 100%) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),rgba(230,210,162,.5),var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),rgba(230,210,162,.5) calc(var(--gp)*4)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 8px 12px -10px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),0 22px 36px -18px rgba(13,9,6,.85),0 6px 12px -6px rgba(13,9,6,.55)}
html :is(.hero,.schluss__buchen) .leiste{border:1px solid rgba(230,210,162,.5);background:radial-gradient(120% 140% at 50% -40%,rgba(255,249,238,.26),rgba(255,249,238,0) 58%),linear-gradient(180deg,#503b29 0%,#3d2a1b 24%,#2b1e13 62%,#1c130c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 12px 18px -14px rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.42),inset 0 0 0 1px rgba(230,210,162,.1),
    0 26px 44px -20px rgba(13,9,6,.85),0 8px 16px -8px rgba(13,9,6,.55),0 1px 2px rgba(13,9,6,.4)}
html :is(.hero,.schluss__buchen) .leiste label span{color:var(--gold);text-shadow:0 1px 1px rgba(0,0,0,.35)}
html :is(.hero,.schluss__buchen) .leiste input,html :is(.hero,.schluss__buchen) .leiste select{color:rgba(250,244,232,.96);text-shadow:0 1px 1px rgba(0,0,0,.35)}
html :is(.hero,.schluss__buchen) .leiste label+label{border-left:0}
html :is(.hero,.schluss__buchen) .leiste label+label::before{background:linear-gradient(180deg,rgba(230,210,162,0),rgba(230,210,162,.45) 30%,rgba(230,210,162,.45) 70%,rgba(230,210,162,0))}
@media (max-width:860px){html :is(.hero,.schluss__buchen) .leiste label:nth-of-type(3){border-top-color:rgba(230,210,162,.3)}}
html .leiste .lw{border:0;background:none;color:var(--tinte)}
html :is(.hero,.schluss__buchen) .leiste .lw{color:rgba(250,244,232,.96);text-shadow:0 1px 1px rgba(0,0,0,.35)}
html :is(.hero,.schluss__buchen) .leiste .lw:focus-visible{box-shadow:0 2px 0 var(--gold)}
@media (hover:hover) and (min-width:861px){html :is(.hero,.schluss__buchen) .leiste label>span::before{background:radial-gradient(70% 120% at 50% 0%,rgba(255,249,238,.28),rgba(255,249,238,0) 70%)}}
@media (hover:hover) and (min-width:861px){html :is(.hero,.schluss__buchen) .leiste label::after{background:linear-gradient(105deg,transparent 28%,rgba(251,248,244,.12) 44%,rgba(255,248,232,.26) 50%,rgba(251,248,244,.12) 56%,transparent 72%)}}
@media (hover:hover) and (min-width:861px){html :is(.hero,.schluss__buchen) .leiste label>span::after{background:linear-gradient(90deg,rgba(236,220,180,.9),rgba(230,210,162,.25))}}
@media (hover:hover) and (min-width:861px){html :is(.hero,.schluss__buchen) .leiste label:hover>span,html :is(.hero,.schluss__buchen) .leiste label:focus-within>span{color:#fbf8f4}}
@media (hover:hover) and (min-width:861px){html :is(.hero,.schluss__buchen) .leiste::after{box-shadow:0 0 0 1px rgba(236,220,180,.9),inset 0 1px 0 rgba(255,250,235,.35)}}
html .lw-innen{border:1px solid rgba(230,210,162,.55);color:#f8f2e4;background:radial-gradient(120% 70% at 50% -20%,rgba(255,249,238,.26),rgba(255,249,238,0) 60%),linear-gradient(180deg,#4a3524 0%,#352619 30%,#291c11 70%,#1c130c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 14px 22px -16px rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(230,210,162,.1),
    0 40px 70px -30px rgba(12,8,5,.92),0 14px 26px -12px rgba(12,8,5,.6)}
html .lw-hinweis{color:var(--gold)}
html .lw-pfeil{color:#fbf8f4;border:1px solid rgba(230,210,162,.45);background:linear-gradient(180deg,#563f2c,#382618);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 12px -6px rgba(12,8,5,.7)}
html .lw-pfeil svg{fill:none;stroke:currentColor;stroke-width:1.4}
html .lw-mname{color:var(--gold)}
html .lw-mname b{color:#fff}
html .lw-wt{color:rgba(230,210,162,.85)}
html .lw-tag{border:0;background:none;color:rgba(248,242,228,.92)}
html .lw-tag::after{box-shadow:inset 0 0 0 1px rgba(236,220,180,.75)}
html .lw-tag[disabled]{color:rgba(248,242,228,.22)}
html .lw-tag--heute{color:#fbf8f4}
html .lw-tag--zw::before,html .lw-tag--vor::before{background:rgba(230,210,162,.2)}
html .lw-tag--an,html .lw-tag--ab{color:var(--tinte)}
html .lw-tag--an::after,html .lw-tag--ab::after{background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 55%,#e2d2b5 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(220,203,170,.3),0 6px 14px -6px rgba(12,8,5,.75),0 0 0 1px rgba(230,210,162,.6)}
html .lw-tag--an:not(.lw-tag--ab):not(.lw-re)::before{background:rgba(230,210,162,.2)}
html .lw-tag--ab:not(.lw-tag--an):not(.lw-rs)::before{background:rgba(230,210,162,.2)}
html .lw-fuss{border-top:1px solid rgba(230,210,162,.22)}
html .lw-fuss b{color:#f8f2e4}
html .lw-fuss i{background:var(--gold)}
html .lw-fuss>span:last-child{color:var(--gold)}
html .lw-wahl{border:0;background:none;color:#f8f2e4}
html .lw-wahl b{color:#fff}
html .lw-wahl span{color:rgba(248,242,228,.85)}
html .lw-wahl::before{background:rgba(230,210,162,.12);box-shadow:inset 0 0 0 1px rgba(230,210,162,.35)}
html .lw-wahl[aria-selected="true"]::before{background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 55%,#e2d2b5 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(220,203,170,.3),0 8px 16px -8px rgba(12,8,5,.8)}
html .lw-wahl[aria-selected="true"] b,html .lw-wahl[aria-selected="true"] span{color:var(--tinte)}
html .kn.kn.kn{--o:#634832;--m:#3e2c1d;--u:#1f160e;--t:#f7efdd;--licht:rgba(255,249,238,.38);--kante:rgba(0,0,0,.5);--tief:rgba(26,18,11,.55);--ko:#faf7f3;--ku:#e6dcc6;--kt:#2a1d12;--klicht:rgba(255,250,232,.95);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.55),0 1px 0 rgba(255,255,255,.06),0 2px 2px rgba(15,10,6,.35),0 18px 28px -14px var(--tief)}
html .kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
html .kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(251,248,244,.35),0 6px 12px -6px rgba(0,0,0,.55)}
html .dunkel .kn.kn.kn,html .hero .kn.kn.kn,html .fl--nacht .kn.kn.kn,html .fl--marine .kn.kn.kn{--tief:rgba(0,0,0,.7);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.35),0 18px 30px -14px var(--tief)}
@media (hover:hover){html .kn.kn.kn:hover{box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(226,205,160,.9),0 2px 2px rgba(15,10,6,.35),0 26px 36px -16px var(--tief)}}
html .kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#2a1d12;--licht:#fff;--kante:rgba(220,203,170,.32);--tief:rgba(33,25,18,.32);--ko:#634832;--ku:#1f160e;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(223,209,180,.38),0 1px 1px rgba(33,25,18,.14),0 16px 26px -14px var(--tief)}
html .kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
html .kn.kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(0,0,0,.4),0 0 0 1px rgba(230,210,162,.45),0 6px 12px -6px rgba(26,18,11,.55)}
html :is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn{--o:#634832;--m:#3e2c1d;--u:#1f160e;--t:#f7efdd;--licht:rgba(255,249,238,.38);--kante:rgba(0,0,0,.5);--tief:rgba(0,0,0,.7);--ko:#faf7f3;--ku:#e6dcc6;--kt:#2a1d12;--klicht:rgba(255,250,232,.95);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.35),0 18px 30px -14px var(--tief)}
html :is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
html :is(.dunkel,.hero,.fl--nacht,.fl--marine,form.blatt,.nav,.menue,.fuss) .kn.kn.kn.kn i{box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(251,248,244,.35),0 6px 12px -6px rgba(0,0,0,.55)}
html #angebote .in>.kn-reihe .kn:not(.kn--linie){--o:#ecdcb4;--m:#E6D2A2;--u:#a98f61;--t:#2a1d12;--licht:rgba(255,250,235,.85);--kante:rgba(92,72,38,.42);--tief:rgba(0,0,0,.6);--ko:#563f2c;--ku:#251a11;--kt:#fbf8f4;--klicht:rgba(255,255,255,.26)}
html #angebote .in>.kn-reihe .kn--linie{--o:#563f2c;--m:#402e1f;--u:#251a11;--t:#fff;--licht:rgba(255,255,255,.24);--kante:rgba(0,0,0,.45);--tief:rgba(0,0,0,.55);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .abschied .abschied__kn .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#2a1d12;--licht:#fff;--kante:rgba(220,203,170,.32);--tief:rgba(33,25,18,.32);--ko:#634832;--ku:#1f160e;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(223,209,180,.38),0 1px 1px rgba(33,25,18,.14),0 16px 26px -14px var(--tief)}
html .abschied .abschied__kn .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
html .sprache{color:#fff;background:linear-gradient(180deg,#503b29,#1c130c);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(230,210,162,.45),0 12px 24px -12px rgba(0,0,0,.7)}
html .sprache a{color:rgba(255,255,255,.55)}
html .sprache a[aria-current="true"]{color:#fff;box-shadow:inset 0 -1px 0 var(--gold)}
html .sprache a:hover{color:#fff}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn{--t:#f7efdd;--kante:rgba(0,0,0,.5);background:linear-gradient(180deg,#634832 0%,#3e2c1d 46%,#1f160e 100%);color:#f7efdd;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 0 0 1px rgba(0,0,0,.2),0 16px 26px -14px rgba(31,22,14,.55)}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn i{background:linear-gradient(180deg,#faf7f3,#e6dcc6);color:#2a1d12;box-shadow:inset 0 1px 0 rgba(255,250,232,.95),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(251,248,244,.35),0 6px 12px -6px rgba(0,0,0,.55)}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,249,238,.28) 50%,transparent 100%)}
html .f27__wege--knopf .kn{box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 18px 30px -14px #000;color:#f7efdd}
html .f27__wege--knopf .kn.kn--leise.kn.kn.kn{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45);color:#f7efdd}
html .f27__wege--knopf .kn.kn--leise.kn.kn.kn i{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
@media (hover:hover){html .f27__wege--knopf .kn.kn--leise.kn.kn.kn:hover{background:rgba(230,210,162,.1);box-shadow:inset 0 0 0 1px var(--gold)}}
@media (hover:hover){html .f27__wege--knopf .kn.kn--leise.kn.kn.kn:hover i{background:var(--gold);color:var(--nacht)}}
html .f27__wege--knopf .kn.kn.kn.kn{background:linear-gradient(180deg,#634832 0%,#3e2c1d 46%,#1f160e 100%)}
html .f27__wege--knopf .kn.kn--leise.kn.kn.kn{background:none}
html .fz .fz__kn .kn.kn.kn.kn{color:#f7efdd;box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 -3px 0 rgba(0,0,0,.5),inset 0 0 0 1px rgba(230,210,162,.7),0 18px 30px -14px #000;background:linear-gradient(180deg,#634832 0%,#3e2c1d 46%,#1f160e 100%)}
html .fz .fz__kn .kn.kn--leise.kn.kn.kn{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45)}
html .fz .fz__kn .kn.kn--leise.kn.kn.kn i{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
html :is(.mk,.rtm__t) .kn,html :is(.mk,.rtm__t) .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(33,25,18,.35);--ko:#563f2c;--ku:#1a120b;--kt:#fff;--klicht:rgba(255,255,255,.24)}
html :is(.mk,.rtm__t) .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#2a1d12;--licht:#fff;--kante:rgba(220,203,170,.32);--tief:rgba(33,25,18,.32);--ko:#634832;--ku:#1f160e;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(223,209,180,.38),0 1px 1px rgba(33,25,18,.14),0 16px 26px -14px var(--tief)}
html :is(.mk,.rtm__t) .kn.kn.kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%)}
html .kn-reihe--betrieb .kn.kn--text.kn.kn.kn{background:none;box-shadow:none;color:var(--tinte)}
html .kn-reihe--betrieb .kn.kn--text.kn.kn.kn i{background:none;color:#dfd1b4;box-shadow:inset 0 0 0 1px rgba(223,209,180,.6)}
html #bar .kn-reihe--betrieb .kn.kn--text.kn.kn.kn{color:#f7efdd}
html #bar .kn-reihe--betrieb .kn.kn--text.kn.kn.kn i{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(230,210,162,.6)}
@media (hover:hover){html .kn-reihe--betrieb .kn.kn--text.kn.kn.kn:hover i{background:#e3d8c1;color:#fff}}
@media (hover:hover){html #bar .kn-reihe--betrieb .kn.kn--text.kn.kn.kn:hover i{background:var(--gold);color:var(--nacht)}}
html .kn-reihe--betrieb>.kn:nth-child(2)::after{background:#e3d8c1}
html #dayspa .pausch .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#2a1d12;--licht:#fff;--kante:rgba(220,203,170,.32);--tief:rgba(33,25,18,.32);--ko:#634832;--ku:#1f160e;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(223,209,180,.38),0 1px 1px rgba(33,25,18,.14),0 16px 26px -14px var(--tief)}
html #festmahl .fm__tafel .kn.kn.kn{--o:#563f2c;--m:#402e1f;--u:#1a120b;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(26,18,11,.6);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),0 1px 1px rgba(26,18,11,.3),0 16px 26px -14px var(--tief)}
html #festmahl .fm__tafel .kn.kn.kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}
html :is(.hero,.schluss__buchen) .leiste[data-r]{--y:clamp(50px,6vw,90px)}
html :is(.hero,.schluss__buchen) .leiste[data-r]{--y:clamp(40px,5vw,70px)}
html .zd-buchen .zbu{color:var(--tinte);background:radial-gradient(130% 90% at 20% 0%,#fdf9f1 0%,#f6eedf 60%,#efe4cf 100%);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.25),0 50px 80px -40px rgba(0,0,0,.75),0 20px 34px -20px rgba(0,0,0,.5)}
html .zd-buchen .zbu::before{border:1px solid rgba(223,209,180,.55)}
html .zd-buchen .zbu::after{border:1px solid rgba(223,209,180,.22)}
html .zbu__f label span{color:var(--taupe-tief)}
html .zbu__f input,html .zbu__f select{border:0;border-bottom:1px solid rgba(223,209,180,.55);background:transparent;color:var(--tinte)}
html .zbu__f select{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2398733c' stroke-width='1.4'/%3E%3C/svg%3E") right 4px center/14px no-repeat}
html .zbu__f input:focus,html .zbu__f select:focus{border-bottom-color:var(--akzent)}
html .zd-buchen .zbu .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(33,25,18,.35);--ko:#563f2c;--ku:#1a120b;--kt:#fff;--klicht:rgba(255,255,255,.24);text-shadow:none}
html .zbu__f .lw{border:0;border-bottom:1px solid rgba(223,209,180,.55);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2398733c' stroke-width='1.4'/%3E%3C/svg%3E") right 4px center/14px no-repeat;color:var(--tinte)}
html .zbu__f .lw:hover,html .zbu__f .lw[aria-expanded="true"]{border-bottom-color:var(--akzent)}
html .zbu__f .lw:focus-visible{border-bottom-color:var(--akzent);box-shadow:0 1px 0 var(--akzent)}
html .zd-buchen .zbu .kn.kn.kn.kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(33,25,18,.35);--ko:#563f2c;--ku:#1a120b;--kt:#fff;--klicht:rgba(255,255,255,.24);text-shadow:none;box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(223,209,180,.38),0 1px 1px rgba(33,25,18,.14),0 16px 26px -14px var(--tief)}
html .akl .kn.kn.kn.kn.kn:not(.kn--linie){--o:#ecdcb4;--m:#E6D2A2;--u:#a98f61;--t:#2a1d12;--licht:rgba(255,250,235,.85);--kante:rgba(92,72,38,.42);--tief:rgba(0,0,0,.6);--ko:#563f2c;--ku:#251a11;--kt:#fbf8f4;--klicht:rgba(255,255,255,.26)}
html .zbu__f label{background:linear-gradient(180deg,#f6eedd,#fbf6ec);box-shadow:inset 0 2px 6px rgba(220,203,170,.18),inset 0 0 0 1px rgba(223,209,180,.32),0 1px 0 #fff}
html .zbu__f label:hover,html .zbu__f label:has(.lw[aria-expanded="true"]){box-shadow:inset 0 2px 6px rgba(220,203,170,.14),inset 0 0 0 1px rgba(226,214,190,.8),0 1px 0 #fff,0 10px 22px -14px rgba(220,203,170,.6)}
html .zbu__f label span{color:#decdad}
html .zbu__f label span::before{background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a8844c' stroke-width='1.1'%3E%3Crect x='1.5' y='2.5' width='13' height='12' rx='2'/%3E%3Cpath d='M1.5 6.5h13M5 1v3M11 1v3'/%3E%3C/svg%3E")}
html .zbu__f .zbu__g span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a8844c' stroke-width='1.1'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M2.5 15c.6-3.2 2.8-5 5.5-5s4.9 1.8 5.5 5'/%3E%3C/svg%3E")}
html .zbu__f .lw,html .zbu__f input,html .zbu__f select{border-bottom:0;background-position:right 2px center;background-size:16px}
html .zbu__f .lw:focus-visible{box-shadow:none}
html .lw-hell .lw-innen{color:var(--tinte);background:linear-gradient(180deg,#fdf9f1,#f4ebd8);border-color:rgba(223,209,180,.5);box-shadow:inset 0 0 0 6px #fbf6ec,inset 0 0 0 7px rgba(226,214,190,.3),0 30px 60px -24px rgba(26,18,11,.55),0 8px 18px -8px rgba(26,18,11,.3)}
html .lw-hell .lw-mname{color:#e2d6be}
html .lw-hell .lw-mname b{color:var(--tinte)}
html .lw-hell .lw-wt{color:#e2d6be}
html .lw-hell .lw-tag{color:var(--tinte)}
html .lw-hell .lw-tag[disabled]{color:rgba(33,25,18,.22)}
html .lw-hell .lw-tag--heute{color:#decdad}
html .lw-hell .lw-tag::after{box-shadow:inset 0 0 0 1px rgba(226,214,190,.8)}
html .lw-hell .lw-tag--zw::before,html .lw-hell .lw-tag--vor::before,html .lw-hell .lw-tag--an:not(.lw-tag--ab):not(.lw-re)::before,html .lw-hell .lw-tag--ab:not(.lw-tag--an):not(.lw-rs)::before{background:rgba(226,214,190,.16)}
html .lw-hell .lw-tag--an,html .lw-hell .lw-tag--ab{color:#fff}
html .lw-hell .lw-tag--an::after,html .lw-hell .lw-tag--ab::after{background:linear-gradient(180deg,#634832,#3e2c1d 55%,#1f160e);box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 0 0 1px rgba(230,210,162,.7),0 6px 12px -6px rgba(26,18,11,.6)}
html .lw-hell .lw-pfeil{color:var(--tinte);background:#fbf6ec;box-shadow:inset 0 0 0 1px rgba(223,209,180,.45)}
html .lw-hell .lw-fuss{border-top-color:rgba(223,209,180,.28)}
html .lw-hell .lw-fuss b{color:var(--tinte)}
html .lw-hell .lw-fuss i{background:#e2d6be}
html .lw-hell .lw-fuss>span{color:#decdad}
html .lw-hell .lw-wahl{color:var(--tinte)}
html .lw-hell .lw-wahl b{color:var(--tinte)}
html .lw-hell .lw-wahl span{color:rgba(33,25,18,.75)}
html .lw-hell .lw-wahl::before{background:rgba(226,214,190,.12);box-shadow:inset 0 0 0 1px rgba(226,214,190,.4)}
html .lw-hell .lw-wahl[aria-selected="true"]::before{background:linear-gradient(180deg,#634832,#3e2c1d 55%,#1f160e);box-shadow:inset 0 1px 0 rgba(255,249,238,.38),inset 0 0 0 1px rgba(230,210,162,.7)}
html .lw-hell .lw-wahl[aria-selected="true"] b,html .lw-hell .lw-wahl[aria-selected="true"] span{color:#fff}
html .zd-buchen .zbu{color:#fff;background:radial-gradient(130% 90% at 20% 0%,#4d3624 0%,#352518 55%,#20160e 100%),#2a1d12;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 4px rgba(33,25,18,.25),0 50px 80px -40px rgba(33,25,18,.6),0 20px 34px -20px rgba(33,25,18,.4)}
html .zd-buchen .zbu::before{border-color:rgba(230,210,162,.55)}
html .zd-buchen .zbu::after{border-color:rgba(230,210,162,.2)}
html .zbu__f label{background:linear-gradient(180deg,#251a11,#362619);box-shadow:inset 0 2px 8px rgba(0,0,0,.35),inset 0 0 0 1px rgba(230,210,162,.32),0 1px 0 rgba(255,255,255,.06)}
html .zbu__f label:hover,html .zbu__f label:has(.lw[aria-expanded="true"]){box-shadow:inset 0 2px 8px rgba(0,0,0,.3),inset 0 0 0 1px rgba(230,210,162,.85),0 1px 0 rgba(255,255,255,.06),0 10px 22px -14px rgba(0,0,0,.7)}
html .zbu__f label span{color:var(--gold)}
html .zbu__f label span::before{filter:brightness(1.35)}
html .zbu__f .lw,html .zbu__f input,html .zbu__f select{color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23d2bf98' stroke-width='1.4'/%3E%3C/svg%3E")}
html .zd-buchen .zbu .kn.kn.kn.kn{--o:#6b4e37;--m:#4b3422;--u:#231910;--t:#f7efdd;--licht:rgba(255,249,238,.4);--kante:rgba(0,0,0,.5);--tief:rgba(0,0,0,.55);--ko:#f9f7f1;--ku:#e3d8c1;--kt:#231910;--klicht:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(230,210,162,.75),0 1px 1px rgba(0,0,0,.3),0 18px 30px -14px var(--tief)}
html .akl .kn.kn.kn.kn.kn:not(.kn--linie){--o:#503b29;--m:#402c1c;--u:#2a1d12;--t:#fdf6e6;--licht:rgba(255,255,255,.22);--kante:rgba(230,210,162,.45);--tief:rgba(0,0,0,.6);--ko:#faf7f3;--ku:#e3d8c1;--kt:#2a1d12;--klicht:rgba(255,255,255,.6)}
html .zd-buchen .zbu{--naht:46%;--kr:22px;background:radial-gradient(circle calc(var(--kr) + 7px) at var(--naht) 0,#0000 calc(var(--kr) + 5.5px),rgba(230,210,162,.6) calc(var(--kr) + 6px),rgba(230,210,162,.6) calc(var(--kr) + 6.8px),#0000 calc(var(--kr) + 7.2px)),
    radial-gradient(circle calc(var(--kr) + 7px) at var(--naht) 100%,#0000 calc(var(--kr) + 5.5px),rgba(230,210,162,.6) calc(var(--kr) + 6px),rgba(230,210,162,.6) calc(var(--kr) + 6.8px),#0000 calc(var(--kr) + 7.2px)),
    radial-gradient(130% 90% at 20% 0%,#4d3624 0%,#352518 55%,#20160e 100%),#2a1d12;box-shadow:none}
html .zd-buchen .in:has(>.zbu){filter:drop-shadow(0 34px 34px rgba(26,18,11,.38)) drop-shadow(0 8px 12px rgba(26,18,11,.25))}
@media (max-width:860px){html .zd-buchen .zbu{--naht:0;background:radial-gradient(130% 90% at 20% 0%,#4d3624 0%,#352518 55%,#20160e 100%),#2a1d12}}
html .zd-buchen .in:has(>.zbu){filter:none}
html .zd-buchen .in:has(>.zbu)::before{box-shadow:0 40px 60px -24px rgba(26,18,11,.5),0 14px 22px -12px rgba(26,18,11,.3)}
html .zd-buchen .in:has(>.zbu)::before{box-shadow:0 34px 50px -26px rgba(26,18,11,.5),0 12px 18px -12px rgba(26,18,11,.28),0 0 0 0 transparent}
html .zd-buchen .in:has(>.zbu)::before{box-shadow:0 40px 46px -18px rgba(26,18,11,.42),0 22px 20px -12px rgba(26,18,11,.24)}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn:not(.kn--linie){background:linear-gradient(180deg,#3a2b1f,#291f16 55%,#1f1710);color:#f4ecdc;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -3px 0 rgba(0,0,0,0.35),0 1px 1px rgba(33,25,18,.12),0 16px 26px -14px rgba(33,25,18,0.45);text-shadow:none}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn:not(.kn--linie) i{background:linear-gradient(180deg,#fbf6ea,#e9dcc2);color:#211912;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.18),0 4px 10px -6px rgba(0,0,0,.4)}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn.kn--linie{background:linear-gradient(180deg,#fdf9f1,#efe4cf);color:#211912;box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -3px 0 rgba(0,0,0,0.08),0 1px 1px rgba(33,25,18,.12),0 16px 26px -14px rgba(33,25,18,0.25),inset 0 0 0 1px rgba(33,25,18,.14);text-shadow:none}
html body:is([data-seite~="zimmer"],a[aria-current][href="zimmer.html"]) .gz-sek .kn.kn.kn.kn.kn.kn--linie i{background:linear-gradient(180deg,#3a2b1f,#1f1710);color:#f4ecdc;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15)}
html :is(.hero,.schluss__buchen) .leiste .kn.kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#2a1d12;--licht:#fff;--kante:rgba(124,106,82,.32);--tief:rgba(33,25,18,.32);--ko:#634832;--ku:#1f160e;--kt:#f7efdd;--klicht:rgba(255,249,238,.4);text-shadow:none;color:#2a1d12}
html .sgf .kn.kn--leise.kn.kn.kn{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.45);color:#f7efdd}
html .sgf .kn.kn--leise.kn.kn.kn i{background:none;box-shadow:inset 0 0 0 1px rgba(230,210,162,.5);color:var(--gold)}
html .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(0,0,0,.6);--ko:#563f2c;--ku:#1a120b;--kt:var(--weiss);--klicht:rgba(255,255,255,.24);color:var(--t);background:linear-gradient(180deg,var(--o) 0%,var(--m) 46%,var(--u) 100%);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 1px 1px rgba(0,0,0,.3),0 16px 26px -14px var(--tief)}
html .kn:hover{box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 2px 2px rgba(0,0,0,.25),0 24px 32px -16px var(--tief)}
html .kn:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.28),inset 0 -1px 0 var(--kante),0 1px 1px rgba(0,0,0,.3),0 6px 12px -8px var(--tief)}
html .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%)}
html .kn i{background:linear-gradient(180deg,var(--ko),var(--ku));color:var(--kt);box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(0,0,0,.28),0 3px 6px rgba(0,0,0,.35)}
html .kn svg{stroke:currentColor;fill:none;stroke-width:1.2}
html .fl--papier .kn,html .fl--creme .kn,html .tafel .kn,html .blatt .kn{--o:#563f2c;--m:#402e1f;--u:#1a120b;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(26,18,11,.6);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .fl--papier .kn::after,html .fl--creme .kn::after,html .tafel .kn::after,html .blatt .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}
html .kn--linie{--o:#563f2c;--m:#402e1f;--u:#251a11;--t:#fff;--licht:rgba(255,255,255,.24);--kante:rgba(0,0,0,.45);--tief:rgba(0,0,0,.55);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.16) 50%,transparent 100%)}
html .fl--papier .kn--linie,html .fl--creme .kn--linie,html .tafel .kn--linie,html .blatt .kn--linie{--o:#fdf9f1;--m:#f9f1e1;--u:#e8dcc3;--t:var(--tinte);--licht:#fff;--kante:rgba(220,203,170,.28);--tief:rgba(78,64,44,.42);--ko:#563f2c;--ku:#1a120b;--kt:var(--weiss);--klicht:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(220,203,170,.16),0 1px 1px rgba(78,64,44,.2),0 16px 26px -14px var(--tief)}
html .fl--papier .kn--linie::after,html .fl--creme .kn--linie::after,html .tafel .kn--linie::after,html .blatt .kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
html .burger{color:#fff;background:linear-gradient(180deg,#563f2c,#402e1f 50%,#251a11);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.45),0 10px 16px -10px rgba(0,0,0,.75)}
html .burger:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}
html .glanz{border:1px solid transparent;color:var(--papier);background:linear-gradient(180deg,#402e1f,#251a11) padding-box,
    conic-gradient(from calc(var(--ga) - var(--go)),transparent,var(--gold) var(--gp),#fff calc(var(--gp)*2),var(--taupe) calc(var(--gp)*3),transparent calc(var(--gp)*4)) border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 14px 26px -16px rgba(0,0,0,.8)}
html .glanz:is(:hover,:focus-visible,:focus-within){--gp:20%;--go:95deg}
html .nav__insel{border:1px solid rgba(230,210,162,.26);background:linear-gradient(180deg,rgba(64,46,31,.97),rgba(29,20,12,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 30px -18px rgba(0,0,0,.85)}
html .burger span{background:#fff}
html .sprache a{color:rgba(255,255,255,.5)}
html .sprache a[aria-current="true"]{color:#fff;box-shadow:inset 0 -1px 0 var(--gold)}
html .sprache a:hover{color:#fff}
html .eckknopf svg{stroke:currentColor;fill:none;stroke-width:1.4}
html .menue__fuss{color:var(--gold)}
html .zb .kn{--o:#563f2c;--m:#402e1f;--u:#1a120b;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tief:rgba(26,18,11,.6)}
html .tabs.tabs--schalter{border:0;background:linear-gradient(180deg,#1a120b,#402e1f);box-shadow:inset 0 2px 6px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(230,210,162,.34)}
html .tabs.tabs--schalter::before{background:linear-gradient(180deg,#fcf7ee 0%,#f2e8d5 46%,#e2d2b5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -3px 0 rgba(220,203,170,.38),0 1px 1px rgba(0,0,0,.4),0 12px 18px -10px rgba(0,0,0,.8)}
html .tabs.tabs--schalter .tab,html .fl--nacht .tabs.tabs--schalter .tab,html .fl--navy .tabs.tabs--schalter .tab{background:none;box-shadow:none;color:rgba(252,247,238,.78)}
html .tabs.tabs--schalter .tab:hover{color:#fff}
html .tabs.tabs--schalter .tab[aria-pressed="true"],html .fl--nacht .tabs.tabs--schalter .tab[aria-pressed="true"],html .fl--navy .tabs.tabs--schalter .tab[aria-pressed="true"],html .tabs.tabs--schalter:not(:has([aria-pressed="true"])) .tab:first-child{color:var(--tinte);background:none;box-shadow:none}
html .fl--papier .tabs.tabs--schalter,html .fl--creme .tabs.tabs--schalter{background:linear-gradient(180deg,#402e1f,#402e1f)}
html form.blatt .kn{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(220,203,170,.38);--tief:rgba(0,0,0,.7);--ko:#563f2c;--ku:#1a120b;--kt:var(--weiss);--klicht:rgba(255,255,255,.24)}
html form.blatt .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
html .ag03 .kn--linie,html .ag08 .kn--linie,html .ag-wand__karte .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(124,106,82,.38);--tief:rgba(43,32,23,.35);--ko:#543f2d;--ku:#19120d;--kt:#fff;--klicht:rgba(255,255,255,.24)}
html .fl--nacht .ag-pk__karte .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(124,106,82,.38);--tief:rgba(43,32,23,.35);--ko:#543f2d;--ku:#19120d;--kt:#fff;--klicht:rgba(255,255,255,.24)}
html .ag-geschenk .kn--linie{--o:#fcf7ee;--m:#f2e8d5;--u:#e2d2b5;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(124,106,82,.38);--tief:rgba(43,32,23,.35);--ko:#543f2d;--ku:#19120d;--kt:#fff;--klicht:rgba(255,255,255,.24)}
html .tabs--rechner .tab{border:1px solid rgba(43,32,23,.3);background:rgba(255,255,255,.35);color:var(--tinte)}
html .tabs--rechner .tab[aria-pressed="true"]{background:var(--dn-platte);color:var(--creme);border-color:var(--taupe)}
html .fl--holz .tabs--rechner .tab,html .fl--russ .tabs--rechner .tab,html .dn-gs-form .tabs--rechner .tab{background:transparent;color:var(--papier);border-color:rgba(241,236,224,.4)}
html .fl--holz .tabs--rechner .tab[aria-pressed="true"],html .fl--russ .tabs--rechner .tab[aria-pressed="true"],html .dn-gs-form .tabs--rechner .tab[aria-pressed="true"]{background:var(--gold);color:var(--tinte);border-color:var(--gold)}
html .fk-ticket .kn.kn.kn.kn{--o:#543f2d;--m:#3d2e21;--u:#221a13;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(40,30,21,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .fk-ticket .kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#281e15;--licht:#fff;--kante:rgba(124,106,82,.32);--tief:rgba(43,32,23,.32);--ko:#604834;--ku:#1d1610;--kt:#f7efdd;--klicht:rgba(255,249,238,.4)}
html .fm2__tafel .kn--linie{--o:#543f2d;--m:#3d2e21;--u:#221a13;--t:#fff;--licht:rgba(255,255,255,.24);--kante:rgba(0,0,0,.45);--tief:rgba(0,0,0,.4);--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
@media (max-width:860px){html .sprache .sp-mehr{color:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(230,210,162,.4)}}
@media (max-width:860px){html .sprache .sp-mehr svg{fill:none;stroke:currentColor;stroke-width:1.4}}
html .gast-knopf{--gold:#f1ece0;--navy:#281e15;--nacht:#130e0a;--creme:#efe4cf}
html .gast-knopf{color:var(--gold);background:#19120d;box-shadow:0 0 0 1px rgba(241,236,224,.45),0 12px 24px -10px rgba(0,0,0,.6)}
html .gast-knopf__x svg{stroke:currentColor;stroke-width:1.3;fill:none}
html .gast .kn{--t:#281e15}
html .gast .kn{--t:#fff;color:#fff}
html .gast .kn i svg{stroke:#130e0a;stroke-width:1.6}
html .kr-form .kn{--o:#543f2d;--m:#3d2e21;--u:#281e15;--t:#fff;--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.4)}
html .kr-stellen .kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#281e15}
html .kr-gold .kn.kn.kn.kn{--o:#543f2d;--m:#3d2e21;--u:#221a13;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(40,30,21,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .kr-quer .kn.kn.kn.kn{--o:#543f2d;--m:#3d2e21;--u:#221a13;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(40,30,21,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
html .kn[data-merk].an{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#281e15}
html .fh-leiste .lw--leer{color:rgba(43,32,23,.48)}

/* ===== Eigene Gestalt des Seiler au Lac (_seiler.css) ===== */
/* Hotel Seiler au Lac, Bönigen · Designstudie Tasty Studios · Fassung 3 «Ein Tag am See» (11.10.2026)
   Die eigene Gestalt dieses Hauses auf Roberts Bausteinen (_basis.css, aus dem Grand Beau-Rivage übersetzt):
   der Tag als Aufbau (Morgen → Mittag → Nachmittag → Abend → Dämmerung → Nacht), das S der Wortmarke als Siegel, das Kursschiff
   als Zeichen auf Band und Naht, die Fahrplan-Tafel der Station, Ansichtskarten, der Sonnenlauf am Rand, die Uhr, die Ziffer für Ziffer rollt,
   Angebote als Billette. Farbwelt «Storen und Holz» (Roberts Wahl 10.10.2026): Papier und Storen-Creme hell, das Holz der Pizzeria dunkel,
   Messing und Storen-Gold als Akzent. Bewegung nur über transform und opacity, nativer Scroll, ein Element in Bewegung pro Blick. */

:root{
  --nacht:#2c1e14; --marine:#3b2a1b; --blau:#563f2c; --holz:#3b2a1b; --holz-tief:#2c1e14; --holz-hell:#5a3d26;
  --papier:#f8f2e5; --creme:#efe4cb; --sand:#e3d2ad; --weiss:#fdf9f1;
  --taupe:#a07c3f; --taupe-tief:#7a5c2c; --messing:#a07c3f; --gold:#e1c580; --goldhell:#ecd9a6; --storen:#e1c580; --akzent:#a07c3f;
  --tinte:#2a1c12; --navy:var(--holz);
  --linie:rgba(122,92,44,.3); --linie-hell:rgba(225,197,128,.3);
  --serif:'Cormorant Garamond','Serif Ersatz',Georgia,serif;   /* seit 13.10.2026 die Schrift des Grand Beau-Rivage (Roberts Wahl, Entwurf «im Stil des Rivage»), vorher Marcellus */
  --caps:'Cinzel','Serif Ersatz',Georgia,serif;
  --kap-t:clamp(2.5rem,5.8vw,6.3rem); --kap-z:clamp(78px,7.4vw,112px); --kap2-t:clamp(2.1rem,4.4vw,4.3rem);
  --platte-h:linear-gradient(180deg,#fdf9f1,#f5ecdb 60%,#ecdfc6);--platte-h-s:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(122,92,44,.14),0 1.5px 0 #d8c7a4,0 34px 46px -32px rgba(42,28,18,.45);
  --kuhle-h:linear-gradient(180deg,#e9dcc0,#f0e6d0 40%,#f3ead8);--kuhle-h-s:inset 0 3px 6px -1px rgba(42,28,18,.16),inset 0 1px 0 rgba(42,28,18,.1),inset 0 0 0 1px rgba(122,92,44,.1),0 1px 0 #fff;
  --platte-d:linear-gradient(180deg,#4a3422,#3b2a1b 46%,#2a1d12);--platte-d-s:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(225,197,128,.28),0 2px 0 #1a120b,0 40px 50px -32px rgba(0,0,0,.7);
  --kuhle-d:linear-gradient(180deg,#1f150d,#261a10 34%,#281c12);--kuhle-d-s:inset 0 3px 6px -1px rgba(10,5,2,.62),inset 0 1px 0 rgba(10,5,2,.55),inset 0 0 0 1px rgba(10,5,2,.3),0 1px 0 rgba(255,255,255,.08);
}
body{background:var(--papier);color:var(--tinte)}
::selection{background:var(--creme);color:var(--tinte)}
:focus-visible{outline:1.5px solid var(--messing);outline-offset:4px}

/* ---------- Schrift: Marcellus (aus den Versalien der Wortmarke) für Titel, Namen, Zahlen und Versalzeilen; Instrument Sans im Lauf ---------- */
.d1,.d2,.d3,.d4{font-family:var(--serif);font-weight:400;letter-spacing:-.006em}
.d1{font-size:clamp(2.6rem,6.2vw,6.6rem);line-height:1.02}
.d2{font-size:clamp(2.05rem,4.3vw,4.6rem);line-height:1.06}
.d3{font-size:clamp(1.5rem,2.35vw,2.5rem);line-height:1.12}
.d4{font-size:clamp(1.15rem,1.5vw,1.55rem);line-height:1.18}
.d1 em,.d2 em,.d3 em,.d4 em{color:var(--messing)}
.dunkel .d1 em,.dunkel .d2 em,.dunkel .d3 em,.dunkel .d4 em{color:var(--storen)}
.caps{letter-spacing:.16em}
.lauf{color:rgba(42,28,18,.84)}
.dunkel .lauf{color:rgba(255,255,255,.84)}
.gross{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,1.95vw,2.05rem);line-height:1.38;letter-spacing:-.004em}
.raum--nur svg{width:var(--kap-z);height:auto}
.kopfbild .raum--nur svg{width:clamp(44px,3.6vw,58px);height:auto}
.kopfzeile--mitte{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:0;margin-bottom:clamp(36px,4vw,64px)}
.kopfzeile--mitte .raum--nur{margin-bottom:clamp(18px,2vw,30px)}
.kopfzeile--mitte .d2{font-size:var(--kap-t);line-height:1.02;max-width:16ch}
.kopfzeile--mitte .lauf{max-width:52ch;margin:clamp(16px,1.8vw,26px) auto 0}
.kopfzeile--mitte .d1{font-size:var(--kap-t)}

/* ---------- Flächen: Papier und Creme (hell), Holz und Nacht (dunkel), die Palmetten-Tapete Ton in Ton ---------- */
.fl--papier{background:var(--papier) url(../img/tapete-hell.webp) 50% 0/176px auto;color:var(--tinte)}
.fl--creme{background:var(--creme);color:var(--tinte)}
.fl--holz{background:var(--holz) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff}
.fl--nacht{background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto;color:#fff}
.fl--marine{background:var(--holz);color:#fff}
.menue{background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto}
.fuss{background:var(--nacht) url(../img/tapete-dunkel.webp) 50% 0/176px auto}
.ausklang{background:var(--holz) url(../img/tapete-dunkel.webp) 50% 0/176px auto}

/* ---------- Leiste oben: das S als Zeichen, der Name in der Titelschrift ---------- */
.nav__logo .emblem{height:34px;width:auto;color:var(--messing)}
/* Die ausgeschriebene Wortmarke in Gold (Robert 12.10.2026: statt des einzelnen S in der Leiste und über dem Titel; _werkzeug/wortmarke_gold.js) */
html .nav__logo .nav__wort{display:block;height:52px;width:auto;margin:0 4px 0 -4px}
html .nav .nav__logo::before,html .nav .nav__logo::after{content:none;display:none}  /* das S in Gold lag sonst über der Wortmarke */
@media (max-width:1099px){html .nav__logo .nav__wort{height:44px}}
@media (max-width:420px){html .nav__logo .nav__wort{height:38px;margin-right:0}}
/* Eck-Knöpfe oben links und rechts im Braun der Leiste (Robert 12.10.2026). Die Glanzkante braucht die drei Grössen als angemeldete
   Eigenschaften, sonst gilt der ganze Hintergrund als ungültig und der Knopf steht durchsichtig da. */
@property --ga{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --go{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gp{syntax:"<percentage>";initial-value:5%;inherits:false}
html .eckknopf.glanz{color:#fcf7ee;background:radial-gradient(120% 160% at 50% -50%,rgba(255,249,238,.22),rgba(255,249,238,0) 60%) padding-box,linear-gradient(180deg,#5a412d 0%,#402e1f 34%,#2e2014 70%,#1d140c 100%) padding-box,conic-gradient(from calc(var(--ga) - var(--go)),rgba(230,210,162,.5),var(--taupe) var(--gp),var(--gold) calc(var(--gp)*2),#fff calc(var(--gp)*3),rgba(230,210,162,.5) calc(var(--gp)*4)) border-box}
.nav__logo b{font-family:var(--serif);font-weight:400;font-size:1.02rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte)}
.nav__links a::after{background:var(--messing)}
.rl i::after{color:var(--messing)}

/* Seitenkopf: Abdunklung unten links, damit der Titel auf hellen Fotos steht (das Bild steht still, nichts Bewegtes darunter) */
.kopfbild::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,12,6,.18) 0%,rgba(20,12,6,0) 30%,rgba(20,12,6,0) 45%,rgba(20,12,6,.62) 100%),linear-gradient(90deg,rgba(20,12,6,.42) 0%,rgba(20,12,6,0) 60%);pointer-events:none}
.kopfbild .raum--nur{z-index:2}
/* Seiten ohne Kopfbild (Vor Ihrer Anreise): der erste Abschnitt beginnt unter der Leiste */
main>form>section:first-child,main>section:first-child:not(.hero):not(.kopfbild):not(.bruch){padding-top:clamp(150px,17vh,210px)}
/* ---------- Sonnenlauf: eine feine Linie am rechten Rand, die Sonne wandert mit der Seite von Morgen zu Nacht (eigen) ---------- */
.sonnenlauf{position:fixed;z-index:50;right:clamp(16px,1.6vw,26px);top:50%;height:min(46vh,420px);width:1px;transform:translateY(-50%);background:rgba(160,124,63,.5);pointer-events:none}
.sonnenlauf ol{position:absolute;inset:0}
.sonnenlauf li{position:absolute;left:-18px;top:var(--p);transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--serif);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--messing);white-space:nowrap;opacity:.55;transition:opacity .5s}
.sonnenlauf li.an{opacity:1}
.sonnenlauf li::after{content:'';position:absolute;left:50%;top:-9px;width:1px;height:5px;transform:translateX(-50%);background:currentColor}
.sonnenlauf i{position:absolute;left:50%;top:0;width:13px;height:13px;margin:-6px 0 0 -6.5px;border-radius:50%;background:var(--storen);box-shadow:0 0 0 2px var(--holz),0 0 0 6px rgba(225,197,128,.22);will-change:transform;transition:transform .12s linear}
@media (max-width:1100px){.sonnenlauf{display:none}}

/* ---------- Horizont: eine Linie über die Breite, das Kursschiff kommt von rechts und legt an der Ländte an (eigen) ---------- */
.horizont{position:relative;height:1px;margin:clamp(26px,3vw,46px) 0 clamp(40px,4.6vw,72px);background:var(--linie)}
.horizont .schiff{position:absolute;left:var(--laendte,10%);bottom:1px;width:clamp(78px,8.6vw,136px);height:auto;color:var(--messing);transform:translateX(var(--weg,90vw));transition:transform 7s cubic-bezier(.3,.5,.2,1)}
.horizont.da .schiff{transform:translateX(0)}
.dunkel .horizont{background:var(--linie-hell)}
.dunkel .horizont .schiff{color:var(--storen)}
.horizont::after{content:'';position:absolute;left:var(--laendte,10%);bottom:-6px;width:1px;height:13px;background:var(--messing);opacity:.7}
.dunkel .horizont::after{background:var(--storen)}
@media (prefers-reduced-motion:reduce){.horizont .schiff{transform:none!important}}

/* ---------- Strich auf der Naht: Goldlinie mit dem Kursschiff statt des Zeichens (eigene Fassung) ---------- */
.strich--schiff svg{width:clamp(70px,6vw,96px);height:auto;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Goldband: das Schiff als Zeichen zwischen den Worten ---------- */
.goldband__z--schiff svg{width:46px;height:auto;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.goldband__z--schiff{color:var(--holz)}
@media (max-width:700px){.goldband__z--schiff svg{width:36px}}

/* ---------- Auftakt «Hier sind Sie zuhause.» (Roberts Wahl 10.10.2026: das Haus an der Promenade, Titel links unten) ----------
   Das Siegel in Gold klein über dem Titel, der Titel zweizeilig links, ein Satz, die Buchungsleiste als dunkle Platte wie beim Schwesterhaus,
   darunter die Hinweiszeile. Das Bild kommt aus dem Dunst zur Ruhe (Vorhang aus _basis). */
.hero--see .hero__in{align-items:flex-start;text-align:left;justify-content:flex-end;min-height:0;padding-bottom:clamp(30px,4vw,56px)}
.hero--see .hero__zeichen{width:clamp(64px,6.2vw,92px);filter:drop-shadow(0 2px 6px rgba(19,13,8,.5))}
.hero--see .hero__wort{width:clamp(170px,16.5vw,270px);margin:clamp(14px,1.6vw,24px) 0 0 -.3vw;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) drop-shadow(0 3px 12px rgba(0,0,0,.28))}
/* Schatten links hinter dem Text (Robert 12.10.2026: ein normaler Schatten, kein brauner, ganz dezent, nur damit man den Text besser liest):
   liegt im Bild selbst und fährt mit ihm, also nichts Halbdurchsichtiges über etwas Bewegtem */
.hero--see .hero__bild::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.22) 22%,rgba(0,0,0,.09) 42%,rgba(0,0,0,0) 58%)}
@media (max-width:700px){.hero--see .hero__bild::after{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.26) 30%,rgba(0,0,0,.3) 62%,rgba(0,0,0,.12) 100%)}}
/* Die Wortmarke ist höher als das S: der Auftakt rückt um diesen Betrag nach oben, damit die Hinweiszeile unten im Bild bleibt */
@media (min-width:1000px){.hero--see .hero__in{padding-top:clamp(132px,15.5vh,205px)}}
.hero--see .hero__t{margin-top:clamp(14px,1.6vw,22px);font-size:clamp(2.7rem,7.2vw,7.6rem);line-height:.98;color:#fcf7ee;text-shadow:0 1px 2px rgba(19,13,8,.6),0 .06em .2em rgba(19,13,8,.55),0 .14em .5em rgba(19,13,8,.4)}
.hero--see .hero__t em{color:var(--storen)}
.hero--see .hero__sub{margin-top:clamp(14px,1.6vw,22px);max-width:40ch;font-family:var(--sans);font-weight:400;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.55;color:#f6efe2;text-shadow:0 1px 2px rgba(19,13,8,.7),0 2px 12px rgba(19,13,8,.55)}
.hero--see .leiste{margin-top:clamp(26px,3vw,44px)}
.hero--see .hero__zeile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 28px;width:100%;max-width:920px;margin-top:clamp(16px,1.8vw,24px);font-size:.95rem;color:rgba(255,255,255,.86);text-shadow:0 1px 2px rgba(19,13,8,.8),0 2px 10px rgba(19,13,8,.6)}
.hero--see .hero__zeile a{box-shadow:inset 0 -1px 0 rgba(255,255,255,.5)}
/* Alle Schatten im Auftakt neutral schwarz, nichts Braunes (Robert 12.10.2026) */
.hero--see .hero__t{text-shadow:0 1px 2px rgba(0,0,0,.45),0 .06em .2em rgba(0,0,0,.4),0 .14em .5em rgba(0,0,0,.28)}
.hero--see .hero__sub{text-shadow:0 1px 2px rgba(0,0,0,.6),0 2px 12px rgba(0,0,0,.45)}
.hero--see .hero__zeile{text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.5)}
.hero--see .hero__t .z>span{text-shadow:inherit}
@media (max-width:700px){.hero--see .hero__in{padding-bottom:28px}.hero--see .hero__t{font-size:clamp(2.4rem,12vw,3.4rem)}.hero--see .hero__zeile{font-size:.86rem}}

/* ---------- Morgen · Balkon: drei Fotos als Collage (die Balkontür gross, Gast am Geländer und der See daneben) ---------- */
.bk__bilder{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:clamp(14px,1.6vw,26px)}
.bk__bilder .foto{margin:0;height:100%}
.bk__a{grid-row:1/3}
.bk__a .foto{aspect-ratio:4/5}
.bk__b .foto,.bk__c .foto{aspect-ratio:4/3}
.bk__bilder .foto img{position:absolute;inset:0;width:100%;height:100%}
.bk__bilder .foto{position:relative}
.bk .kn-reihe{justify-content:center;margin-top:clamp(30px,3.4vw,52px)}
@media (max-width:860px){.bk__bilder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bk__a{grid-column:1/-1;grid-row:auto}.bk__a .foto{aspect-ratio:4/3}}

/* ---------- Fotos: Bildname unten links als Einkerbung in Papierfarbe (wie beim Schwesterhaus) ---------- */
.foto figcaption{font-family:var(--serif);letter-spacing:.06em;text-transform:none;font-size:clamp(.9rem,1vw,1.05rem)}

/* ---------- «Ein Tag am See»: Fahrplan-Bühne (Robert 10.10.2026, Fassung 2h), jetzt auf der Creme-Fläche des Hauses ----------
   Links das Foto als 3D-Kachel, rechts Uhrzeit (rollt Ziffer für Ziffer), Titel des Halts, Satz, zwei Angaben, Knöpfe; unten die Linie mit
   sechs Uhrzeiten, die Sonne wandert mit. Das Licht der Fläche geht von Morgen (Storen-Creme) über Abend (Holz) zur Nacht. */
.tl-tag{isolation:isolate;overflow-anchor:none;position:relative;background:var(--creme)}
.tl-tag>.in{position:relative;z-index:1}
.tl-licht{position:absolute;inset:0;z-index:0;pointer-events:none}
.tl-licht i{position:absolute;inset:0;opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1);background-image:url(../img/tapete-hell.webp);background-size:176px auto;background-position:50% 0;background-blend-mode:multiply}
.tl-licht i.an{opacity:1}
.tl-licht i:nth-child(1){background-color:#f1e7cf;opacity:1}
.tl-licht i:nth-child(2){background-color:#f5edd9}
.tl-licht i:nth-child(3){background-color:#efe2c4}
.tl-licht i:nth-child(4){background-color:#e8d6ad}
.tl-licht i:nth-child(5){background-color:#dcc597}
.tl-licht i:nth-child(6){background-color:#5a3d26;background-image:url(../img/tapete-dunkel.webp);background-blend-mode:normal}
.tl-licht i:nth-child(7){background-color:#2c1e14;background-image:url(../img/tapete-dunkel.webp);background-blend-mode:normal}
.tl-tag{--tw-t:#fff;--tw-a:#e1c580;--tw-z:#e1c580;--tw-l:rgba(225,197,128,.32);--tw-s:rgba(255,255,255,.86);--tw-m:rgba(255,255,255,.68);--tw-spur:rgba(255,255,255,.36);--tw-sch:rgba(12,6,2,.85);--tw-bg:#2c1e14}
.tl-tag.tw-hell{--tw-t:#3b2a1b;--tw-a:#a07c3f;--tw-z:#4d3421;--tw-l:rgba(77,52,33,.24);--tw-s:rgba(59,42,27,.8);--tw-m:rgba(59,42,27,.68);--tw-spur:rgba(77,52,33,.34);--tw-sch:rgba(70,45,15,.5);--tw-bg:#efe2c4}
.tl-tag .kopfzeile--mitte .d2,.tl-tag .kopfzeile--mitte .raum{color:var(--tw-t);transition:color .8s ease}
.tl-tag .kopfzeile--mitte .d2 em{color:var(--tw-a);transition:color .8s ease}
.tl-tag .kopfzeile--mitte .lauf{color:var(--tw-s);transition:color .8s ease}
.tw{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(36px,5vw,96px);row-gap:clamp(28px,4.5vh,56px);align-items:stretch}
.tw__bild{position:relative;height:clamp(300px,64vh,720px);border-radius:var(--r-xl);overflow:hidden;background:#2c1e14;transform:translateZ(0);box-shadow:0 22px 30px -16px var(--tw-sch),0 70px 90px -40px var(--tw-sch)}
.tw__bild::after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.22);pointer-events:none}
.tw__s{position:absolute;inset:0;overflow:hidden;visibility:hidden;z-index:0}
.tw__s.an,.tw__s.war{visibility:visible}
.tw__s.an{z-index:2}.tw__s.war{z-index:1}
.tw__si{position:absolute;inset:0}
.tw__si img{width:100%;height:100%;object-fit:cover}
.tw__bild[data-r]{opacity:0;transform:translateY(clamp(60px,8vw,120px)) scale(.97);transform-origin:50% 100%;transition:opacity .9s var(--e2),transform 1.5s var(--e3)}
.tw__bild[data-r].da{opacity:1;transform:none}
.tw__text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.tw__uhr{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:0;padding-bottom:clamp(12px,2vh,20px);border-bottom:1px solid var(--tw-l);transition:border-color .8s ease}
.tw__zeit{position:relative;display:grid;overflow:hidden;font-family:var(--serif);font-size:clamp(2.1rem,2.9vw,3.1rem);line-height:1;letter-spacing:-.01em;color:var(--tw-a);padding:.04em 0 .06em;transition:color .8s ease}
.tw__z{grid-area:1/1;display:flex}
.tw__z i{display:block;overflow:hidden;font-style:normal}
.tw__z b{display:block;font-weight:400;transform:translateY(var(--y,0));transition:transform .9s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--c)*55ms)}
.tw__z[data-lage="u"] b{--y:110%}
.tw__z[data-lage="o"] b{--y:-110%}
.tw__z.still b{transition:none}
.tw__felder{display:grid;margin-top:clamp(18px,3.2vh,34px)}
.tw__feld{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .22s ease,transform .3s ease,visibility 0s .3s}
.tw__feld.an{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease .32s,transform 1s cubic-bezier(.16,1,.3,1) .32s,visibility 0s}
.tw__feld .d3{font-size:clamp(2.1rem,3.3vw,3.6rem);line-height:1.06;letter-spacing:-.01em;color:var(--tw-t);transition:color .8s ease}
.tw__feld .d3 em{color:var(--tw-a)}
.tw__feld .lauf{margin-top:clamp(12px,2vh,20px);max-width:40ch;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.6;color:var(--tw-s);transition:color .8s ease}
.tw__ang{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(16px,2.8vh,30px);border-top:1px solid var(--tw-l)}
.tw__ang div{padding:clamp(10px,1.6vh,16px) 18px 0 0}
.tw__ang div+div{padding-left:18px;border-left:1px solid var(--tw-l)}
.tw__ang dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tw-a);transition:color .8s ease}
.tw__ang dd{margin-top:6px;font-family:var(--serif);font-size:clamp(1.05rem,1.3vw,1.35rem);line-height:1.2;color:var(--tw-t);transition:color .8s ease}
.tw__feld .kn-reihe{margin-top:clamp(18px,3vh,32px)}
.tw__leiste{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:clamp(4px,1vh,14px)}
.tw__linie{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.tw__spur{position:absolute;top:9px;left:calc(50% / var(--n));right:calc(50% / var(--n));height:2px;background:var(--tw-spur)}
.tw__gold{position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(201,160,90,.3),#c9a05a);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s cubic-bezier(.65,0,.35,1)}
.tw__sonne{position:absolute;top:10px;left:calc(50% / var(--n));width:0;height:0;z-index:2;pointer-events:none;transition:transform 1.2s cubic-bezier(.65,0,.35,1)}
.tw__sonne::before{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,222,170,.42),rgba(240,222,170,.1) 60%,transparent)}
.tw__sonne::after{content:"";position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fbf2d8,#ecd7a2 52%,#cbb072);box-shadow:0 0 0 1.5px rgba(77,52,33,.35),0 4px 10px -3px rgba(0,0,0,.45)}
.tw__h{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 4px 6px;text-align:center;color:var(--tw-m);cursor:pointer;transition:color .5s ease}
.tw__h i{width:11px;height:11px;margin:4px 0 12px;border-radius:50%;background:var(--tw-bg);box-shadow:0 0 0 2px var(--tw-spur)}
.tw__h b{font-family:var(--serif);font-weight:400;font-size:clamp(1.25rem,1.6vw,1.7rem);line-height:1;letter-spacing:.01em}
.tw__h span{font-size:clamp(13px,1vw,15px);line-height:1.2;letter-spacing:.01em;white-space:nowrap}
.tw__h[aria-pressed="true"]{color:var(--tw-t)}
.tw__h[aria-pressed="true"] b{color:var(--tw-a)}
.tw__h[aria-pressed="true"] span{color:var(--tw-t)}
@media (hover:hover){.tw__h:hover{color:var(--tw-t)}}
.tw__h:focus-visible,.tw__pf:focus-visible{outline:2px solid var(--storen);outline-offset:4px;border-radius:10px}
.tw__steuer{position:absolute;left:50%;bottom:clamp(14px,1.8vw,24px);z-index:6;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(20,12,6,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 10px 24px -14px rgba(0,0,0,.6)}
.tw__pf{display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:50%;color:#fff;cursor:pointer;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);transition:background .4s,box-shadow .4s}
.tw__pf svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}
@media (hover:hover){.tw__pf:hover{background:rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}}
.tw__pf:active{transform:scale(.97)}
.tw__zahl{min-width:4.4em;text-align:center;font-family:var(--serif);font-size:1.02rem;letter-spacing:.12em;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.tw__zahl b{font-weight:400;color:#fff}
.tl-tag .kn{--o:#fffdf6;--m:#f5ecda;--u:#ddcfb2;--t:#3b2a1b;--licht:#fff;--kante:rgba(77,52,33,.22);--tief:rgba(30,18,8,.45);--ko:#6b4a2e;--ku:#3e2816;--kt:#fff;--klicht:rgba(255,255,255,.26)}
.tl-tag .kn--linie{--o:#6b4a2e;--m:#4d3421;--u:#2c1e14;--t:#fff;--licht:rgba(255,255,255,.2);--kante:rgba(0,0,0,.4);--ko:#fffdf6;--ku:#ddcfb2;--kt:#3b2a1b}
@media (max-width:999px){
  .tw{display:flex;flex-direction:column;row-gap:0}
  .tw__text{display:contents}
  .tw__bild{order:2;height:auto;aspect-ratio:4/3}
  .tw__uhr{order:3;margin-top:clamp(20px,5vw,30px)}
  .tw__felder{order:4}
  .tw__leiste{order:5;margin-top:clamp(30px,6vw,44px)}
}
@media (max-width:640px){
  .tw__h span{display:none}
  .tw__h b{font-size:1rem}
  .tw__ang{grid-template-columns:minmax(0,1fr)}
  .tw__ang div+div{padding-left:0;border-left:0;border-top:1px solid var(--tw-l);margin-top:10px}
  .tw__steuer .tw__pf{width:40px;height:40px}.tw__zahl{min-width:3em;font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){.tl-licht i,.tw__z b,.tw__feld,.tw__sonne,.tw__gold{transition:none!important}}

/* ---------- Mittag · «Morgensonne oder Abendsonne?»: die Frage des Hauses als zwei Bildhälften, die Antwort darunter (eigen) ---------- */
.geteilt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,26px);height:clamp(400px,60vh,680px)}
.geteilt button{position:relative;display:block;overflow:hidden;text-align:left;color:#fff;isolation:isolate;cursor:pointer;border-radius:var(--r-xl);transform:translateZ(0);box-shadow:0 0 0 1px rgba(122,92,44,.08),0 36px 48px -28px rgba(42,28,18,.6),0 12px 20px -12px rgba(42,28,18,.32)}
.geteilt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--e1)}
.geteilt button::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(30,20,10,0) 50%,rgba(30,20,10,.5) 100%);transition:opacity .6s}
.geteilt__t{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(22px,2.6vw,44px) clamp(22px,3vw,54px)}
.geteilt__t b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.4vw,3.6rem);line-height:1.02;letter-spacing:-.01em;text-shadow:0 2px 20px rgba(10,6,3,.5)}
.geteilt__t span{display:block;margin-top:10px;font-family:var(--serif);font-size:clamp(.9rem,1.05vw,1.08rem);letter-spacing:.14em;text-transform:uppercase;color:var(--storen);text-shadow:0 1px 10px rgba(10,6,3,.6)}
.geteilt__t i{position:absolute;right:clamp(22px,3vw,54px);bottom:clamp(26px,3vw,50px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);background:linear-gradient(180deg,#fff,#eae3d2);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(122,92,44,.25),0 12px 18px -10px rgba(0,0,0,.6);transition:transform .7s var(--e1)}
.geteilt__t i svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.2}
@media (hover:hover){.geteilt button:hover img{transform:scale(1.04)}.geteilt button:hover .geteilt__t i{transform:rotate(45deg)}}
.geteilt button[aria-pressed="true"] .geteilt__t i{transform:rotate(45deg);background:linear-gradient(180deg,#6b4a2e,#3b2a1b);color:#fff}
.geteilt button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--messing),0 0 0 7px rgba(160,124,63,.16),0 36px 48px -28px rgba(42,28,18,.6)}
.geteilt button:focus-visible{outline:2px solid var(--storen);outline-offset:-6px}
.antworten{position:relative;min-height:1px}
[data-antwort]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,56px);align-items:end;padding-top:clamp(26px,3vw,44px);opacity:0;transform:translateY(14px);transition:opacity .7s var(--e2),transform .9s var(--e1)}
[data-antwort][hidden]{display:none}
[data-antwort]:not(.an){position:absolute;inset:0;pointer-events:none;visibility:hidden}
[data-antwort].an{opacity:1;transform:none}
[data-antwort] .d3{font-size:clamp(1.7rem,3vw,3.2rem)}
[data-antwort] .lauf{margin-top:14px}
[data-antwort] .kn-reihe{margin-top:18px}
@media (max-width:860px){.geteilt{grid-template-columns:minmax(0,1fr);height:auto}.geteilt button{aspect-ratio:4/3}[data-antwort]{grid-template-columns:minmax(0,1fr)}}
.sonne-drei{margin-top:clamp(48px,5.5vw,90px)}
.sonne-drei .zwischen{text-align:center;margin-bottom:clamp(26px,3vw,44px)}
.sonne-drei .zwischen .d3{font-size:var(--kap2-t);line-height:1.04}
.sonne-drei .zwischen .lauf{margin:14px auto 0}

/* ---------- Ansichtskarte (eigener Baustein, Vorbild die Karte «Bönigen am Brienzersee» von 1910): weisser Rand, Versalien, das S als Marke ---------- */
.post{position:relative;margin:0;padding:11px 11px 0;background:#fdfbf6;border-radius:3px;box-shadow:0 0 0 1px rgba(42,28,18,.06),0 1px 0 #fff inset,0 30px 40px -30px rgba(42,28,18,.55);color:var(--tinte)}
.post .post__b{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:var(--sand);border-radius:1px}
.post .post__b img{width:100%;height:100%;object-fit:cover}
.post figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 3px 14px;font-family:var(--serif);font-size:clamp(.92rem,1.02vw,1.05rem);letter-spacing:.08em;text-transform:uppercase;color:var(--holz)}
.post figcaption small{font-family:var(--sans);font-size:.84rem;letter-spacing:0;text-transform:none;color:rgba(42,28,18,.6);text-align:right}
.post--hoch .post__b{aspect-ratio:4/5}
.post--marke::before{content:'';position:absolute;right:20px;top:20px;z-index:3;width:46px;height:56px;background:#fdfbf6 url(../logo/favicon.svg) 50%/70% no-repeat;border-radius:2px;box-shadow:0 0 0 1px rgba(42,28,18,.1),0 6px 12px -6px rgba(42,28,18,.5)}
.post .post__t{padding:0 3px 14px;font-size:.98rem;line-height:1.55;color:rgba(42,28,18,.78)}
.dunkel .post{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 36px 50px -30px rgba(0,0,0,.85)}
.post[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px)) scale(.95);transform-origin:50% 100%;transition:opacity .9s var(--e2),transform 1.45s var(--e3);transition-delay:calc(var(--i,0)*110ms)}
.post[data-r].da{opacity:1;transform:none}
.band .post{flex:none;width:clamp(280px,30vw,440px)}
.band .post--gross{width:clamp(320px,44vw,660px)}
@media (max-width:640px){.band .post,.band .post--gross{width:76vw}}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.posts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.posts--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.posts,.posts--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.posts,.posts--2,.posts--4{grid-template-columns:minmax(0,1fr)}}

/* ---------- Nachmittag · Vor der Tür: Band aus Ansichtskarten, darunter der Fahrplan als Zeilen ---------- */
.tuer__gang .gang__kopf{justify-content:flex-end;margin-bottom:clamp(14px,1.6vw,22px)}
.tuer__fahrplan{max-width:860px;margin:clamp(40px,4.6vw,72px) auto 0}
.tuer .kn-reihe{justify-content:center;margin-top:clamp(30px,3.4vw,52px)}

.kn-reihe{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
.stimme b .stimme__z{font-size:inherit;display:inline;width:auto;text-transform:none;letter-spacing:-.01em;font-family:var(--serif)}
.tuer__gang .gang__kopf{flex-direction:row;justify-content:flex-end;align-items:flex-end}
.fv__leiste .fuss__sg img{filter:invert(.92) sepia(.3) brightness(1.05)}
/* ---------- Fahrplan-Tafel der Station (eigen): Zeit links, Wort in der Mitte, Ort rechts, Haarlinien, keine Kuhlen ---------- */
.tafel{display:grid;gap:0;padding:0;border-radius:0;background:none;box-shadow:none}
.tafel__kopf{display:grid;grid-template-columns:minmax(7ch,auto) minmax(0,1fr) minmax(8ch,auto);gap:clamp(14px,2vw,34px);padding:0 0 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--messing);border-bottom:1px solid var(--linie)}
.tafel__z,.dunkel .tafel__z{display:grid;grid-template-columns:minmax(7ch,auto) minmax(0,1fr) minmax(8ch,auto);gap:clamp(14px,2vw,34px);align-items:baseline;padding:clamp(14px,1.5vw,20px) 0;border-bottom:1px solid var(--linie);border-radius:0;background:none;box-shadow:none}
.dunkel .tafel{background:none;box-shadow:none}
.tafel__zeit{font-family:var(--serif);font-size:clamp(1.25rem,1.6vw,1.65rem);line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--messing);white-space:nowrap}
.tafel__wort{font-family:var(--serif);font-size:clamp(1.08rem,1.3vw,1.35rem);line-height:1.25}
.tafel__wort small{display:block;margin-top:4px;font-family:var(--sans);font-size:.92rem;line-height:1.45;color:rgba(42,28,18,.66)}
.tafel__ort{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;text-align:right;color:rgba(42,28,18,.6)}
.dunkel .tafel__kopf,.dunkel .tafel__z{border-color:var(--linie-hell)}
.dunkel .tafel__zeit{color:var(--storen)}
.dunkel .tafel__wort{color:#fff}
.dunkel .tafel__wort small{color:rgba(255,255,255,.7)}
.dunkel .tafel__ort{color:rgba(255,255,255,.6)}
@media (max-width:600px){.tafel__kopf{display:none}.tafel__z{grid-template-columns:minmax(6ch,auto) minmax(0,1fr)}.tafel__ort{grid-column:2;text-align:left}}

/* ---------- Angaben als Zeilen mit Haarlinien (statt Kuhlen) ---------- */
.zeilen{display:grid;margin-top:clamp(22px,2.4vw,34px);border-top:1px solid var(--linie)}
.zeilen div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid var(--linie)}
.zeilen dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}
.zeilen dd{font-family:var(--serif);font-size:clamp(1.02rem,1.2vw,1.22rem);line-height:1.25;text-align:right}
.dunkel .zeilen,.dunkel .zeilen div{border-color:var(--linie-hell)}
.dunkel .zeilen dt{color:var(--storen)}
.dunkel .zeilen dd{color:#fff}

/* ---------- Abend · Zwei Tische am See: zwei Betriebe nebeneinander, Foto als Kachel, Zeiten als Fahrplan-Zeilen ---------- */
.tische{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3.4vw,64px)}
.tische .foto{aspect-ratio:4/3}
.tische .foto img{position:absolute;inset:0;width:100%;height:100%}
.tische .foto{position:relative}
.tische h3{margin-top:clamp(22px,2.4vw,34px);font-size:clamp(1.7rem,2.6vw,2.8rem)}
.tische .lauf{margin-top:14px}
.tische .zeilen{margin-top:clamp(18px,2vw,28px)}
.tische .kn-reihe{margin-top:clamp(20px,2.2vw,30px)}
.tische .tabs--schalter{margin-top:clamp(18px,2vw,26px)}
@media (max-width:860px){.tische{grid-template-columns:minmax(0,1fr)}}

/* ---------- Dämmerung · Angebote als Billette (eigen, das Gegenstück zu den Fahrscheinen der Ländte) ----------
   Drei Karten: oben das Foto mit der Einkerbung (ab 2 Nächten, Sommer, 14. Februar), eine Perforation, darunter Kopfzeile wie auf einem Fahrschein,
   Name, Zierlinie mit Raute, was dazugehört, der Knopf. Kommen nacheinander von unten herauf. */
.billette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,36px)}
.billett{position:relative;display:flex;flex-direction:column;border-radius:var(--r-xl);background:linear-gradient(180deg,#fdf9f1,#f6eedd 60%,#efe4cf);color:var(--tinte);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.3),inset 0 0 0 7px #fbf5e9,inset 0 0 0 8px rgba(150,125,64,.22),0 2px 0 #c9b48c,0 50px 70px -40px rgba(0,0,0,.85)}
.billett[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px));transition:opacity .9s var(--e2),transform 1.5s var(--e3);transition-delay:calc(var(--i,0)*140ms)}
.billett[data-r].da{opacity:1;transform:none}
.billett__b{position:relative;display:block;margin:9px 9px 0;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--r-xl) - 9px) calc(var(--r-xl) - 9px) 6px 6px;background:var(--sand)}
.billett__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--e1)}
@media (hover:hover){.billett:hover .billett__b img{transform:scale(1.04)}}
.billett__riss{position:relative;height:0;margin:clamp(16px,1.6vw,22px) 0 0;border-top:2px dashed rgba(150,125,64,.4)}
.billett__riss::before,.billett__riss::after{content:'';position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--nacht);box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}
.billett__riss::before{left:-13px}.billett__riss::after{right:-13px}
.billett__t{display:flex;flex-direction:column;align-items:center;flex:1;padding:clamp(18px,2vw,28px) clamp(18px,2.2vw,32px) clamp(22px,2.2vw,32px);text-align:center}
.billett__kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(150,125,64,.95)}
.billett__kopf b{font-weight:500;color:var(--messing)}
.billett h3{margin-top:clamp(14px,1.4vw,20px);font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.1vw,2.3rem);line-height:1.08;color:var(--tinte)}
.billett__orn{width:150px;height:auto;margin-top:14px;color:var(--messing)}
.billett__orn path{stroke:currentColor;fill:none;stroke-width:1}
.billett__orn path:last-child{fill:currentColor}
.billett ul{margin:clamp(14px,1.4vw,20px) 0 0;padding:0;list-style:none;display:grid;gap:8px}
.billett li{font-family:var(--serif);font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.35;color:rgba(42,28,18,.82)}
.billett li+li{padding-top:8px;border-top:1px solid rgba(150,125,64,.22)}
.billett .kn-reihe{justify-content:center;margin-top:auto;padding-top:clamp(18px,1.8vw,26px)}
.billett .kerbe{position:absolute;left:0;bottom:0;z-index:3;padding:10px 16px 9px 14px;border-radius:0 14px 0 0;background:#fdf9f1;color:var(--tinte);font-family:var(--serif);font-size:.92rem;letter-spacing:.04em}
@media (max-width:1000px){.billette{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto}}

/* ---------- Nacht · 150 Jahre Ankünfte: Jahr gross, die alten Ansichtskarten als kleiner Stapel (nichts hebt sich beim Überfahren) ---------- */
.geschichte .zwei{align-items:center}
.geschichte .jahr{font-family:var(--serif);font-size:clamp(4rem,9vw,9.6rem);line-height:.92;letter-spacing:-.02em;color:var(--messing);font-variant-numeric:lining-nums;margin-bottom:clamp(14px,1.6vw,24px)}
.geschichte .d2{font-size:var(--kap2-t);line-height:1.04}
.stapel-post{position:relative;aspect-ratio:5/4;min-height:300px}
.stapel-post .post{position:absolute;width:62%;left:0;top:8%;transform:rotate(-5deg);z-index:1}
.stapel-post .post:nth-child(2){left:auto;right:0;top:0;width:56%;transform:rotate(4deg);z-index:2}
.stapel-post .post:nth-child(3){left:18%;top:auto;bottom:0;width:58%;transform:rotate(-1.5deg);z-index:3}
.stapel-post .post[data-r]{opacity:0;transform:translateY(80px) rotate(var(--rot,0deg))}
.stapel-post .post:nth-child(1){--rot:-5deg}.stapel-post .post:nth-child(2){--rot:4deg}.stapel-post .post:nth-child(3){--rot:-1.5deg}
.stapel-post .post[data-r].da{opacity:1;transform:rotate(var(--rot,0deg))}
@media (max-width:860px){.stapel-post{margin-top:20px}}

/* ---------- Gäste: die Noten frei auf der Fläche (Baustein des Schwesterhauses) ---------- */
/* Zähler (Jahr, Noten) ändern beim Hochzählen nur ihren eigenen Kasten, nicht die Umgebung: feste Ziffernbreite, Layout eingegrenzt */
.jahr span,.stimme__z{display:inline-block;min-width:2.4ch;font-variant-numeric:tabular-nums lining-nums;contain:layout style}
.stimme__z{min-width:2.2ch;text-align:center}
.stimme b{font-weight:400;text-transform:none;letter-spacing:0}
.stimme b small{color:var(--taupe-tief)}
.stimme i{background:var(--messing)}
.stimme span{color:var(--messing)}

/* ---------- Gute Nacht am See: die Laternen am Quai, der Titel mittig, die Buchungsleiste wie im Auftakt, drei Wege darunter ---------- */
.schluss{padding:clamp(120px,14vw,220px) var(--rand) clamp(90px,10vw,160px)}
.schluss .raum{margin-bottom:clamp(14px,1.6vw,22px)}
.schluss .raum svg{width:clamp(56px,5vw,76px);height:auto;color:var(--storen)}
.schluss .d1{font-size:clamp(2.8rem,6.6vw,7rem)}
.schluss .d1 em{color:var(--storen)}
.schluss .lauf{max-width:46ch;margin:clamp(20px,2.2vw,32px) auto 0}
.schluss .schluss__buchen{display:block;width:100%;max-width:920px;margin:clamp(30px,3.4vw,50px) auto 0}
.schluss .schluss__buchen .leiste{margin:0 auto;position:relative}
.schluss__wege{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:clamp(18px,2vw,28px);font-family:var(--serif);font-size:clamp(.98rem,1.1vw,1.12rem);letter-spacing:.04em;color:rgba(255,255,255,.86);text-shadow:0 1px 2px rgba(3,10,16,.9),0 2px 12px rgba(3,10,16,.7)}
.schluss__wege span{display:flex;align-items:center;gap:12px}
.schluss__wege span+span::before{content:'';width:5px;height:5px;transform:rotate(45deg);background:var(--storen);opacity:.8}
.schluss__wege a{box-shadow:inset 0 -1px 0 rgba(255,255,255,.5)}
.schluss .kn-reihe{margin-top:clamp(22px,2.4vw,34px)}
@media (max-width:700px){.schluss{padding-top:110px}.schluss__wege span+span::before{display:none}.schluss__wege{flex-direction:column;gap:6px}}

/* ---------- Fuss: Auszeichnungen als Worte, wo es kein Bild gibt; der Kontakt-Abschnitt mit Rezeption ---------- */
.fuss__sg--wort{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0;background:none;box-shadow:none;border-radius:0;height:auto;color:#fcf7ee}
.fuss__sg--wort b{font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,1.4vw,1.45rem);line-height:1;color:var(--storen)}
.fuss__sg--wort small{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.fv__leiste .fuss__sg img{height:64px;width:auto}
.fk__meet span{font-size:.94rem;color:rgba(42,28,18,.7)}
.fk__meet a{margin-top:6px;font-size:.9rem;color:var(--tinte)}
.fv__kart .emblem{width:clamp(60px,5.4vw,84px);height:auto;color:var(--storen)}
.fv__kn{font-family:var(--serif);font-size:clamp(1.3rem,1.8vw,1.9rem);letter-spacing:.14em;text-transform:uppercase;color:#fcf7ee;margin-top:14px}
.fv__ko{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--storen);margin-top:8px}
.fv__kt{display:block;margin-top:14px;font-family:var(--serif);font-size:clamp(1.05rem,1.2vw,1.3rem);color:#fcf7ee}

/* ======================================================================================
   Unterseiten: Zimmer, Essen & Trinken, Feiern & Tagen, Angebote, Das Haus, Kontakt, Rechtstexte
   (eigene Bausteine, in Storen und Holz; die Kacheln, Platten und Knöpfe kommen aus _basis.css)
   ====================================================================================== */
/* Zimmer: der Finder als Tasten, die Kategorien als 3D-Kacheln, die Blätter im Wechsel */
.finder{display:grid;gap:clamp(18px,2vw,28px)}
.wahlreihe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.wahlreihe>span{flex:none;min-width:12ch;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--messing)}
.opt{min-height:46px;padding:0 20px;border-radius:999px;font-family:var(--serif);font-size:1.04rem;color:var(--tinte);background:linear-gradient(180deg,#fdf9f1,#f2e8d5);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(122,92,44,.22),0 8px 14px -12px rgba(42,28,18,.5);transition:background .3s,color .3s,box-shadow .3s,transform .4s var(--e2)}
.opt:hover{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px var(--messing),0 10px 16px -12px rgba(42,28,18,.6);transform:translateY(-1px)}
.opt[aria-pressed="true"]{background:linear-gradient(180deg,#5a3d26,#3b2a1b);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px #2c1e14}
.finder__stand{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(10px,1.4vw,20px);padding-top:clamp(18px,2vw,28px);border-top:1px solid var(--linie)}
.finder__stand b{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2vw,2.1rem);line-height:1.25}
.finder__stand b i{font-style:normal;color:var(--messing)}
.finder__stand button{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--messing);padding:10px 0;box-shadow:inset 0 -1px 0 currentColor}
[data-merk]{transition:opacity .6s;scroll-margin-top:110px}
.matt{opacity:.26}
.zkacheln{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,2.2vw,36px) clamp(14px,1.6vw,26px);margin-top:clamp(26px,3vw,44px)}
.zk{grid-column:span 2;display:flex;flex-direction:column;color:var(--tinte)}
.zk--gross{grid-column:span 3}
.zk__b{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:var(--r-xl);background:var(--sand);transform:translateZ(0);box-shadow:0 0 0 1px rgba(122,92,44,.08),0 36px 48px -28px rgba(42,28,18,.6),0 12px 20px -12px rgba(42,28,18,.32)}
.zk--gross .zk__b{aspect-ratio:16/10}
.zk__b img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--e1)}
.zk__n{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(16px,1.6vw,22px)}
.zk__n b{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,1.8vw,1.9rem);line-height:1.1}
.zk__n small{position:relative;margin-top:12px;padding-top:14px;font-family:var(--serif);font-size:clamp(.78rem,.86vw,.9rem);letter-spacing:.16em;text-transform:uppercase;color:var(--messing)}
.zk__n small::before{content:'';position:absolute;left:50%;top:0;width:96px;margin-left:-48px;height:1px;background:linear-gradient(90deg,rgba(150,125,64,.7) 42%,transparent 42%,transparent 58%,rgba(150,125,64,.7) 58%)}
.zk__n small::after{content:'';position:absolute;left:50%;top:-3px;width:6px;height:6px;margin-left:-3px;border:1px solid var(--messing);transform:rotate(45deg)}
.zk__n i{display:none}
.zk[data-r]{opacity:0;transform:translateY(clamp(70px,9vw,140px)) scale(.95);transform-origin:50% 100%;transition:opacity .9s var(--e2),transform 1.45s var(--e3);transition-delay:calc(var(--i,0)*110ms)}
.zk[data-r].da{opacity:1;transform:none;transition-delay:0s}
.zk.da.matt{opacity:.26}
@media (hover:hover){.zk:hover .zk__b img{transform:scale(1.04)}}
@media (max-width:1000px){.zk,.zk--gross{grid-column:span 3}.zk--gross .zk__b{aspect-ratio:3/2}}
@media (max-width:600px){.zk,.zk--gross{grid-column:1/-1}}
.zblatt{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3.6vw,72px);align-items:center}
.zblatt>.b{grid-column:1/8}.zblatt>.t{grid-column:8/-1}
.zblatt--um>.b{grid-column:6/-1;grid-row:1}.zblatt--um>.t{grid-column:1/6;grid-row:1}
.zblatt .nebenbei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(12px,1.4vw,20px)}
.zblatt .nebenbei .foto{margin:0}
.zblatt .t .d2{font-size:var(--kap2-t);line-height:1.04}
.zblatt .t .lauf{margin-top:clamp(16px,1.8vw,26px)}
.zblatt .t{padding-top:clamp(6px,1vw,18px)}
.zblatt .ausst{grid-column:1/-1}
.zblatt .ausst .ausstattung{columns:4}
.ausst{margin-top:clamp(18px,2vw,28px);padding:clamp(16px,1.8vw,24px) 0 0;border-top:1px solid var(--linie)}
.ausst>span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--messing);margin-bottom:4px}
.ausstattung{margin-top:clamp(12px,1.4vw,20px);columns:2;column-gap:28px;font-size:.98rem;line-height:1.55;color:rgba(42,28,18,.8)}
.ausstattung li{break-inside:avoid;padding:4px 0 4px 18px;position:relative}
.ausstattung li::before{content:'';position:absolute;left:0;top:.76em;width:9px;height:1px;background:var(--messing)}
.dunkel .ausstattung{color:rgba(255,255,255,.84)}.dunkel .ausstattung li::before{background:var(--storen)}
@media (max-width:1000px){.zblatt .ausst .ausstattung{columns:2}}
@media (max-width:860px){.zblatt{grid-template-columns:minmax(0,1fr)}.zblatt>.b,.zblatt>.t,.zblatt--um>.b,.zblatt--um>.t{grid-column:1/-1;grid-row:auto}.zblatt .nebenbei .foto figcaption{display:none}}
@media (max-width:600px){.ausstattung{columns:1}}
.zb .kn{--o:#6b4a2e;--m:#4d3421;--u:#2c1e14;--t:#fff;--ko:#fffdf6;--ku:#ddcfb2;--kt:#3b2a1b}
dialog.zb{background:var(--papier)}
.zb__buehne{background:var(--holz)}
.zb__t .kapitel,.kapitel{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--messing)}
.zb__t .zb__mit{border-color:var(--linie)}
/* Essen: die Karte als Blatt mit Spalten */
.speisekarte{columns:3;column-gap:clamp(30px,4vw,70px)}
.speisekarte section{break-inside:avoid;margin-bottom:clamp(26px,3vw,40px)}
.speisekarte h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.1rem,1.3vw,1.3rem);letter-spacing:.06em;text-transform:uppercase;color:var(--messing);padding-bottom:10px;border-bottom:1px solid var(--linie);margin-bottom:6px}
.wein{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:9px 0;border-bottom:1px solid rgba(42,28,18,.1)}
.wein b{font-family:var(--serif);font-weight:400;font-size:1.04rem;line-height:1.3}
.wein i{font-style:normal;font-family:var(--serif);font-variant-numeric:lining-nums;white-space:nowrap}
.wein span{grid-column:1/-1;font-size:.9rem;line-height:1.45;color:rgba(42,28,18,.66)}
.speisekarte__fuss{margin-top:clamp(18px,2vw,30px);padding-top:16px;border-top:1px solid var(--linie);font-family:var(--serif);font-size:.95rem;color:rgba(42,28,18,.62);text-align:center}
@media (max-width:1080px){.speisekarte{columns:2}}
@media (max-width:640px){.speisekarte{columns:1}}
/* Feiern & Tagen: die Räume als Tafel mit zwei Zählweisen, Pauschalen als Platten */
.raumtafel .tafel__z,.raumtafel .tafel__kopf{grid-template-columns:minmax(0,2.4fr) minmax(8ch,auto) minmax(8ch,auto);align-items:center}
.raumtafel .zahl{font-family:var(--serif);font-size:clamp(1.3rem,1.8vw,1.9rem);line-height:1;font-variant-numeric:lining-nums;text-align:right;transition:opacity .5s,color .5s}
.raumtafel .zahl small{display:block;margin-top:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}
.raumtafel.zw-tagen .zahl--feier,.raumtafel:not(.zw-tagen) .zahl--tagung{opacity:.28}
.raumtafel .tafel__kopf span:nth-child(2),.raumtafel .tafel__kopf span:nth-child(3){text-align:right}
.raumtafel .tafel__kopf span{transition:opacity .5s}
.raumtafel.zw-tagen .tafel__kopf span:nth-child(2),.raumtafel:not(.zw-tagen) .tafel__kopf span:nth-child(3){opacity:.35}
.raumtafel .zz__b{width:clamp(110px,11vw,180px);aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:var(--sand);flex:none;box-shadow:0 14px 20px -14px rgba(42,28,18,.5)}
.raumtafel .zz__b img{width:100%;height:100%;object-fit:cover}
.raumtafel .tafel__wort{display:flex;align-items:center;gap:clamp(12px,1.4vw,22px)}
@media (max-width:860px){.raumtafel .tafel__z .tafel__wort .zz__b{display:none}}
.pauschalen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.pausch{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,36px);border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
.dunkel .pausch{background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}
.pausch h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.05rem,1.2vw,1.22rem);letter-spacing:.06em;text-transform:uppercase;color:var(--messing)}
.dunkel .pausch h3{color:var(--storen)}
.pausch .gross{margin-top:14px;font-size:clamp(1.3rem,1.8vw,1.9rem)}
.pausch p.lauf{flex:1;margin-top:14px;font-size:1rem}
.pausch__preis{margin-top:clamp(18px,2vw,26px);padding-top:14px;border-top:1px solid var(--linie);display:flex;align-items:baseline;gap:12px;font-family:var(--serif);font-size:clamp(1.3rem,1.7vw,1.7rem);font-variant-numeric:lining-nums}
.dunkel .pausch__preis{border-color:var(--linie-hell)}
.pausch__preis small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}
.dunkel .pausch__preis small{color:var(--storen)}
@media (max-width:1000px){.pauschalen{grid-template-columns:minmax(0,1fr);max-width:620px}}
/* Das Haus: Geschichte als Linie mit Ansichtskarten, Behandlungen, Film */
.zeitlinie{position:relative;padding:clamp(10px,1vw,20px) 0}
.zeitlinie::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--linie)}
.station{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,96px);align-items:center;padding:clamp(22px,2.6vw,44px) 0}
.station::before{content:'';position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5px;border-radius:50%;background:var(--messing);box-shadow:0 0 0 4px var(--papier)}
.station__j{font-family:var(--serif);font-size:clamp(2.6rem,5.4vw,5.6rem);line-height:.9;letter-spacing:-.02em;color:var(--messing);font-variant-numeric:lining-nums}
.station__t{max-width:52ch}
.station__t h3{margin-top:12px;font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,1.9vw,2rem);line-height:1.14}
.station__t .lauf{margin-top:12px;font-size:1.02rem}
.station:nth-child(odd) .station__k{order:1}
.station:nth-child(odd) .station__t{order:2}
.station:nth-child(even) .station__k{order:2}
.station:nth-child(even) .station__t{order:1;justify-self:end}
@media (max-width:860px){.zeitlinie::before{left:8px}.station{grid-template-columns:minmax(0,1fr);gap:16px;padding-left:36px}.station::before{left:8px;top:28px}.station:nth-child(n) .station__k,.station:nth-child(n) .station__t{order:0;justify-self:start}.station__j{font-size:3rem}}
.behandlungen{columns:2;column-gap:clamp(24px,3.4vw,60px);margin-top:clamp(22px,2.6vw,36px)}
.behandlungen li{break-inside:avoid;padding:14px 0 16px;border-top:1px solid var(--linie)}
.behandlungen b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.2}
.behandlungen p{margin-top:6px;font-size:1rem;line-height:1.55;color:rgba(42,28,18,.78)}
@media (max-width:860px){.behandlungen{columns:1}}
.film{margin:0;max-width:760px}
.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:var(--r-l)}
/* Gut zu wissen: Zeilen mit rundem Knauf */
.gzw summary i{background:linear-gradient(180deg,#6b4a2e,#3b2a1b 55%,#2c1e14)}
/* Formulare auf der dunklen Platte */
.blatt.dunkel{background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}

/* ===== Seit 13.10.2026: Schrift und Auftakt im Stil des Grand Beau-Rivage (Robert: Fassung 1 des Entwurfs wird die Startseite). Farben, Flächen und Knöpfe bleiben die des Seiler. ===== */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/Cinzel-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/Cinzel-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Serif Ersatz';src:local('Georgia');size-adjust:88%}
/* ---------- Auftakt im Aufbau des Grand Beau-Rivage: Zeichen, Name, Ort und Jahr, Satz, Buchungsleiste, alles mittig ---------- */
.hero--rivage{min-height:100svh}
.hero--rivage .hero__in{box-sizing:border-box;min-height:max(100svh,680px);padding-top:clamp(140px,19vh,200px);padding-bottom:clamp(28px,3.6vw,54px)}
/* Lesbarkeit wie beim Beau-Rivage (Robert 13.10.2026: «denk an die Schatten im Hintergrund, damit man den Text lesen kann»): das Foto des Seiler ist hell
   (weisse Fassade, Himmel). Drei Schichten, alle neutral schwarz, kein Braun: ein leiser Schleier über dem ganzen Foto, ein weicher Hof hinter Zeichen,
   Name und Satz, und an jeder Zeile der dichte Schattenkranz, den auch das Beau-Rivage hat. */
.hero--rivage .hero__bild::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.14) 34%,rgba(0,0,0,.2) 100%)}
.hero--rivage .hero__hof{position:absolute;z-index:-1;left:50%;top:-330px;bottom:-150px;width:min(1500px,112%);transform:translateX(-50%);pointer-events:none;opacity:1;animation:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.58) 18%,rgba(0,0,0,.5) 32%,rgba(0,0,0,.38) 46%,rgba(0,0,0,.24) 60%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.04) 88%,rgba(0,0,0,0) 100%)}
/* Robert 13.10.2026: «den Hintergrund-Schatten mittiger zentrieren». Der Hof ist schmaler (vorher fast so breit wie das Foto) und sitzt jetzt um die Mitte
   der ganzen Gruppe vom Zeichen bis zum Satz, nicht mehr nur um Name und Satz. So liest er sich als Hof in der Mitte, die Ränder des Fotos bleiben hell. */
.hero--rivage .hero__zeichen{width:clamp(84px,9vw,128px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.8)) drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 12px 40px rgba(0,0,0,.45))}
.hero--rivage .hero__name{text-shadow:none}
.hero--rivage .hero__schatten{text-shadow:0 0 .12em rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.8),0 6px 18px rgba(0,0,0,.6),0 14px 40px rgba(0,0,0,.5),0 0 80px rgba(0,0,0,.45)}
.hero--rivage .hero__ort{text-shadow:none;filter:drop-shadow(0 -.5px 0 rgba(255,247,226,.4)) drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(0,0,0,.85)) drop-shadow(0 3px 12px rgba(0,0,0,.6))}   /* Goldverlauf in der Schrift wie beim Beau-Rivage; ein text-shadow würde durch die Buchstaben scheinen */
.hero--rivage .hero__sub{max-width:56ch;text-shadow:0 0 .25em rgba(0,0,0,.85),0 0 .6em rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.75),0 4px 14px rgba(0,0,0,.65),0 8px 30px rgba(0,0,0,.55),0 12px 54px rgba(0,0,0,.45)}
/* Robert 13.10.2026 ~16:40: «den Schatten noch etwas mehr sichtbar über den Bereich» (der Satz läuft rechts über die weisse Fassade): ein eigener weicher
   Schatten hinter den beiden Zeilen, breiter als der Satz, zusätzlich zum Hof. Neutral schwarz, liegt hinter dem Text und bewegt sich mit ihm. */
.hero--rivage .hero__sub{position:relative;text-wrap:balance}   /* zwei gleich lange Zeilen, seit der Satz kürzer ist (13.10.2026) */
.hero--rivage .hero__sub::before{content:'';position:absolute;z-index:-1;inset:-70px -210px -76px;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.54) 54%,rgba(0,0,0,.4) 68%,rgba(0,0,0,.2) 84%,rgba(0,0,0,.06) 94%,rgba(0,0,0,0) 100%)}
@media (max-width:860px){.hero--rivage .hero__sub::before{inset:-46px -60px -50px}}
.hero--rivage .leiste{box-sizing:border-box;margin:clamp(34px,6.4vh,64px) auto 0}   /* Auftakt genau einen Bildschirm hoch und die Leiste so breit wie beim Beau-Rivage; am Handy stiess sie sonst rechts an */
@media (max-width:860px){.hero--rivage .hero__hof{width:210%;top:-230px;bottom:-110px}.hero--rivage{min-height:680px}.hero--rivage .hero__in{padding-top:118px}.hero--rivage .hero__sub{font-size:clamp(1.25rem,5vw,1.6rem)}}
@media (max-width:860px){.hero--rivage1 .hero__name{font-size:clamp(1.5rem,8.2vw,2.6rem);letter-spacing:.16em}.hero--rivage .hero__ort{font-size:clamp(.66rem,2.95vw,.9rem);letter-spacing:.18em;white-space:nowrap}}   /* am Handy: Name grösser als die Ortszeile, Ortszeile auf einer Zeile */