/* SHAMANIC WAYS · Kiental «Ganz da» · Richtung «Weg ins Tal» (13.11.2026)
   Flächen nur Nacht und Muschel. Pfirsich ist Licht, Rötel ist Handlung. Die Fotos tragen die Seite. */
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces-var.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/manrope-var.woff2") format("woff2");font-weight:300 800;font-display:swap}
body.tal{--nacht:#222D44;--nacht-tief:#161D2E;--muschel:#F3E7E1;--muschel-2:#E9D9D1;--pfirsich:#E39A86;--roetel:#A24F5A;--roetel-hover:#843843;--rauch:#4A3F44;--grau:#6B5E63;
  --petrol:#222D44;--petrol-tief:#161D2E;
  --serif:"Fraunces",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--rand:clamp(21px,5.5vw,89px);--rail:0px;--aus:cubic-bezier(.23,1,.32,1);
  --tinte:var(--muschel);--grund:var(--nacht-tief);--luft:clamp(89px,10vw,144px);
  background:var(--muschel);color:var(--rauch);font:400 clamp(17px,1.25vw,20px)/1.6 var(--sans)}
body.tal ::selection{background:var(--pfirsich);color:var(--nacht)}
body.tal :focus-visible{outline:2px solid var(--pfirsich);outline-offset:4px;border-radius:6px}
body.tal main img{display:block;max-width:100%}
:where(body.tal main) :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
/* Menü-Knopf (wie sektionen.css) */
body.tal .burger{display:inline-flex;align-items:center;gap:13px;background:none;border:0;color:inherit;cursor:pointer;font:600 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:12px 0 12px 12px;margin-left:6px;min-height:44px}
body.tal .b-linien{position:relative;display:block;width:30px;height:12px}
body.tal .b-linien i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;border-radius:2px;transition:transform .45s var(--aus),top .45s var(--aus),width .45s var(--aus)}
body.tal .b-linien i:nth-child(1){top:0}body.tal .b-linien i:nth-child(2){top:10px;width:70%;left:auto}
body.tal .burger:hover .b-linien i:nth-child(2){width:100%}
body.tal .burger[aria-expanded="true"] .b-linien i:nth-child(1){top:5px;transform:rotate(45deg)}
body.tal .burger[aria-expanded="true"] .b-linien i:nth-child(2){top:5px;width:100%;transform:rotate(-45deg)}
@media(max-width:700px){body.tal .burger .b-wort{display:none}}

/* Kopf: über dem Bild durchsichtig, danach Nacht */
body.tal .kopf{color:var(--muschel)}
body.tal .kopf::before{background:var(--nacht-tief)}
body.tal .kopf.zu::before{box-shadow:0 1px 0 rgba(243,231,225,.1)}
body.tal .kopf .kn{background:transparent;box-shadow:inset 0 0 0 1px rgba(243,231,225,.7);color:var(--muschel)}
body.tal .kopf .kn:hover{background:rgba(243,231,225,.1)}
body.tal .kopf .kn .pf{background:rgba(243,231,225,.14)}

/* Hero: der Bach füllt den ersten Bildschirm */
.kt-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:var(--muschel);background:var(--nacht-tief);isolation:isolate;overflow:hidden}
.kt-hero-bild{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.kt-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,29,46,.6) 0,rgba(22,29,46,0) 20%,rgba(22,29,46,0) 36%,rgba(22,29,46,.84) 76%,rgba(22,29,46,.95))}
.kt-hero-text{width:100%;padding:140px var(--rand) clamp(48px,6vw,72px)}
.kt-hero h1 .t1{display:block;font:600 clamp(76px,12vw,196px)/.86 var(--serif);letter-spacing:-.045em}
.kt-hero h1 .t2{display:block;margin-top:21px;max-width:26ch;font:500 clamp(21px,2.1vw,32px)/1.2 var(--sans);letter-spacing:-.02em}
.kt-hero-fuss{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;flex-wrap:wrap;margin-top:34px}
.kt-unter{max-width:40ch;color:rgba(243,231,225,.9);margin-bottom:34px}
.kt-termin{font:600 13px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pfirsich);text-align:right}
.kt-knoepfe{display:flex;flex-wrap:wrap;gap:13px}

