/* Landgasthof Ruedihus — Seitenbau 13.10.2026 (Tasty Studios): Zimmerseiten, Veranstaltungen, Geschichte, Zu zweit, Abreise, Umgebungskarte.
   Baut auf main.css auf (Farben, Platten, Tafeln, Kerben, Abzüge) und ergänzt nur, was die neuen Seiten brauchen. Bewegung nur über transform und opacity.
   Karten, Tafeln und Blätter dieser Datei kommen deckend herein (kein Einblenden), Bilder bleiben unter der Maus liegen. */

/* ---------- Menü: weitere Seiten klein unter den Hauptseiten ---------- */
.menue__mehr{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:-6px;padding-top:20px;border-top:1px solid rgba(var(--lh),.16)}
.menue__mehr a{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--lh),.82);padding:6px 0}
.menue__mehr a:hover{color:var(--licht)}
@media (min-width:901px) and (max-width:1180px){.nav__links{gap:clamp(12px,1.5vw,18px)}.nav__links a{font-size:12.5px;letter-spacing:.08em}.nav__insel{gap:clamp(14px,1.8vw,22px)}}

/* ---------- Zimmerseite ---------- */
.zs-auf__in{display:grid;justify-items:center;text-align:center;max-width:1040px;margin-inline:auto}
.zs-auf__in>.zier{width:58px;height:auto;color:var(--gold);margin-bottom:clamp(18px,2vw,28px)}
.zs-satz{max-width:30ch;font-family:var(--titel);font-weight:700;font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.22;letter-spacing:-.005em;text-wrap:balance}
.zs-satz--lang{max-width:44ch;font-size:clamp(1.25rem,1.9vw,1.75rem);line-height:1.34}
.koord--platte.zs-platte{display:grid;grid-template-columns:repeat(3,minmax(0,auto));margin-top:clamp(28px,3.4vw,48px);opacity:1}
.zs-haus{max-width:52ch;margin-top:clamp(24px,2.8vw,40px);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55}
.zs-mehr{max-width:52ch;margin-top:10px;font-size:1rem;opacity:.78}
.zs-auf__in .knoepfe{justify-content:center;margin-top:clamp(24px,2.8vw,38px)}
.zs-fotos{display:grid;gap:clamp(10px,1.1vw,16px);grid-template-columns:repeat(4,minmax(0,1fr))}
.zs-f{margin:0;min-width:0}
.zs-f .frei__b{position:relative;height:100%;aspect-ratio:3/2}
.zs-f img{width:100%;height:100%;object-fit:cover}
.zs-f--a{grid-column:span 2;grid-row:span 2}
.zs-f--a .frei__b{aspect-ratio:auto}
.zs-fotos--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zs-fotos--4 .zs-f--b{grid-column:span 2}
.zs-fotos--1,.zs-fotos--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zs-fotos--1 .zs-f--a{grid-column:span 2}.zs-fotos--2 .zs-f--a{grid-column:auto;grid-row:auto}.zs-fotos--2 .zs-f--a .frei__b{aspect-ratio:3/2}
.zs-gut{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);margin:clamp(34px,4vw,60px) 0 0;padding:clamp(22px,2.4vw,34px) 0 0;list-style:none;border-top:1px solid rgba(var(--lh),.18)}
.zs-gut li{display:grid;justify-items:center;gap:12px;text-align:center;font-family:var(--titel);font-weight:700;font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.25}
.zs-gut i{width:54px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#e7d7c0 50%,#d0bb9c);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(109,67,31,.4),0 12px 18px -10px rgba(0,0,0,.8)}
.zs-gut i svg{width:52%;height:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.zs-gut i svg[fill="currentColor"]{fill:currentColor;stroke:none}
.zs-spa{margin-top:clamp(20px,2.2vw,30px);text-align:center;font-size:1rem}
.zs-spa .pfeil{margin-left:10px}
.zs-weiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}
.zs-weiter--4{grid-template-columns:repeat(4,minmax(0,1fr))}.zs-weiter--2{grid-template-columns:repeat(2,minmax(0,1fr))}.zs-weiter--1{grid-template-columns:minmax(0,1fr);max-width:560px}
.zs-weiter small i{font-style:normal;margin-left:8px;opacity:.8}
.zs-weiter img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){
  .koord--platte.zs-platte{grid-template-columns:minmax(0,1fr);width:100%}
  .zs-fotos,.zs-fotos--3,.zs-fotos--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zs-fotos--3 .zs-f--a,.zs-fotos--5 .zs-f--a,.zs-fotos--4 .zs-f--a{grid-column:span 2;grid-row:auto}.zs-f--a .frei__b{aspect-ratio:3/2}
  .zs-fotos--4 .zs-f--b{grid-column:span 2}
  .zs-gut{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .zs-weiter,.zs-weiter--4,.zs-weiter--2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){.zs-gut{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Veranstaltungen ---------- */
.ve-plan{--name:clamp(150px,22vw,300px);display:grid;gap:6px;padding:clamp(18px,2.2vw,32px) clamp(16px,2.4vw,36px) clamp(20px,2.4vw,34px);border-radius:28px;color:var(--creme);background:var(--platte);
  box-shadow:inset 0 1px 0 rgba(255,228,196,.32),inset 0 0 0 1px rgba(210,179,132,.4),inset 0 -2px 0 rgba(0,0,0,.45),0 30px 40px -24px rgba(42,26,14,.8)}
.ve-plan[data-r]{opacity:1}
.ve-kopf,.ve-z{display:grid;grid-template-columns:var(--name) minmax(0,1fr);align-items:center;gap:clamp(10px,1.6vw,24px)}
.ve-monate{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:10px;border-bottom:1px solid rgba(210,179,132,.34)}
.ve-monate span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2,#d2b384);text-align:center}
.ve-monate b{font-weight:500}.ve-monate i{display:none;font-style:normal}
.ve-z{min-height:48px;border-radius:14px;padding:4px 0;transition:background .3s}
.ve-z:hover,.ve-z:focus-visible{outline:0;background:rgba(255,222,184,.07)}
.ve-z b{padding-left:clamp(6px,.8vw,12px);font-family:var(--titel);font-weight:700;font-size:clamp(1.02rem,1.4vw,1.35rem);line-height:1.2}
.ve-bahn{position:relative;height:30px;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 12 - 1px),rgba(210,179,132,.2) calc(100% / 12 - 1px) calc(100% / 12)),linear-gradient(180deg,rgba(12,5,2,.5),rgba(12,5,2,.26));box-shadow:inset 0 2px 5px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,222,184,.16)}
.ve-bar{position:absolute;top:5px;bottom:5px;left:var(--von);width:var(--breit);min-width:20px;border-radius:999px;background:linear-gradient(180deg,#fbf3e2,#e7d7c0 50%,#d0bb9c);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(109,67,31,.4),0 6px 10px -6px rgba(0,0,0,.8);
  transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--e1) calc(.25s + var(--i,0)*110ms)}
