/* Karriere (Robert 11.10.2026): Seite karriere.html und Abschnitt #karriere auf haus.html. Inhalt inhalt/m_karriere.py.
   Baut auf angebote.css auf (Titelgrösse, geordnete Collage, Goldornament). Bewegung nur über transform und opacity. */

/* ===== haus.html: das Ensemble ===== */
.kr-haus{padding-top:clamp(84px,8vw,136px);padding-bottom:clamp(84px,8vw,136px)}
.kr-haus .kopfzeile{margin-bottom:clamp(44px,4.6vw,76px)}
.kr-caps,.kr-kopf__caps{font-family:var(--caps);font-size:clamp(.7rem,.8vw,.84rem);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.kr-lead{max-width:34ch;margin-inline:auto;text-align:center;color:rgba(255,255,255,.9)}
.kr-ens{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);align-items:start;padding-bottom:clamp(30px,3vw,48px)}
.kr-ens__k{margin:0}
.kr-ens__k--1{transform:translateY(clamp(30px,3vw,48px))}
.kr-ens__k[data-r]{opacity:0;translate:0 60px;transition:opacity .9s var(--e2),translate 1.4s var(--e3);transition-delay:calc(var(--i,0)*90ms)}
.kr-ens__k[data-r].da{opacity:1;translate:0 0}
.kr-ens__b{display:block;aspect-ratio:3/4.4;border-radius:22px;overflow:hidden;background:var(--blau);box-shadow:0 0 0 1px rgba(255,255,255,.09),0 34px 48px -24px rgba(0,0,0,.6),0 12px 18px -10px rgba(0,0,0,.35)}
.kr-ens__b img{width:100%;height:100%;object-fit:cover}
.kr-ens__k figcaption{margin-top:14px;text-align:center;font-family:var(--caps);font-size:clamp(.62rem,.72vw,.76rem);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,250,240,.86)}
.kr-unten{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,5vw,90px);margin-top:clamp(50px,5vw,84px);padding-top:clamp(36px,3.6vw,56px);border-top:1px solid rgba(210,191,152,.3)}
.kr-unten .lauf{color:rgba(255,255,255,.82);max-width:56ch}
.kr-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.kr-z{padding:4px clamp(10px,1.4vw,22px);text-align:center;border-left:1px solid rgba(210,191,152,.35)}
.kr-z:first-child{border-left:0}
.kr-z b{display:block;font:500 clamp(2.4rem,4vw,4.2rem)/1 var(--serif);color:var(--gold)}
.kr-z span{display:block;margin-top:10px;font-family:var(--caps);font-size:clamp(.6rem,.7vw,.74rem);letter-spacing:.18em;text-transform:uppercase;line-height:1.5;color:rgba(255,250,240,.78)}
.kr-kn{justify-content:center;margin-top:clamp(40px,4vw,64px)}

/* ===== karriere.html ===== */
.kr-kopf .sk__in{padding-top:clamp(150px,18vh,200px)}
.kr-kopf .d1 .z{display:inline-block}.kr-kopf .d1 .z+.z{margin-left:.22em}
.kr-kopf__caps{margin-bottom:clamp(14px,1.8vw,22px)}
.kr-kopf .sk__satz{max-width:46ch;text-wrap:balance}
/* Team: Collage links, Text rechts */
.kr-team,.kr-bereiche,.kr-benefits,.kr-bewerbung{padding-top:clamp(84px,8vw,136px);padding-bottom:clamp(84px,8vw,136px)}
.kr-buehne{grid-template-columns:1.05fr 1fr}
.kr-team__t .raum--nur{justify-content:flex-start;margin-left:0}
.kr-titel{text-align:left;font-size:clamp(2.6rem,5.2vw,5.8rem)!important}
.kr-team__t .gross{margin-top:clamp(20px,2.2vw,32px)}
.kr-team__t .lauf{margin-top:clamp(14px,1.4vw,20px)}
/* Bereiche: Band auf Nacht */
.kr-bereiche .gang__kopf{flex-direction:column;align-items:center;text-align:center}
.kr-bereiche .gang__kopf .lauf{max-width:52ch;margin-inline:auto;color:rgba(255,255,255,.84)}
.kr-bereiche .band>.karte{flex:none;width:clamp(240px,22vw,330px)}
.kr-bereiche .karte figcaption span{color:#fffaf0}
.kr-bereiche .karte figcaption small{color:var(--gold)}
/* Benefits: sechs Karten des Hauses */
.kr-bens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.kr-ben{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(30px,3vw,48px) clamp(22px,2.4vw,40px) clamp(30px,3vw,46px);border-radius:var(--r-xl);
  background:var(--platte-d);box-shadow:var(--platte-d-s);color:#fff}
.kr-ben::before{content:'';position:absolute;inset:clamp(9px,.9vw,13px);border-radius:16px;border:1px solid rgba(210,191,152,.3);pointer-events:none;z-index:-1}
.kr-ben__g{font:500 clamp(2.8rem,4.4vw,4.4rem)/1 var(--serif);color:var(--gold)}
.kr-ben__k{margin-top:10px;font-family:var(--caps);font-size:clamp(.62rem,.72vw,.76rem);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,250,240,.78)}
.kr-ben .ag-orn{stroke:var(--gold);margin-top:clamp(16px,1.6vw,22px)}.kr-ben .ag-orn path:last-child{fill:var(--gold)}
.kr-ben h3{margin-top:clamp(14px,1.4vw,20px);font:500 clamp(1.3rem,1.6vw,1.65rem)/1.2 var(--serif)}
.kr-ben__s{margin-top:10px;max-width:34ch;font-size:clamp(.94rem,1vw,1.02rem);line-height:1.62;color:rgba(255,255,255,.78)}
/* Bewerbung */
.kr-bw{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5.6vw,110px);align-items:start}
.kr-bw__t .raum--nur{justify-content:flex-start;margin-left:0}
.kr-bw__t .gross{margin-top:clamp(20px,2.2vw,30px);color:rgba(255,255,255,.9)}
.kr-stellen{margin-top:clamp(28px,3vw,44px);padding:clamp(20px,2vw,28px) clamp(20px,2.2vw,30px);border-radius:var(--r-l);box-shadow:inset 0 0 0 1px rgba(210,191,152,.35)}
.kr-stellen .ag-art{color:var(--gold)}
.kr-stellen p:last-child{margin-top:12px;font-size:1rem;line-height:1.65;color:rgba(255,255,255,.8)}
.kr-koord{grid-template-columns:repeat(3,minmax(0,1fr))}
.kr-polas{position:relative;height:clamp(200px,18vw,280px);margin-top:clamp(30px,3vw,46px)}
.kr-pola{position:absolute;width:44%;margin:0;padding:9px 9px 34px;background:#fcf7ee;border-radius:4px;box-shadow:0 30px 40px -24px rgba(0,0,0,.8)}
.kr-pola img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.kr-pola figcaption{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:italic 500 1rem/1 var(--serif);color:var(--tinte)}
.kr-pola--a{left:4%;top:0;rotate:-4deg}.kr-pola--b{left:40%;top:8%;rotate:3.5deg}
.kr-form{position:sticky;top:120px}
.kr-form__hinweis{margin-top:14px;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.7)}

