/* Anleitung zum Studio: liegt über werkbank.css (Kit), nur das Eigene. Bewegung nur über transform und opacity. */
.leiste{animation-delay:.4s}
.insel__m img{height:26px;width:auto;display:block}
.auftakt--kurz .t1{font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:1.06}
.auftakt--kurz{min-height:auto;padding-top:clamp(150px,16vh,200px);padding-bottom:clamp(90px,10vw,160px);justify-content:flex-start}
.auftakt--kurz .auftakt__t{max-width:none}
.auftakt--kurz .lauf{margin-top:clamp(20px,2.4vw,34px);max-width:52ch;font-size:clamp(1.08rem,1.3vw,1.3rem)}
.auftakt--kurz .kn-reihe{margin-top:clamp(24px,2.8vw,40px)}
.inhalt{display:grid;gap:clamp(18px,2.4vw,34px)}
.inhalt__g{display:grid;gap:14px 40px;padding:clamp(22px,2.8vw,40px) 0;border-top:1px solid rgba(15,22,32,.14)}
.inhalt__g:last-child{border-bottom:1px solid rgba(15,22,32,.14)}
@media(min-width:960px){.inhalt__g{grid-template-columns:300px minmax(0,1fr);align-items:start}}
.inhalt__k b{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.05}
.inhalt__k span{display:block;margin-top:8px;font-size:.98rem;color:rgba(15,22,32,.66);max-width:26ch;line-height:1.45}
.inhalt__k i{display:inline-block;margin-top:12px;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.inhalt__l{display:grid}
.inhalt__l a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:14px 10px 14px 0;border-top:1px solid rgba(15,22,32,.09);color:var(--tinte);transition:background-color .3s,padding .5s var(--e2)}
.inhalt__l a:first-child{border-top:0}
.inhalt__l a:hover{background:var(--weiss);padding-left:12px}
.inhalt__l i{grid-column:1;grid-row:1/3;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--taupe)}
.inhalt__l b{grid-column:2;grid-row:1;font-family:var(--serif);font-weight:700;font-size:clamp(1.15rem,1.45vw,1.45rem);line-height:1.1}
.inhalt__l span{grid-column:2;grid-row:2;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.inhalt__l em{grid-column:3;grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--nacht);color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .5s var(--e2)}
.inhalt__l em svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4}
.inhalt__l a:hover em{opacity:1;transform:none}
.kapitel-alle{background:var(--papier);color:var(--tinte)}
.kapitel{padding:clamp(60px,7vw,120px) var(--rand);border-top:1px solid rgba(15,22,32,.1)}
.kapitel__in{display:grid;gap:clamp(28px,4vw,64px);align-items:center}
@media(min-width:1000px){.kapitel__in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.kapitel--um .kapitel__t{order:2}}
.kapitel .t2{font-size:clamp(2.2rem,4.2vw,4.2rem);line-height:1.08}
.kapitel .lauf{margin-top:18px;color:rgba(15,22,32,.82)}
.kapitel .lauf p{color:rgba(15,22,32,.82)}
.kapitel .t2 em,.auftakt--kurz .t1 em{color:var(--gold);font-style:normal}
.kapitel .t2 em{color:var(--taupe)}
.kapitel .kap{color:var(--taupe)}
.schritte2{margin-top:clamp(22px,2.6vw,36px);display:grid;gap:10px;max-width:60ch}
.schritte2 li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;font-size:1.02rem;line-height:1.55}
.schritte2 i{width:34px;height:34px;border-radius:50%;background:var(--nacht);color:var(--gold);display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:12px;margin-top:1px}
.tipp{margin-top:clamp(20px,2.4vw,30px);padding:14px 18px;border-radius:14px;background:rgba(15,22,32,.05);font-size:.98rem;line-height:1.5;color:rgba(15,22,32,.78);max-width:60ch}
.tipp b{display:block;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-bottom:5px}
.kapitel .kino{box-shadow:0 0 0 1px rgba(15,22,32,.2),0 50px 60px -40px rgba(20,30,40,.7)}
.kino--bild .kino__s{cursor:zoom-in}
.kino--bild.kino--gross .kino__s{cursor:zoom-out}
.kino--bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kino__lupe{position:absolute;right:14px;bottom:14px;z-index:2;height:34px;padding:0 14px;border-radius:999px;background:var(--navy);color:var(--papier);display:grid;place-items:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s}
.kino--gross .kino__lupe{opacity:0}
.schluss2{padding-top:clamp(90px,11vw,170px)}
.schluss2 .lauf{margin:22px 0 30px;max-width:52ch}
.schluss2 .t2 em{color:var(--gold);font-style:normal}
@media(max-width:999px){.kapitel__f{order:-1}}
body.kino-offen{overflow:hidden}