/* Warum: Muschel, Text in zwei Spalten */
.kt-warum{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;padding:var(--luft) var(--rand)}
.kt-warum h2,.kt-titel,.kt-tage-t{font:600 clamp(44px,5.4vw,92px)/.98 var(--serif);letter-spacing:-.035em;color:var(--nacht)}
.kt-warum h2 span,.kt-titel span,.kt-tage-t span{display:block;color:var(--roetel)}
.kt-lauf p{max-width:44ch;margin-bottom:1em}
.kt-hart{margin-top:34px!important;font:600 clamp(24px,2.2vw,34px)/1.15 var(--serif);letter-spacing:-.03em;color:var(--nacht)}

/* Die drei Fähigkeiten: Nacht */
.kt-drei{padding:var(--luft) var(--rand);background:var(--nacht);color:var(--muschel)}
.kt-drei h2{max-width:20ch;font:600 clamp(40px,4.6vw,76px)/1 var(--serif);letter-spacing:-.035em}
.kt-drei h2 span{display:block;margin-bottom:13px;font:500 clamp(22px,2vw,30px)/1.25 var(--sans);letter-spacing:-.015em;color:var(--pfirsich)}
.kt-drei ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:89px}
.kt-drei li{border-top:1px solid rgba(227,154,134,.5);padding-top:21px}
.kt-name{font:600 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--pfirsich)}
.kt-drei h3{margin:21px 0 13px;font:600 clamp(23px,1.9vw,30px)/1.15 var(--serif);letter-spacing:-.03em}
.kt-drei li>p:last-child{color:rgba(243,231,225,.8);font-size:clamp(16px,1.15vw,18px)}

/* Drei Tage: jedes Kapitel ein Bild */
.kt-tage-t{padding:var(--luft) var(--rand) 55px}
.kt-tag{position:relative;min-height:min(88svh,860px);display:flex;align-items:flex-end;color:var(--muschel);background:var(--nacht-tief);isolation:isolate;overflow:hidden}
.kt-tag img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.kt-tag::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,29,46,.9) 0,rgba(22,29,46,.55) 42%,rgba(22,29,46,0) 72%)}
.kt-tag-text{padding:89px var(--rand)}
.kt-tag h3{font:600 clamp(56px,8vw,132px)/.9 var(--serif);letter-spacing:-.045em}
.kt-tag h3 span{display:block;color:var(--pfirsich)}
.kt-tag p{max-width:38ch;margin-top:21px;color:rgba(243,231,225,.92)}
.kt-tag+.kt-tag{border-top:1px solid rgba(243,231,225,.14)}
.kt-frage{padding:89px var(--rand) 0;max-width:calc(30ch + 2 * var(--rand));font:600 clamp(26px,2.6vw,40px)/1.18 var(--serif);letter-spacing:-.03em;color:var(--nacht)}

/* Für wen, Gut zu wissen: Papier, Listen mit Haarlinien */
.kt-wen,.kt-gut{padding:var(--luft) var(--rand) 0}
.kt-gut{padding-bottom:var(--luft)}
.kt-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px 89px;margin-top:55px}
.kt-zwei h3{font:600 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--roetel);margin-bottom:13px}
.kt-liste{list-style:none}
.kt-liste li{padding:13px 0;border-top:1px solid rgba(34,45,68,.14);max-width:46ch}
.kt-danach{list-style:none}
.kt-danach li{padding:13px 0 16px;border-top:1px solid rgba(34,45,68,.14);font:600 clamp(22px,1.9vw,30px)/1.2 var(--serif);letter-spacing:-.025em;color:var(--nacht)}
.kt-gross{max-width:30ch;margin-bottom:55px;font:500 clamp(21px,1.8vw,27px)/1.35 var(--sans);letter-spacing:-.01em;color:var(--nacht)}
.kt-fakten{background:var(--nacht);color:var(--muschel);border-radius:21px;padding:clamp(28px,3.4vw,48px)}
.kt-fakten dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:13px;padding:11px 0;border-top:1px solid rgba(243,231,225,.14)}
.kt-fakten dl>div:first-child{border-top:0;padding-top:0}
.kt-fakten dt{font:600 13px/1.7 var(--sans);letter-spacing:.06em;color:var(--pfirsich)}
.kt-fakten dd{font-size:clamp(16px,1.1vw,18px);line-height:1.5}
.kt-fakten dl>div:first-child dd{font:600 clamp(24px,2vw,32px)/1.1 var(--serif);letter-spacing:-.03em}
.kt-fakten .kt-knoepfe{margin-top:34px}
.kt-fakten .kn-linie{color:var(--muschel)}
.kt-klein{margin-top:21px;font-size:14px;color:rgba(243,231,225,.7)}