@media (max-width:1100px){.kr-ens{grid-template-columns:repeat(3,minmax(0,1fr))}.kr-ens__k--1{transform:none}.kr-ens__k:nth-child(3n+2){transform:translateY(30px)}}
@media (max-width:860px){
  .kr-unten,.kr-bw{grid-template-columns:minmax(0,1fr)}
  .kr-buehne{grid-template-columns:minmax(0,1fr)}
  .kr-bens{grid-template-columns:minmax(0,1fr)}
  .kr-form{position:static}
  .kr-koord{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.kr-ens{grid-template-columns:repeat(2,minmax(0,1fr))}.kr-ens__k:nth-child(3n+2){transform:none}.kr-ens__k:nth-child(even){transform:translateY(26px)}.kr-zahlen{grid-template-columns:minmax(0,1fr)}.kr-z{border-left:0;border-top:1px solid rgba(210,191,152,.35);padding:16px 0}.kr-z:first-child{border-top:0}}
.kr-koord{grid-template-columns:repeat(2,minmax(0,1fr))}.kr-koord div:first-child{grid-column:1/-1}
.kr-kopf .sk__in{padding-top:clamp(108px,12vh,140px);padding-bottom:clamp(90px,11vh,130px)}
/* Bereiche als 3D-Kacheln, Text darunter wie im Atelier */
.kr-bereiche .band>.k3{flex:none;width:clamp(240px,22vw,330px)}
.kr-bereiche .band{padding-top:10px;padding-bottom:30px}
.kr-bereiche .k3 .kachel__n b{font-size:clamp(1.35rem,1.7vw,1.8rem)}

/* ===== Benefits als Schlüsselanhänger des Hauses (Robert 11.10.2026) ===== */
.kr-anhs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.6vw,80px) clamp(24px,3vw,56px)}
.kr-anh{display:flex;flex-direction:column;align-items:center;text-align:center}
.kr-anh[data-r]{opacity:0;translate:0 -40px;rotate:-3deg;transition:opacity .9s var(--e2),translate 1.5s var(--e3),rotate 1.8s var(--e3);transition-delay:calc(var(--i,0)*120ms)}
.kr-anh[data-r].da{opacity:1;translate:0 0;rotate:0deg}
.kr-anh:nth-child(even) .kr-tag{rotate:2deg}.kr-anh:nth-child(odd) .kr-tag{rotate:-2deg}
.kr-tag{position:relative;width:clamp(180px,15vw,224px);aspect-ratio:200/340;transform-origin:50% 0;filter:drop-shadow(0 26px 22px rgba(26,29,40,.35)) drop-shadow(0 6px 6px rgba(26,29,40,.25))}
.kr-tag__form{position:absolute;inset:0;width:100%;height:100%}
.kr-tag__ring{position:absolute;left:50%;top:-6%;width:30%;transform:translateX(-50%)}
.kr-tag__in{position:absolute;inset:27% 12% 16%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fcf7ee}
.kr-tag__haus{font-family:var(--caps);font-size:clamp(.5rem,.58vw,.6rem);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.kr-tag__nr{margin-top:6px;font:italic 500 .95rem/1 var(--serif);color:rgba(232,220,194,.75)}
.kr-tag__in b{margin-top:clamp(16px,1.6vw,24px);font:500 clamp(2rem,2.8vw,2.9rem)/1 var(--serif);color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.5),0 -1px 0 rgba(255,240,200,.15)}
.kr-tag__in small{margin-top:10px;max-width:14ch;font-family:var(--caps);font-size:clamp(.52rem,.6vw,.62rem);letter-spacing:.16em;line-height:1.5;text-transform:uppercase;color:rgba(252,247,238,.82)}
.kr-tag__em{width:34px;height:auto;margin-top:auto;color:var(--gold);opacity:.9}
.kr-anh h3{margin-top:clamp(24px,2.4vw,34px);font:500 clamp(1.35rem,1.7vw,1.75rem)/1.2 var(--serif);color:var(--tinte)}
.kr-anh p{margin-top:10px;max-width:34ch;font-size:clamp(.94rem,1vw,1.02rem);line-height:1.62;color:rgba(26,29,40,.78)}
@media (max-width:860px){.kr-anhs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.kr-anhs{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.kr-anh[data-r]{opacity:1;translate:none;rotate:none;transition:none}}

/* ===== Bewerbung neu: Formular hell, fünf Abzüge in einer Reihe, Offene Stellen mittig darunter ===== */
.kr-bw{align-items:center}
form.blatt.kr-form{position:relative;top:auto;background:var(--platte-h);box-shadow:var(--platte-h-s);color:var(--tinte)}
form.blatt.kr-form::before{border-color:rgba(159,137,111,.4)}
.kr-form .blatt__kopf .d4{color:var(--tinte)}
.kr-form .blatt__kopf .mono{color:var(--taupe-tief)!important;text-transform:none;letter-spacing:.04em}
.kr-form .feld{background:var(--kuhle-h)!important;box-shadow:var(--kuhle-h-s)!important}
.kr-form .feld span{color:var(--taupe-tief)!important}
.kr-form .feld input,.kr-form .feld select,.kr-form .feld textarea{color:var(--tinte)!important}
.kr-form .feld input::placeholder{color:rgba(26,29,40,.42)}
.kr-form .feld select option{color:var(--tinte)}
.kr-form .kn{--o:#3f4767;--m:#2c334d;--u:#1b2033;--t:#fff;--ko:#fcf7ee;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.4)}
.kr-form__hinweis{color:rgba(26,29,40,.66)!important}
.kr-polas{position:static;height:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,30px);margin-top:clamp(70px,7vw,120px)}
.kr-pola{position:relative;width:auto;left:auto;top:auto;margin:0;padding:clamp(7px,.7vw,11px) clamp(7px,.7vw,11px) clamp(34px,3vw,44px);background:#fcf7ee;border-radius:4px;box-shadow:0 34px 40px -24px rgba(0,0,0,.85),0 8px 12px -6px rgba(0,0,0,.5)}
.kr-pola:nth-child(1){rotate:-4deg}.kr-pola:nth-child(2){rotate:2.5deg;margin-top:26px}.kr-pola:nth-child(3){rotate:-1.5deg}.kr-pola:nth-child(4){rotate:3deg;margin-top:20px}.kr-pola:nth-child(5){rotate:-3deg}
.kr-pola img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.kr-pola figcaption{position:absolute;left:0;right:0;bottom:clamp(9px,.9vw,13px);text-align:center;font:italic 500 clamp(.92rem,1.05vw,1.1rem)/1 var(--serif);color:var(--tinte)}
.kr-pola[data-r]{opacity:0;translate:0 120px;transition:opacity 1s var(--e2),translate 1.6s var(--e3);transition-delay:calc(var(--i,0)*130ms)}
.kr-pola[data-r].da{opacity:1;translate:0 0}
.kr-stellen{max-width:760px;margin:clamp(70px,7vw,120px) auto 0;text-align:center;box-shadow:inset 0 0 0 1px rgba(210,191,152,.35);padding:clamp(28px,3vw,44px) clamp(24px,3.4vw,56px)}
.kr-stellen .ag-art{justify-content:center}
.kr-stellen p:nth-child(2){margin:14px auto 0;max-width:46ch;font-size:clamp(1rem,1.1vw,1.12rem)}
.kr-stellen .kn-reihe{justify-content:center;margin-top:clamp(20px,2vw,28px)}
@media (max-width:860px){.kr-polas{grid-template-columns:repeat(3,minmax(0,1fr))}.kr-pola:nth-child(n+4){display:none}.kr-pola{margin-top:0!important}}
@media (prefers-reduced-motion:reduce){.kr-pola[data-r]{opacity:1;translate:none;transition:none}}
.kr-form .blatt__kopf .d4{color:var(--tinte)!important}
.kr-tag{width:clamp(200px,16.5vw,250px)}
.kr-tag__in{inset:28% 9% 17%}
.kr-tag__in b{font-size:clamp(1.9rem,2.5vw,2.6rem)}
.kr-tag__in small{max-width:none;padding:0 4px;font-size:clamp(.5rem,.56vw,.58rem);letter-spacing:.1em;hyphens:none;overflow-wrap:normal;word-break:keep-all}

/* ===== Benefits, vier Fassungen (Robert 11.10.2026: «nicht nach Liste, wow, aber luxuriös, nicht verspielt») ===== */
.kr-anhs{display:none}
.kbv-schild{display:inline-flex;align-items:center;gap:14px;margin:0 0 30px;padding:8px 18px 8px 10px;border-radius:999px;background:var(--nacht);color:#fff;font-family:var(--caps);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}
.kbv-schild b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--nacht);font-family:var(--serif);font-size:1.1rem;letter-spacing:0}
/* gemeinsame Typografie */
:is(.kb1__t,.kb3__t,.kb4__t) b{display:block;font:500 clamp(3.6rem,7vw,7.4rem)/.92 var(--serif);letter-spacing:-.01em;color:var(--akzent)}
:is(.kb1__k,.kb3__k,.kb4__k){display:block;margin-top:12px;font-family:var(--caps);font-size:clamp(.66rem,.76vw,.8rem);letter-spacing:.24em;text-transform:uppercase;color:var(--taupe-tief)}
:is(.kb1__t,.kb3__t,.kb4__t) h3{margin-top:clamp(22px,2.2vw,32px);padding-top:clamp(18px,1.8vw,26px);border-top:1px solid var(--linie);font:500 clamp(1.5rem,2vw,2.1rem)/1.15 var(--serif);color:var(--tinte)}
:is(.kb1__t,.kb3__t,.kb4__t) h3+p{margin-top:12px;max-width:40ch;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.66;color:rgba(26,29,40,.78)}
:is(.kb1__nr,.kb3__nr,.kb4__nr){display:flex;align-items:center;gap:12px;margin-bottom:clamp(16px,1.6vw,24px);font:italic 500 1.05rem/1 var(--serif);color:var(--taupe-tief)}
.kb1__nr i{display:block;width:56px;height:1px;background:var(--taupe)}

/* 1 Die Bühne */
.kb1__buehne{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(36px,5vw,96px)}
.kb1__bilder{position:relative;aspect-ratio:5/4;border-radius:var(--r-xl);overflow:hidden;background:var(--creme);box-shadow:0 0 0 1px rgba(124,106,82,.12),0 46px 60px -34px rgba(26,29,40,.6),0 14px 22px -12px rgba(26,29,40,.3)}
.kb1__f{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s var(--e2)}
.kb1__f.an{opacity:1}
.kb1__f img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 2.4s var(--e1)}
.kb1__f.an img{transform:none}
.kb1__texte{display:grid}
.kb1__t{grid-area:1/1;opacity:0;transform:translateY(18px);transition:opacity .7s var(--e2),transform .9s var(--e3);pointer-events:none}
.kb1__t.an{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}
.kb1__wahl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(40px,4vw,64px);border-top:1px solid var(--linie)}
.kb1__w{position:relative;padding:clamp(16px,1.6vw,22px) 10px 4px;text-align:left;font:500 clamp(1rem,1.15vw,1.2rem)/1.2 var(--serif);color:rgba(26,29,40,.5);transition:color .4s}
.kb1__w::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--akzent);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--e1)}
.kb1__w.an{color:var(--tinte)}.kb1__w.an::before{transform:none}
.kb1__w:hover{color:var(--tinte)}

