/* Anfrage-Fenster (assets/js/anfrage.js, Robert 16.10.2026): Briefbogen des Hauses auf der Seite, statt Mailprogramm.
   Papier mit Goldlinie und Zeichen, Felder vertieft wie im Kontaktkasten, Knöpfe des Hauses. Auftritt nur transform, das Blatt ist ab dem ersten Bild deckend.
   Hintergrund ohne Weichzeichner (Regel 55). */
.anf__hinter{position:fixed;inset:0;z-index:2147483000;background:rgba(7,12,20,.62)}
.anf__hinter[hidden]{display:none}
dialog.anf{position:fixed;inset:0;z-index:2147483001;margin:auto;padding:0;border:0;background:none;color:var(--tinte);width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
dialog.anf[open]{animation:anf-auf .9s cubic-bezier(.16,1,.3,1) both}
@keyframes anf-auf{from{transform:translateY(36px) scale(.97)}}
html.anf-offen{overflow:hidden}
.anf__blatt{position:relative;background:var(--blatt);border-radius:var(--r-l);padding:clamp(30px,4.4vw,52px) clamp(22px,4.4vw,56px) clamp(26px,3.6vw,44px);box-shadow:0 2px 4px rgba(2,5,10,.3),0 30px 70px -20px rgba(2,5,10,.6)}
.anf__blatt::before{content:'';position:absolute;inset:9px;border:1px solid rgba(184,152,80,.38);border-radius:calc(var(--r-l) - 9px);pointer-events:none}
.anf__zu{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(#27405f,#1a2b42 55%,#0f1b2b);box-shadow:inset 0 1px 0 #5a7396,inset 0 -2px 0 #060b13;display:grid;place-items:center;z-index:2}
.anf__zu span{grid-area:1/1;width:15px;height:1.5px;background:var(--papier);transform:rotate(45deg)}
.anf__zu span+span{transform:rotate(-45deg)}
.anf__kopf{text-align:center;margin-bottom:clamp(20px,2.6vw,30px)}
.anf__zeichen{display:block;width:30px;height:auto;margin:0 auto 12px;color:var(--gold);fill:var(--gold)}
.anf__kl{font-family:var(--mono);font-size:.778rem;letter-spacing:.24em;text-transform:uppercase;color:#8a7442;margin:0}
.anf__titel{font-family:var(--titel);font-weight:700;font-size:clamp(1.836rem,3.456vw,2.7rem);line-height:1.1;margin:10px auto 0;max-width:20ch;color:var(--tinte)}
.anf__linie{display:block;width:72px;height:1px;background:var(--gold);margin:18px auto 0}
.anf__form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.anf__form[hidden],.anf__danke[hidden],.anf__feld[hidden]{display:none}
.anf__feld{display:grid;gap:7px;min-width:0}
.anf__feld--ganz{grid-column:1/-1}
.anf__feld>span{font-family:var(--mono);font-size:.756rem;letter-spacing:.2em;text-transform:uppercase;color:#6b6354}
.anf__feld input,.anf__feld textarea{width:100%;min-width:0;font:inherit;font-size:1.08rem;color:var(--tinte);background:#f3eee3;border:1px solid #e0d6c0;border-radius:14px;padding:13px 16px;box-shadow:inset 0 2px 5px rgba(15,22,32,.08);outline:0}
.anf__feld textarea{resize:vertical;min-height:120px;line-height:1.5}
.anf__feld input:focus,.anf__feld textarea:focus{border-color:var(--gold);box-shadow:inset 0 2px 5px rgba(15,22,32,.08),0 0 0 3px rgba(184,152,80,.18)}
.anf__feld.falsch input{border-color:#a8452f}
.anf__honig{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.anf__meldung{grid-column:1/-1;margin:0;font-size:1.026rem;color:#8a3324}
.anf__meldung a{color:inherit}
.anf__fuss{grid-column:1/-1;display:grid;justify-items:center;gap:14px;margin-top:10px;text-align:center}
.anf__klein{margin:0;font-size:.929rem;line-height:1.5;color:#6b6354;max-width:46ch}
.anf__danke{text-align:center}
.anf__dank{font-family:var(--titel);font-weight:700;font-size:clamp(1.62rem,2.808vw,2.16rem);margin:0}
.anf__dank-satz{margin:10px auto 0;max-width:42ch;color:#3a4250}
.anf__zettel{margin:22px auto 0;max-width:460px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:6px 0;text-align:left}
.anf__zettel div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0}
.anf__zettel div+div{border-top:1px solid #e6dcc6}
.anf__zettel dt{font-family:var(--mono);font-size:.756rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7442;padding-top:3px}
.anf__zettel dd{margin:0;overflow-wrap:anywhere}
.anf__fuss--mitte{margin-top:24px}
@media (max-width:600px){.anf__form{grid-template-columns:1fr}.anf__zettel div{grid-template-columns:1fr;gap:2px}}
@media (prefers-reduced-motion:reduce){dialog.anf[open]{animation:none}}
html.still dialog.anf[open],html.dh-ruhig dialog.anf[open]{animation:none}
/* Datum im Hausstil (auswahl.js setzt einen Knopf an die Stelle des Feldes): dieselbe vertiefte Fläche wie die anderen Felder */
.anf__feld .dw-knopf{min-height:50px;font-size:1.08rem;color:var(--tinte);background:#f3eee3;border:1px solid #e0d6c0;border-radius:14px;padding:13px 16px;box-shadow:inset 0 2px 5px rgba(15,22,32,.08)}
.anf__feld .dw-knopf:focus-visible{border-color:var(--gold);outline:0}

/* Stellenblatt (offene Stellen, assets/js/anfrage.js) */
dialog.anf--stelle{width:min(820px,calc(100vw - 32px))}
.stb{color:var(--tinte)}
.stb__bereich{margin:-6px 0 0;text-align:center;font-family:var(--mono);font-size:.778rem;letter-spacing:.24em;text-transform:uppercase;color:#8a7442}
.stb__ein{margin:12px auto 0;max-width:52ch;text-align:center;font-size:1.166rem;line-height:1.6}
.stb__spalten{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,34px);margin-top:clamp(22px,2.6vw,32px);padding-top:clamp(20px,2.2vw,26px);border-top:3px double rgba(184,152,80,.5)}
.stb h3{margin:0 0 10px;font-family:var(--titel);font-weight:700;font-size:1.35rem}
.stb ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.stb li{position:relative;padding-left:20px;font-size:1.058rem;line-height:1.5}
.stb li::before{content:'';position:absolute;left:0;top:.62em;width:9px;height:1.5px;background:var(--gold)}
.stb__haus{margin-top:clamp(20px,2.4vw,28px);padding:clamp(18px,2vw,24px) clamp(18px,2.2vw,28px);border-radius:16px;background:#f3eee3;box-shadow:inset 0 2px 5px rgba(15,22,32,.06)}
.stb__haus ul{grid-template-columns:1fr 1fr;column-gap:24px}
.stb__gruss{margin:clamp(18px,2vw,24px) 0 0;text-align:center;font-family:var(--titel);font-weight:700;font-size:1.242rem;color:var(--stahl)}
@media (max-width:640px){.stb__spalten,.stb__haus ul{grid-template-columns:1fr}}
/* 17.10.2026 · Robert zu den Stellenausschreibungen: «schöner, spannender, mit Bildern, richtig geil». Oben ein Kopfbild aus dem Arbeitsplatz bis an den Rand des Blatts,
   unter den Spalten drei Bilder, «Was dich erwartet» als nachtblaue Tafel mit vier Stichworten in Goldprägung. Alles steht still. */
dialog.anf--stelle .anf__blatt{display:flex;flex-direction:column;padding-top:0;overflow:hidden}
dialog.anf--stelle .stb{display:contents}
.stb__bild{order:-1;margin:0 calc(-1*clamp(22px,4.4vw,56px)) clamp(22px,2.6vw,32px);aspect-ratio:21/9;overflow:hidden;background:#0f1b2d}
.stb__bild img{width:100%;height:100%;object-fit:cover;display:block}
dialog.anf--stelle .anf__kopf{margin-top:0}
.stb__bilder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:clamp(24px,2.8vw,34px)}
.stb__bilder span{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#d9d2c4;box-shadow:0 0 0 1px rgba(184,152,80,.35),0 18px 30px -22px rgba(15,22,32,.7)}
.stb__bilder img{width:100%;height:100%;object-fit:cover;display:block}
.stb__haus{background:radial-gradient(130% 120% at 50% 0%,#22385a 0%,#15253c 55%,#0f1b2d 100%);color:#efe6d2;box-shadow:inset 0 0 0 1px rgba(201,166,96,.5);border-radius:18px}
.stb__haus h3{color:#e3c27e;text-align:center}
.stb__haus ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.stb__haus li{padding:0;display:grid;gap:8px;align-content:start;text-align:center;font-size:.92rem;line-height:1.45;color:rgba(239,230,210,.78)}
.stb__haus li::before{content:none}
.stb__haus li b{font-family:var(--titel);font-weight:700;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1;background:linear-gradient(180deg,#f7e7bd,#d9b46a 58%,#b38a45);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e3c27e}
.stb__haus li b::after{content:'';display:block;width:30px;height:1px;margin:10px auto 0;background:rgba(201,166,96,.6)}
@media (max-width:640px){.stb__haus ul{grid-template-columns:1fr 1fr}.stb__bild{aspect-ratio:16/9}}
.stb__haus li{min-width:0}.stb__haus li b{font-size:clamp(1.2rem,1.75vw,1.55rem);white-space:nowrap}

/* ---------- Termin im Spa (17.10.2026): vier Schritte auf dem Briefbogen des Anfrage-Fensters. Römische Ziffern wie die Saunagänge, Tage als Kalenderblätter,
   Zeiten als kleine Marken, gewählt in Nachtblau mit Goldschrift. Steht still. ---------- */
dialog.anf--termin{width:min(860px,calc(100vw - 32px))}
.ter{display:grid;gap:clamp(22px,2.6vw,32px)}
.ter__schritt{display:grid;gap:12px;min-width:0}
.ter__nr{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#8a7442}
.ter__nr span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-family:var(--titel);font-weight:700;font-size:.95rem;letter-spacing:0;color:#f3e2b8;background:linear-gradient(#27405f,#16263c);box-shadow:inset 0 0 0 1px rgba(201,166,96,.7)}
.ter__nr::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(184,152,80,.6),rgba(184,152,80,0))}
.ter__gruppen{display:flex;flex-wrap:wrap;gap:6px 18px;padding-bottom:6px;border-bottom:1px solid rgba(184,152,80,.3)}
.ter__gruppen button{position:relative;padding:6px 0;border:0;background:none;font-family:var(--titel);font-weight:700;font-size:1.02rem;color:rgba(15,22,32,.5);cursor:pointer}
.ter__gruppen button[aria-selected="true"]{color:var(--tinte)}
.ter__gruppen button[aria-selected="true"]::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--gold)}
.ter__liste{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ter__b{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:14px;background:#faf6ec;box-shadow:inset 0 0 0 1px rgba(184,152,80,.3);cursor:pointer;transition:box-shadow .3s,background .3s}
.ter__b[hidden]{display:none}
.ter__b input{position:absolute;opacity:0;pointer-events:none}
.ter__b span{display:grid;gap:2px;min-width:0}
.ter__b b{font-family:var(--titel);font-weight:700;font-size:1.05rem;line-height:1.25}
.ter__b small{font-size:.86rem;color:#6b6354}
.ter__b em{font-style:normal;font-family:var(--titel);font-weight:700;color:#8a7442;white-space:nowrap}
.ter__b:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.ter__b:has(input:checked){background:linear-gradient(#27405f,#16263c);box-shadow:inset 0 0 0 1px rgba(201,166,96,.8),0 14px 22px -16px rgba(15,22,32,.8)}
.ter__b:has(input:checked) b{color:#f3e2b8}.ter__b:has(input:checked) small{color:rgba(243,226,184,.7)}.ter__b:has(input:checked) em{color:#e3c27e}
.ter__b:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.ter__tage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ter__tag{position:relative;display:grid;justify-items:center;gap:1px;padding:9px 2px 8px;border:0;border-radius:12px;background:#faf6ec;box-shadow:inset 0 0 0 1px rgba(184,152,80,.3);color:var(--tinte);cursor:pointer;font:inherit;transition:box-shadow .3s,background .3s}
.ter__tag small{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a7442}
.ter__tag b{font-family:var(--titel);font-weight:700;font-size:1.35rem;line-height:1.1}
.ter__tag i{position:absolute;inset:auto 0 -1px;font-style:normal;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#a0927a}
.ter__tag:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold)}
.ter__tag:disabled{opacity:.38;cursor:default}
.ter__tag.an{background:linear-gradient(#27405f,#16263c);box-shadow:inset 0 0 0 1px rgba(201,166,96,.8)}
.ter__tag.an b{color:#f3e2b8}.ter__tag.an small{color:rgba(243,226,184,.75)}
.ter__hinweis{margin:0;font-size:.95rem;color:#5b5446}
.ter__zeiten{display:grid;gap:12px}
.ter__block{display:grid;grid-template-columns:110px 1fr;align-items:start;gap:12px}
.ter__block p{margin:6px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#8a7442}
.ter__block div{display:flex;flex-wrap:wrap;gap:6px}
.ter__zeit{min-width:64px;padding:8px 10px;border:0;border-radius:999px;background:#faf6ec;box-shadow:inset 0 0 0 1px rgba(184,152,80,.35);font-family:var(--titel);font-weight:700;font-size:1rem;color:var(--tinte);cursor:pointer;transition:box-shadow .3s,background .3s}
.ter__zeit:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.ter__zeit.an{background:linear-gradient(#27405f,#16263c);color:#f3e2b8;box-shadow:inset 0 0 0 1px rgba(201,166,96,.8)}
.ter__wunsch{display:grid;gap:6px;max-width:260px}
.ter__wunsch span{font-family:var(--mono);font-size:10.8px;letter-spacing:.2em;text-transform:uppercase;color:#8a7442}
.ter__felder{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.ter__zettel{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 14px;padding:14px 18px;border-radius:14px;text-align:center;background:linear-gradient(#27405f,#16263c);color:rgba(243,226,184,.85);font-size:.98rem;box-shadow:inset 0 0 0 1px rgba(201,166,96,.6)}
.ter__zettel:empty{display:none}
.ter__zettel span+span::before{content:'·';margin-right:14px;color:rgba(201,166,96,.7)}
.ter__zettel b{font-family:var(--titel);font-weight:700;font-size:1.15rem;color:#e3c27e}
@media (max-width:640px){.ter__liste,.ter__felder{grid-template-columns:1fr}.ter__tage{grid-template-columns:repeat(4,minmax(0,1fr))}.ter__block{grid-template-columns:1fr;gap:6px}.ter__zettel span+span::before{content:none}}
[data-spa-menu] .gang{cursor:pointer;transition:background .3s}
[data-spa-menu] .gang:hover b{color:#8a7442}
.ter__wunsch[hidden]{display:none}
.ter__tag:disabled b{text-decoration:line-through;text-decoration-thickness:1px}
@media (max-width:640px){.ter__gruppen{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:18px;margin-inline:-4px;padding-inline:4px}.ter__gruppen::-webkit-scrollbar{display:none}.ter__gruppen button{white-space:nowrap;flex:none}}