/* SHAMANIC WAYS, zusatz-kiental-2027: kleine Zusätze aus dem Seitenkopf, in ihrer Reihenfolge. */
/* B2: wie viele Menschen im Raum */
.b2 .hero-text{justify-content:center}
.b2 h1{font:500 clamp(24px,2.6vw,40px)/1.15 var(--sans);max-width:none}
.b2 h1 b{font-size:clamp(42px,4.5vw,70px);line-height:1;margin-top:.18em;max-width:13ch}
.b2 h1{max-width:none!important}
.b2 .unter{margin-top:22px;font-size:clamp(19px,1.5vw,23px);color:rgba(243,231,225,.88)}
.raum3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:44px;max-width:660px}
.raum3 a{position:relative;display:flex;flex-direction:column;min-height:260px;padding:22px 20px 20px;border-radius:28px;background:rgba(17,20,42,.22);box-shadow:inset 0 0 0 1px rgba(243,231,225,.12);text-decoration:none;overflow:hidden;transition:background-color .25s ease,transform .16s var(--aus)}
.raum3 a:hover{background:rgba(17,20,42,.34)}
.raum3 a:active{transform:scale(.97)}
.raum3 .zahl{font:600 clamp(64px,6.4vw,104px)/.82 var(--serif);letter-spacing:-.05em;color:var(--pfirsich);font-variant-numeric:lining-nums}
.raum3 .zahl small{font-size:.42em;letter-spacing:-.02em;margin-left:2px}
.raum3 b{display:block;margin-top:auto;font:600 22px/1.1 var(--serif);color:var(--muschel)}
.raum3 div span{display:block;margin-top:6px;font:500 13.5px/1.35 var(--sans);color:rgba(243,231,225,.74)}
.raum3 .pf{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(243,231,225,.1);color:var(--muschel);transition:transform .3s var(--aus)}
.raum3 .pf svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.raum3 a:hover .pf{transform:translate(2px,-2px)}
.raum3 a:first-child{background:var(--roetel);box-shadow:none}
.raum3 .ikon{font-size:clamp(46px,4.4vw,64px);line-height:1;color:var(--pfirsich)}
.raum3 a:first-child .ikon{color:var(--muschel)}
.raum3 em{display:block;margin-top:14px;font:600 13.5px/1 var(--sans);font-style:normal;color:var(--pfirsich)}
.raum3 a:first-child em{color:var(--muschel)}
.raum3 a:first-child span{color:rgba(243,231,225,.88)}
@media (prefers-reduced-motion:no-preference){
 .raum3 a{animation:schlag3 .9s var(--aus) both}
 .raum3 a:nth-child(2){animation-delay:.28s}.raum3 a:nth-child(3){animation-delay:.56s}
 @keyframes schlag3{0%{opacity:0;transform:translateY(18px) scale(.97)}60%{opacity:1}100%{opacity:1;transform:none}}
}
@media(max-width:600px){.raum3 .ikon{font-size:44px;min-width:1.2em}.raum3{grid-template-columns:1fr}.raum3 a{padding-right:64px}.raum3 .pf{top:50%;margin-top:-17px}.raum3 a{min-height:0;flex-direction:row;align-items:center;gap:18px}.raum3 .zahl{font-size:64px;min-width:1.4em}.raum3 b{margin-top:0}}
/* Stationen mit Bild (Andy 20.10.: wie die Kiental-Türen) */
.hell .station.bild{padding:0}
.station.bild figure{margin:0;border-radius:26px 26px 0 0;width:100%;aspect-ratio:3/2;overflow:hidden;position:relative;background:var(--muschel2,#E9D9D1)}
.station.bild figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.23,1,.32,1)}
.station.bild .st-in,.station.mond .st-in{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;padding:24px}
.station.bild figure.buecher img{position:absolute;top:13%;left:50%;width:auto;height:74%;aspect-ratio:1136/1800;object-fit:cover;border-radius:3px;box-shadow:0 18px 30px -14px rgba(34,45,68,.5);transition:transform .9s cubic-bezier(.23,1,.32,1)}
.station.bild figure.buecher img:nth-child(1){transform:translateX(-124%) rotate(-7deg)}
.station.bild figure.buecher img:nth-child(2){transform:translateX(-50%);z-index:2}
.station.bild figure.buecher img:nth-child(3){transform:translateX(24%) rotate(7deg)}
@media (hover:hover){
 .station.bild:hover figure:not(.buecher) img{transform:scale(1.04)}
 .station.bild:hover figure.buecher img:nth-child(1){transform:translateX(-132%) rotate(-10deg)}
 .station.bild:hover figure.buecher img:nth-child(2){transform:translateX(-50%) translateY(-4px)}
 .station.bild:hover figure.buecher img:nth-child(3){transform:translateX(32%) rotate(10deg)}
}
@media(max-width:899px){.weg{padding-left:0!important}}
.station .kn{white-space:nowrap}
.station.mond{overflow:hidden}
@media(min-width:900px) and (max-width:1179px){.weg{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.hell .station.mond{padding:0}
.station.mond figure{margin:0;width:100%;aspect-ratio:3/2;display:grid;place-items:center;border-radius:26px 26px 0 0;background:radial-gradient(60% 70% at 50% 50%,rgba(227,154,134,.14),transparent 70%)}
.station.mond figure svg{width:44%;height:auto;overflow:visible}
.station.mond figure circle{fill:none;stroke:#E39A86;stroke-width:1.5}
.station.mond figure circle+circle{stroke-opacity:.35}
.station.mond figure circle+circle+circle{stroke-opacity:.15}
@media (prefers-reduced-motion:reduce){.station.bild figure img{transition:none}}
/* Auswahl im Formular als Pillen (Andy 20.10.: «die Optik der Auswahl ist eine Katastrophe») */
fieldset.wahl{border:0;margin:0;padding:0;min-width:0}
fieldset.wahl legend{padding:0;margin:0 0 10px;font:600 14px/1.3 var(--sans);color:inherit}
fieldset.wahl label{position:relative;display:inline-flex;align-items:center;min-height:44px;margin:0 8px 8px 0;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;font:500 16px/1 var(--sans);cursor:pointer;opacity:.82;transition:background-color .25s cubic-bezier(.23,1,.32,1),color .25s,opacity .25s,box-shadow .25s}
fieldset.wahl input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
@media (hover:hover){fieldset.wahl label:hover{opacity:1;box-shadow:inset 0 0 0 1.5px currentColor}}
fieldset.wahl ~ .sw-lead-err:empty{display:none}
fieldset.wahl ~ div{margin-top:16px!important}
fieldset.wahl label:has(input:checked){opacity:1;background:#A24F5A;color:#F3E7E1;box-shadow:none}
fieldset.wahl label:has(input:focus-visible){outline:2px solid #A24F5A;outline-offset:3px}
@media (prefers-reduced-motion:reduce){fieldset.wahl label{transition:none}}

/* Zwei Seminare als Fahrscheine (12.11.2026, ersetzt die Icon-Karten .raum3 auf /kiental-2027/).
   Wie die Angebote der Startseite: links was es ist, rechts am Abriss Jahr und Termine. Farben aus sw-kern.css. */
.scheine{display:grid;gap:22px;margin-top:clamp(32px,4vw,48px);max-width:640px}
.schein{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 206px;background:var(--nacht);color:var(--muschel);text-decoration:none;border:var(--hart) solid var(--nacht);box-shadow:6px 6px 0 var(--roetel-tief);transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}
.schein:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--roetel-tief)}
.schein:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--roetel-tief)}
.schein:focus-visible{outline:3px solid var(--nacht);outline-offset:4px}
.sch-teil{display:grid;align-content:start;gap:8px;padding:20px 22px 22px}
.sch-tage{font:600 14px/1.2 var(--sans);letter-spacing:.02em;color:var(--pfirsich)}
.schein b{font:800 clamp(28px,2.6vw,36px)/1.02 var(--sans);letter-spacing:-.035em;color:var(--muschel)}
.sch-satz{font:500 16px/1.45 var(--sans);color:var(--muschel);max-width:30ch}
.sch-abriss{position:relative;display:grid;align-content:center;gap:4px;padding:18px 18px 18px 22px;border-left:5px dotted var(--muschel)}
.sch-abriss::before,.sch-abriss::after{content:"";position:absolute;left:-16px;width:26px;height:26px;border-radius:50%;background:var(--pfirsich)}
.sch-abriss::before{top:-17px}.sch-abriss::after{bottom:-17px}
.sch-wann{font:800 13px/1 var(--sans);letter-spacing:.12em;color:var(--pfirsich)}
.sch-abriss em{font:600 15px/1.35 var(--sans);font-style:normal;color:var(--muschel);white-space:nowrap}
.sch-abriss .pf{margin-top:10px;display:grid;place-items:center;width:40px;height:40px;background:var(--pfirsich);color:var(--nacht)}
.sch-abriss .pf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1099px){   /* unter 1100 px ist die Textspalte des Hero zu schmal für den Abriss rechts */
  .schein{grid-template-columns:1fr}
  .sch-abriss{border-left:0;border-top:5px dotted var(--muschel);grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;padding:16px 18px 18px}
  .sch-abriss::before,.sch-abriss::after{top:-16px;left:auto}
  .sch-abriss::before{left:-17px}.sch-abriss::after{right:-17px;bottom:auto}
  .sch-wann{grid-row:1 / span 2}
  .sch-abriss em{grid-column:2}
  .sch-abriss .pf{grid-column:3;grid-row:1 / span 2;margin-top:0}
}
@media(prefers-reduced-motion:reduce){.schein{transition:none}}
@media(max-width:1099px){.sch-abriss em:only-of-type{grid-row:1 / span 2;align-self:center}}

/* «Anmeldung folgt» (Termine ohne Anmeldung beim Kientalerhof, 13.11.2026): kein Knopf, nur ein Vermerk */
html body.plakat main .kn.kn[aria-disabled="true"]{background:transparent!important;color:var(--nacht)!important;box-shadow:none!important;border:2.5px dashed var(--nacht)!important;transform:none!important;cursor:default;pointer-events:none}