/* 2 Das Mosaik */
.kb2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(30px,3vw,52px) clamp(18px,2vw,34px);align-items:start}
.kb2__a--0,.kb2__a--3{grid-column:span 2}
.kb2__a--3{grid-column:3/5;grid-row:2/4}
.kb2__a--1{margin-top:clamp(60px,6vw,110px)}
.kb2__b{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5;background:var(--creme);box-shadow:0 0 0 1px rgba(124,106,82,.1),0 40px 52px -30px rgba(26,29,40,.6),0 12px 20px -12px rgba(26,29,40,.3)}
.kb2__a--0 .kb2__b{aspect-ratio:16/11}.kb2__a--3 .kb2__b{aspect-ratio:4/4.6}
.kb2__b img{width:100%;height:100%;object-fit:cover}
.kb2__w{--f:var(--papier);--e:22px;position:absolute;left:0;bottom:0;padding:clamp(14px,1.4vw,20px) clamp(20px,2vw,30px) clamp(10px,1vw,14px) clamp(16px,1.6vw,22px);border-top-right-radius:var(--e);background:var(--f)}
.kb2__w::before,.kb2__w::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))}
.kb2__w::before{left:0;bottom:100%}.kb2__w::after{left:100%;bottom:0}
.kb2__w b{display:block;font:500 clamp(2.4rem,3.6vw,3.8rem)/.95 var(--serif);color:var(--akzent)}
.kb2__w small{display:block;margin-top:6px;font-family:var(--caps);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe-tief)}
.kb2__a h3{margin-top:clamp(18px,1.8vw,26px);font:500 clamp(1.35rem,1.7vw,1.8rem)/1.15 var(--serif);color:var(--tinte)}
.kb2__a p{margin-top:8px;max-width:38ch;font-size:clamp(.95rem,1.02vw,1.05rem);line-height:1.62;color:rgba(26,29,40,.76)}

/* 3 Das Band */
.kb3 .gang__kopf{justify-content:flex-end}
.kb3 .band>.kb3__a{flex:none;width:clamp(290px,27vw,400px)}
.kb3__b{margin:0;aspect-ratio:3/4;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 52px -30px rgba(26,29,40,.6)}
.kb3__b img{width:100%;height:100%;object-fit:cover}
.kb3__t{position:relative;margin:-90px 18px 0;padding:clamp(22px,2vw,30px);border-radius:var(--r-l);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.kb3__t b{font-size:clamp(3rem,4.6vw,4.6rem)}

/* 4 Die Galerie */
.kb4{display:grid;gap:clamp(70px,7vw,130px)}
.kb4__a{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(36px,6vw,120px)}
.kb4__a--um .kb4__b{order:2}
.kb4__b{margin:0;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 0 0 1px rgba(124,106,82,.1),0 46px 60px -34px rgba(26,29,40,.6)}
.kb4__b img{width:100%;height:100%;object-fit:cover}

@media (max-width:860px){
  .kb1__buehne,.kb4__a{grid-template-columns:minmax(0,1fr)}.kb4__a--um .kb4__b{order:0}
  .kb1__wahl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb2{grid-template-columns:minmax(0,1fr)}.kb2__a--0,.kb2__a--3{grid-column:auto;grid-row:auto}.kb2__a--1{margin-top:0}
}

/* ===== Benefits, Fassungen 5–14 (Robert 11.10.2026) ===== */
/* gemeinsame Wert-Typografie */
:is(.kb5__t,.kb6__t,.kb7__t,.kb10__a,.kb11__z,.kb12__z,.kb13__a,.kb14__t)>b{display:block;font:500 clamp(2.6rem,4.6vw,4.8rem)/.95 var(--serif);color:var(--akzent)}
:is(.kb5__t,.kb6__t,.kb7__t,.kb10__a,.kb11__z,.kb12__z,.kb13__a,.kb14__t)>span{display:block;margin-top:10px;font-family:var(--caps);font-size:clamp(.6rem,.7vw,.74rem);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe-tief)}
:is(.kb5__t,.kb6__t,.kb10__a,.kb11__z,.kb12__z,.kb13__a,.kb14__t) h3{margin-top:clamp(16px,1.6vw,22px);font:500 clamp(1.3rem,1.6vw,1.7rem)/1.18 var(--serif);color:var(--tinte)}
:is(.kb5__t,.kb6__t,.kb10__a,.kb11__z,.kb12__z,.kb13__a,.kb14__t) h3+p{margin-top:8px;max-width:38ch;font-size:clamp(.94rem,1vw,1.04rem);line-height:1.62;color:rgba(26,29,40,.76)}
/* helle Schrift auf Dunkel */
:is(.kb5,.kb6,.kb11,.kb12__t) :is(b){color:var(--gold)}
:is(.kb5,.kb6,.kb11,.kb12__t) :is(span){color:rgba(232,220,194,.8)}
:is(.kb5,.kb6,.kb11,.kb12__t) h3{color:#fcf7ee}
:is(.kb5,.kb6,.kb11,.kb12__t) h3+p{color:rgba(255,255,255,.78)}

/* 5 Kinoleinwand */
.kb5__wand{position:relative;aspect-ratio:21/9;border-radius:var(--r-xl);overflow:hidden;background:var(--nacht);box-shadow:0 50px 70px -40px rgba(17,20,31,.8)}
.kb5__f{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s var(--e2)}
.kb5__f.an{opacity:1}
.kb5__f img{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.85)}
.kb5__texte{position:absolute;inset:0;display:grid;align-items:end;padding:clamp(28px,4vw,72px)}
.kb5__t{grid-area:1/1;max-width:560px;opacity:0;transform:translateY(16px);transition:opacity .7s var(--e2),transform .9s var(--e3)}
.kb5__t.an{opacity:1;transform:none;transition-delay:.15s}
.kb5__t b{font-size:clamp(3.6rem,7vw,7.6rem)}
.kb5__wahl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(22px,2vw,30px);border-top:1px solid var(--linie)}
.wx-b{position:relative;padding:16px 8px 4px;text-align:left;font:500 clamp(.98rem,1.1vw,1.15rem)/1.2 var(--serif);color:rgba(26,29,40,.5);transition:color .4s}
.wx-b::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--akzent);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--e1)}
.wx-b.an,.wx-b:hover{color:var(--tinte)}.wx-b.an::before{transform:none}