.ve-plan.da .ve-bar,.still .ve-bar{transform:none}
.still .ve-bar{transition:none}
.ve-a{padding-block:clamp(60px,7vw,110px)}
.ve-a__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.ve-a--um .ve-a__b{order:2}
.ve-a--um .ve-a__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ve-a__b{margin:0}.ve-a__b .frei__b{position:relative;aspect-ratio:3/2}.ve-a__b img{width:100%;height:100%;object-fit:cover}
.ve-a__t .titeltext{margin-top:16px;max-width:34ch}
.ve-wann{margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--balken)}
.ve-zusatz{margin-top:14px;font-size:1.02rem;line-height:1.5;opacity:.86}
.ve-a__t .knoepfe{margin-top:clamp(20px,2.4vw,30px)}
.ve-a--menu .ve-a__in{grid-template-columns:minmax(0,6fr) minmax(0,5fr) minmax(0,4fr)}
.ve-a--menu.ve-a--um .ve-a__in{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,6fr)}
.ve-a--menu.ve-a--um .ve-zettel{order:-1}
.ve-zettel{rotate:1.6deg;opacity:1}
.ve-a--um .ve-zettel{rotate:-1.6deg}
.ve-zettel[data-r="schweb"]{opacity:1}
.ve-zettel .gruppe{margin-top:0}
.ve-zettel .gang:last-child{border-bottom:0}
@media (max-width:1100px){.ve-a--menu .ve-a__in,.ve-a--menu.ve-a--um .ve-a__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ve-a--menu .ve-a__b{grid-column:1/-1;order:0}.ve-a--menu.ve-a--um .ve-zettel{order:0}}
@media (max-width:900px){
  .ve-plan{--name:1fr;padding-inline:14px}
  .ve-kopf,.ve-z{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:10px}
  .ve-monate b{display:none}.ve-monate i{display:inline}.ve-monate span{font-size:9.5px;letter-spacing:0}
  .ve-z b{font-size:.98rem}
  .ve-a__in,.ve-a--um .ve-a__in,.ve-a--menu .ve-a__in,.ve-a--menu.ve-a--um .ve-a__in{grid-template-columns:minmax(0,1fr)}
  .ve-a--um .ve-a__b{order:0}
  .ve-zettel,.ve-a--um .ve-zettel{rotate:none}
}

