/* edv-mike · Mike Schmidt · Bad Tölz — Stylesheet
   Schrift lokal (Lexend, SIL OFL). Keine externen Ressourcen. */
@font-face{font-family:"Lexend";src:url("../fonts/lexend-latin.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}

:root{
  --nacht:#0C0E12;--nacht-2:#14171D;--graphit:#1E2129;--graphit-2:#2A2E38;
  --silber:#C9CDD3;--silber-2:#E4E7EB;--hell:#F2F4F7;--muted:#B7C0CC;
  --blau:#1D5A9E;--blau-2:#164A84;--himmel:#A9D5FE;--warm:#F0C27A;
  --grund:#F7F5F0;--weiss:#FFFFFF;--text:#1E2129;--text-2:#3B4250;--linie:#D9DCE1;
  --radius:18px;--shadow:0 24px 50px -32px rgba(12,14,18,.55);
  --f:"Lexend",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --header-h:76px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--f);font-weight:350;font-size:1.1875rem;line-height:1.62;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{max-width:100%;display:block}
h1,h2,h3,h4{font-weight:650;line-height:1.12;letter-spacing:-.012em;margin:0;overflow-wrap:break-word;hyphens:auto}
p,li,td,th,dd{overflow-wrap:break-word}
p{margin:0}
a{color:var(--blau);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--blau-2)}
:focus-visible{outline:3px solid var(--himmel);outline-offset:3px;border-radius:6px}
.on-light :focus-visible,.light :focus-visible{outline-color:var(--blau)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:12px;z-index:100;background:var(--weiss);color:var(--graphit);padding:12px 18px;border-radius:12px;font-weight:600;transform:translateY(-160%);transition:transform .2s}
.skip:focus{transform:none}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
.ico{width:1.15em;height:1.15em;flex:0 0 auto;display:inline-block;vertical-align:-.2em}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:linear-gradient(180deg,rgba(12,14,18,.82),rgba(12,14,18,.62));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,205,211,.14);color:var(--hell)}
.site-header .wrap{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;color:var(--hell);text-decoration:none;flex:0 0 auto}
.brand img{height:46px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.brand b{display:block;font-weight:650;font-size:1.45rem;line-height:1;color:var(--weiss);letter-spacing:-.01em}
.brand small{display:block;margin-top:5px;font-size:.78rem;font-weight:400;color:var(--muted);letter-spacing:.01em;white-space:nowrap}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.main-nav a{display:block;padding:10px 14px;border-radius:12px;color:var(--silber-2);text-decoration:none;font-weight:450;font-size:1.02rem}
.main-nav a:hover{background:rgba(255,255,255,.08);color:var(--weiss)}
.main-nav a[aria-current="page"]{color:var(--weiss);box-shadow:inset 0 -3px 0 var(--himmel)}
.header-call{display:inline-flex;align-items:center;gap:10px;background:var(--himmel);color:#0E1A2A;text-decoration:none;font-weight:600;padding:12px 18px;border-radius:999px;white-space:nowrap}
.header-call:hover{background:#C8E4FF;color:#0E1A2A}
.menu-toggle{display:none;margin-left:auto;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;border:1.5px solid rgba(228,231,235,.45);background:transparent;color:var(--weiss);cursor:pointer}
.menu-toggle svg{width:26px;height:26px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 26px;border-radius:14px;font:inherit;font-weight:600;font-size:1.05rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--blau);color:var(--weiss);box-shadow:0 12px 26px -14px rgba(29,90,158,.9)}
.btn--primary:hover{background:var(--blau-2);color:var(--weiss)}
.btn--light{background:var(--himmel);color:#0E1A2A}
.btn--light:hover{background:#C8E4FF;color:#0E1A2A}
.btn--ghost-dark{background:rgba(12,14,18,.35);color:var(--weiss);border-color:rgba(242,244,247,.7)}
.btn--ghost-dark:hover{background:rgba(12,14,18,.55);color:var(--weiss)}
.btn--ghost{background:var(--weiss);color:var(--graphit);border-color:var(--graphit)}
.btn--ghost:hover{background:var(--silber-2);color:var(--graphit)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Scroll-Film (Startseite) ---------- */
.film{position:relative;background:var(--nacht);color:var(--hell)}
.film__stage{position:relative}
.film__video,.film__stills{display:none}
.film__shade{display:none}
.ki-badge{position:absolute;z-index:6;left:16px;bottom:14px;margin:0;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:#E8ECF1;background:rgba(12,14,18,.62);border:1px solid rgba(228,231,235,.25);padding:6px 10px;border-radius:999px;pointer-events:none}
.film__rail,.film__progress,.scroll-hint{display:none}
.film:not(.film--live) .film__badge{display:none}
.facts small{display:block;font-size:.85rem;color:var(--text-2)}

/* Statischer Modus (ohne JS / reduzierte Bewegung): Kapitel als Abschnitte mit Standbild */
.chapter{position:relative;min-height:88vh;display:flex;align-items:center;padding:calc(var(--header-h) + 40px) 0 64px;overflow:hidden;isolation:isolate}
.chapter__still{position:absolute;inset:0;z-index:-2}
.chapter__still img{width:100%;height:100%;object-fit:cover}
.chapter::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,18,.86) 0%,rgba(12,14,18,.62) 45%,rgba(12,14,18,.12) 100%)}
.chapter .ki-badge{left:auto;right:16px}
.chapter__inner{width:min(1180px,100% - 48px);margin-inline:auto}
.panel{max-width:610px;background:rgba(12,14,18,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(228,231,235,.16);border-radius:24px;padding:34px 36px;box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--himmel)}
.kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.film h1{margin-top:14px;font-size:clamp(2rem,1.3rem + 2.6vw,3.55rem);color:var(--weiss);text-shadow:0 2px 24px rgba(0,0,0,.45)}
.film h1 em{font-style:normal;color:var(--himmel)}
.nw{white-space:nowrap}
.panel--wide{max-width:690px}
.film h2{margin-top:12px;font-size:clamp(1.9rem,1.3rem + 2vw,3rem);color:var(--weiss)}
.film .lead{margin-top:16px;font-size:clamp(1.12rem,1rem + .35vw,1.32rem);color:#E3E8EF;line-height:1.6}
.film .btn-row{margin-top:26px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.chips li{font-size:.95rem;font-weight:450;color:#E8EDF3;border:1px solid rgba(228,231,235,.35);background:rgba(255,255,255,.06);padding:8px 13px;border-radius:999px}
.timeline{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.timeline li{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:baseline}
.timeline b{font-size:1.5rem;font-weight:650;color:var(--himmel);letter-spacing:-.01em}
.timeline span{color:#E3E8EF}
.textlink{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--himmel);font-weight:550;text-decoration:none;border-bottom:2px solid rgba(169,213,254,.45);padding-bottom:3px}
.textlink:hover{color:var(--weiss);border-color:var(--weiss)}
.contact-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.contact-list a{display:flex;align-items:center;gap:12px;color:var(--weiss);text-decoration:none;font-weight:500;font-size:1.12rem;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(228,231,235,.22)}
.contact-list a:hover{background:rgba(255,255,255,.14)}
.contact-list small{display:block;font-size:.82rem;font-weight:400;color:var(--muted)}

/* Live-Modus (JS aktiv, Bewegung erlaubt): Film klebt, Kapitel schweben darueber */
.film--live{height:680vh}
.film--live .film__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.film--live .film__video,.film--live .film__stills{display:block;position:absolute;inset:0;width:100%;height:100%}
.film--live .film__video{object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .5s ease;z-index:1}
.film--live.video-ready .film__video{opacity:1}
.film--live .film__stills{z-index:0}
.film--live .film__stills img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s linear}
.film--live .film__stills img.is-on{opacity:1}
.film--live .film__shade{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(12,14,18,.78) 0%,rgba(12,14,18,.48) 38%,rgba(12,14,18,0) 70%),linear-gradient(180deg,rgba(12,14,18,.45) 0%,rgba(12,14,18,0) 22%,rgba(12,14,18,0) 70%,rgba(12,14,18,.55) 100%)}
.film--live .chapter{position:absolute;inset:0;z-index:4;min-height:0;padding:calc(var(--header-h) + 24px) 0 40px;opacity:var(--o,0);visibility:hidden;transform:translate3d(0,var(--y,0px),0);filter:blur(var(--blur,0px))}
.film--live .chapter.is-visible{visibility:visible}
.film--live .chapter::before,.film--live .chapter__still,.film--live .chapter .ki-badge{display:none}
.film--live .chapter[aria-hidden="true"] *{pointer-events:none}
.film--live .film__rail{display:block;position:absolute;z-index:5;right:26px;top:50%;transform:translateY(-50%)}
.film__rail ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.film__rail button{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;background:none;border:0;padding:4px 0;cursor:pointer;color:#DDE3EA;font:inherit;font-size:.9rem;font-weight:500}
.film__rail button span{opacity:.0;transform:translateX(6px);transition:opacity .25s,transform .25s;background:rgba(12,14,18,.62);padding:5px 10px;border-radius:999px;white-space:nowrap}
.film__rail button i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(242,244,247,.85);background:rgba(12,14,18,.4);transition:all .25s}
.film__rail button:hover span,.film__rail button:focus-visible span,.film__rail button.is-active span{opacity:1;transform:none}
.film__rail button.is-active i{background:var(--himmel);border-color:var(--himmel);box-shadow:0 0 0 5px rgba(169,213,254,.22)}
.film--live .film__progress{display:block;position:absolute;z-index:5;left:0;right:0;top:var(--header-h);height:3px;background:rgba(255,255,255,.08)}
.film__progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--himmel),#E8F3FF)}
.film--live .scroll-hint{display:flex;position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:#EEF2F6;background:rgba(12,14,18,.55);border:1px solid rgba(228,231,235,.25);padding:10px 16px;border-radius:999px;opacity:var(--hint,1);transition:opacity .3s}
.scroll-hint svg{animation:hint 1.8s ease-in-out infinite}
@keyframes hint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}

/* ---------- Helle Inhaltsbereiche ---------- */
.light{background:var(--grund);color:var(--text)}
.section{padding:88px 0}
.section--tight{padding:64px 0}
.section h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);color:var(--graphit)}
.section .intro{margin-top:14px;max-width:720px;color:var(--text-2);font-size:1.15rem}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blau)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);padding:28px 28px 30px;box-shadow:var(--shadow)}
.card h3{font-size:1.35rem;color:var(--graphit)}
.card p{margin-top:10px;color:var(--text-2)}
.card .icon{width:56px;height:56px;border-radius:16px;background:#E7EFF8;color:var(--blau);display:grid;place-items:center;margin-bottom:16px}
.card .icon svg{width:28px;height:28px}
.card ul{margin:12px 0 0;padding-left:1.1em;color:var(--text-2)}
.card li+li{margin-top:6px}
.card a.more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:550;text-decoration:none}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.facts li{display:flex;gap:12px;align-items:flex-start}
.facts svg{color:var(--blau);margin-top:4px}
.tel-link{font-weight:600;color:var(--graphit);text-decoration:none;white-space:nowrap}
.tel-link:hover{color:var(--blau)}