/* 6 Gemälde */
.kb6{padding:clamp(40px,5vw,90px) var(--rand);margin-inline:calc(-1*var(--rand));border-radius:var(--r-xl);background:var(--nacht) url(../img/tapete-dunkel.webp?v=08c86b19) 50% 0/340px auto;display:flex;flex-direction:column;align-items:center}
.kb6__rahmen{width:min(860px,100%);padding:clamp(10px,1vw,16px);border-radius:4px;background:linear-gradient(135deg,#f3e3b5,#b99558 30%,#e9d39a 52%,#8f6c30 78%,#d8bd7c);box-shadow:0 50px 70px -30px #000,inset 0 0 0 1px rgba(255,255,255,.4)}
.kb6__pp{position:relative;aspect-ratio:3/2;padding:clamp(16px,2vw,30px);background:#f6eedd;box-shadow:inset 0 0 0 1px rgba(124,106,82,.3),inset 0 3px 10px rgba(0,0,0,.18)}
.kb6__f{position:absolute;inset:clamp(16px,2vw,30px);margin:0;opacity:0;transition:opacity 1s var(--e2)}
.kb6__f.an{opacity:1}
.kb6__f img{width:100%;height:100%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.kb6__schild{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:min(760px,100%);margin-top:clamp(30px,3vw,46px)}
.kb6__texte{display:grid;text-align:center}
.kb6__t{grid-area:1/1;opacity:0;transition:opacity .6s var(--e2)}
.kb6__t.an{opacity:1}
.kb6__t h3+p{margin-inline:auto}
.kb6__nr{font:italic 500 1rem/1 var(--serif);color:rgba(232,220,194,.7);margin-bottom:12px}
.kb6__pf{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(210,191,152,.5);color:var(--gold)}
.kb6__pf svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.kb6__pf:hover{background:rgba(210,191,152,.12)}

/* 7 Tableau */
.kb7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 50px 70px -40px rgba(26,29,40,.7)}
.kb7__a{position:relative;aspect-ratio:4/3.4;overflow:hidden;background:var(--nacht)}
.kb7__a img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.85);transition:filter .8s var(--e2)}
.kb7__t{position:absolute;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);bottom:clamp(18px,2vw,30px)}
.kb7__t b{color:#f1e4c6!important}.kb7__t span{color:rgba(255,250,240,.82)!important}
.kb7__t h3{margin-top:12px;font:500 clamp(1.2rem,1.5vw,1.55rem)/1.15 var(--serif);color:#fff}
.kb7__s{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(22px,2.4vw,36px);font-size:1rem;line-height:1.6;color:#fff;background:rgba(17,20,31,.82);opacity:0;transition:opacity .5s var(--e2)}
@media (hover:hover){.kb7__a:hover .kb7__s{opacity:1}}

/* 8 Der Satz */
.kb8{max-width:1240px;margin:0 auto;text-align:center}
.kb8__p{font:500 clamp(2rem,4vw,4.2rem)/1.32 var(--serif);color:var(--tinte);text-wrap:balance}
.kb8__s b{font-weight:500;color:var(--akzent)}
.kb8__f{display:inline-block;width:1.25em;height:.95em;margin:0 .18em;vertical-align:-.1em;border-radius:999px;overflow:hidden;box-shadow:0 10px 18px -8px rgba(26,29,40,.55)}
.kb8__f img{width:100%;height:100%;object-fit:cover}
.kb8__fuss{margin-top:clamp(26px,2.6vw,40px);font-family:var(--caps);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe-tief)}

/* 9 Laufband */
.kb9{overflow:hidden;margin-inline:calc(-1*var(--rand))}
.kb9__zug{display:flex;gap:clamp(18px,2vw,30px);width:max-content;animation:kb9 60s linear infinite;animation-play-state:paused}
.kb9.laeuft .kb9__zug{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.kb9__zug{animation:none}}
@keyframes kb9{to{transform:translateX(-50%)}}
.kb9__k{flex:none;width:clamp(240px,21vw,320px);margin:0}
.kb9__b{display:block;aspect-ratio:3/4;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 34px 44px -28px rgba(26,29,40,.6)}
.kb9__b img{width:100%;height:100%;object-fit:cover}
.kb9__k figcaption{margin-top:16px;text-align:center}
.kb9__k figcaption b{display:block;font:500 clamp(2rem,2.8vw,2.8rem)/1 var(--serif);color:var(--akzent)}
.kb9__k figcaption span{display:block;margin-top:8px;font:500 1.15rem/1.2 var(--serif);color:var(--tinte)}

/* 10 Konstellation */
.kb10{position:relative;display:grid;grid-template-columns:1fr minmax(0,1.1fr) 1fr;grid-template-rows:repeat(3,auto);gap:clamp(24px,3vw,56px) clamp(24px,3vw,60px);align-items:center}
.kb10__mitte{grid-column:2;grid-row:1/4;position:relative;margin:0;aspect-ratio:1}
.kb10__mitte img{position:absolute;inset:3.5%;width:93%;height:93%;object-fit:cover;border-radius:50%;box-shadow:0 50px 70px -36px rgba(26,29,40,.7)}
.kb10__mitte svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--akzent);stroke-width:.5}
.kb10__a{position:relative}
.kb10__a--0,.kb10__a--1,.kb10__a--2{grid-column:1;text-align:right}.kb10__a--0 h3+p,.kb10__a--1 h3+p,.kb10__a--2 h3+p{margin-left:auto}
.kb10__a--3,.kb10__a--4,.kb10__a--5{grid-column:3}
.kb10__a--0,.kb10__a--3{grid-row:1}.kb10__a--1,.kb10__a--4{grid-row:2}.kb10__a--2,.kb10__a--5{grid-row:3}
.kb10__a--1,.kb10__a--4{transform:translateX(0)}
.kb10__a--0,.kb10__a--2{padding-right:4%}.kb10__a--3,.kb10__a--5{padding-left:4%}
.kb10__l{position:absolute;top:1.4em;width:clamp(30px,3vw,60px);height:1px;background:var(--akzent);opacity:.6}
.kb10__a:is(.kb10__a--0,.kb10__a--1,.kb10__a--2) .kb10__l{right:calc(-1*clamp(30px,3vw,60px) - 4px)}
.kb10__a:is(.kb10__a--3,.kb10__a--4,.kb10__a--5) .kb10__l{left:calc(-1*clamp(30px,3vw,60px) - 4px)}

/* 11 Mappe */
.kb11{max-width:1240px;margin:0 auto;padding:clamp(12px,1.2vw,18px);border-radius:26px;background:linear-gradient(160deg,#303650,#1b2033 50%,#151826);box-shadow:0 60px 80px -44px rgba(17,20,31,.9),inset 0 1px 0 rgba(255,255,255,.12)}
.kb11__in{padding:clamp(34px,4vw,70px) clamp(24px,4vw,70px);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(210,191,152,.45),inset 0 0 0 6px rgba(17,20,31,.4),inset 0 0 0 7px rgba(210,191,152,.2);text-align:center}
.kb11__em{width:62px;height:auto;color:var(--gold);margin:0 auto}
.kb11__h{margin-top:12px;font-family:var(--caps);font-size:.76rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.kb11__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(30px,3vw,48px)}
.kb11__z{padding:clamp(24px,2.6vw,40px) clamp(14px,1.6vw,26px)}
.kb11__z:nth-child(-n+3){border-bottom:1px solid rgba(210,191,152,.28)}
.kb11__z:not(:nth-child(3n+1)){border-left:1px solid rgba(210,191,152,.28)}
.kb11__z b{text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,236,190,.18)}
.kb11__z h3+p{margin-inline:auto}

/* 12 Drei Paare */
.kb12{display:grid;gap:clamp(18px,2vw,30px)}
.kb12__a{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-xl);overflow:hidden;min-height:clamp(340px,30vw,460px);box-shadow:0 46px 60px -36px rgba(17,20,31,.7)}
.kb12__a--um .kb12__b{order:2}
.kb12__b{margin:0}.kb12__b img{width:100%;height:100%;object-fit:cover}
.kb12__t{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(18px,2.4vw,40px);padding:clamp(28px,3.4vw,60px);background:var(--nacht) url(../img/tapete-dunkel.webp?v=08c86b19) 50% 0/340px auto}
.kb12__z+.kb12__z{padding-left:clamp(18px,2.4vw,40px);border-left:1px solid rgba(210,191,152,.28)}