/* ---------- Geschichte ---------- */
.gs-nav{position:relative;z-index:3;margin-top:-1px;background:var(--tief);color:var(--creme)}
.gs-nav .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.gs-nav a{display:grid;gap:4px;padding:clamp(16px,1.8vw,24px) clamp(10px,1.4vw,22px);border-left:1px solid rgba(210,179,132,.2);transition:background .3s}
.gs-nav a:first-child{border-left:0}
.gs-nav a:hover,.gs-nav a:focus-visible{outline:0;background:rgba(255,222,184,.06)}
.gs-nav b{font-family:var(--titel);font-weight:700;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1;color:var(--licht);font-variant-numeric:lining-nums}
.gs-nav span{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(var(--lh),.74)}
.gs-hoch{margin:0}.gs-hoch .frei__b{position:relative;aspect-ratio:4/5;max-height:min(78vh,760px);width:100%}.gs-hoch img{width:100%;height:100%;object-fit:cover}
.gs-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin-top:clamp(44px,5.4vw,84px)}
.gs-k{padding:clamp(22px,2.4vw,38px);border-radius:28px;color:var(--tinte);background:linear-gradient(#fcf6ec,#ecdcc5);box-shadow:inset 0 0 0 1px rgba(109,67,31,.3),inset 0 1px 0 #fff,inset 0 -4px 0 #c5ae8c,0 40px 50px -30px #000}
.gs-k[data-r="schweb"],.gs-notiz[data-r],.gs-blatt[data-r="schweb"]{opacity:1}
.gs-k h3{color:var(--balken)}.gs-k p{margin-top:12px;font-size:1.04rem;line-height:1.55}
.gs-quelle{margin-top:20px;font-size:.95rem}
.gs-brand{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(22px,3.4vw,56px);align-items:start}
.gs-blatt{padding:clamp(22px,3vw,48px) clamp(20px,3.2vw,52px) clamp(18px,2.2vw,32px);border-radius:6px;color:#2a1a0e;background:linear-gradient(180deg,#f3e9d2,#e6d6b8);box-shadow:inset 0 1px 0 #fff8e6,inset 0 0 60px rgba(109,67,31,.16),0 44px 60px -36px #000;rotate:-.6deg}
.gs-blatt header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;padding-bottom:12px;border-bottom:3px double rgba(42,26,14,.7)}
.gs-blatt header b{font-family:var(--titel);font-weight:700;font-size:clamp(2rem,4.2vw,3.6rem);line-height:.95;letter-spacing:.01em}
.gs-blatt header span{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;opacity:.8}
.gs-blatt header span:last-child{text-align:right}
.gs-blatt__auf{margin-top:clamp(16px,2vw,26px);font-family:var(--titel);font-weight:700;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.22;text-wrap:balance}
.gs-blatt__sp{margin-top:clamp(14px,1.8vw,24px);columns:2;column-gap:clamp(20px,2.6vw,40px);column-rule:1px solid rgba(42,26,14,.28);font-family:var(--titel);font-size:1.04rem;line-height:1.5;text-align:justify;hyphens:auto}
.gs-blatt__sp p{margin:0 0 .7em;break-inside:avoid-column}
.gs-blatt footer{margin-top:clamp(12px,1.6vw,20px);padding-top:10px;border-top:1px solid rgba(42,26,14,.5);font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;opacity:.78}
.gs-brand__r{display:grid;gap:clamp(18px,2.2vw,30px)}
.gs-brand__r .frei{margin:0}.gs-brand__r .frei__b{position:relative}.gs-brand__r img{width:100%;height:100%;object-fit:cover}
.gs-notiz{padding:clamp(20px,2.2vw,32px);border-radius:24px;color:var(--creme);background:var(--platte);box-shadow:inset 0 1px 0 rgba(255,228,196,.32),inset 0 0 0 1px rgba(210,179,132,.4),inset 0 -2px 0 rgba(0,0,0,.45),0 26px 36px -22px rgba(0,0,0,.8)}
.gs-notiz h3{color:var(--licht)}.gs-notiz p{margin-top:10px;font-size:1.02rem;line-height:1.55}
.gs .ort .koord dd{font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.3}
@media (max-width:900px){
  .gs-nav .wrap{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;scrollbar-width:none;padding-inline:0}.gs-nav .wrap::-webkit-scrollbar{display:none}
  .gs-drei,.gs-brand{grid-template-columns:minmax(0,1fr)}
  .gs-blatt{rotate:none}.gs-blatt__sp{columns:1;text-align:left}
  .gs-blatt header{grid-template-columns:1fr;justify-items:start;gap:6px}.gs-blatt header span:last-child{text-align:left}
  .gs-brand__r{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Zu zweit ---------- */
.zz{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-areas:"b t" "b k";gap:clamp(16px,2.2vw,34px) clamp(24px,4vw,64px);align-items:start}
.zz+.zz{margin-top:clamp(56px,7vw,110px)}
.zz--um{grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-template-areas:"t b" "k b"}
.zz__b{grid-area:b;position:relative;margin:0}.zz__t{grid-area:t;align-self:end}.zz__k{grid-area:k;margin:0;align-self:start}
.zz__b .frei__b{position:relative;aspect-ratio:3/2}.zz__k .frei__b{position:relative;aspect-ratio:3/2}
.zz img{width:100%;height:100%;object-fit:cover}
.zz__t .titeltext{margin-top:14px}
.zz__t .knoepfe{margin-top:clamp(18px,2.2vw,28px)}
.zz-abend{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(22px,3.6vw,60px);align-items:center}
.zz-abend__b{margin:0}.zz-abend__b .frei__b{position:relative;aspect-ratio:3/2}.zz-abend__b img{width:100%;height:100%;object-fit:cover}
.zz-abend__z{rotate:1.2deg}.zz-abend__z[data-r="schweb"]{opacity:1}
.zz-abend__z .gruppe{margin-top:0}
.gpl.zz-gpl{margin-top:clamp(40px,5vw,76px);opacity:1}
.zz-gpl .gpl__fuss p{max-width:46ch}
#hochzeit .knoepfe{margin-top:4px}
@media (max-width:900px){
  .zz,.zz--um{grid-template-columns:minmax(0,1fr);grid-template-areas:"b" "t" "k"}
  .zz__k{max-width:70%}
  .zz-abend{grid-template-columns:minmax(0,1fr)}.zz-abend__z{rotate:none}
}

/* ---------- Umgebungskarte ---------- */
.um__in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(22px,3.6vw,60px);align-items:start}
.um__blatt{position:relative;padding:clamp(12px,1.6vw,24px);border-radius:26px;color:#3a2412;background:linear-gradient(180deg,#f6ecd8,#e7d6b8);box-shadow:inset 0 1px 0 #fff8e6,inset 0 0 0 1px rgba(109,67,31,.34),inset 0 0 80px rgba(109,67,31,.14),inset 0 -4px 0 #c5ae8c,0 44px 60px -36px #000}
.um__blatt[data-r="schweb"]{opacity:1}
.um__svg{display:block;width:100%;height:auto;overflow:visible}
.um__ring{fill:none;stroke:rgba(109,67,31,.3);stroke-width:1.5;stroke-dasharray:3 9;stroke-linecap:round}
.um__km{font:500 17px var(--mono);letter-spacing:.08em;fill:rgba(109,67,31,.7)}
.um__nord path{fill:none;stroke:#6d431f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.um__nord text{font:700 24px var(--titel);fill:#6d431f}
.um__weg{stroke:rgba(109,67,31,.42);stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.um__p{fill:#f9f1e0;stroke:#6d431f;stroke-width:2.2;transition:fill .3s}
.um__n{font:700 19px var(--titel);fill:#3a2412;pointer-events:none;font-variant-numeric:lining-nums}
.um__name{font:700 27px var(--titel);fill:#2a1a0e;paint-order:stroke;stroke:#efe2c8;stroke-width:6px;stroke-linejoin:round}
.um__dist{font:500 17px var(--mono);letter-spacing:.06em;fill:#6d431f;paint-order:stroke;stroke:#efe2c8;stroke-width:5px}
.um__o{cursor:pointer}
.um__o.an .um__p,.um__o:hover .um__p{fill:#3a2412}
.um__o.an .um__n,.um__o:hover .um__n{fill:#f3cd94}
.um__o.an .um__weg{stroke:#6d431f;stroke-dasharray:none;stroke-width:2.6}
.um__nahkreis{fill:rgba(201,133,67,.12);stroke:#6d431f;stroke-width:2;stroke-dasharray:6 6}
.um__leit{stroke:#6d431f;stroke-width:2;stroke-dasharray:6 6}
.um__haus{cursor:pointer;color:#f3cd94}
.um__haus circle{fill:#3a2412;stroke:#b78f51;stroke-width:2.5}
.um__glas{fill:#fbf4e4;stroke:none}
.um__blei{fill:none;stroke:#3a2412;stroke-width:9}
.um__lupe .um__ring{stroke-dasharray:3 7}
.um__lt{font:700 25px var(--titel);fill:#2a1a0e}
.um__legende{margin:6px 6px 2px;font-size:.88rem;line-height:1.45;opacity:.8}
.um__liste{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:none}
.um__z{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;width:100%;padding:13px 16px;border:0;border-radius:18px;text-align:left;color:var(--creme);background:linear-gradient(180deg,rgba(12,5,2,.5),rgba(12,5,2,.26));
  box-shadow:inset 0 2px 5px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,222,184,.16);cursor:pointer;font:inherit;transition:transform .5s var(--e2)}
div.um__z{cursor:default}
.um__z b{display:block;font-family:var(--titel);font-weight:700;font-size:clamp(1.05rem,1.3vw,1.24rem);line-height:1.2}
.um__z small{display:block;margin-top:3px;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2,#d2b384)}
.um__z em{display:none;margin-top:8px;font-style:normal;font-size:.98rem;line-height:1.5}
.um__zn{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--titel);font-weight:700;font-size:1rem;color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#e7d7c0 50%,#d0bb9c);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(109,67,31,.4);font-variant-numeric:lining-nums}
.um__zn--haus{color:var(--licht);background:linear-gradient(#55361c,#2a180a);box-shadow:inset 0 1px 0 #84603c,inset 0 -2px 0 #120903}
.um__zn svg{width:18px;height:auto}
.um__z.an{color:var(--tinte);background:linear-gradient(#fcf6ec,#ecdcc5);box-shadow:inset 0 0 0 1px rgba(109,67,31,.3),inset 0 1px 0 #fff,inset 0 -3px 0 #c5ae8c,0 20px 26px -18px rgba(0,0,0,.8)}
.um__z.an small{color:var(--balken)}
.um__z.an em,div.um__z em{display:block}
.um__z:focus-visible{outline:2px solid var(--kerze);outline-offset:2px}
.um__fuss{margin-top:22px;font-size:.95rem}
@media (max-width:900px){.um__in{grid-template-columns:minmax(0,1fr)}.um__blatt{padding:8px}}

/* ---------- Abreise ---------- */
.ab{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(26px,4.4vw,76px);align-items:start}
.ab__brett{padding:clamp(16px,2vw,28px);border-radius:28px;color:var(--tinte);background:linear-gradient(#fcf6ec,#ecdcc5);box-shadow:inset 0 0 0 1px rgba(109,67,31,.34),inset 0 1px 0 #fff,inset 0 -4px 0 #c5ae8c,0 40px 50px -30px #000}
.ab__brett[data-r="schweb"]{opacity:1}
.ab__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-bottom:clamp(12px,1.4vw,18px);border-bottom:1px solid rgba(109,67,31,.26)}
.ab__kopf .reiter{margin:0}
.ab__brett .reiter button{color:rgba(var(--ld),.85)}
.ab__brett .reiter button[aria-selected="true"]{color:var(--papier);background:linear-gradient(#55361c,#3a2412 55%,#2a180a);box-shadow:inset 0 1px 0 #84603c,inset 0 -2px 0 #120903,0 8px 14px -8px rgba(42,26,14,.6)}
.ab__uhr{color:var(--balken)}
.ab-tafel{display:grid;min-height:clamp(300px,30vw,420px);align-content:start}
.ab-tafel[hidden]{display:none}
.ab-warte{padding:26px 8px;font-size:1.02rem;opacity:.8}
.ab-warte a{text-decoration:underline;text-underline-offset:4px}
.ab-z{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.6vw,24px);width:100%;padding:clamp(11px,1.2vw,15px) clamp(8px,1vw,14px);border:0;border-bottom:1px solid rgba(109,67,31,.18);border-radius:14px;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;
  transform:translateY(14px);transition:transform .7s var(--e1) calc(var(--i,0)*60ms)}
.ab-tafel.da .ab-z,.still .ab-z{transform:none}
.ab-z:last-child{border-bottom:0}
.ab-z:hover,.ab-z:focus-visible{outline:0;background:rgba(109,67,31,.1)}
.ab-z time{font-family:var(--titel);font-weight:700;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1;font-variant-numeric:lining-nums tabular-nums}
.ab-z b{display:block;font-family:var(--titel);font-weight:700;font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ab-z small{display:block;margin-top:3px;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--balken)}
.ab-z em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--balken)}
.ab-z em.spaet{color:var(--geranie)}
.ab-z[aria-pressed="true"]{color:var(--licht);background:linear-gradient(#55361c,#3a2412 55%,#2a180a);box-shadow:inset 0 1px 0 #84603c,inset 0 -2px 0 #120903,0 10px 14px -10px rgba(42,26,14,.7);border-bottom-color:transparent}
.ab-z[aria-pressed="true"] small,.ab-z[aria-pressed="true"] em{color:var(--gold2,#d2b384)}
.ab-tag{padding:12px 10px 4px;font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--balken)}
.ab__stand{margin-top:12px;padding-top:12px;border-top:1px solid rgba(109,67,31,.26);font-size:.88rem;line-height:1.45;opacity:.8}
.galerie.ab-morgen{grid-template-columns:repeat(4,minmax(0,1fr))}
.ab-morgen .gt{height:clamp(280px,27vw,400px)}
.dn-abreise [data-tisch-feld][hidden]{display:none}
@media (max-width:1100px){.galerie.ab-morgen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ab{grid-template-columns:minmax(0,1fr)}.ab-tafel{min-height:260px}}
@media (max-width:600px){.galerie.ab-morgen{grid-template-columns:minmax(0,1fr)}.ab-morgen .gt{height:auto}.ab-z{grid-template-columns:auto minmax(0,1fr)}.ab-z em{grid-column:2}}
@media (prefers-reduced-motion:reduce){.ve-bar,.ab-z{transition:none;transform:none}}
@media (max-width:900px){.um__name{font-size:35px}.um__dist{font-size:25px}.um__km{font-size:22px}.um__n{font-size:21px}.um__lt{font-size:32px}.um__nord text{font-size:30px}}
/* Handy, gefunden mit _qa/rand.js am 13.10.2026: Absende-Platte von «Vor Ihrer Anreise» und «Abreise» lief bei 390 px über den Rand, Gourmet-Platte und ein Namensschild bei 320 px */
@media (max-width:900px){
  .dn-summe,.dn-summe--eins{grid-template-columns:minmax(0,1fr)}
  .dn-summe .kn{max-width:100%}
}
@media (max-width:420px){
  .dn-summe{padding:22px 18px}
  .dn-summe .kn{height:auto;min-height:52px;padding-block:10px;white-space:normal;text-align:left;line-height:1.35}
  .gpl{padding-inline:16px}
  .gpl h3{font-size:1.45rem;overflow-wrap:anywhere;hyphens:auto}
  .gpl .mono{white-space:normal;line-height:1.5}
  .mos .kerbe{white-space:normal;max-width:calc(100% - 10px);font-size:.95rem}
  .knoepfe .kn{max-width:100%}
}
/* Nachbesserungen nach der Durchsicht am Handy (13.10.2026) */
.ve-bar{left:min(var(--von),calc(100% - max(var(--breit),20px)))}
.ab__kopf .reiter{display:inline-flex;flex-wrap:nowrap;padding:4px;border-radius:999px;background:rgba(109,67,31,.14);box-shadow:inset 0 2px 4px rgba(42,26,14,.22),inset 0 -1px 0 rgba(255,255,255,.6)}
@media (max-width:600px){.ab__kopf .reiter button{height:40px;padding:0 14px;font-size:10.5px;letter-spacing:.1em}}

.zs-auf__in--bild{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);align-items:center;text-align:left;justify-items:stretch;max-width:1240px}
.zs-auf__in--bild .zs-auf__b{margin:0}
.zs-auf__in--bild .zs-auf__b .frei__b{display:block;aspect-ratio:4/5}
.zs-auf__t{display:grid;justify-items:start}
.zs-auf__in--bild>.zs-auf__t>.zier{width:58px;height:auto;color:var(--gold);margin-bottom:clamp(16px,1.8vw,26px)}
.zs-auf__in--bild .zs-satz{max-width:24ch;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.22;text-wrap:balance}
.zs-rest{max-width:44ch;margin-top:clamp(14px,1.6vw,22px);font-size:1rem;line-height:1.6;opacity:.78}
.zs-auf__in--bild .koord--platte.zs-platte{margin-top:clamp(24px,2.8vw,40px)}
.zs-auf__in--bild .knoepfe{justify-content:flex-start}
.zs-auf__in--bild .zs-mehr{font-size:.9rem;margin-top:14px}
@media (max-width:900px){.zs-auf__in--bild{grid-template-columns:minmax(0,1fr)}.zs-auf__in--bild .zs-auf__b .frei__b{aspect-ratio:4/3}}

.zs-auf__b{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,18px);margin:0}
.zs-auf__b--1{grid-template-columns:1fr}
.zs-ob{margin:0;min-width:0}
.zs-ob .frei__b{display:block;aspect-ratio:1/1}
.zs-ob--a{grid-column:1/-1}
.zs-ob--a .frei__b{aspect-ratio:4/3}
.zs-auf__b--2 .zs-ob--b{grid-column:1/-1}
.zs-auf__b--2 .zs-ob--b .frei__b{aspect-ratio:16/9}
.zs-auf__in--bild .zs-auf__b .frei__b{aspect-ratio:auto}
.zs-auf__in--bild .zs-ob--a .frei__b{aspect-ratio:4/3}
.zs-auf__in--bild .zs-ob--b .frei__b,.zs-auf__in--bild .zs-ob--c .frei__b{aspect-ratio:1/1}
.zs-auf__in--bild .zs-auf__b--2 .zs-ob--b .frei__b{aspect-ratio:16/9}
/* ZIMMER SOCKEL 17.10.2026: Fassung 5 «Gross mit Sockel» aus zimmerseite-5.html, Masse 1:1 aus varianten_zimmerseite3.py (ersetzt das Mosaik). Vier Fotos links, Text rechts, bis an den Seitenrand. Zurück: _sicherung/vor-zimmer-sockel-1017/ */
.zs-auf--breit>.wrap{max-width:none}
.zs-auf__in--sockel{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);align-items:stretch;text-align:left;justify-items:stretch;max-width:none}
.zs-auf__in--sockel>.zs-auf__t{align-self:center;justify-items:start}
.zs-auf__in--sockel>.zs-auf__t>.zier{width:58px;height:auto;color:var(--gold);margin-bottom:clamp(16px,1.8vw,26px)}
.zs-auf__in--sockel .zs-satz{max-width:none;font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.22;letter-spacing:-.005em;text-wrap:balance}
.zs-auf__in--sockel .zs-rest{max-width:none;margin-top:clamp(14px,1.6vw,22px);font-size:1rem;line-height:1.6;opacity:.78}
.zs-auf__in--sockel .koord--platte.zs-platte{width:100%;max-width:none;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1.1fr);margin-top:clamp(24px,2.8vw,40px)}
.zs-auf__in--sockel .koord--platte.zs-platte div{padding:4px clamp(12px,1.4vw,20px)}
.zs-auf__in--sockel .koord--platte.zs-platte dd{font-size:clamp(.98rem,1.1vw,1.12rem)}
.zs-auf__in--sockel .zs-mehr{max-width:none;font-size:.9rem;margin-top:14px;opacity:.72}
.zs-auf__in--sockel .knoepfe{justify-content:flex-start;margin-top:clamp(22px,2.6vw,34px)}
.zs-so{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(10px,1.1vw,16px);min-height:clamp(500px,44vw,640px);margin:0}
.zs-so__f{margin:0;min-width:0;min-height:0}
.zs-so__f .frei__b{position:relative;height:100%;border-radius:var(--r-m)}
.zs-so__f .frei__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zs-so__f:nth-child(1){grid-area:1/1/3/3}.zs-so__f:nth-child(2){grid-area:1/3}.zs-so__f:nth-child(3){grid-area:2/3}.zs-so__f:nth-child(4){grid-area:3/1/4/4}
@media (max-width:900px){
  .zs-auf__in--sockel{grid-template-columns:minmax(0,1fr)}
  .zs-so{min-height:0;width:100%;aspect-ratio:1/1}
  .zs-auf__in--sockel .koord--platte.zs-platte{grid-template-columns:minmax(0,1fr)}
  .zs-auf__in--sockel .koord--platte.zs-platte div+div{border-left:0}
}
/* 17.10.2026 Robert: im breiten Bild unten «erkennt man nichts». Das Band ist höher (vorher etwa 3,7 zu 1, jetzt gut 2 zu 1), ins Band kommt die breiteste Szene des Zimmers (SOCKEL in bau.py). */
.zs-so{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);min-height:clamp(560px,52vw,800px)}