/* Plus Jakarta Sans – Schrift der öffentlichen Website (variabel 200–800, Latin + Latin Extended), SIL Open Font License 1.1, selbst gehostet. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/plus-jakarta-sans-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/plus-jakarta-sans-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#fff;--text:#000;--muted:#6b6b6b;--line:#e6e6e6;--soft:#f5f5f5;--logo:#3d3d3f;--max:1120px;--read:720px}
@media (prefers-color-scheme:dark){:root{--bg:#0d0d0d;--text:#f2f2f2;--muted:#9a9a9a;--line:#2a2a2a;--soft:#191919;--logo:#c9c9ce}.logo-img{filter:brightness(0) invert(.92)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px;top:8px;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;z-index:20;text-decoration:none}
.skip:focus{left:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.read{max-width:var(--read)}
header.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);transform:translateZ(0)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:-.02em}
.logo-img{width:36px;height:36px;object-fit:contain}
nav.main{margin-left:auto;display:flex;gap:22px;font-weight:500;font-size:15px}
nav.main a{text-decoration:none;color:var(--muted)}
nav.main a:hover,nav.main a[aria-current]{color:var(--text)}
nav.lang{display:flex;gap:2px;font-size:13px;font-weight:600}
nav.lang a{padding:5px 9px;border-radius:999px;text-decoration:none;color:var(--muted);border:1px solid transparent}
nav.lang a:hover{color:var(--text)}
nav.lang a[aria-current]{background:var(--text);color:var(--bg)}
h1,h2,h3{letter-spacing:-.035em;line-height:1.1;font-weight:700;margin:0}
.hero{padding:88px 0 56px}
.hero h1{font-size:clamp(40px,7vw,72px)}
.hero h2{font-size:clamp(20px,2.6vw,26px);font-weight:500;letter-spacing:-.02em;color:var(--muted);margin-top:16px;max-width:30ch}
.hero-img{margin-top:48px;border-radius:16px;border:1px solid var(--line);width:100%}
.pitch{padding:72px 0;border-top:1px solid var(--line)}
.pitch h2{font-size:clamp(28px,4.6vw,50px);white-space:pre-line}
.pitch p{margin:24px 0 0;max-width:62ch;font-size:19px;white-space:pre-line}
.btn{display:inline-block;margin-top:28px;padding:14px 22px;border-radius:999px;background:var(--text);color:var(--bg);font-weight:700;text-decoration:none}
section.block{padding:72px 0;border-top:1px solid var(--line)}
section.block>.wrap>h2{font-size:clamp(28px,4vw,40px);margin-bottom:32px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card{display:block;text-decoration:none}
.card .thumb{aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.card:hover .thumb img{transform:scale(1.03)}
.card .cat{margin:14px 0 2px;font-size:13px;color:var(--muted)}
.card h3{font-size:19px;letter-spacing:-.02em;line-height:1.25}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,18vw,225px),1fr));gap:clamp(28px,4vw,56px) clamp(20px,3vw,48px);align-items:center}
.logos a{display:grid;place-items:center;height:clamp(76px,8.6vw,108px);padding:0 6px;border:0;background:none;border-radius:0;text-decoration:none;transition:opacity .2s}
.logos a:hover{opacity:.6}
.logos .mask.wide{max-width:100%}
.logos .mask{display:block;width:100%;max-width:clamp(140px,17vw,212px);height:clamp(52px,6.3vw,80px);background:var(--text);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.page{padding:64px 0 96px}
.page h1{font-size:clamp(34px,5.4vw,56px);margin-bottom:20px}
.page .cat{display:inline-block;margin-bottom:14px;padding:3px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted)}
.page p{margin:0 0 22px;white-space:pre-line}
.page h2{font-size:26px;margin:44px 0 14px}
.page figure{margin:0 0 28px}
.page figure img{display:block;width:100%;border-radius:12px;border:1px solid var(--line);background:#fff}
.lead{font-size:19px;color:var(--text);margin:0 0 20px;max-width:62ch;white-space:normal}
.facts{display:grid;gap:10px;margin:0 0 32px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.facts dt{color:var(--muted);font-size:14px}.facts dd{margin:0}
.keyfacts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:32px;margin:36px 0 0;border-top:3px solid var(--text)}
.keyfacts>div{grid-column:span 3;padding:24px 0 30px;border-bottom:1px solid var(--line)}
.keyfacts>div:first-child:nth-last-child(n+3){grid-column:1/-1}
.keyfacts>div:first-child:nth-last-child(4)~div{grid-column:span 2}
.keyfacts dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.keyfacts dd{margin:12px 0 0}
.keyfacts .big{display:block;font-size:clamp(30px,4vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
.keyfacts>div:first-child .big{font-size:clamp(38px,7.2vw,92px);letter-spacing:-.05em;line-height:1}
.keyfacts .cap{display:block;margin-top:12px;max-width:34ch;color:var(--muted);font-size:16px;line-height:1.45}
@media(max-width:700px){.keyfacts{grid-template-columns:1fr}.keyfacts>div,.keyfacts>div:first-child:nth-last-child(n+3),.keyfacts>div:first-child:nth-last-child(4)~div{grid-column:1/-1}}
.faq{margin-top:48px}.faq h2{font-size:24px;margin-bottom:12px}.faq h3{font-size:17px;margin:20px 0 4px;letter-spacing:-.01em}
@media(max-width:560px){.facts div{grid-template-columns:1fr;gap:2px}}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.pager a{max-width:46%;text-decoration:none;font-weight:500}
.pager small{display:block;color:var(--muted);font-weight:400}
.rows{display:grid;gap:12px;margin-top:28px;max-width:560px}
.rows a{display:flex;gap:18px;align-items:baseline;padding:18px 22px;border:1px solid var(--line);border-radius:14px;text-decoration:none}
.rows a:hover{border-color:var(--text)}
.rows small{width:72px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.rows strong{font-size:19px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}
.two img{width:100%;border-radius:14px;border:1px solid var(--line)}
.note{font-size:14px;color:var(--muted);margin:0 0 20px;padding:10px 14px;border:1px solid var(--line);border-radius:10px}
/* QR-/Visitenkartenseite */
.qrpage{min-height:100vh;display:grid;place-items:center;padding:28px 20px;background:var(--bg)}
.qrcard{width:min(440px,100%);text-align:center;position:relative}
.qrcard nav.lang{position:absolute;right:0;top:-6px}
.qr-photo{width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:2% 50%;border:1px solid var(--line);background:var(--soft);display:block;margin:28px auto 18px}
.qrcard h1{font-size:clamp(30px,8vw,40px);margin:0}
.qr-role{margin:8px 0 0;font-size:19px;font-weight:600;letter-spacing:-.01em}
.qr-intro{margin:12px auto 0;max-width:34ch;color:var(--muted);font-size:16px;line-height:1.5}
.qr-code{margin:26px auto 0;width:min(78vw,320px);padding:14px;background:#fff;border-radius:18px;border:1px solid var(--line)}
.qr-code svg{display:block;width:100%;height:auto}
.qr-scan{margin:16px 0 0;font-weight:600;font-size:17px}
.qr-url{margin:4px 0 0;color:var(--muted);font-size:14px;word-break:break-all}
.qrcard .btn{margin-top:22px}
.qr-foot{margin-top:26px;font-size:14px;color:var(--muted)}
.qr-foot a{margin:0 6px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);margin-top:0}
@media print{.qrcard nav.lang,.qrcard .btn,.qr-foot,.skip{display:none!important}body{background:#fff;color:#000}.qr-intro,.qr-url{color:#333}}
footer.foot{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}
footer.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
@media(max-width:760px){.two{grid-template-columns:1fr}nav.main{gap:14px}header.top .wrap{gap:12px}.brand span{display:none}}

/* ── Projekt-Vorlagen ── */
:root{--dk:#101114;--dk-t:#f4f4f5;--pa:var(--text)}
.tplp{padding:0 0 96px}
.tplp p,.tplp h2,.tplp h3,.tplp li,.tplp figcaption{white-space:pre-line}
.tpl{padding-top:8px}
.ph{padding:64px 0 36px}
.ph .cat{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.ph h1{font-size:clamp(40px,7vw,88px);line-height:1;letter-spacing:-.05em;margin:16px 0 0;max-width:15ch;text-wrap:balance}
.plead{font-size:clamp(20px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em;color:var(--muted);max-width:34ch;margin:24px 0 0;text-wrap:pretty}
.pmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:44px 0 0;border-top:2px solid var(--text)}
.pmeta>div{padding:16px 24px 18px 0;border-bottom:1px solid var(--line)}
.pmeta dt{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.pmeta dd{margin:6px 0 0;font-size:16px;font-weight:500;line-height:1.4}
.plead.empty:empty::before,.pmeta dd.empty:empty::before,.slide p.empty:empty::before{content:'…';color:var(--muted)}
.edit-hint{margin:0 0 24px;padding:12px 16px;border:1px dashed var(--muted);border-radius:12px;color:var(--muted);font-size:14px}
figure{margin:0}
figcaption{margin-top:10px;font-size:13px;line-height:1.45;color:var(--muted);max-width:62ch}
figcaption.empty{display:none}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:30px 0}
.stat{background:var(--bg);padding:24px}
.stat b{display:block;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em}
.stat span{display:block;margin-top:10px;font-size:14px;color:var(--muted);line-height:1.4}
.pal{display:flex;min-height:clamp(120px,17vw,190px);border-radius:18px;overflow:hidden;border:1px solid var(--line);margin:30px 0}
.pal>div{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;font-size:12px;line-height:1.35;min-width:0}
.pal b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.pal span{opacity:.72;font-variant-numeric:tabular-nums}

/* Case Study */
.cs-hero{margin:8px 0 0}
.cs-hero img{display:block;width:100%;height:auto;max-height:min(80vh,780px);object-fit:contain;border-radius:24px;background:var(--soft);border:1px solid var(--line)}
.cs-rail{margin:52px 0 0;overflow-x:auto;padding:10px 0 6px}
.cs-rail ol{display:flex;gap:0;list-style:none;margin:0;padding:0;min-width:max-content}
.cs-rail li{flex:1 0 150px}
.cs-rail a{display:block;position:relative;padding:20px 16px 0 0;border-top:2px solid var(--line);text-decoration:none;font-size:14px;font-weight:600;line-height:1.3}
.cs-rail a::before{content:'';position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--text)}
.cs-rail a:hover::before{background:var(--text)}
.cs-rail small{display:block;font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px;font-variant-numeric:tabular-nums}
.cs-sec{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:72px}
.cs-rail+.cs-sec{margin-top:48px}
.cs-sec .lab{position:sticky;top:96px;align-self:start}
.lab .no{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.lab h2{font-size:24px;letter-spacing:-.03em;line-height:1.15;margin:8px 0 0}
.lab p{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.cs-body>p{font-size:19px;line-height:1.65;max-width:62ch;margin:0 0 1.15em;text-wrap:pretty}
.cs-body h3{font-size:clamp(22px,2.6vw,32px);letter-spacing:-.03em;margin:1.7em 0 .55em;line-height:1.15}
.cs-body h3:first-child{margin-top:0}
.cs-body h4{font-size:19px;letter-spacing:-.02em;margin:1.5em 0 .4em}
.cs-body figure{margin:34px 0}.cs-body>figure:first-child{margin-top:0}
.cs-body figure img,.imgs img{display:block;width:100%;border-radius:18px;border:1px solid var(--line);background:var(--soft)}
.imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin:34px 0}
.imgs figure{margin:0!important}
.imgs>figure:last-child:nth-child(odd):not(:only-child){grid-column:1/-1}
.learn{counter-reset:n;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.learn li{counter-increment:n;background:var(--soft);border-radius:18px;padding:22px 22px 26px;font-size:17px;line-height:1.5}
.learn li::before{content:counter(n,decimal-leading-zero);display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:34px}

/* GPS-Framework */
.tpl-gps .cs-head .plead{max-width:46ch}
.tpl-gps .gps-intro{border-top:0;padding-top:48px;padding-bottom:12px}
.tpl-gps .gps-intro .cs-body>p{font-size:clamp(19px,1.9vw,22px);line-height:1.6}
.gps-fw{margin:48px 0 0}
.gps-fw>p{margin:0;font-size:14px;color:var(--muted)}
.gps-fw .cs-rail{margin-top:10px}
.gps-sec .cs-body h3{font-size:clamp(20px,2.1vw,26px);margin:2em 0 .5em}
.gps-sec .cs-body h3:first-child{margin-top:0}
.gps-mine{background:var(--soft);border-radius:18px;padding:22px 24px 8px;margin:28px 0 0;max-width:62ch}
.gps-mine b{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.gps-mine p{font-size:17px;line-height:1.6;margin:0 0 1em}
.gps-facts{margin:0 0 1.2em;max-width:62ch;border-top:1px solid var(--line)}
.gps-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.gps-facts dt{font-size:14px;font-weight:600;padding-top:3px}
.gps-facts dd{margin:0;font-size:17px;line-height:1.5}
@media(max-width:640px){.gps-facts>div{grid-template-columns:1fr;gap:4px}}
.gps-list{list-style:none;margin:0 0 1.2em;padding:0;max-width:62ch;border-top:1px solid var(--line)}
.gps-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5}
.cs-body figure figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:10px;max-width:62ch}

/* Branding */
.br-headc{padding-bottom:28px}
.br-hero img{display:block;width:100%;height:auto;max-height:min(80vh,780px);object-fit:contain;border-radius:28px;background:var(--soft);border:1px solid var(--line)}
.br-sec{padding:96px 0;margin-top:56px}
.br-sec:nth-of-type(odd){background:var(--soft)}
.br-head{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:baseline;margin-bottom:48px}
.br-head .no{grid-row:span 2;font-size:clamp(44px,8vw,110px);line-height:.8;font-weight:700;letter-spacing:-.06em;color:var(--line)}
.br-head h2{font-size:clamp(30px,5vw,60px);letter-spacing:-.045em;line-height:1}
.br-head p{margin:6px 0 0;color:var(--muted);font-size:17px;max-width:46ch}
.br-sec:nth-of-type(odd) .br-head .no{color:var(--bg)}
.br-found{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.br-state p{font-size:clamp(20px,2.3vw,30px);line-height:1.3;letter-spacing:-.02em;margin:0 0 1em;text-wrap:pretty}
.br-state h3{font-size:12px;letter-spacing:.01em;color:var(--muted);margin:0 0 .6em}
.mood{columns:2 200px;column-gap:14px}
.mood figure{break-inside:avoid;margin:0 0 14px}
.mood img,.apps img,.pattern img,.evo img{display:block;width:100%;border-radius:18px;background:var(--soft)}
.br-intro{max-width:62ch;margin-bottom:36px}.br-intro p{font-size:19px;line-height:1.65}.br-intro h3{font-size:26px;margin:1.4em 0 .5em}
.evo{list-style:none;margin:0;padding:6px 0 18px;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x proximity}
.evo li{flex:0 0 min(340px,78%);scroll-snap-align:start;position:relative}
.evo li+li::before{content:'';position:absolute;left:-28px;top:20px;width:28px;border-top:2px solid var(--muted)}
.evo li+li::after{content:'';position:absolute;left:-9px;top:15px;width:8px;height:8px;border-top:2px solid var(--muted);border-right:2px solid var(--muted);transform:rotate(45deg)}
.evo .step{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}
.evo img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}
.spec{font-size:clamp(48px,9vw,128px);line-height:1;letter-spacing:-.05em;font-weight:700;margin:0 0 .3em;overflow-wrap:anywhere}
.pattern{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin-top:28px}
.pattern figure{margin:0}.pattern img{aspect-ratio:1;object-fit:cover}
.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.apps figure:first-child:nth-last-child(odd){grid-column:1/-1}
.apps figure{margin:0}.apps img{border:1px solid var(--line)}

/* Pitch-Deck */
.deck-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:64px 0 28px;flex-wrap:wrap}
.deck-bar h1{font-size:clamp(34px,5vw,60px);margin-top:12px}
.deck-bar .cat{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.deck-act{display:flex;align-items:center;gap:16px}.deck-act .keys{font-size:13px;color:var(--muted)}
.pbtn,.sbtn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;border-radius:999px;padding:12px 20px;background:var(--text);color:var(--bg);text-decoration:none}
.deck{display:grid;gap:26px}
.slide{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--soft);border:1px solid var(--line);padding:clamp(22px,5vw,68px);display:grid;align-content:space-between;isolation:isolate;container-type:inline-size}
.slide .kick{font-size:clamp(9px,1.35cqw,13px);font-weight:700;letter-spacing:.01em;color:var(--muted)}
.slide h2{font-size:clamp(20px,5.2cqw,60px);line-height:1.02;letter-spacing:-.045em;max-width:17ch;text-wrap:balance}
.slide p{font-size:clamp(11px,1.95cqw,23px);line-height:1.45;color:var(--muted);max-width:36ch;margin:.9em 0 0;text-wrap:pretty}
.slide .sno{position:absolute;right:clamp(14px,3cqw,34px);bottom:clamp(10px,2cqw,24px);font-size:clamp(9px,1.2cqw,12px);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.slide.dark{background:var(--dk);color:var(--dk-t);border-color:var(--dk)}
.slide.dark .kick,.slide.dark p,.slide.dark .sno{color:rgba(244,244,245,.62)}
.slide.title h2.t1{font-size:clamp(28px,8.4cqw,104px);max-width:13ch}
.slide.title p{font-size:clamp(12px,2.3cqw,28px);color:rgba(244,244,245,.72);max-width:32ch}
.smeta{display:flex;gap:clamp(14px,3.4cqw,44px);flex-wrap:wrap;margin:0}
.smeta dt{font-size:clamp(8px,1.1cqw,11px);letter-spacing:.01em;color:rgba(244,244,245,.5);font-weight:700}
.smeta dd{margin:.3em 0 0;font-size:clamp(10px,1.6cqw,17px);font-weight:500}
.slide.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4cqw,56px);align-items:center;align-content:center}
.slide.split .stxt{align-self:center}
.slide.split .stxt .kick{display:block;margin-bottom:1.4em}
.slide.split figure{height:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.slide.split figure img{width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:14px}
.slide.statement{align-content:center}
.slide.statement h2{font-size:clamp(18px,3.4cqw,44px);max-width:20ch}
.slide.statement p{font-size:clamp(22px,4.4cqw,56px);line-height:1.15;letter-spacing:-.035em;color:var(--text);max-width:22ch;margin-top:.3em}
.slide.media{padding:0;display:block;background:var(--soft)}
.slide.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(34px,5cqw,64px)}
.slide.media.cover img{object-fit:cover;padding:0}
.slide.media .kick{position:absolute;left:clamp(16px,3cqw,34px);top:clamp(14px,2.6cqw,28px);z-index:1;background:var(--bg);border-radius:999px;padding:5px 12px}
.scap{position:absolute;left:clamp(16px,3cqw,34px);bottom:clamp(10px,2cqw,24px);z-index:1;font-size:clamp(9px,1.3cqw,13px);color:var(--muted);background:var(--bg);border-radius:999px;padding:4px 11px}
.scap.empty{display:none}
.sstats{display:flex;gap:clamp(16px,4cqw,56px);margin-top:1.6em;flex-wrap:wrap}
.sstats .stat{background:none;padding:0}.sstats .stat b{font-size:clamp(26px,6cqw,72px)}.sstats .stat span{font-size:clamp(10px,1.5cqw,16px)}
.slide.dark.end{align-content:center;gap:.4em}.slide.end h2{font-size:clamp(28px,8cqw,96px)}
.slide.end .sbtn{background:var(--dk-t);color:var(--dk);margin-top:1.4em;justify-self:start;font-size:clamp(11px,1.7cqw,17px)}
.pexit{display:none}
.deck.present .pexit,.deck:fullscreen .pexit{display:grid;place-items:center;position:fixed;top:14px;right:16px;z-index:60;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:16px;cursor:pointer}
.deck:fullscreen{background:#000;display:block;overflow-y:auto;scroll-snap-type:y mandatory;padding:0;gap:0}
.deck:fullscreen .slide{width:min(100vw,177.78vh);margin:calc((100vh - min(56.25vw,100vh))/2) auto;border-radius:0;scroll-snap-align:center}
.deck.present{position:fixed;inset:0;z-index:50;background:#000;overflow-y:auto;scroll-snap-type:y mandatory;padding:0;gap:0}
.deck.present .slide{width:min(100vw,177.78vh);margin:calc((100vh - min(56.25vw,100vh))/2) auto;border-radius:0;scroll-snap-align:center}

/* Bento */
.bn-head{padding-bottom:40px}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,19vw,250px);grid-auto-flow:dense;gap:14px}
.tile{position:relative;border-radius:24px;overflow:hidden;background:var(--soft);margin:0;min-width:0}
.tile.w{grid-column:span 2}.tile.t{grid-row:span 2}.tile.l{grid-column:span 2;grid-row:span 2}.tile.x{grid-column:1/-1}
.tile.img{border:1px solid var(--line)}
.tile.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.tile.img.fit img{object-fit:contain;padding:clamp(12px,2vw,26px)}
@media (hover:hover){.tile.img:hover img{transform:scale(1.035)}}
.tile figcaption{position:absolute;left:14px;bottom:14px;margin:0;padding:6px 12px;border-radius:999px;background:var(--bg);color:var(--text);font-size:12px;font-weight:500;max-width:calc(100% - 28px)}
.tile.txt{padding:clamp(20px,2.6vw,34px);display:flex;flex-direction:column;justify-content:flex-end}
.tile.txt p{margin:0;font-size:clamp(16px,1.7vw,23px);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
.tile.txt h3{font-size:clamp(22px,3vw,40px);line-height:1.05;letter-spacing:-.04em}
.tile.dark{background:var(--dk);color:var(--dk-t)}
.tile.accent{background:var(--pa);color:#fff}
.tile.mid{background:color-mix(in srgb,var(--text) 9%,var(--bg))}
.tile.stat{padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:24px}
.tile.stat b{font-size:clamp(40px,6vw,84px);line-height:.9;letter-spacing:-.055em}
.tile.stat span{font-size:14px;color:var(--muted);line-height:1.35}
.tile.pal-t{background:none}.tile.pal-t .pal{margin:0;height:100%;border-radius:24px}

@media (max-width:900px){
 .cs-sec{grid-template-columns:1fr;gap:20px;padding:48px 0;}.cs-sec .lab{position:static}
 .br-found{grid-template-columns:1fr;gap:32px}.br-sec{padding:64px 0}
 .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.l{grid-column:1/-1}
}
@media (max-width:640px){
 .ph{padding:44px 0 28px}.pmeta{grid-template-columns:1fr 1fr}
 .apps{grid-template-columns:1fr}
 .deck-bar{padding:44px 0 20px}.deck-act .keys{display:none}
 .slide{border-radius:16px;padding:18px;aspect-ratio:auto;min-height:56.25vw;gap:14px}
 .slide.media{aspect-ratio:16/9;min-height:0}
 .slide.split{grid-template-columns:1fr;align-content:start;gap:10px}.slide.split figure{display:none}
 .bento{grid-template-columns:1fr;grid-auto-rows:minmax(56vw,auto)}.tile.w,.tile.l,.tile.x{grid-column:auto}.tile.t,.tile.l{grid-row:auto}.tile.img{min-height:64vw}
 .tile.stat,.tile.txt{min-height:44vw}
}
@media (prefers-reduced-motion:reduce){.tile.img img{transition:none}}

/* Studio-Mosaik */
.tplp-st{padding-bottom:0}
.st-w{max-width:1360px;margin:0 auto;padding:0 24px}
.st-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding-top:clamp(32px,5vw,72px)}
.st-hero h1{grid-column:1/8;grid-row:1;position:relative;z-index:2;margin:0;font-weight:600;font-size:clamp(46px,8.4vw,120px);line-height:.98;letter-spacing:-.035em;color:var(--text);text-wrap:balance;overflow-wrap:anywhere}
.st-hero .im{grid-column:5/13;grid-row:1;background:var(--soft)}
.st-hero .im img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
@media(max-width:760px){.st-hero{display:block}.st-hero h1{color:var(--text);mix-blend-mode:normal;margin-bottom:28px}}
.st-intro{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(24px,6vw,96px);padding-top:clamp(56px,8vw,120px)}
.st-intro .lb{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.st-intro .lb:not(:first-child){margin-top:28px}
.st-intro .sc{list-style:none;margin:0;padding:0}
.st-intro .sc li{font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.5}
.st-intro .sv{margin:0;font-size:16px;line-height:1.5}
.st-intro .hl{font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.18;max-width:24em;margin:0 0 clamp(20px,2.4vw,32px);text-wrap:balance}
.st-intro .px{margin:0 0 1.1em;max-width:46em;font-size:16px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.st-intro{grid-template-columns:1fr}}
.st-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,4vw,64px) clamp(16px,2.6vw,40px);align-items:start;padding-top:clamp(56px,8vw,128px)}
.st-g .it{grid-column:span 12;min-width:0}
.st-g .it.s4{grid-column:span 4}.st-g .it.s5{grid-column:span 5}.st-g .it.s7{grid-column:span 7}
.st-g .it.off{margin-top:clamp(0px,8vw,128px)}
.st-g figure img{display:block;width:100%;height:auto;background:var(--soft)}
.st-g .it h2{font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em;max-width:16em;text-wrap:balance}
.st-g .it .st-tx{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.5;letter-spacing:-.01em;text-wrap:pretty}
.st-g .it.stat{align-self:center}
.st-stat b{display:block;font-weight:600;font-size:clamp(56px,8vw,112px);line-height:.95;letter-spacing:-.04em}
.st-stat span{display:block;margin-top:12px;color:var(--muted);font-size:15px;line-height:1.4;max-width:22ch}
.st-g .pal{margin:0;border-radius:0}
@media(max-width:760px){.st-g .it.s4,.st-g .it.s5,.st-g .it.s7{grid-column:span 12}.st-g .it.off{margin-top:0}}
.st-dark{background:var(--dk);color:var(--dk-t);margin-top:clamp(64px,9vw,144px);padding:0 0 clamp(56px,7vw,112px)}
.st-dark .st-g figure img{background:#26262a}
.st-dark figcaption,.st-dark .st-stat span{color:#a1a1aa}
.st-dark .st-g{padding-top:clamp(48px,7vw,112px)}
.st-secs{padding-top:clamp(56px,8vw,120px)}
.st-sec2+.st-sec2{margin-top:clamp(72px,9vw,128px)}
.st-sh{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"no h" "hint h";gap:6px clamp(24px,6vw,96px);align-items:start;padding-top:20px;border-top:2px solid currentColor;margin-bottom:clamp(28px,4vw,56px)}
.st-sh .no{grid-area:no;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.55}
.st-sh h2{grid-area:h;margin:0;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em}
.st-sh p{grid-area:hint;margin:0;font-size:14px;line-height:1.45;opacity:.6;max-width:24ch}
.st-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:0 clamp(24px,6vw,96px)}
.st-row>.st-col{grid-column:2}
@media(max-width:760px){.st-sh{grid-template-columns:1fr;grid-template-areas:"no" "h" "hint"}.st-row{grid-template-columns:1fr}.st-row>.st-col{grid-column:1}}
.st-col{max-width:46em;margin:0 0 clamp(24px,3.4vw,44px)}
.st-col p{margin:0 0 1em;font-size:clamp(17px,1.6vw,20px);line-height:1.6;letter-spacing:-.01em;text-wrap:pretty}
.st-col h3,.st-col h4{margin:1.8em 0 .5em;font-size:clamp(18px,1.8vw,22px);font-weight:600;letter-spacing:-.02em}
.st-col h3:first-child,.st-col h4:first-child{margin-top:0}
.st-col .gps-facts>div{grid-template-columns:130px minmax(0,1fr)}
.st-gs{padding-top:0;margin-bottom:clamp(28px,4vw,56px)}
.st-dark .gps-facts,.st-dark .gps-list{border-color:#3a3a41}
.st-dark .gps-facts>div,.st-dark .gps-list li{border-color:#3a3a41}
.st-dark .gps-mine{background:#1d1d21}

.st-end{padding-top:clamp(72px,10vw,160px)}
.st-end .all{margin:0 0 clamp(56px,8vw,128px);text-align:right}
.st-end .all a{font-size:14px;text-decoration:none;color:#d4d4d8;border-bottom:1px solid transparent}
.st-end .all a:hover{border-color:currentColor}
.st-end .k{margin:0 0 14px;font-size:clamp(16px,1.6vw,20px);color:#a1a1aa}
.st-end .big{display:inline-block;font-size:clamp(30px,5.2vw,72px);font-weight:400;letter-spacing:-.03em;line-height:1.1;color:var(--dk-t);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:6px}
.st-end .big:hover{opacity:.8}
.tplp-st .wrap{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(48px,6vw,96px)}

.st-tail{margin-top:0;padding:clamp(24px,4vw,56px) 0 clamp(40px,6vw,88px)}
.st-tail .pager{border-top-color:#2d2d33;margin-top:24px}
.st-tail .pager a{color:var(--dk-t)}.st-tail .pager a:hover{opacity:.7}
.st-tail .pager small{color:#a1a1aa}
.st-tail .lp-back{margin:0}.st-tail .lp-back a{color:#a1a1aa}.st-tail .lp-back a:hover{color:var(--dk-t)}
.st-tail .faq h2,.st-tail .faq h3{color:var(--dk-t)}.st-tail .faq p{color:#d4d4d8}
.st-dark+.st-tail{padding-top:0}

/* ───── Landingpages (.lp) ───── */
.lp{--gap:clamp(88px,12vw,176px);overflow-x:clip}
.lp .rv{opacity:1;transform:none}
.lp-js .lp .rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.lp-js .lp .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lp-js .lp .rv{opacity:1;transform:none;transition:none}}
.lp-hero{position:relative;padding:clamp(72px,12vw,168px) 0 clamp(56px,8vw,112px)}
.lp-kicker{margin:0 0 clamp(20px,3vw,36px);font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.lp-hero h1{font-weight:600;font-size:clamp(44px,9.4vw,136px);line-height:1;letter-spacing:-.035em;max-width:11ch;text-wrap:balance}
.lp-hero-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px 64px;align-items:end;margin-top:clamp(40px,6vw,88px)}
.lp-sub{margin:0;font-size:clamp(19px,2vw,24px);line-height:1.45;max-width:36ch;letter-spacing:-.01em}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px}
.lp-cta .btn{margin-top:0}
@keyframes lpspin{to{transform:rotate(360deg)}}
@media(max-width:760px){.lp-hero-row{grid-template-columns:1fr}}
.lp-sec{padding:var(--gap) 0 0}
.lp-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3.4fr);gap:24px clamp(24px,5vw,72px);align-items:start}
.lp-label{margin:6px 0 0;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.lp-lead{margin:0;font-size:clamp(21px,2.6vw,34px);line-height:1.38;font-weight:400;letter-spacing:-.01em;max-width:34em;text-wrap:pretty}
.lp-text{margin:0;font-size:19px;line-height:1.6;max-width:44em;color:var(--text)}
.lp-quote{margin:clamp(32px,5vw,64px) 0 0;padding:0;border:0;font-size:clamp(30px,5.2vw,68px);line-height:1.08;font-weight:400;letter-spacing:-.01em;max-width:18em;text-wrap:balance}
.lp-quote::before{content:"„";color:var(--muted)}
.lp-quote::after{content:"“";color:var(--muted)}
.lp-h2{font-weight:600;font-size:clamp(34px,5.4vw,72px);line-height:1.04;letter-spacing:-.03em;margin:0 0 clamp(32px,5vw,64px);max-width:16em;text-wrap:balance}
.lp-svc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lp-svc li{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.5fr);gap:12px clamp(20px,4vw,56px);padding:clamp(26px,3.4vw,44px) 0;border-bottom:1px solid var(--line);transition:padding-left .35s cubic-bezier(.2,.7,.2,1)}
.lp-svc li:hover{padding-left:12px}
.lp-svc .n{font-size:14px;font-weight:500;color:var(--muted);padding-top:8px;font-variant-numeric:tabular-nums}
.lp-svc h3{font-size:clamp(22px,2.6vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.12}
.lp-svc p{margin:0 0 14px;font-size:17px;line-height:1.55;color:var(--text)}
.lp-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.lp-tags li{display:block!important;padding:4px 12px!important;border:1px solid var(--line)!important;border-radius:999px;font-size:13px;color:var(--muted);transition:none!important}
@media(max-width:760px){.lp-svc li{grid-template-columns:36px 1fr}.lp-svc li>div:last-child{grid-column:2}.lp-row{grid-template-columns:1fr;gap:12px}}
.lp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line)}
.lp-stats>div{padding:clamp(28px,4vw,52px) 0 0}
.lp-stats .v{display:block;font-size:clamp(64px,11vw,160px);font-weight:600;line-height:.95;letter-spacing:-.04em}
.lp-stats .v small{font-size:.34em;letter-spacing:-.02em;margin-left:.14em;color:var(--muted);font-weight:400}
.lp-stats p{margin:14px 0 0;max-width:24ch;color:var(--muted);font-size:16px;line-height:1.45}
@media(max-width:760px){.lp-stats{grid-template-columns:1fr}}
.lp-cmp{margin-top:clamp(8px,2vw,24px)}
.lp-cmp .hd,.lp-cmp .rw{display:grid;grid-template-columns:minmax(0,5fr) 44px minmax(0,7fr);column-gap:clamp(12px,2.4vw,32px);align-items:baseline}
.lp-cmp .hd{padding:0 0 clamp(10px,1.4vw,18px);font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.lp-cmp .hd span:nth-child(2){grid-column:3;color:var(--text)}
.lp-cmp .hd span:first-child{grid-column:1}
.lp-cmp .rw{padding:clamp(20px,2.6vw,34px) 0 0}
.lp-cmp .rw:last-child{padding-bottom:clamp(8px,1.4vw,16px)}
.lp-cmp .rw span:first-child{color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.5}
.lp-cmp .rw::before{content:"→";grid-column:2;grid-row:1;justify-self:center;font-size:clamp(18px,1.8vw,24px);color:var(--text);line-height:1}
.lp-cmp .rw span:last-child{grid-column:3;grid-row:1;font-size:clamp(19px,2vw,27px);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.lp-cmp .rw span:first-child{grid-column:1;grid-row:1}
@media(max-width:760px){.lp-cmp .hd{display:none}.lp-cmp .rw{grid-template-columns:1fr;row-gap:8px;padding-top:26px}.lp-cmp .rw::before{display:none}.lp-cmp .rw span:first-child,.lp-cmp .rw span:last-child{grid-column:1;grid-row:auto}.lp-cmp .rw span:last-child{font-size:clamp(19px,5vw,22px)}}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:s}
.lp-steps li{border-top:3px solid var(--text);padding-top:18px;counter-increment:s}
.lp-steps li::before{content:"0" counter(s);display:block;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:28px}
.lp-steps h3{font-size:clamp(22px,2.4vw,30px);font-weight:500;letter-spacing:-.03em;margin-bottom:10px}
.lp-steps p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
@media(max-width:900px){.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lp-steps{grid-template-columns:1fr}}
.lp-proj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,5vw,72px) clamp(24px,4vw,56px);align-items:start}
.lp-proj>a:nth-child(even){margin-top:clamp(0px,9vw,132px)}
.lp-pc{display:block;text-decoration:none;color:inherit}
.lp-pc .im{aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
.lp-pc .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lp-pc:hover .im img{transform:scale(1.035)}
.lp-pc .cat{display:block;margin:20px 0 6px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.lp-pc h3{font-size:clamp(21px,2.2vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}
.lp-pc p{margin:10px 0 0;max-width:34em;color:var(--muted);font-size:16px;line-height:1.5}
.lp-pc .go{display:inline-block;margin-top:14px;font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:1px}
@media(max-width:760px){.lp-proj{grid-template-columns:1fr}.lp-proj>a:nth-child(even){margin-top:0}}
.lp-more{margin-top:clamp(40px,5vw,72px)}
.lp-end{padding:var(--gap) 0 clamp(72px,9vw,128px)}
.lp-end h2{font-weight:600;font-size:clamp(44px,9vw,128px);line-height:1;letter-spacing:-.035em;max-width:12ch;text-wrap:balance}
.lp-end .tx{margin:clamp(28px,4vw,48px) 0 0;max-width:34em;font-size:19px;line-height:1.55}
.lp-end .mail{display:inline-block;margin-top:clamp(24px,3vw,40px);font-size:clamp(22px,3.6vw,48px);font-weight:400;letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid var(--text);padding-bottom:4px;word-break:break-word}
.lp-end .tel{display:block;margin-top:18px;color:var(--muted);text-decoration:none;font-size:18px}
.lp-end .cta-row{margin-top:32px}
.lp-others{border-top:1px solid var(--line);padding:clamp(40px,5vw,64px) 0}
.lp-others ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-others li{display:flex}.lp-others a{display:block;width:100%;padding:20px 22px;border:1px solid var(--line);border-radius:16px;text-decoration:none;font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.25;transition:border-color .2s,background .2s}
.lp-others a:hover{border-color:var(--text);background:var(--soft)}
.lp-others small{display:block;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
@media(max-width:760px){.lp-others ul{grid-template-columns:1fr}}
/* Zurück-Link auf Projektseiten im Landingpage-Kontext */
.lp-back{margin:0 0 20px;font-size:14px}.lp-back a{color:var(--muted);text-decoration:none}.lp-back a:hover{color:var(--text)}
/* Projektübersicht */
.lp-index{padding:clamp(56px,8vw,112px) 0 clamp(72px,9vw,128px)}
.lp-index h1{font-weight:600;font-size:clamp(44px,8vw,112px);line-height:1;letter-spacing:-.035em}
.lp-index .sub{margin:24px 0 0;max-width:34em;font-size:clamp(19px,2vw,24px);line-height:1.45;color:var(--muted)}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(32px,4vw,56px) 0 clamp(28px,3vw,40px)}
.lp-chips button{font:inherit;font-size:14px;font-weight:500;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.lp-chips button:hover{color:var(--text);border-color:var(--text)}
.lp-chips button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.lp-index .lp-proj>a:nth-child(even){margin-top:0}
.lp-index .lp-proj{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.lp-index .lp-pc[hidden]{display:none}

/* ── KI-Landingpage (.lp-ai): schwarz + Akzentfarbe ── */
.lp-ai{--ac:#d4ff3f;--ink:#0b0b0c;--paper:#f4f4f5}
.ai-band{padding:var(--gap) 0}
.ai-ac{background:var(--ac);color:var(--ink);--mu:rgba(11,11,12,.62);--ln:rgba(11,11,12,.28)}
.ai-dk{background:var(--ink);color:var(--paper);--mu:#a1a1aa;--ln:#2d2d33}
.ai-lt{background:var(--bg);color:var(--text);--mu:var(--muted);--ln:var(--line)}
.lp-ai .lp-label{color:var(--mu)}
.lp-ai .lp-sec{padding:0}
.ai-hero{position:relative;padding:clamp(72px,12vw,168px) 0 clamp(64px,9vw,128px)}
.ai-hero .lp-kicker{color:var(--ink);opacity:.7}
.ai-hero h1{font-weight:500;font-size:clamp(46px,9vw,132px);line-height:.98;letter-spacing:-.055em;max-width:12ch;text-wrap:balance}
.ai-hero .lp-sub{color:var(--ink);font-size:clamp(19px,2vw,26px);max-width:32ch}
.ai-hero .ai-ac .btn{background:var(--ink);color:var(--paper)}.ai-ac .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ln)}
.ai-dk .btn{background:var(--ac);color:var(--ink)}
.ai-dk .lp-h2,.ai-dk .lp-lead{color:var(--paper)}
.ai-band .lp-h2{margin-bottom:clamp(32px,5vw,72px)}
.ai-intro .lp-lead{font-size:clamp(22px,2.9vw,40px);line-height:1.3}
.ai-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);counter-reset:a}
.ai-steps li{counter-increment:a;border:1.5px solid var(--ink);border-radius:20px;padding:22px 22px 28px;display:flex;flex-direction:column;gap:12px;min-height:260px;background:transparent}
.ai-steps li::before{content:counter(a);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--ac);font-weight:700;font-size:15px}
.ai-steps li:not(:last-child)::after{content:"→";position:absolute;display:none}
.ai-steps h3{font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-top:auto}
.ai-steps p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink);opacity:.82}
.ai-loopnote{margin:28px 0 0;font-weight:600;font-size:15px;letter-spacing:.02em}
@media(max-width:1000px){.ai-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ai-steps{grid-template-columns:1fr}.ai-steps li{min-height:0}}
.ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ai-card{border:1px solid var(--ln);border-radius:22px;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:16px;min-height:340px;transition:background .3s,border-color .3s}
.ai-card:hover{border-color:var(--ac);background:rgba(212,255,63,.05)}
.ai-card h3{font-size:clamp(24px,2.3vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.08;color:var(--ac);overflow-wrap:anywhere;hyphens:auto}
.ai-card p{margin:0;font-size:17px;line-height:1.55;color:var(--paper)}
.ai-card .lp-tags{margin-top:auto}
.ai-card .lp-tags li{border-color:var(--ln)!important;color:var(--mu)}
@media(max-width:900px){.ai-cards{grid-template-columns:1fr}.ai-card{min-height:0}}
.ai-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);position:relative;counter-reset:t}
.ai-tl::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--ink)}
.ai-tl li{counter-increment:t;position:relative;padding-top:56px}
.ai-tl li::before{content:counter(t);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:var(--ac);border:2px solid var(--ink);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:15px}
.ai-tl li:last-child::before{background:var(--ink);color:var(--ac)}
.ai-tl h3{font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:-.035em;margin-bottom:10px}
.ai-tl p{margin:0;font-size:16px;line-height:1.55;color:var(--mu)}
@media(max-width:800px){.ai-tl{grid-template-columns:1fr;gap:28px}.ai-tl::before{left:19px;right:auto;top:0;bottom:0;width:2px;height:auto}.ai-tl li{padding:2px 0 0 62px}}
.ai-comp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.ai-comp .tx{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--paper);max-width:34em}
.ai-orb{--R:clamp(120px,19vw,232px);position:relative;width:calc(var(--R)*2 + 150px);max-width:100%;aspect-ratio:1;margin:0 auto;list-style:none;padding:0}
.ai-orb::before,.ai-orb::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px dashed #3a3a42}
.ai-orb::before{width:calc(var(--R)*2);height:calc(var(--R)*2)}.ai-orb::after{width:calc(var(--R)*1.1);height:calc(var(--R)*1.1)}
.ai-orb .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--R)*.78);aspect-ratio:1;border-radius:50%;background:var(--ac);color:var(--ink);display:grid;place-items:center;text-align:center;padding:12px;font-weight:700;font-size:clamp(12px,1.3vw,16px);line-height:1.2;letter-spacing:-.01em}
.ai-orb .nd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--R)) rotate(calc(var(--a)*-1));white-space:nowrap;padding:7px 14px;border-radius:999px;background:var(--ink);border:1px solid var(--ac);color:var(--paper);font-size:clamp(12px,1.2vw,14px);font-weight:500}
@media(max-width:900px){.ai-comp{grid-template-columns:1fr}}
@media(max-width:560px){.ai-orb{width:100%;aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.ai-orb::before,.ai-orb::after{display:none}.ai-orb .core{position:static;transform:none;width:100%;border-radius:18px;aspect-ratio:auto;padding:16px;order:-1}.ai-orb .nd{position:static;transform:none}}

.ai-xs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin:clamp(32px,5vw,64px) 0 0;border-top:3px solid var(--ink)}
.ai-xs>div{padding-top:clamp(20px,2.4vw,32px)}
.ai-xs .v{display:block;font-size:clamp(64px,10vw,150px);font-weight:600;line-height:.92;letter-spacing:-.04em}
.ai-xs .v small{font-size:.3em;letter-spacing:-.02em;margin-left:.12em;font-weight:400}
.ai-xs p{margin:12px 0 0;max-width:26ch;color:var(--mu);font-size:16px;line-height:1.45}
@media(max-width:760px){.ai-xs{grid-template-columns:1fr}}
.ai-path{list-style:none;margin:clamp(40px,6vw,88px) 0 0;padding:0;border-top:1px solid var(--ln)}
.ai-path li{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.5fr);gap:8px clamp(20px,4vw,56px);padding:clamp(22px,2.6vw,34px) 0;border-bottom:1px solid var(--ln);align-items:baseline}
.ai-path .y{font-size:14px;font-weight:600;color:var(--mu);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ai-path h3{font-size:clamp(20px,2.2vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.ai-path p{margin:0;font-size:16px;line-height:1.55;color:var(--mu)}
@media(max-width:820px){.ai-path li{grid-template-columns:1fr}}
.ai-gain{margin-top:clamp(40px,6vw,88px);background:var(--ink);color:var(--paper);border-radius:28px;padding:clamp(28px,4vw,56px)}
.ai-gain h3{font-weight:500;font-size:clamp(26px,3.4vw,46px);letter-spacing:-.03em;line-height:1.05;margin-bottom:clamp(24px,3vw,40px)}
.ai-gain ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.ai-gain li{border-top:1.5px solid var(--ac);padding-top:16px}
.ai-gain b{display:block;font-size:clamp(19px,1.8vw,24px);font-weight:600;letter-spacing:-.025em;color:var(--ac);margin-bottom:8px;line-height:1.2}
.ai-gain li p{margin:0;font-size:16px;line-height:1.55;color:var(--paper)}
@media(max-width:820px){.ai-gain ul{grid-template-columns:1fr}}
.ai-end{padding:clamp(72px,10vw,148px) 0}
.ai-end h2{font-weight:500;font-size:clamp(44px,9vw,128px);line-height:.98;letter-spacing:-.055em;max-width:12ch;text-wrap:balance}
.ai-end .tx{margin:clamp(28px,4vw,48px) 0 0;max-width:34em;font-size:19px;line-height:1.55}
.ai-end .mail{display:inline-block;margin-top:clamp(24px,3vw,40px);font-size:clamp(22px,3.6vw,48px);font-weight:500;letter-spacing:-.035em;text-decoration:none;border-bottom:3px solid var(--ink);padding-bottom:4px;word-break:break-word}
.ai-end .tel{display:block;margin-top:18px;text-decoration:none;font-size:18px;opacity:.75}
.ai-end .cta-row{margin-top:32px}
.lp-others ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}

/* Thesen (dunkles Band) */
.lp-dark{background:var(--dk,#101114);color:#f4f4f5;padding:var(--gap) 0;margin-top:var(--gap)}
.lp-dark .lp-label{color:#a1a1aa}
.lp-dark .lp-h2,.lp-dark .lp-lead{color:#f4f4f5}
.lp-th{list-style:none;margin:clamp(32px,5vw,72px) 0 0;padding:0;border-top:1px solid #2d2d33;counter-reset:th}
.lp-th li{counter-increment:th;display:grid;grid-template-columns:56px minmax(0,1.25fr) minmax(0,1fr);gap:10px clamp(20px,4vw,56px);padding:clamp(26px,3.4vw,46px) 0;border-bottom:1px solid #2d2d33;align-items:start}
.lp-th li::before{content:"0" counter(th);font-size:14px;font-weight:500;color:#a1a1aa;padding-top:8px;font-variant-numeric:tabular-nums}
.lp-th h3{font-size:clamp(23px,2.8vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.lp-th p{margin:0;font-size:17px;line-height:1.6;color:#d4d4d8}
@media(max-width:820px){.lp-th li{grid-template-columns:36px 1fr}.lp-th li p{grid-column:2}}

/* Problem → Lösung → Gewinn (ruhige Schaugrafik) */
.lp-flow{margin-top:clamp(36px,5vw,64px)}
.fl-head,.fl-row{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.2fr) 44px minmax(0,1fr);gap:0 8px;align-items:stretch}
.fl-head{margin-bottom:14px}
.fl-head span{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.fl-head span:nth-child(2),.fl-head span:nth-child(4){visibility:hidden}
.fl-row{margin-bottom:14px}
.fl-card{display:flex;align-items:center;padding:clamp(18px,2vw,26px) clamp(18px,2vw,26px);border-radius:20px;font-size:17px;line-height:1.45;letter-spacing:-.01em}
.fl-p{background:var(--soft);color:var(--text);border:1px solid var(--line)}
.fl-s{background:var(--text);color:var(--bg);font-weight:500}
.fl-g{border:1.5px solid var(--text);color:var(--text)}
.fl-ar{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.fl-ar svg{width:100%;height:18px;overflow:visible}
.fl-note{margin:20px 0 0;font-size:14px;color:var(--muted)}
@media(max-width:860px){
 .fl-head{display:none}
 .fl-row{grid-template-columns:1fr;gap:0;margin-bottom:34px}
 .fl-ar{height:30px}.fl-ar svg{transform:rotate(90deg);width:34px}
}

/* ── Ruhiger, kompakter, plakativer (überschreibt die Werte oben) ── */
.lp{--gap:clamp(56px,7.5vw,112px)}
.lp-hero{padding:clamp(48px,8vw,112px) 0 clamp(40px,5vw,72px)}
.lp-hero h1{font-size:clamp(48px,10.6vw,160px);line-height:.96;letter-spacing:-.04em}
.lp-hero-row{margin-top:clamp(28px,4vw,56px)}
.lp-sub{font-size:clamp(18px,1.7vw,22px)}
.lp-lead{font-size:clamp(26px,3.6vw,50px);line-height:1.16;font-weight:500;letter-spacing:-.025em;max-width:21em}
.lp-rest{margin:clamp(18px,2.2vw,30px) 0 0;max-width:38em;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted)}
.lp-stance{margin-top:clamp(48px,6.5vw,96px)}
.lp-text{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted);max-width:38em}
.lp-quote{margin-top:clamp(20px,3vw,40px);font-size:clamp(30px,5vw,70px);line-height:1.04;font-weight:500;letter-spacing:-.03em;max-width:17em}
.lp-h2{font-size:clamp(36px,6vw,84px);line-height:1;letter-spacing:-.035em;margin-bottom:clamp(24px,3.6vw,48px)}
.lp-svc li{padding:clamp(18px,2.4vw,30px) 0;align-items:baseline}
.lp-svc li{grid-template-columns:48px minmax(0,1.3fr) minmax(0,1.4fr)}
.lp-svc h3{font-size:clamp(24px,3.1vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.06;overflow-wrap:break-word;hyphens:auto;min-width:0}
@media(max-width:760px){.lp-svc li{grid-template-columns:36px 1fr}}
.lp-svc p{margin:0 0 8px;font-size:16px;line-height:1.5;color:var(--muted)}
.lp-svc .n{padding-top:0}
.lp-tags{gap:0}
.lp-tags li{display:inline!important;padding:0!important;border:0!important;border-radius:0;font-size:14px}
.lp-tags li+li::before{content:" · ";white-space:pre}
.lp-steps li::before{margin-bottom:16px}
.lp-steps p{font-size:15px}
.lp-stats .v{font-size:clamp(56px,9vw,128px)}
.lp-th li{padding:clamp(20px,2.6vw,34px) 0}
.lp-th h3{font-size:clamp(26px,3.4vw,46px)}
.lp-th p{font-size:16px;color:#a1a1aa}
.fl-card{font-size:16px;padding:16px 20px}
.lp-proj{gap:clamp(28px,4vw,48px) clamp(20px,3vw,40px)}
.lp-proj>a:nth-child(even){margin-top:clamp(0px,5vw,72px)}
.lp-pc .im{aspect-ratio:16/10}
.lp-pc p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
.lp-more{margin-top:clamp(28px,4vw,48px)}
.lp-end{padding:var(--gap) 0 clamp(56px,7vw,96px)}
.lp-end h2{font-size:clamp(44px,9.6vw,140px);line-height:.96}
.lp-end .tx{font-size:clamp(17px,1.5vw,19px);color:var(--muted)}
.lp-others{padding:clamp(32px,4vw,48px) 0}
.lp-index .lp-proj>a:nth-child(even){margin-top:0}
.lp-tint{background:var(--soft);margin-top:calc(var(--gap)*.8);padding-bottom:var(--gap)}
.lp-tint .lp-svc,.lp-tint .lp-svc li{border-color:rgba(127,127,127,.28)}
.lp-tint .lp-tags li,.lp-tint .lp-pc .im{border-color:rgba(127,127,127,.28)!important}
/* KI-Layout */
.ai-hero{padding:clamp(48px,8vw,112px) 0 clamp(40px,6vw,88px)}
.ai-hero h1{font-size:clamp(48px,10vw,150px)}
.ai-intro .lp-lead{font-size:clamp(26px,3.6vw,50px);line-height:1.16}
.ai-dk .lp-rest{color:#a1a1aa}
.ai-card,.ai-steps li{min-height:0}
.ai-card p{font-size:16px;color:var(--mu)}
.ai-steps p{font-size:15px}
.ai-comp .tx{font-size:clamp(16px,1.3vw,18px)}
.ai-end{padding:clamp(56px,8vw,112px) 0}
.ai-end h2{font-size:clamp(44px,9.6vw,140px);line-height:.96}
.ai-end .tx{font-size:clamp(17px,1.5vw,19px)}
.ai-xs .v{font-size:clamp(56px,8vw,112px)}
.ai-xs{margin-top:clamp(24px,3.4vw,44px)}
.ai-path{margin-top:clamp(28px,4vw,56px)}
.ai-path li{padding:clamp(14px,1.8vw,22px) 0}
.ai-path p{font-size:15px}
.ai-gain{margin-top:clamp(28px,4vw,56px);padding:clamp(22px,3vw,40px)}
.ai-gain li p{font-size:15px;color:#a1a1aa}
.ai-tl p,.ai-steps p{font-size:15px}

/* ── Studio-Stil: Kopfzeile, Menü, Fußzeile ── */
.st-top{position:sticky;top:0;z-index:30;background:var(--bg)}
.st-bar{display:flex;align-items:center;gap:20px;height:76px}
.st-bar .brand{margin-right:auto}
.st-right{display:flex;align-items:center;gap:18px}
.st-m{position:static}
.st-m>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.01em;padding:10px 0;user-select:none;position:relative;z-index:41}
.st-m>summary::-webkit-details-marker{display:none}
.st-m .ic{position:relative;display:block;width:26px;height:10px}
.st-m .ic::before,.st-m .ic::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1),top .3s}
.st-m .ic::before{top:0}.st-m .ic::after{top:8px}
.st-m[open] .ic::before{top:4px;transform:rotate(45deg)}.st-m[open] .ic::after{top:4px;transform:rotate(-45deg)}
.st-m[open]>summary{color:var(--dk-t)}
.st-m .lb-close{display:none}.st-m[open] .lb-open{display:none}.st-m[open] .lb-close{display:inline}
.st-menu{display:none;position:fixed;inset:0;z-index:40;background:var(--dk);color:var(--dk-t);padding:clamp(96px,14vh,140px) 24px 32px;overflow:auto;flex-direction:column;gap:40px}
.st-m[open] .st-menu{display:flex}
.st-menu .in{width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 64px;flex:1}
.st-menu ul{list-style:none;margin:0;padding:0}
.st-menu .big a{display:block;font-size:clamp(40px,7.4vw,104px);font-weight:400;letter-spacing:-.035em;line-height:1.08;text-decoration:none;color:var(--dk-t);padding:2px 0}
.st-menu .big a:hover,.st-menu .big a[aria-current]{opacity:.55}
.st-menu .lb{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.01em;color:#a1a1aa}
.st-menu .sm li a{display:block;padding:12px 0;border-bottom:1px solid #2d2d33;font-size:clamp(18px,2vw,24px);font-weight:400;letter-spacing:-.02em;text-decoration:none;color:var(--dk-t)}
.st-menu .sm li a:hover{opacity:.6}
.st-menu .mf{width:100%;max-width:1360px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;color:#a1a1aa}
.st-menu .mf a{color:var(--dk-t);text-decoration:none;border-bottom:1px solid #444}
@media(max-width:820px){.st-menu .in{grid-template-columns:1fr}}
body:has(.st-m[open]){overflow:hidden}
.st-foot{background:var(--dk);color:var(--dk-t);padding:clamp(56px,7vw,104px) 0 28px;margin-top:0}
.st-tail+.st-foot,.st-dark+.st-foot{border-top:1px solid #2d2d33}
.st-foot a{color:var(--dk-t);text-decoration:none}.st-foot a:hover{opacity:.65}
.st-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px}
.st-foot .lb{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.01em;color:#a1a1aa}
.st-foot p,.st-foot li{margin:0 0 8px;font-size:16px;line-height:1.5}
.st-foot ul{list-style:none;margin:0;padding:0}
.st-foot .big{display:block;font-size:clamp(22px,2.4vw,32px);font-weight:400;letter-spacing:-.02em;margin-bottom:10px;word-break:break-word}
.st-copy{margin-top:clamp(40px,6vw,88px);padding-top:20px;border-top:1px solid #2d2d33;font-size:13px;color:#a1a1aa}
@media(max-width:900px){.st-fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.st-fgrid{grid-template-columns:1fr}}
/* Seiten im Studio-Stil */
.st-page{padding-bottom:0}
.st-page .st-hero h1{grid-column:1/9}
.st-hero.noimg h1{grid-column:1/-1;mix-blend-mode:normal;color:var(--text);max-width:12ch}
.st-intro .px{white-space:pre-line}
.st-vita .st-intro .px{color:var(--text)}
.st-vita .st-intro .px.sub{margin:0 0 clamp(20px,2.4vw,32px);font-size:clamp(17px,1.6vw,20px);font-weight:500;letter-spacing:-.01em;color:var(--muted)}
.st-vita .st-intro .vh{margin:clamp(32px,4vw,52px) 0 8px;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.st-vita .st-intro .vh+.px{margin-top:0}
.st-intro .sv a{color:inherit}
.st-contact{padding-top:clamp(56px,8vw,120px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px clamp(24px,6vw,96px)}
.st-contact .lb{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.st-contact .row{padding:0 0 clamp(28px,4vw,48px)}
.st-contact .row a,.st-contact .row p{margin:0;font-size:clamp(24px,3.6vw,48px);font-weight:400;letter-spacing:-.025em;line-height:1.15;text-decoration:none;word-break:break-word}
.st-contact .row a{border-bottom:2px solid var(--text);padding-bottom:3px}
.st-contact .row.sub p{font-size:clamp(18px,1.8vw,22px);font-weight:400;letter-spacing:-.01em;color:var(--text);white-space:pre-line}
@media(max-width:760px){.st-contact{grid-template-columns:1fr}}
.st-contact .row p.lb{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted);line-height:1.4;white-space:normal}
.st-legal{padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(64px,9vw,128px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(24px,6vw,96px)}
.st-legal .lb{margin:6px 0 0;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.st-legal h1{font-weight:600;font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.035em;margin:0 0 clamp(28px,4vw,56px)}
.st-legal h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:40px 0 10px}
.st-legal p{margin:0 0 1em;max-width:46em;font-size:16px;line-height:1.7;white-space:pre-line}
.st-legal .note{max-width:46em}
@media(max-width:760px){.st-legal{grid-template-columns:1fr}}

/* Startseite im Studio-Stil */
.st-sec{padding-top:clamp(64px,9vw,136px)}
.st-sec>.st-w>.lb,.st-secrow .lb{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.st-secrow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(24px,6vw,96px);align-items:start}
.st-secrow .t{margin:0;font-weight:600;font-size:clamp(32px,4.6vw,64px);line-height:1.04;letter-spacing:-.03em;max-width:16em;text-wrap:balance}
@media(max-width:760px){.st-secrow{grid-template-columns:1fr;gap:10px}}
.st-focus{list-style:none;margin:clamp(20px,3vw,40px) 0 0;padding:0}
.st-focus li{margin:0}
.st-focus .m{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px 24px;align-items:baseline;padding:clamp(16px,2.2vw,28px) 0;text-decoration:none;transition:padding-left .35s cubic-bezier(.2,.7,.2,1)}
.st-focus .also{display:flex;flex-wrap:wrap;gap:6px 24px;margin:-8px 0 0;padding:0 0 clamp(14px,1.8vw,22px) 80px}
.st-focus .also a{font-size:15px;font-weight:500;color:var(--text);text-decoration:none}
.st-focus .also a:hover{text-decoration:underline;text-underline-offset:3px}
.st-focus .m:hover{padding-left:12px}
.st-focus .n{font-size:14px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.st-focus b{font-size:clamp(23px,2.9vw,40px);font-weight:400;letter-spacing:-.03em;line-height:1.1}
.st-focus small{display:block;margin-top:4px;color:var(--muted)}
.st-focus .ar{font-size:clamp(22px,2.4vw,32px);font-weight:400}
@media(max-width:620px){.st-focus .m{grid-template-columns:36px 1fr}.st-focus .ar{display:none}.st-focus .also{padding-left:60px}}
.st-statement{margin:0;font-weight:400;font-size:clamp(34px,6vw,84px);line-height:1.04;letter-spacing:-.01em;max-width:15em;text-wrap:balance}
.st-intro .lp-lead{margin:0 0 1em}
.st-band{background:var(--dk);color:var(--dk-t);margin-top:clamp(64px,9vw,136px);padding:clamp(72px,10vw,152px) 0}
.st-band .st-statement{color:var(--dk-t);max-width:14em}
.st-soft{background:var(--soft);margin-top:clamp(64px,9vw,136px);padding:clamp(56px,8vw,120px) 0}
.st-soft .st-stats{border-top-color:var(--line)}
.st-soft .st-stats>div{min-width:0}
.st-soft .st-stats .v{font-size:clamp(44px,5.6vw,84px);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto}
.st-band+.st-sec,.st-soft+.st-sec{padding-top:clamp(64px,9vw,136px)}
.st-stats{margin-top:clamp(40px,6vw,88px)}
.st-stats .lb{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.st-stats .v{font-size:clamp(40px,6vw,88px);line-height:1}
.st-stats>div{padding-top:clamp(24px,3vw,40px)}
.st-focus small{font-weight:400;letter-spacing:0;text-transform:none;font-size:15px;line-height:1.45;max-width:46em}
.st-sec .lp-proj{margin-top:clamp(32px,4vw,56px)}
.st-sec .logos{margin-top:clamp(24px,3vw,40px)}
.st-sec .lp-more{margin-top:clamp(32px,4vw,56px)}