/* 13 Kolonnade */
.kb13{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);align-items:start}
.kb13__a{text-align:center}
.kb13__b{margin:0 0 clamp(18px,1.8vw,26px);aspect-ratio:1/2.4;border-radius:999px 999px var(--r-l) var(--r-l);overflow:hidden;box-shadow:0 40px 50px -30px rgba(26,29,40,.6)}
.kb13__b img{width:100%;height:100%;object-fit:cover}
.kb13__a>b{font-size:clamp(2rem,2.8vw,2.9rem)}
.kb13__a h3{font-size:clamp(1.05rem,1.2vw,1.25rem)}
.kb13__a h3+p{font-size:.9rem;margin-inline:auto}

/* 14 Ein Tag im Haus */
.kb14{position:relative;display:grid;gap:clamp(50px,5vw,90px);max-width:1260px;margin:0 auto}
.kb14::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--akzent),var(--akzent)) 50%/1px 100% no-repeat;opacity:.45}
.kb14__a{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(60px,8vw,150px)}
.kb14__a--um .kb14__b{order:2}
.kb14__zeit{position:absolute;left:50%;top:-6px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px;background:var(--papier);font-family:var(--caps);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--akzent);white-space:nowrap}
.kb14__zeit i{width:9px;height:9px;rotate:45deg;background:var(--akzent)}
.kb14__b{margin:0;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 54px -32px rgba(26,29,40,.6)}
.kb14__b img{width:100%;height:100%;object-fit:cover}
.kb14__a:not(.kb14__a--um) .kb14__t{text-align:left}
.kb14__a--um .kb14__t{text-align:right}.kb14__a--um .kb14__t h3+p{margin-left:auto}