/* Unterseiten-Kopf */
.page-hero{position:relative;isolation:isolate;color:var(--hell);background:var(--nacht);padding:calc(var(--header-h) + 72px) 0 72px;overflow:hidden}
.page-hero__img{position:absolute;inset:0;z-index:-2}
.page-hero__img img{width:100%;height:100%;object-fit:cover}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,18,.9) 0%,rgba(12,14,18,.7) 46%,rgba(12,14,18,.25) 100%)}
.page-hero h1{margin-top:14px;font-size:clamp(2.2rem,1.5rem + 2.6vw,3.6rem);color:var(--weiss)}
.page-hero .lead{margin-top:16px;max-width:640px;font-size:1.22rem;color:#E3E8EF}
.page-hero .ki-badge{left:auto;right:16px}
.page-hero .caption{position:absolute;right:16px;bottom:14px;margin:0;font-size:.8rem;color:#E3E8EF;background:rgba(12,14,18,.6);padding:6px 10px;border-radius:999px}
.breadcrumb{font-size:.9rem;color:var(--muted)}
.breadcrumb a{color:var(--silber-2)}

/* Über mich */
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.photo{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.photo figcaption{position:absolute;left:12px;bottom:12px;font-size:.85rem;color:#fff;background:rgba(12,14,18,.6);padding:6px 10px;border-radius:999px}
.placeholder{display:grid;place-items:center;text-align:center;aspect-ratio:4/5;border-radius:22px;border:2px dashed #AEB6C2;background:repeating-linear-gradient(135deg,#EEF0F3 0 14px,#F6F7F9 14px 28px);color:var(--text-2);padding:24px}
.placeholder svg{width:64px;height:64px;color:#8A94A3;margin:0 auto 12px}
.quote{margin:0;padding:28px 30px;border-left:4px solid var(--blau);background:var(--weiss);border-radius:0 18px 18px 0;box-shadow:var(--shadow);font-size:1.25rem;line-height:1.55;color:var(--graphit)}
.quote cite{display:block;margin-top:12px;font-style:normal;font-size:1rem;color:var(--text-2)}
.steps-years{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.steps-years li{background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:22px 22px 24px}
.steps-years b{display:block;font-size:2rem;font-weight:650;color:var(--blau);letter-spacing:-.01em}
.steps-years span{display:block;margin-top:6px;color:var(--text-2)}

/* Kontakt + Assistent */
.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{display:flex;gap:16px;align-items:center;background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--graphit);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
a.contact-card:hover{border-color:var(--blau);transform:translateY(-2px);color:var(--graphit)}
.contact-card .icon{flex:0 0 52px;height:52px;border-radius:14px;background:#E7EFF8;color:var(--blau);display:grid;place-items:center}
.contact-card .icon svg{width:26px;height:26px}
.contact-card small{display:block;color:var(--text-2);font-size:.9rem}
.contact-card strong{display:block;font-size:1.15rem;font-weight:600;word-break:break-word}
.assistant{background:var(--weiss);border:1px solid var(--linie);border-radius:24px;padding:34px 34px 30px;box-shadow:var(--shadow)}
.assistant h2{font-size:1.9rem}
.assistant .intro{margin-top:8px}
.steps-nav{display:flex;gap:8px;margin:24px 0 8px;list-style:none;padding:0}
.steps-nav li{flex:1;height:6px;border-radius:6px;background:#E3E6EA}
.steps-nav li.is-done,.steps-nav li.is-current{background:var(--blau)}
.step{border:0;margin:22px 0 0;padding:0;min-width:0}
.step legend{font-size:1.35rem;font-weight:650;color:var(--graphit);padding:0;margin-bottom:6px}
.step .hint{color:var(--text-2);margin-bottom:14px}
.js .step[hidden]{display:none}
.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.option{position:relative}
.option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.option label{display:flex;gap:14px;align-items:center;min-height:72px;padding:16px 18px;border:2px solid #CBD1D9;border-radius:16px;background:#FBFBFC;font-weight:500;font-size:1.08rem;color:var(--graphit);cursor:pointer;transition:border-color .15s,background .15s}
.option label svg{width:28px;height:28px;color:var(--blau);flex:0 0 auto}
.option input:hover+label{border-color:var(--blau)}
.option input:checked+label{border-color:var(--blau);background:#E7EFF8;box-shadow:inset 0 0 0 1px var(--blau)}
.option input:focus-visible+label{outline:3px solid var(--blau);outline-offset:3px}
.field{display:grid;gap:6px;margin-top:14px}
.field label{font-weight:550;color:var(--graphit)}
.field input,.field textarea{font:inherit;font-size:1.05rem;padding:14px 16px;border:2px solid #CBD1D9;border-radius:14px;background:#FBFBFC;color:var(--graphit);width:100%}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--blau);outline:none;box-shadow:0 0 0 3px rgba(29,90,158,.25)}
.assistant .btn-row{margin-top:24px}
.summary{margin-top:18px;padding:18px 20px;border-radius:16px;background:#F1F4F8;border:1px solid var(--linie);white-space:pre-wrap;font-size:1rem;color:var(--graphit)}
.note{margin-top:14px;font-size:.92rem;color:var(--text-2)}

/* Recht */
.legal{max-width:820px}
.legal h2{font-size:1.45rem;margin-top:38px}
.legal h2:first-child{margin-top:0}
.legal p,.legal ul{margin-top:12px;color:var(--text-2)}
.legal .orig{border-left:4px solid var(--silber);padding-left:18px}
.draft-note{padding:18px 20px;border-radius:16px;background:#FFF7E8;border:1px solid #F0D6A4;color:#5A4520;font-size:1rem;margin-bottom:28px}

/* Footer */
.site-footer{background:var(--graphit);color:#D7DCE3;padding:56px 0 calc(32px + env(safe-area-inset-bottom))}
.site-footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.site-footer h2{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--himmel);font-weight:600}
.site-footer p,.site-footer li{font-size:1rem;color:#D7DCE3}
.site-footer ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.site-footer a{color:var(--weiss);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.footer-brand img{height:44px}
.footer-brand b{font-size:1.35rem;color:var(--weiss)}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(215,220,227,.18);padding-top:20px;font-size:.88rem!important;color:#AEB7C3!important}

/* Mobile Anrufleiste */
.callbar{display:none}

/* Einblenden beim Scrollen (nur mit JS) */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.is-in{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media (max-width:1120px){
  .main-nav,.header-call{display:none}
  .menu-toggle{display:inline-flex}
  .site-header.is-open .main-nav{display:block;position:fixed;left:0;right:0;top:var(--header-h);background:rgba(12,14,18,.97);padding:14px 20px 22px;border-bottom:1px solid rgba(201,205,211,.18)}
  .site-header.is-open .main-nav ul{flex-direction:column;gap:4px}
  .site-header.is-open .main-nav a{font-size:1.2rem;padding:14px 12px}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  :root{--header-h:68px}
  body{font-size:1.125rem;padding-bottom:72px}
  .wrap,.chapter__inner{width:min(1180px,100% - 32px)}
  .brand img{height:38px}
  .brand b{font-size:1.25rem}
  .brand small{display:none}
  .section{padding:64px 0}
  .grid--3,.grid--2,.split,.contact-cards{grid-template-columns:minmax(0,1fr)}
  .split{gap:32px}
  .steps-years{grid-template-columns:minmax(0,1fr)}
  .panel{padding:24px 22px;border-radius:20px}
  .btn{width:100%}
  .chapter{align-items:flex-end}
  .chapter::before{background:linear-gradient(180deg,rgba(12,14,18,.2) 0%,rgba(12,14,18,.55) 40%,rgba(12,14,18,.9) 100%)}
  .film--live .chapter{align-items:flex-end;padding:calc(var(--header-h) + 16px) 0 calc(78px + env(safe-area-inset-bottom))}
  .hide-sm{display:none!important}
  .film .panel{background:rgba(12,14,18,.5);padding:20px 18px 22px}
  .film h1{font-size:1.9rem}
  .film h2{font-size:1.6rem}
  .film .lead{font-size:1.02rem;margin-top:10px}
  .film .btn-row{margin-top:16px}
  .film .btn{min-height:52px}
  .kicker{font-size:.76rem}
  .chips{gap:6px;margin-top:12px}
  .chips li{font-size:.82rem;padding:6px 10px}
  .timeline{margin-top:12px;gap:6px}
  .timeline b{font-size:1.2rem}
  .timeline span{font-size:.98rem}
  .textlink{margin-top:14px}
  .film--live .scroll-hint{display:none}
  .film--live .film__shade{background:linear-gradient(180deg,rgba(12,14,18,.5) 0%,rgba(12,14,18,0) 26%,rgba(12,14,18,.15) 46%,rgba(12,14,18,.82) 100%)}
  .film--live .film__rail{display:none}
  .ki-badge{bottom:auto;top:calc(var(--header-h) + 12px);left:12px;font-size:.78rem}
  .film--live .ki-badge{top:calc(var(--header-h) + 14px)}
  .timeline li{grid-template-columns:76px 1fr}
  .site-footer .wrap{grid-template-columns:minmax(0,1fr)}
  .assistant{padding:24px 18px}
  .callbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--graphit);border-top:1px solid rgba(255,255,255,.12)}
  .callbar a{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--weiss);text-decoration:none;font-weight:600;font-size:1.08rem}
  .callbar a+a{border-left:1px solid rgba(255,255,255,.16)}
  .page-hero{padding:calc(var(--header-h) + 48px) 0 52px}
  .page-hero::before{background:linear-gradient(180deg,rgba(12,14,18,.55),rgba(12,14,18,.88))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}
@media print{
  .site-header,.callbar,.film__rail,.scroll-hint{display:none!important}
  body{background:#fff}
}


/* =====================================================================
   WordPress: Inhalte aus dem Block-Editor (Seiten bearbeiten unter „Seiten“)
   ===================================================================== */
.entry{display:block}
.edv-section{padding:88px 0;background:var(--grund);color:var(--text)}
.edv-section.is-tint{background:#EEF1F5}
.edv-section--cta{padding:64px 0}
.edv-section .wrap>*+*{margin-top:16px}
.edv-section .wrap>.eyebrow+h2,.split__text>.eyebrow+h2{margin-top:12px}
.edv-section h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);color:var(--graphit)}
.edv-section h3{font-size:1.35rem;color:var(--graphit)}
.edv-section .wrap>p,.split__text>p{max-width:760px;color:var(--text-2)}
.edv-section .wrap>p.intro{font-size:1.15rem;margin-top:14px}
.edv-section strong{color:var(--graphit);font-weight:600}
.edv-section .grid{margin-top:30px}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card>*+*{margin-top:10px}
.card .more,.edv-section .more{margin-top:16px}
.more a{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
.more a::after{content:"";width:1.05em;height:1.05em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.more a:hover{text-decoration:underline}
.has-icon::before{content:"";display:block;width:56px;height:56px;border-radius:16px;margin-bottom:16px;background:#E7EFF8 var(--i) center/28px 28px no-repeat}
.icon-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.icon-remote{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3Cpath d='m9 10.5 2 2 4-4'/%3E%3C/svg%3E")}
.icon-home{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 3l9 8'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E")}
.icon-office{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M9 7h1M14 7h1M9 11h1M14 11h1M9 15h1M14 15h1'/%3E%3C/svg%3E")}
.icon-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")}
.icon-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1.1-4.4A8 8 0 1 1 21 12z'/%3E%3Cpath d='M9 10.5h6M9 13.5h4'/%3E%3C/svg%3E")}
.icon-star{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.3l-5.6 2.9 1.1-6.3L2.9 9.5l6.3-.9z'/%3E%3C/svg%3E")}
.icon-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E")}
.icon-monitor{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
.icon-tool{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.2L3 17.8V21h3.2l6.3-6.3a4 4 0 0 0 5.2-5.4l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.icon-bag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 13H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}
.icon-windows{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='15' rx='2'/%3E%3Cpath d='M3 8.5h18'/%3E%3Cpath d='M6.5 6.3h.01M9 6.3h.01'/%3E%3Cpath d='M7 13h6M7 16h4'/%3E%3C/svg%3E")}
.icon-cloud{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 1 1 .9-8.9A6 6 0 0 1 19.5 11 3.5 3.5 0 0 1 18 18z'/%3E%3C/svg%3E")}
.icon-network{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='5' rx='1'/%3E%3Crect x='2.5' y='16.5' width='6' height='5' rx='1'/%3E%3Crect x='15.5' y='16.5' width='6' height='5' rx='1'/%3E%3Cpath d='M12 7.5V12M5.5 16.5V12h13v4.5'/%3E%3C/svg%3E")}
.icon-shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.7 3.2 8.3 7.5 9.5 4.3-1.2 7.5-4.8 7.5-9.5V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.icon-people{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c.8-3.4 3.2-5.5 6-5.5s5.2 2.1 6 5.5'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M15.5 14.7c2.4.2 4.3 2 5 5.3'/%3E%3C/svg%3E")}
.icon-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")}
.edv-section .wrap>p.note-box{margin-top:26px;max-width:none;padding:20px 24px;border-radius:16px;background:var(--weiss);border:1px solid var(--linie);box-shadow:var(--shadow)}
.split__text>*+*{margin-top:14px}
.split__text .facts{margin-top:20px}
.split__media .photo{margin:0}
.photo img{width:100%;height:auto}

/* Listen */
.wp-block-list{margin:0;padding-left:1.2em}
.edv-section .wp-block-list li+li{margin-top:6px}
.edv-section .wrap>ol.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:14px;margin-top:26px;max-width:860px}
.steps li{counter-increment:s;position:relative;background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:20px 22px 20px 80px;box-shadow:var(--shadow);color:var(--text-2)}
.edv-section .steps li+li{margin-top:0}
.steps li::before{content:counter(s);position:absolute;left:22px;top:18px;width:40px;height:40px;border-radius:50%;background:var(--blau);color:var(--weiss);display:grid;place-items:center;font-weight:650}
.edv-section .wrap>ol.years{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.years li{background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:22px 22px 24px;color:var(--text-2)}
.edv-section .years li+li{margin-top:0}
.years strong{display:block;font-size:2rem;font-weight:650;color:var(--blau);letter-spacing:-.01em;margin-bottom:6px}
.checks,.is-style-checks{list-style:none;padding-left:0}
.checks li,.is-style-checks li{position:relative;padding-left:32px}
.checks li::before,.is-style-checks li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5A9E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* Fragen & Antworten */
.edv-section .wrap>.faq-list{display:grid;gap:12px;margin-top:26px;max-width:860px}
.faq-list>*+*{margin-top:0}
.wp-block-details{background:var(--weiss);border:1px solid var(--linie);border-radius:16px;padding:0 22px;box-shadow:var(--shadow)}
.wp-block-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:600;font-size:1.12rem;color:var(--graphit)}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";font-size:1.7rem;font-weight:400;line-height:1;color:var(--blau);flex:0 0 auto}
.wp-block-details[open] summary::after{content:"–"}
.wp-block-details>p{padding:0 0 20px;color:var(--text-2)}

/* Zitat */
.wp-block-quote{margin:0}
.edv-section .wp-block-quote.is-style-edv-zitat{margin-top:26px;padding:28px 30px;border-left:4px solid var(--blau);background:var(--weiss);border-radius:0 18px 18px 0;box-shadow:var(--shadow);font-size:1.25rem;line-height:1.55;color:var(--graphit);max-width:860px}
.wp-block-quote cite{display:block;margin-top:12px;font-style:normal;font-size:1rem;color:var(--text-2)}

/* Buttons aus dem Block-Editor */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 26px;border-radius:14px;font-weight:600;font-size:1.05rem;text-decoration:none;background:var(--blau);color:var(--weiss);border:2px solid transparent}
.wp-block-button__link:hover{background:var(--blau-2);color:var(--weiss)}
.wp-block-button.is-style-umriss .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link{background:var(--weiss);color:var(--graphit);border-color:var(--graphit)}

/* Abschluss-Kasten */
.cta-box{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);padding:30px 32px;box-shadow:var(--shadow)}
.edv-section .cta-box h2{font-size:1.7rem}
.cta-box p{margin-top:8px;color:var(--text-2);max-width:640px}

/* Platzhalter (Foto folgt) */
.placeholder{align-content:center;gap:4px}
.placeholder::before{content:"";width:64px;height:64px;margin:0 auto 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A94A3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat}
.placeholder p{max-width:none!important;color:var(--text-2)!important}

/* Kontaktseite */
.edv-section--helfer .wrap>*{margin-top:0}
.step-error{color:#9A2B1F}
.assistant .eyebrow+h2{margin-top:10px}
.hint--2{margin-top:22px}
.options--wie{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}

/* Rechtliches */
.edv-section--legal .wrap{max-width:820px}
.edv-section--legal h2{font-size:1.45rem;margin-top:38px}
.edv-section--legal .wrap>h2:first-child,.edv-section--legal .orig>h2:first-child{margin-top:0}
.edv-section--legal p,.edv-section--legal ul{margin-top:12px;color:var(--text-2)}
.edv-section--legal .wrap>*+*{margin-top:12px}
.edv-section--legal .wrap>h2{margin-top:38px}
.orig{border-left:4px solid var(--silber);padding-left:18px}
.orig h2{margin-top:30px}
.edv-text>*+*{margin-top:14px}

/* Kopf ohne Bild */
.page-hero--plain{padding-bottom:64px}
.page-hero .breadcrumb+.kicker{margin-top:18px}

/* WordPress-Standards */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aligncenter{margin-inline:auto}
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
.footer-region{margin-top:12px;font-size:.95rem!important;color:#AEB7C3!important}

@media (max-width:1180px){
  .main-nav a{padding:10px 10px;font-size:.98rem}
  .site-header .wrap{gap:18px}
}
@media (max-width:1080px){
  .grid--4,.edv-section .wrap>ol.years{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .page-hero__img img{object-position:60% 50%!important}
  .edv-section{padding:64px 0}
  .edv-section--cta{padding:48px 0}
  .grid--4,.edv-section .wrap>ol.years{grid-template-columns:minmax(0,1fr)}
  .steps li{padding:18px 18px 18px 72px}
  .steps li::before{left:18px}
  .cta-box{padding:24px 20px}
  .cta-box .btn-row{width:100%}
  .wp-block-details{padding:0 18px}
  .edv-section .wp-block-quote.is-style-edv-zitat{padding:22px 20px;font-size:1.12rem}
}

/* ---------- Film in niedrigen Fenstern ----------
   Laptops (1366×768, 1280×720, 1536×864), iPad quer, kleine Handys: Die Textkästen bleiben
   zwischen Kopfleiste, Scroll-Hinweis und KI-Kennzeichen. Schrift und Abstände folgen der Fensterhöhe. */
@media (min-width:761px){
  .film--live .chapter{padding-bottom:64px}
  .film--live #start{padding-bottom:88px}
}
@media (min-width:761px) and (max-height:900px){
  .film--live .chapter{padding-top:calc(var(--header-h) + clamp(12px, 2.6vh - 4px, 24px))}
  .film .panel{padding:clamp(20px, 4.4vh - 6px, 34px) clamp(24px, 4.4vh - 4px, 36px)}
  .film h1{font-size:max(1.9rem, min(1.3rem + 2.6vw, 3.55rem, 7vh - 4px));margin-top:clamp(6px, 1.6vh - 2px, 14px)}
  .film h2{font-size:max(1.6rem, min(1.3rem + 2vw, 3rem, 5.6vh + 1px));margin-top:clamp(6px, 1.6vh - 2px, 12px)}
  .film .lead{font-size:max(1rem, min(1rem + .35vw, 1.32rem, 1.6vh + 7px));margin-top:clamp(8px, 1.8vh - 2px, 16px);line-height:1.55}
  .film .btn-row{margin-top:clamp(14px, 3vh - 4px, 26px)}
  .film .btn{min-height:clamp(46px, 6.4vh, 58px)}
  .film .textlink{margin-top:clamp(12px, 2.6vh - 3px, 22px)}
  .film .chips{margin-top:clamp(12px, 2.2vh, 20px)}
  .film .timeline{margin-top:clamp(12px, 2.4vh, 22px);gap:clamp(6px, 1.4vh - 1px, 12px)}
  .film .contact-list{margin-top:clamp(12px, 2.2vh, 20px);gap:clamp(6px, 1.2vh, 10px)}
  .film .contact-list a{padding:clamp(7px, 1.4vh - 1px, 12px) 16px}
}
@media (min-width:761px) and (max-height:720px){
  .film .contact-list small{display:inline;margin-left:8px}
  .film--live .scroll-hint{bottom:16px;padding:8px 14px}
}
@media (min-width:761px) and (max-height:620px){
  .film--live .chapter{padding-bottom:52px}
}
/* Statische Kapitel (ohne Bewegung) im Hochformat: Ausschnitt so, dass das eingebettete Kennzeichen
   ganz außerhalb liegt – sichtbar ist dort das HTML-Kennzeichen */
@media (orientation:portrait){
  .film:not(.film--live) .chapter__still img{object-position:60% 50%!important}
}
@media (max-width:760px) and (max-height:640px){
  .film--live .chapter{padding-top:calc(var(--header-h) + 10px)}
  .film .panel{padding:16px 16px 18px}
  .film h1{font-size:1.7rem}
  .film h2{font-size:1.42rem}
  .film .lead{font-size:.98rem;margin-top:8px;line-height:1.5}
  .film .btn-row{margin-top:12px}
  .film .btn{min-height:48px}
  .film .chips{margin-top:10px}
  .film .chips li{font-size:.78rem;padding:5px 9px}
  .film .timeline{margin-top:10px;gap:4px}
  .film .timeline b{font-size:1.1rem}
  .film .timeline span{font-size:.94rem}
  .film .textlink{margin-top:10px}
}

/* Über mich: Steckbrief (bis ein Porträtfoto da ist) */
.steckbrief{position:relative;background:var(--weiss);border:1px solid var(--linie);border-radius:22px;padding:30px 30px 28px;box-shadow:var(--shadow)}
.steckbrief::before{content:"";display:block;width:112px;height:84px;margin-bottom:18px;background:url("../img/logo-192.png") left center/contain no-repeat}
.steckbrief .wp-block-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;color:var(--text-2)}
.steckbrief strong{color:var(--graphit)}
.steckbrief .more{margin-top:20px}
@media (max-width:760px){.steckbrief{padding:24px 20px 22px}}