/* Leitung */
.kt-andy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(34px,5vw,89px);align-items:start;padding:0 var(--rand) var(--luft)}
.kt-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:34px}
.kt-andy-unter{margin:21px 0 34px;max-width:32ch;font:500 clamp(21px,1.8vw,27px)/1.35 var(--sans);letter-spacing:-.01em;color:var(--nacht)}
.kt-cv{display:grid;gap:21px;margin-bottom:34px;font-size:clamp(15px,1.05vw,17px);line-height:1.6;max-width:60ch}
.kt-cv b{display:block;margin-bottom:5px;font:600 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--roetel)}
.kt-andy .kn-linie{color:var(--nacht)}
.kt-andy .kn-linie .pf{background:rgba(34,45,68,.08)}

/* Schluss: das Haus, ein Satz, ein Knopf */
.kt-schluss{position:relative;min-height:min(80svh,760px);display:flex;align-items:flex-end;color:var(--muschel);background:var(--nacht-tief);isolation:isolate;overflow:hidden}
.kt-schluss img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.kt-schluss::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,29,46,.15) 0,rgba(22,29,46,.35) 40%,rgba(22,29,46,.92) 85%)}
.kt-schluss-text{padding:89px var(--rand)}
.kt-schluss h2{font:600 clamp(48px,6.4vw,110px)/.95 var(--serif);letter-spacing:-.04em;max-width:12ch}
.kt-schluss p{margin:21px 0 34px;max-width:36ch;color:rgba(243,231,225,.9)}

/* Fuss in Nacht */
body.tal .fuss{background:var(--nacht-tief)}

@media(max-width:820px){
  .kt-hero::before{background:linear-gradient(180deg,rgba(22,29,46,.6) 0,rgba(22,29,46,.15) 18%,rgba(22,29,46,.75) 42%,rgba(22,29,46,.95) 70%)}
  .kt-termin{text-align:left}
  .kt-warum,.kt-zwei,.kt-andy{grid-template-columns:1fr}
  .kt-drei ol{grid-template-columns:1fr;gap:34px;margin-top:55px}
  .kt-tag::before{background:linear-gradient(0deg,rgba(22,29,46,.94) 0,rgba(22,29,46,.55) 50%,rgba(22,29,46,0) 80%)}
  .kt-tag-text{padding:55px var(--rand)}
  .kt-fakten dl>div{grid-template-columns:1fr;gap:2px}
  .kt-portrait{max-width:420px}
}
@media(max-width:400px){.kt-knoepfe .kn{font-size:15px;padding-left:20px}}
@media(prefers-reduced-motion:reduce){body.tal *{transition:none!important}}
@media(max-width:700px){body.tal .kopf .kn .tx{display:inline}body.tal .kopf .kn{padding:4px 4px 4px 16px;min-height:44px;font-size:14px;gap:10px}body.tal .kopf .kn .pf{width:34px;height:34px}}
@media(max-width:380px){body.tal .marke{font-size:11px;letter-spacing:.16em;gap:8px}body.tal .marke i{width:26px}}
@media(max-width:700px){body.tal .kopf{gap:10px}body.tal .kopf nav{margin-right:6px!important}body.tal .kopf .kn{padding-left:14px;font-size:13px;gap:8px}body.tal .kopf .kn .pf{width:30px;height:30px}body.tal .burger{padding-left:6px;margin-left:0}}
body.tal h1,body.tal h2,body.tal h3,.kt-hart,.kt-frage,.kt-danach li,.kt-gross{text-wrap:balance}