@media (max-width:860px){
  .kb5__wand{aspect-ratio:4/5}.kb5__wahl,.kb1__wahl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb7{grid-template-columns:minmax(0,1fr)}
  .kb10{grid-template-columns:minmax(0,1fr)}.kb10__mitte{grid-column:1;grid-row:auto;width:80%;margin:0 auto}.kb10__a{grid-column:1!important;grid-row:auto!important;text-align:center!important;padding:0!important}.kb10__l{display:none}.kb10__a h3+p{margin-inline:auto}
  .kb11__raster{grid-template-columns:minmax(0,1fr)}.kb11__z{border-left:0!important;border-bottom:1px solid rgba(210,191,152,.28)}
  .kb12__a,.kb12__t{grid-template-columns:minmax(0,1fr)}.kb12__a--um .kb12__b{order:0}.kb12__z+.kb12__z{padding-left:0;border-left:0;padding-top:20px;border-top:1px solid rgba(210,191,152,.28)}.kb12__b{aspect-ratio:4/3}
  .kb13{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb14::before{left:12px}.kb14__a{grid-template-columns:minmax(0,1fr);gap:20px;padding-left:34px}.kb14__a--um .kb14__b{order:0}.kb14__zeit{position:static;transform:none;align-items:flex-start;padding:0;background:none}.kb14__a--um .kb14__t{text-align:left}.kb14__a--um .kb14__t h3+p{margin-left:0}
}
/* Kolonnade ohne Bögen (Bogen-Öffnungen hat Robert im ersten Versuch abgelehnt): hohe Bilder mit runden Ecken */
.kb13__b{border-radius:var(--r-xl);aspect-ratio:1/2.2}

/* ===== 14 «Ein Tag im Haus» als Erlebnis (Robert 11.10.2026): Linie wächst mit dem Scrollen, Stationen fliegen hoch und werden freigeschaltet ===== */
.kb14{padding-top:30px}
.kb14::before{opacity:.18}
.kb14__strich{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(152,115,60,0),var(--akzent) 6%,#c9a35f 50%,var(--akzent));transform:scaleY(0);transform-origin:50% 0;will-change:transform;z-index:1}
.kb14__glanz{position:absolute;left:50%;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff6dc 0%,#e0bf74 45%,rgba(224,191,116,0) 72%);box-shadow:0 0 18px 6px rgba(224,191,116,.45);opacity:0;z-index:3;pointer-events:none;transition:opacity .4s}
.kb14__zeit{z-index:4;font-size:.8rem;letter-spacing:.3em;transition:color .6s}
.kb14__zeit i{width:12px;height:12px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--akzent);transition:background .6s var(--e2),box-shadow .6s var(--e2),scale .8s var(--e1)}
.kb14__a.frei .kb14__zeit i{background:var(--akzent);box-shadow:0 0 0 5px rgba(152,115,60,.14),0 0 22px 4px rgba(201,163,95,.45);scale:1.35}
/* Titel grösser */
.kb14__t h3{font-size:clamp(1.9rem,2.7vw,2.9rem)!important;line-height:1.08;margin-top:clamp(18px,1.8vw,26px)}
.kb14__t>b{font-size:clamp(3.4rem,6vw,6.4rem)!important}
.kb14__t h3+p{font-size:clamp(1rem,1.12vw,1.14rem)!important;max-width:40ch}
/* gesperrt bis die Linie kommt, dann fliegen Foto und Text hoch */
.kb14__a[data-r]{opacity:1!important;transform:none!important}
.kb14__b{opacity:0;transform:translateY(140px) scale(.94);transition:opacity 1s var(--e2),transform 1.6s var(--e3),box-shadow .8s var(--e2)}
.kb14__t>*{opacity:0;transform:translateY(70px);transition:opacity .9s var(--e2),transform 1.3s var(--e3)}
.kb14__a.frei .kb14__b{opacity:1;transform:none}
.kb14__a.frei .kb14__t>*{opacity:1;transform:none}
.kb14__a.frei .kb14__t>:nth-child(1){transition-delay:.18s}.kb14__a.frei .kb14__t>:nth-child(2){transition-delay:.26s}.kb14__a.frei .kb14__t>:nth-child(3){transition-delay:.34s}.kb14__a.frei .kb14__t>:nth-child(4){transition-delay:.42s}
.kb14__zeit{opacity:.35;transition:opacity .6s,color .6s}.kb14__a.frei .kb14__zeit{opacity:1}
/* Überfahren: Goldrahmen zieht sich ums Foto, Linie unter dem Titel läuft aus, Raute leuchtet */
.kb14__b{position:relative}
.kb14__b::after{content:'';position:absolute;inset:10px;border-radius:calc(var(--r-xl) - 8px);box-shadow:inset 0 0 0 1px rgba(232,214,170,.9);opacity:0;transform:scale(1.04);transition:opacity .6s var(--e2),transform .9s var(--e1);pointer-events:none}
.kb14__t h3{position:relative;display:inline-block}
.kb14__t h3::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--akzent);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--e1)}
.kb14__a--um .kb14__t h3::after{transform-origin:100% 50%}
@media (hover:hover){.kb14__a.frei:hover .kb14__b::after{opacity:1;transform:none}.kb14__a.frei:hover .kb14__t h3::after{transform:none}.kb14__a.frei:hover .kb14__zeit i{scale:1.6}}
@media (max-width:860px){.kb14__strich,.kb14__glanz{left:12px}.kb14::before{left:12px}.kb14__zeit i{margin-left:-29px}}
@media (prefers-reduced-motion:reduce){.kb14__b,.kb14__t>*{opacity:1;transform:none;transition:none}}
/* Stationsname über der Zeile auf der Linie, damit er nichts überdeckt */
.kb14{gap:clamp(110px,10vw,170px);padding-top:80px}
.kb14__zeit{top:calc(-1*clamp(62px,5vw,80px));flex-direction:column-reverse;gap:10px;padding:6px 16px}
.kb14__t h3{font-size:clamp(2.1rem,3vw,3.2rem)!important}
@media (max-width:860px){.kb14__zeit{top:auto}}
/* Stationsnamen besser lesbar (Robert 11.10.2026: «gehen so unter»): grösser, kräftiger, dunkleres Gold, ruhige Fläche dahinter */
.kb14__zeit{font-size:clamp(.92rem,1.05vw,1.08rem);font-weight:600;letter-spacing:.24em;color:#6e5225;opacity:.55}
.kb14__a.frei .kb14__zeit{opacity:1}
.kb14__zeit{background:none;padding:0}
.kb14__zeit::before{content:'';position:absolute;z-index:-1;left:-14px;right:-14px;top:-8px;height:calc(1.4em + 16px);border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px rgba(152,115,60,.35)}
.kb14__zeit{position:absolute;isolation:isolate}
@media (max-width:860px){.kb14__zeit{position:static}.kb14__zeit::before{display:none}}
/* Abstand zwischen grosser Zahl und Versalzeile (Robert 11.10.2026: «direkt am Hotel viel zu nah am gratis»): Unterlängen brauchen Luft */
.kb14__t>b{line-height:1}
.kb14__t>span{margin-top:clamp(18px,1.7vw,26px)!important}
:is(.kb1__k,.kb3__k,.kb4__k){margin-top:clamp(16px,1.5vw,22px)}
:is(.kb5__t,.kb6__t,.kb7__t,.kb10__a,.kb11__z,.kb12__z,.kb13__a)>span{margin-top:clamp(14px,1.3vw,20px)}
.kr-z span{margin-top:clamp(14px,1.3vw,18px)}
/* Linie unter dem Titel beim Überfahren entfernt (Robert 11.10.2026: «an der Stelle brauche ich keine Linie») */
.kb14__t h3::after{content:none!important}
/* Stationen neu (Robert 11.10.2026): Wort UNTER dem Punkt, kein Aufploppen, statt Raute ein rundes Medaillon mit dem Zeichen des Hauses.
   Die Linie läuft hinter Medaillon und Wort durch, beide decken sie immer gleich ab. */
.kb14__zeit{flex-direction:column!important;gap:12px!important;opacity:1!important;color:#6e5225}
.kb14__zeit::before{content:none!important}
.kb14__zeit i{display:none}
.kb14__punkt{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--papier);box-shadow:inset 0 0 0 1px rgba(152,115,60,.55),0 0 0 6px var(--papier);transition:background .7s var(--e2),box-shadow .7s var(--e2)}
.kb14__em{width:28px;height:28px;color:rgba(152,115,60,.6);transition:color .7s var(--e2),scale .9s var(--e1)}
.kb14__a.frei .kb14__punkt{background:var(--nacht);box-shadow:inset 0 0 0 1px rgba(210,191,152,.7),0 0 0 6px var(--papier),0 10px 26px -6px rgba(152,115,60,.55)}
.kb14__a.frei .kb14__em{color:var(--gold)}
.kb14__wort{position:relative;padding:6px 16px 5px;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px rgba(152,115,60,.32)}
@media (hover:hover){.kb14__a.frei:hover .kb14__em{scale:1.12}.kb14__a.frei:hover .kb14__zeit i{scale:1}}
.kb14__zeit{top:calc(-1*clamp(96px,8vw,118px))}
@media (max-width:860px){.kb14__zeit{flex-direction:row!important;align-items:center!important;margin-left:-57px}.kb14__punkt{width:40px;height:40px}}
/* Zeichen mittig über «Herzlichkeit und Liebe zum Detail.» und «Wir freuen uns, Sie kennenzulernen.» (Robert 11.10.2026) */
.kr-team__t .raum--nur,.kr-bw__t .raum--nur{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
/* Team-Text ganz mittig (Robert 11.10.2026) */
.kr-team__t{text-align:center}
.kr-team__t .kr-titel{text-align:center}
.kr-team__t .gross,.kr-team__t .lauf{margin-left:auto;margin-right:auto}
.kr-team__t .lauf{max-width:52ch}
.kr-team__kn{justify-content:center;margin-top:clamp(26px,2.6vw,38px)}
/* Stationswörter blass, bis die Linie den Punkt erreicht; die helle Fläche bleibt deckend, nur die Schrift wechselt (Robert 11.10.2026) */
.kb14__zeit{opacity:1!important}
.kb14__wort{color:rgba(110,82,37,.28);box-shadow:inset 0 0 0 1px rgba(152,115,60,.14);transition:color .7s var(--e2),box-shadow .7s var(--e2)}
.kb14__a.frei .kb14__wort{color:#6e5225;box-shadow:inset 0 0 0 1px rgba(152,115,60,.4)}
/* Ende der Linie: grosses Medaillon, «Willkommen im Team.», Knopf */
.kb14__ende{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(70px,6vw,100px)}
.kb14__ende .kb14__zeit{position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.kb14__punkt--gross{width:96px;height:96px}
.kb14__punkt--gross .kb14__em{width:60px;height:60px}
.kb14__ende.frei .kb14__punkt--gross{box-shadow:inset 0 0 0 1px rgba(210,191,152,.8),0 0 0 10px var(--papier),0 0 0 11px rgba(152,115,60,.35),0 20px 50px -10px rgba(152,115,60,.6)}
.kb14__schluss{position:relative;z-index:2;margin-top:clamp(22px,2.2vw,32px);padding:clamp(10px,1vw,16px) 30px 0;background:var(--papier)}
.kb14__schluss>*{opacity:0;transform:translateY(40px);transition:opacity .9s var(--e2),transform 1.3s var(--e3)}
.kb14__ende.frei .kb14__schluss>*{opacity:1;transform:none}
.kb14__ende.frei .kb14__schluss>:nth-child(2){transition-delay:.15s}.kb14__ende.frei .kb14__schluss>:nth-child(3){transition-delay:.3s}
.kb14__caps{font-family:var(--caps);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:#6e5225}
.kb14__willkommen{margin-top:14px;font-size:clamp(2.8rem,5.6vw,6rem)!important;line-height:1}
.kb14__willkommen .z{display:inline-block}.kb14__willkommen .z+.z{margin-left:.22em}
.kb14__ende .kn-reihe{justify-content:center;margin-top:clamp(24px,2.4vw,34px)}
@media (max-width:860px){.kb14__ende{padding-left:0}.kb14__ende .kb14__zeit{margin-left:0}.kb14__punkt--gross{width:72px;height:72px}}
.kb14__strich{bottom:auto;height:var(--ende,100%)}
.kb14::before{bottom:auto;height:var(--ende,100%)}
.kb14__schluss{width:min(900px,100%)}
.kb14__schluss .kn{white-space:nowrap}
.kb14__schluss .kn{display:inline-flex!important;align-items:center}
/* Takt schonen: Medaillon wechselt Farbe ohne animierten Schatten */
.kb14__punkt{transition:background .5s var(--e2)}
/* Ende mit Bild (Robert 11.10.2026: «Bild vom Haus, von der Umgebung, was mehr abholt»): Panorama an der Aare, Karte ragt hinein */
.kb14__panorama{position:relative;width:100%;margin:clamp(30px,3vw,48px) 0 0;aspect-ratio:21/9;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 0 0 1px rgba(124,106,82,.12),0 50px 70px -40px rgba(26,29,40,.7);
  opacity:0;transform:translateY(80px) scale(.97);transition:opacity 1.1s var(--e2),transform 1.6s var(--e3)}
.kb14__panorama img{width:100%;height:100%;object-fit:cover}
.kb14__ende.frei .kb14__panorama{opacity:1;transform:none;transition-delay:.1s}
.kb14__schluss{width:min(760px,92%);margin-top:calc(-1*clamp(90px,9vw,150px));padding:clamp(30px,3.2vw,52px) clamp(24px,3.4vw,60px) clamp(30px,3vw,46px);border-radius:var(--r-xl);background:var(--platte-h);box-shadow:var(--platte-h-s)}
.kb14__schluss::before{content:'';position:absolute;inset:clamp(9px,.9vw,13px);border-radius:16px;border:1px solid rgba(159,137,111,.38);pointer-events:none}
.kb14__ende.frei .kb14__schluss>*{transition-delay:.5s}
.kb14__ende.frei .kb14__schluss>:nth-child(2){transition-delay:.62s}.kb14__ende.frei .kb14__schluss>:nth-child(3){transition-delay:.74s}.kb14__ende.frei .kb14__schluss>:nth-child(4){transition-delay:.86s}
.kb14__willkommen{font-size:clamp(2.6rem,4.8vw,5.2rem)!important}
.kb14__satz{margin-top:clamp(12px,1.2vw,18px);font:500 clamp(1.15rem,1.5vw,1.5rem)/1.4 var(--serif);color:rgba(26,29,40,.75)}
@media (max-width:860px){.kb14__panorama{aspect-ratio:4/3}.kb14__schluss{margin-top:-60px}}
.kb14__ende{gap:0!important}
.kr-polas{margin-top:0;margin-bottom:clamp(70px,7vw,120px)}
/* Abzüge nicht als Reihe, sondern als lockerer Stapel unter dem Text neben dem Formular (Robert 11.10.2026: «weder drüber noch drunter, integrieren») */
.kr-bw{align-items:start}
.kr-bw__t{position:relative}
.kr-stapel{position:relative;height:clamp(300px,28vw,440px);margin-top:clamp(40px,4vw,64px)}
.kr-stapel .kr-pola{position:absolute;width:44%;margin:0!important}
.kr-stapel .kr-pola:nth-child(1){left:0;top:4%;rotate:-6deg;z-index:1}
.kr-stapel .kr-pola:nth-child(2){left:30%;top:0;rotate:3deg;z-index:3}
.kr-stapel .kr-pola:nth-child(3){left:56%;top:12%;rotate:-2deg;z-index:2}
.kr-stapel .kr-pola:nth-child(4){left:14%;top:40%;rotate:4deg;z-index:4;width:38%}
.kr-stapel .kr-pola{display:block!important}
@media (max-width:860px){.kr-stapel{height:clamp(260px,80vw,380px)}}
.kr-stapel{height:clamp(240px,21vw,330px);margin-top:clamp(34px,3.4vw,52px)}
.kr-stapel .kr-pola{width:36%}
.kr-stapel .kr-pola:nth-child(1){left:2%;top:6%}
.kr-stapel .kr-pola:nth-child(2){left:28%;top:0}
.kr-stapel .kr-pola:nth-child(3){left:54%;top:8%}
.kr-stapel .kr-pola:nth-child(4){left:76%;top:2%;width:30%;rotate:5deg;z-index:2}
@media (max-width:860px){.kr-stapel{height:clamp(200px,52vw,300px)}.kr-stapel .kr-pola:nth-child(4){left:62%;top:30%}}
/* Offene Stellen als Karte des Hauses (Robert 11.10.2026: «eleganter, im Stil eines Luxushotels») */
.kr-stellen{position:relative;isolation:isolate;max-width:860px;margin-top:clamp(80px,7vw,120px);padding:clamp(40px,4.4vw,72px) clamp(28px,5vw,90px) clamp(40px,4vw,64px);border-radius:26px;
  background:linear-gradient(160deg,#303650,#22273e 48%,#161a2a);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 #0d1019,0 60px 80px -46px rgba(0,0,0,.85)}
.kr-stellen::before{content:'';position:absolute;inset:12px;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(210,191,152,.5),inset 0 0 0 6px rgba(17,20,31,.35),inset 0 0 0 7px rgba(210,191,152,.2);pointer-events:none;z-index:-1}
.kr-stellen::after{content:'';position:absolute;left:12px;right:12px;top:12px;height:40%;border-radius:17px 17px 0 0;background:radial-gradient(ellipse 60% 100% at 50% 0,rgba(232,214,170,.12),transparent 70%);pointer-events:none;z-index:-1}
.kr-stellen__em{display:block;width:clamp(58px,5vw,74px);height:auto;margin:0 auto clamp(16px,1.6vw,22px);color:var(--gold)}
.kr-stellen .ag-art{color:var(--gold);font-size:clamp(.78rem,.9vw,.92rem)}
.kr-stellen p:nth-child(3){margin:clamp(18px,1.8vw,26px) auto 0;max-width:34ch;font:500 clamp(1.3rem,1.8vw,1.75rem)/1.4 var(--serif);color:#fcf7ee;text-wrap:balance}
.kr-stellen__orn{display:block;width:clamp(150px,13vw,200px);margin:clamp(22px,2.2vw,30px) auto 0;stroke:var(--gold)!important}.kr-stellen__orn path:last-child{fill:var(--gold)}
.kr-stellen .kn-reihe{margin-top:clamp(24px,2.4vw,34px)}
.kr-stellen .kn.kn.kn.kn{--o:#fdf9f1;--m:#f1e6d1;--u:#dccaa6;--t:#1b2033}
.kr-stellen p:nth-child(3){max-width:42ch}
/* Auswahl «Bereich» im Stil des Hauses (Robert 11.10.2026): Creme-Karte mit Goldkante, Namen in der Titelschrift, gewählter Bereich mit Goldraute */
.kr-wahl{position:relative;z-index:5;overflow:visible!important}
.kr-wahl__knopf{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:4px;padding:0;text-align:left;font:500 1.12rem/1.3 var(--serif);color:var(--tinte)}
.kr-wahl__knopf b{font-weight:500}
.kr-wahl__knopf svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--akzent);stroke-width:1.4;transition:transform .5s var(--e1)}
.kr-wahl.offen .kr-wahl__knopf svg{transform:rotate(180deg)}
.kr-wahl__liste{position:absolute;left:-1px;right:-1px;top:calc(100% + 10px);margin:0;padding:10px;list-style:none;border-radius:20px;background:linear-gradient(180deg,#fdf9f1,#f4ecdc);
  box-shadow:inset 0 0 0 1px rgba(152,115,60,.35),inset 0 0 0 5px rgba(253,249,241,.9),inset 0 0 0 6px rgba(152,115,60,.18),0 34px 50px -24px rgba(17,20,31,.6),0 10px 18px -10px rgba(17,20,31,.35);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:50% 0;transition:opacity .35s var(--e2),transform .5s var(--e1),visibility 0s .5s;outline:0}
.kr-wahl.offen .kr-wahl__liste{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--e2),transform .5s var(--e1),visibility 0s}
.kr-wahl__liste li{position:relative;display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:12px;font:500 1.15rem/1.25 var(--serif);color:var(--tinte);cursor:pointer;transition:background .25s,color .25s}
.kr-wahl__liste li+li::before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:rgba(152,115,60,.16)}
.kr-wahl__liste li i{width:7px;height:7px;flex:none;rotate:45deg;box-shadow:inset 0 0 0 1px rgba(152,115,60,.45);transition:background .3s}
.kr-wahl__liste li.hier{background:rgba(152,115,60,.1)}
.kr-wahl__liste li[aria-selected=true]{background:var(--nacht);color:#fcf7ee}
.kr-wahl__liste li[aria-selected=true] i{background:var(--gold);box-shadow:none}
.kr-wahl__liste li[aria-selected=true]::before,.kr-wahl__liste li[aria-selected=true]+li::before{opacity:0}
/* Stapel etwas nach links (Robert 11.10.2026: «sitzt zu weit rechts») */
.kr-stapel .kr-pola:nth-child(1){left:-3%}
.kr-stapel .kr-pola:nth-child(2){left:21%}
.kr-stapel .kr-pola:nth-child(3){left:45%}
.kr-stapel .kr-pola:nth-child(4){left:65%}
@media (max-width:860px){.kr-stapel .kr-pola:nth-child(1){left:0}.kr-stapel .kr-pola:nth-child(4){left:60%}}
/* «Offene Stellen» und «Fragen zu einer Stelle» als eine kleine goldene Karte (Robert 11.10.2026: «viel kleiner», «Goldenes», «aus beiden eins») */
.kr-stellen{display:none}
.kr-gold{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(20px,3vw,48px);max-width:900px;margin:clamp(70px,6vw,100px) auto 0;
  padding:clamp(24px,2.4vw,34px) clamp(26px,3vw,44px);border-radius:20px;color:#1b1608;
  background:linear-gradient(115deg,#f6e7bd 0%,#dcc07e 28%,#c9a560 48%,#e8d39b 70%,#b99558 100%);
  box-shadow:inset 0 1px 0 rgba(255,250,230,.8),inset 0 -2px 0 rgba(120,88,36,.45),0 2px 0 #6e5225,0 40px 60px -34px rgba(0,0,0,.85)}
.kr-gold::before{content:'';position:absolute;inset:8px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(91,66,25,.38);pointer-events:none;z-index:-1}
.kr-gold__caps{display:flex;align-items:center;gap:12px;font-family:var(--caps);font-weight:600;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:#4a3712}
.kr-gold__caps i{display:block;width:34px;height:1px;background:rgba(74,55,18,.5)}
.kr-gold__satz{margin-top:10px;max-width:50ch;font:500 clamp(1.1rem,1.3vw,1.3rem)/1.38 var(--serif);color:#1b1608}
.kr-gold__klein{margin-top:8px;font-size:.88rem;line-height:1.5;color:rgba(43,32,10,.78)}
.kr-gold__klein a{box-shadow:inset 0 -1px 0 rgba(43,32,10,.5)}
.kr-gold__kn{margin:0}
.kr-gold .kn.kn.kn.kn{--o:#3f4767;--m:#2c334d;--u:#181c2d;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(27,32,51,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
@media (max-width:760px){.kr-gold{grid-template-columns:minmax(0,1fr);text-align:center}.kr-gold__caps{justify-content:center}.kr-gold__satz{margin-inline:auto}.kr-gold__kn{justify-content:center}}
/* Goldkarte ganz mittig, «Offene Stellen» grösser, Knopf darunter mittig (Robert 11.10.2026) */
.kr-gold{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;max-width:760px;gap:clamp(18px,1.8vw,26px);padding:clamp(32px,3vw,46px) clamp(28px,4vw,60px)}
.kr-gold__caps{justify-content:center;font-size:clamp(1rem,1.25vw,1.25rem);letter-spacing:.32em}
.kr-gold__caps i{width:clamp(40px,4vw,64px)}
.kr-gold__satz{margin:14px auto 0;text-wrap:balance}
.kr-gold__klein{margin-inline:auto}
.kr-gold__kn{justify-content:center}
/* Goldkarte als Billett wie die Kontaktkarte im Fuss (Robert 11.10.2026): Kopf, Zeichen, Satz, Knopf · Perforation mit Kerben · Abschnitt mit den Kontakten */
.kr-ticket{display:flex!important;flex-direction:column;align-items:center;max-width:620px;padding:clamp(34px,3.4vw,52px) clamp(26px,3.6vw,56px) 0;border-radius:26px}
.kr-ticket::before{inset:10px;border-radius:18px}
.kr-ticket__em{width:clamp(64px,5.4vw,84px);height:auto;margin-top:clamp(16px,1.6vw,22px);color:#5a4317}
.kr-ticket .kr-gold__satz{margin-top:clamp(14px,1.4vw,20px)}
.kr-ticket .kr-gold__kn{margin-top:clamp(20px,2vw,28px)}
.kr-ticket__riss{position:relative;align-self:stretch;margin:clamp(30px,3vw,42px) calc(-1*clamp(26px,3.6vw,56px)) 0;height:0;border-top:2px dashed rgba(74,55,18,.4)}
.kr-ticket__riss::before,.kr-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)}
.kr-ticket__riss::before{left:-21px}.kr-ticket__riss::after{right:-21px}
.kr-ticket__stub{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(20px,2vw,28px) 0 clamp(26px,2.6vw,36px)}
.kr-ticket__nr{font-family:var(--mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(43,32,10,.55)}
.kr-ticket__stub b{margin-top:6px;font-family:var(--caps);font-weight:600;font-size:.82rem;letter-spacing:.28em;text-transform:uppercase;color:#4a3712}
.kr-ticket__stub a{font-size:1.02rem;color:#1b1608}
.kr-ticket__stub a:hover{box-shadow:inset 0 -1px 0 currentColor}
.kr-ticket .kr-gold__klein{display:none}
.kr-ticket{gap:0!important}
/* Goldenes Billett quer über die volle Breite (Robert 11.10.2026: «links und rechts so viel Leerraum, anders lösen»):
   Foto · Hauptteil · senkrechte Perforation mit Kerben oben und unten · Abschnitt mit Zeichen und Kontakten */
.kr-quer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) 0 minmax(0,.75fr);align-items:stretch;margin-top:clamp(70px,6vw,100px);
  border-radius:26px;color:#1b1608;background:linear-gradient(115deg,#f6e7bd 0%,#dcc07e 26%,#c9a560 46%,#e8d39b 68%,#b99558 100%);
  box-shadow:inset 0 1px 0 rgba(255,250,230,.8),inset 0 -2px 0 rgba(120,88,36,.45),0 2px 0 #6e5225,0 50px 70px -40px rgba(0,0,0,.85)}
.kr-quer::before{content:'';position:absolute;inset:10px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(91,66,25,.38);pointer-events:none;z-index:2}
.kr-quer__b{position:relative;margin:10px 0 10px 10px;border-radius:18px 0 0 18px;overflow:hidden;min-height:clamp(260px,22vw,340px)}
.kr-quer__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kr-quer__haupt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(30px,3vw,48px) clamp(24px,3vw,52px)}
.kr-quer .kr-gold__caps{justify-content:center;font-size:clamp(1rem,1.25vw,1.25rem);letter-spacing:.32em}
.kr-quer .kr-gold__caps i{width:clamp(36px,3.6vw,56px)}
.kr-quer .kr-gold__satz{margin:clamp(14px,1.4vw,20px) auto 0;max-width:40ch;text-wrap:balance}
.kr-quer .kr-gold__kn{justify-content:center;margin-top:clamp(20px,2vw,28px)}
.kr-quer__riss{position:relative;border-left:2px dashed rgba(74,55,18,.4);margin:26px 0}
.kr-quer__riss::before,.kr-quer__riss::after{content:'';position:absolute;left:-21px;width:40px;height:40px;border-radius:50%;background:var(--nacht);box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}
.kr-quer__riss::before{top:-48px}.kr-quer__riss::after{bottom:-48px}
.kr-quer__stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:clamp(26px,2.6vw,40px) clamp(18px,2vw,32px)}
.kr-quer__em{width:clamp(56px,4.6vw,72px);height:auto;margin-bottom:10px;color:#5a4317}
.kr-quer__stub b{margin-top:6px;font-family:var(--caps);font-weight:600;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#4a3712}
.kr-quer__stub a{font-size:1rem;color:#1b1608}
.kr-quer__stub a:hover{box-shadow:inset 0 -1px 0 currentColor}
.kr-quer .kn.kn.kn.kn{--o:#3f4767;--m:#2c334d;--u:#181c2d;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.45);--tief:rgba(27,32,51,.5);--ko:#f9f1e1;--ku:#e2d2b5;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.kr-ticket{display:none!important}
@media (max-width:960px){
  .kr-quer{grid-template-columns:minmax(0,1fr)}
  .kr-quer__b{margin:10px 10px 0;border-radius:18px 18px 0 0;min-height:0;aspect-ratio:16/9}
  .kr-quer__riss{border-left:0;border-top:2px dashed rgba(74,55,18,.4);margin:0 26px;height:0}
  .kr-quer__riss::before,.kr-quer__riss::after{top:-21px;left:auto;bottom:auto}.kr-quer__riss::before{left:-48px}.kr-quer__riss::after{right:-48px}
}
@media (max-width:560px){.kr-quer .kr-gold__caps{font-size:.9rem;letter-spacing:.22em;white-space:nowrap}.kr-quer .kr-gold__caps i{width:24px}}
.kr-quer__em{width:clamp(84px,7vw,112px)!important;margin-bottom:14px}