/* ── Übersicht Kiental 2027 (13.11.): zwei Seminare, je zwei Termine ── */
.ku-hero h1 .t1{font-size:clamp(60px,9vw,150px);max-width:11ch}
.ku-jahr-gross{display:block;margin-top:13px;font:600 clamp(36px,4vw,64px)/1 var(--serif);letter-spacing:-.035em;color:var(--pfirsich)}
.ku-sem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--nacht);color:var(--muschel);min-height:min(92svh,900px)}
.ku-sem+.ku-sem{background:var(--nacht-tief)}
.ku-rechts .ku-bild{order:2}
.ku-bild{position:relative;margin:0;min-height:340px}
.ku-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ku-text{align-self:center;padding:var(--luft) var(--rand)}
.ku-text h2{margin-top:21px;font:600 clamp(56px,7vw,120px)/.9 var(--serif);letter-spacing:-.045em}
.ku-satz{margin-top:21px;max-width:24ch;font:500 clamp(21px,1.9vw,29px)/1.25 var(--sans);letter-spacing:-.015em;color:var(--pfirsich)}
.ku-zitat{margin-top:34px;max-width:34ch;font:600 clamp(21px,1.8vw,27px)/1.3 var(--serif);letter-spacing:-.02em}
.ku-fuer{margin-top:21px;max-width:40ch;color:rgba(243,231,225,.78)}
.ku-termine{list-style:none;margin-top:55px;border-top:1px solid rgba(243,231,225,.2)}
.ku-termin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 21px;padding:21px 0;border-bottom:1px solid rgba(243,231,225,.2);color:var(--muschel);text-decoration:none;transition:padding .35s var(--aus),color .2s}
.ku-termin .ku-jahr{grid-row:1/3;font:600 13px/1 var(--sans);letter-spacing:.2em;color:var(--pfirsich)}
.ku-termin b{font:600 clamp(26px,2.4vw,38px)/1.05 var(--serif);letter-spacing:-.03em}
.ku-termin .ku-tage{grid-column:2;font-size:14px;color:rgba(243,231,225,.65)}
.ku-termin .pf{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--roetel);color:var(--muschel);transition:transform .35s var(--aus),background .2s}
.ku-termin .pf svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ku-termin:hover{padding-left:8px}
.ku-termin:hover .pf{transform:translateX(4px);background:var(--roetel-hover)}
.ku-termin:hover b{color:var(--pfirsich)}
.ku-andy{padding-top:var(--luft)}
body.tal .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:820px){
  .ku-sem{grid-template-columns:1fr;min-height:0}
  .ku-rechts .ku-bild{order:0}
  .ku-bild{min-height:0;aspect-ratio:4/3}
  .ku-text{padding:55px var(--rand) 89px}
  .ku-termin .pf{width:44px;height:44px}
}
.ku-hero::before{background:linear-gradient(180deg,rgba(22,29,46,.45) 0,rgba(22,29,46,.1) 18%,rgba(22,29,46,.5) 40%,rgba(22,29,46,.88) 68%,rgba(22,29,46,.96))}
.ku-hero h1 .t1{text-shadow:0 2px 30px rgba(22,29,46,.35)}
.ku-hero h1 .t1{font-size:clamp(54px,7.4vw,118px)}
.ku-hero::before{background:linear-gradient(180deg,rgba(22,29,46,.5) 0,rgba(22,29,46,0) 14%,rgba(22,29,46,0) 42%,rgba(22,29,46,.78) 66%,rgba(22,29,46,.95) 88%)}
@media(max-width:820px){.ku-hero::before{background:linear-gradient(180deg,rgba(22,29,46,.5) 0,rgba(22,29,46,0) 12%,rgba(22,29,46,0) 26%,rgba(22,29,46,.8) 46%,rgba(22,29,46,.95) 70%)}.ku-hero .kt-hero-bild{object-position:58% 24%!important}}
.ku-hero h1 .t1{text-shadow:0 2px 36px rgba(22,29,46,.65),0 1px 3px rgba(22,29,46,.4)}