@font-face{font-family:"Stack Sans Notch";src:url("assets/fonts/stack-sans-notch-subset.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-variable-subset.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--lime:#c6d43f;--lime-dark:#a4b332;--ink:#0f0f0f;--ink-soft:#20201e;--paper:#f4f3ed;--white:#fff;--muted:#71716c;--line:rgba(15,15,15,.16);--line-light:rgba(255,255,255,.2);--display:"Stack Sans Notch","Inter",sans-serif;--body:"Inter",sans-serif;--radius:20px;--gutter:clamp(20px,4vw,64px);--header-height:96px;--section-nav-height:66px;--z-header:50;--z-section-nav:40}
*,*::before,*::after{box-sizing:border-box}html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}picture{display:contents}img{display:block;max-width:100%}button,a{font:inherit}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4{margin:0;font-family:var(--display)}::selection{background:var(--lime);color:var(--ink)}
.container{width:min(100% - (2 * var(--gutter)),1400px);margin-inline:auto}.section{position:relative;padding-block:clamp(92px,12vw,176px);overflow:hidden}.section--white{background:var(--white)}.section--paper{background:var(--paper)}.section--dark{background:var(--ink);color:var(--white)}.section__head{display:grid;grid-template-columns:minmax(170px,3fr) minmax(0,9fr);gap:32px;align-items:start;margin-bottom:clamp(56px,8vw,112px)}.section__number{display:flex;align-items:center;gap:14px;padding-top:12px;font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.section__number::before{content:"";width:34px;height:2px;background:var(--lime)}.section__title{max-width:1080px;font-size:clamp(46px,6.5vw,104px);font-weight:700;line-height:.96;letter-spacing:-.047em;text-wrap:balance}.accent{color:var(--lime)}.section--dark .accent{color:var(--lime)}.kicker{display:block;margin-bottom:16px;font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.body-large{font-size:clamp(21px,2.1vw,31px);font-weight:450;line-height:1.42;letter-spacing:-.022em}.body-copy{font-size:clamp(16px,1.35vw,19px);line-height:1.68}.muted{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 25px;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:750;line-height:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.nav__links a:focus-visible,.menu-button:focus-visible{outline:3px solid rgba(198,212,63,.48);outline-offset:4px}.button--lime{background:var(--lime);color:var(--ink)}.button--lime:hover{background:var(--lime-dark)}.button--ghost{border-color:rgba(255,255,255,.52);background:rgba(15,15,15,.18);color:var(--white);backdrop-filter:blur(8px)}.button--ghost:hover{border-color:var(--white);background:rgba(15,15,15,.48)}.arrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--white)}.hero__image,.hero__veil,.hero__grain{position:absolute;inset:0;pointer-events:none}.hero__image{z-index:-4;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:contrast(1.12) brightness(.58);transform:scale(1.018);animation:settle 1.8s cubic-bezier(.2,.75,.2,1) both}.hero__veil{z-index:-3;background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.8) 40%,rgba(10,10,10,.22) 73%,rgba(10,10,10,.52) 100%),linear-gradient(180deg,rgba(10,10,10,.88) 0%,transparent 24%,transparent 63%,rgba(10,10,10,.94) 100%)}.hero__grain{z-index:-2;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.nav{position:relative;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:112px;border-bottom:1px solid var(--line-light)}.brand{display:inline-flex;width:clamp(166px,14vw,216px)}.brand img{width:100%;height:auto}.nav__links{display:flex;justify-content:center;gap:clamp(22px,2.7vw,44px);margin:0;padding:0;list-style:none}.nav__links a{position:relative;padding:10px 0;color:rgba(255,255,255,.82);font-size:13px;font-weight:650;transition:color .2s ease}.nav__links a::after{content:"";position:absolute;right:0;bottom:3px;left:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.nav__links a:hover,.nav__links a:focus-visible{color:var(--white)}.nav__links a:hover::after,.nav__links a:focus-visible::after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;width:48px;height:48px;padding:0;border:1px solid var(--line-light);border-radius:50%;background:rgba(15,15,15,.45);color:var(--white);place-items:center}.menu-button svg{width:21px;height:21px}.hero__content{display:grid;align-content:center;min-height:calc(100svh - 112px);padding-block:72px 64px}.hero__copy{width:min(1050px,78vw)}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 25px;color:rgba(255,255,255,.73);font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;animation:reveal .75s .18s both}.eyebrow::before{content:"";width:36px;height:2px;background:var(--lime)}h1{max-width:1120px;font-size:clamp(53px,7.15vw,116px);font-weight:700;line-height:.91;letter-spacing:-.055em;text-wrap:balance;animation:reveal .9s .28s both}h1 span{color:var(--lime)}.hero__lead{max-width:680px;margin-top:31px;color:#d1d1cc;font-size:clamp(17px,1.4vw,21px);font-weight:430;line-height:1.55;text-wrap:balance;animation:reveal .85s .42s both}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:reveal .85s .55s both}.hero__footer{position:absolute;right:32px;bottom:30px;z-index:2;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.58);font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.hero__footer::after{content:"";width:1px;height:48px;background:rgba(255,255,255,.35)}
.manifest-grid,.os-intro,.team-intro{display:grid;grid-template-columns:5fr 7fr;gap:clamp(42px,8vw,140px)}.manifest-grid{align-items:end}.manifest-note{padding-top:26px;border-top:1px solid var(--line)}.manifest-note strong{display:block;margin-bottom:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.manifest-statement{display:grid;gap:24px}.manifest-statement p:first-child{color:var(--muted)}.manifest-brace{position:absolute;right:-1vw;bottom:-14vw;color:rgba(15,15,15,.035);font-family:var(--display);font-size:clamp(360px,54vw,820px);line-height:1;pointer-events:none}
.os-intro{margin-bottom:clamp(64px,8vw,112px)}.os-intro .body-copy,.team-intro .body-copy{max-width:700px;color:#bebeb8}.os-board{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;padding:12px;border:1px solid var(--line-light);border-radius:var(--radius);background:#151513}.os-card{min-height:208px;padding:27px;border:1px solid var(--line-light);border-radius:14px;background:#0b0b0a}.os-card--lead{grid-column:span 5;background:var(--lime);color:var(--ink)}.os-card--system{grid-column:span 7}.os-card--wide{grid-column:span 12;display:grid;grid-template-columns:4fr 8fr;gap:32px;min-height:180px}.os-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:54px;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.os-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.os-card h3{max-width:520px;font-size:clamp(29px,3.5vw,50px);line-height:1;letter-spacing:-.036em}.os-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.os-step{position:relative;padding:18px;border:1px solid var(--line-light);border-radius:12px;color:#d6d6d1;font-size:13px;line-height:1.45}.os-step:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:50%;z-index:2;width:22px;transform:translateY(-50%);background:#0b0b0a;color:var(--lime);text-align:center}.os-disclaimer{display:flex;gap:14px;align-items:flex-start;margin-top:20px;color:#969690;font-size:13px;line-height:1.55}.os-disclaimer::before{content:"";flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--lime)}
.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:90px minmax(220px,4fr) minmax(280px,6fr);gap:28px;align-items:start;padding-block:34px;border-bottom:1px solid var(--line)}.service__index{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.1em}.service h3{font-size:clamp(27px,3vw,43px);line-height:1;letter-spacing:-.035em}.service p{max-width:690px;color:#50504c;font-size:16px;line-height:1.68}.service__flag{display:inline-flex;margin-top:16px;padding:6px 10px;border:1px solid var(--line);border-radius:100px;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{position:relative;min-height:540px;padding:clamp(28px,4vw,54px);overflow:hidden;border-radius:var(--radius);background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:space-between}.project--lime{background:var(--lime);color:var(--ink)}.project__meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.project__mark{position:absolute;right:-32px;top:50%;transform:translateY(-52%);font-family:var(--display);font-size:clamp(220px,32vw,480px);line-height:1;opacity:.055}.project--lime .project__mark{opacity:.12}.project__content{position:relative;z-index:1}.project h3{max-width:560px;margin-bottom:22px;font-size:clamp(42px,5vw,76px);line-height:.93;letter-spacing:-.045em}.project p{max-width:530px;color:#c5c5bf;font-size:16px;line-height:1.65}.project--lime p{color:#30302d}.project__scope{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.project__scope span{padding:8px 12px;border:1px solid currentColor;border-radius:100px;font-size:11px;font-weight:650}.evidence-note{max-width:760px;margin-top:24px;color:var(--muted);font-size:12px;line-height:1.55}
.team-intro{margin-bottom:clamp(60px,8vw,100px)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person{min-height:370px;padding:26px;border:1px solid var(--line-light);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;transition:background-color .25s,color .25s,transform .25s}.person:hover{background:var(--lime);color:var(--ink);transform:translateY(-4px)}.person__top{display:flex;justify-content:space-between;gap:16px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.person__avatar{display:grid;width:58px;height:58px;margin:auto 0 34px;border:1px solid currentColor;border-radius:50%;place-items:center;font-family:var(--display);font-size:24px}.person h3{font-size:clamp(32px,3vw,43px);line-height:1}.person p{margin-top:12px;color:#a7a7a2;font-size:13px;line-height:1.55}.person:hover p{color:#292927}
.founder-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(42px,8vw,140px);align-items:start}.founder-portrait{position:relative;min-height:clamp(460px,62vw,760px);overflow:hidden;border-radius:var(--radius);background:var(--lime)}.founder-portrait::before{content:"}";position:absolute;right:-5%;bottom:-22%;color:rgba(15,15,15,.16);font-family:var(--display);font-size:clamp(440px,70vw,920px);line-height:1}.founder-portrait__text{position:absolute;inset:auto 32px 30px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.founder-copy{padding-top:8px}.founder-copy h3,.founder-copy h2{margin-bottom:32px;font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.044em}.founder-copy .body-large{margin-bottom:32px}.founder-copy .body-copy{color:#555550}.principles{display:grid;margin-top:44px;border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:34px 1fr;gap:16px;padding-block:18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.principle span:first-child{color:var(--lime-dark);font-weight:800}
.contact{padding-block:clamp(100px,14vw,190px) 40px;background:var(--lime)}.contact__top{display:grid;grid-template-columns:3fr 9fr;gap:32px}.contact .section__number::before{background:var(--ink)}.contact h2{max-width:1150px;font-size:clamp(64px,10.4vw,164px);line-height:.84;letter-spacing:-.06em;text-wrap:balance}.contact__action{display:flex;justify-content:flex-end;margin-top:clamp(48px,7vw,96px)}.contact__link{display:inline-flex;align-items:center;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-family:var(--display);font-size:clamp(24px,3.5vw,49px);font-weight:700}.contact__link .arrow{width:28px;height:28px}.footer{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;margin-top:clamp(90px,14vw,180px);padding-top:28px;border-top:1px solid rgba(15,15,15,.25);font-size:12px}.footer a{font-weight:650}.footer a:hover{text-decoration:underline}
@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes settle{from{opacity:.5;transform:scale(1.07)}to{opacity:1;transform:scale(1.018)}}
@media(max-width:1080px){.nav__links{gap:20px}.team-grid{grid-template-columns:1fr 1fr}.os-flow{grid-template-columns:1fr 1fr}.os-step:nth-child(2)::after{display:none}}
@media(max-width:920px){.nav{grid-template-columns:1fr auto;min-height:94px}.nav>.button{display:none}.menu-button{display:grid}.nav__links{position:fixed;inset:94px var(--gutter) auto;display:none;width:auto;padding:18px;border:1px solid var(--line-light);border-radius:var(--radius);background:rgba(15,15,15,.98);backdrop-filter:blur(16px)}.nav__links.is-open{display:grid;gap:4px}.nav__links a{display:block;padding:14px 12px;font-size:16px}.hero__content{min-height:calc(100svh - 94px)}.hero__copy{width:min(800px,90vw)}.hero__veil{background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.46)),linear-gradient(180deg,rgba(10,10,10,.86) 0%,transparent 25%,rgba(10,10,10,.9) 100%)}.section__head,.contact__top,.manifest-grid,.os-intro,.team-intro,.founder-grid{grid-template-columns:1fr}.manifest-note{max-width:540px}.os-card--lead,.os-card--system{grid-column:span 12}.os-card--wide{grid-template-columns:1fr}.service{grid-template-columns:54px minmax(0,1fr)}.service p{grid-column:2}.projects-grid{grid-template-columns:1fr}.project{min-height:470px}.founder-portrait{min-height:500px}}
@media(max-width:640px){.section{padding-block:78px}.section__head{margin-bottom:48px}.section__number{padding-top:0}.hero__image{object-position:57% 48%}.hero__veil{background:linear-gradient(90deg,rgba(10,10,10,.9),rgba(10,10,10,.54)),linear-gradient(180deg,rgba(10,10,10,.87) 0%,transparent 30%,rgba(10,10,10,.97) 100%)}.nav{min-height:82px}.brand{width:154px}.nav__links{inset:82px 14px auto}.hero__content{align-content:end;min-height:calc(100svh - 82px);padding-block:64px 32px}.hero__copy{width:100%}.eyebrow{margin-bottom:18px;font-size:9px}h1{font-size:clamp(44px,14vw,66px);line-height:.93}.hero__lead{margin-top:22px;font-size:16px}.hero__actions{display:grid;margin-top:26px}.hero__actions .button{width:100%;min-height:54px}.hero__footer{display:none}.os-card{min-height:190px;padding:22px}.os-label{margin-bottom:38px}.os-flow{grid-template-columns:1fr}.os-step::after{display:none}.service{grid-template-columns:38px minmax(0,1fr);gap:14px;padding-block:28px}.service p{font-size:15px}.project{min-height:430px}.project__meta{display:grid}.team-grid{grid-template-columns:1fr}.person{min-height:310px}.founder-portrait{min-height:400px}.contact__action{justify-content:flex-start}.contact__link{gap:9px;font-size:clamp(17px,6.4vw,22px)}.contact__link .arrow{width:22px;height:22px}.footer{grid-template-columns:1fr 1fr}.footer p{grid-column:1/-1}}
@media(max-height:720px) and (min-width:641px){.nav{min-height:86px}.hero__content{min-height:calc(100svh - 86px);padding-block:32px}h1{font-size:clamp(50px,6.8vw,88px)}.hero__lead{margin-top:20px}.hero__actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mehrseiten-System */
.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--ink);color:var(--white)}
.site-header .nav{min-height:var(--header-height)}
.site-header+.hero,.site-header+:where(main)>.hero{min-height:calc(100svh - var(--header-height))}
.site-header+.hero .hero__content,.site-header+:where(main)>.hero .hero__content{min-height:calc(100svh - var(--header-height))}
.nav__links a[aria-current="page"]{color:var(--white)}
.nav__links a[aria-current="page"]::after{transform:scaleX(1)}
.page-hero{position:relative;overflow:hidden;padding-block:clamp(90px,13vw,180px);background:var(--ink);color:var(--white)}
.page-hero::after{content:"}";position:absolute;right:-4vw;bottom:-34%;color:rgba(255,255,255,.035);font-family:var(--display);font-size:clamp(420px,62vw,900px);line-height:1;pointer-events:none}
.page-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:3fr 9fr;gap:32px}
.page-hero h1{max-width:1100px;font-size:clamp(58px,8vw,126px);animation:none}
.page-hero__lead{max-width:760px;margin-top:34px;color:#c7c7c1;font-size:clamp(18px,1.8vw,24px);line-height:1.55}
.home-manifest{display:grid;grid-template-columns:5fr 7fr;gap:clamp(42px,8vw,140px);align-items:start}
.home-manifest h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em}
.home-manifest__copy{display:grid;gap:28px;padding-top:8px}
.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.route-card{position:relative;min-height:340px;padding:clamp(26px,4vw,46px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,background-color .25s ease,color .25s ease}
.route-card:hover{transform:translateY(-5px);background:var(--ink);color:var(--white)}
.route-card--dark{background:var(--ink);color:var(--white)}
.route-card--dark:hover{background:var(--lime);color:var(--ink)}
.route-card__top{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.route-card h3{max-width:520px;font-size:clamp(34px,4.4vw,66px);line-height:.96;letter-spacing:-.045em}
.route-card p{max-width:540px;margin-top:18px;color:var(--muted);font-size:15px;line-height:1.6}
.route-card--dark p,.route-card:hover p{color:#bdbdb7}.route-card--dark:hover p{color:#30302c}
.route-card__arrow{position:absolute;right:26px;bottom:24px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
.route-card__arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px}

.next-page{padding-block:clamp(80px,11vw,140px);background:var(--lime)}
.next-page__inner{display:grid;grid-template-columns:3fr 9fr;gap:32px;align-items:end}
.next-page h2{max-width:980px;font-size:clamp(48px,7vw,108px);line-height:.92;letter-spacing:-.052em}
.next-page a{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding-bottom:8px;border-bottom:2px solid currentColor;font-weight:750}
.split-copy{display:grid;grid-template-columns:5fr 7fr;gap:clamp(42px,8vw,140px)}
.split-copy__aside{padding-top:24px;border-top:1px solid var(--line);font-size:13px;line-height:1.65;color:var(--muted)}
.split-copy__main{display:grid;gap:26px}
.detail-list{display:grid;border-top:1px solid var(--line)}
.detail-item{display:grid;grid-template-columns:70px 4fr 6fr;gap:28px;padding-block:34px;border-bottom:1px solid var(--line)}
.detail-item__number{color:var(--muted);font-size:12px;font-weight:750}
.detail-item h2{font-size:clamp(28px,3.1vw,46px);line-height:1;letter-spacing:-.035em}
.detail-item p{max-width:690px;color:#50504c;font-size:16px;line-height:1.68}
.contact-page{min-height:calc(100svh - 96px);display:grid;align-items:center;padding-block:clamp(80px,12vw,150px);background:var(--lime)}
.contact-page__grid{display:grid;grid-template-columns:3fr 9fr;gap:32px}
.contact-page h1{max-width:1100px;font-size:clamp(62px,10vw,150px);line-height:.85;letter-spacing:-.06em;animation:none}
.contact-page__copy{max-width:700px;margin-top:38px;font-size:clamp(18px,1.8vw,24px);line-height:1.55}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:56px}
.contact-option{padding:26px;border:1px solid rgba(15,15,15,.28);border-radius:var(--radius)}
.contact-option span{display:block;margin-bottom:20px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.contact-option a{font-family:var(--display);font-size:clamp(20px,2.3vw,34px);font-weight:700}
@media(max-width:920px){.site-header .nav{min-height:82px}.page-hero__grid,.next-page__inner,.contact-page__grid{grid-template-columns:1fr}.home-manifest,.split-copy{grid-template-columns:1fr}.detail-item{grid-template-columns:52px 1fr}.detail-item p{grid-column:2}.page-hero h1{font-size:clamp(52px,10vw,90px)}}
@media(max-width:640px){.route-grid,.contact-options{grid-template-columns:1fr}.route-card{min-height:300px}.page-hero{padding-block:76px}.page-hero h1{font-size:clamp(44px,13vw,64px)}.page-hero__lead{font-size:17px}.detail-item{grid-template-columns:34px 1fr;gap:14px}.detail-item p{font-size:15px}.contact-page{min-height:calc(100svh - 82px)}.contact-page h1{font-size:clamp(56px,16vw,78px)}}

/* Agency-OS-Erklärung */
.os-page-hero::after{color:rgba(198,212,63,.055)}
.os-identity{display:flex;align-items:center;gap:16px;padding-top:2px}.os-emblem{position:relative;display:grid;grid-template-columns:1fr 21px;align-items:center;width:92px;height:92px;padding:17px 7px 17px 18px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:#151513}.os-emblem__nodes{display:grid;grid-template-columns:repeat(2,12px);gap:10px}.os-emblem__nodes i{width:12px;height:12px;border:1px solid rgba(255,255,255,.68);border-radius:3px}.os-emblem__nodes i:first-child{border-color:var(--lime);background:var(--lime)}.os-emblem b{color:var(--lime);font-family:var(--display);font-size:44px;font-weight:700;line-height:1;transform:translateY(-2px)}.os-wordmark{display:grid;gap:2px;font-family:var(--display);line-height:1}.os-wordmark span{color:#a9a9a3;font-size:14px}.os-wordmark strong{font-size:20px;letter-spacing:-.025em}.os-card-lockup{display:inline-flex;align-items:center;gap:6px}.os-card-symbol{display:grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:6px;color:var(--lime);font-family:var(--display);font-size:16px;line-height:1}
.team-context{max-width:820px;margin:calc(clamp(56px,8vw,112px) * -.48) 0 clamp(42px,6vw,78px) auto;color:#5b5b56;font-size:clamp(17px,1.6vw,21px);line-height:1.65}
.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.idea-card{min-height:320px;padding:clamp(24px,3vw,38px);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;background:var(--white)}
.idea-card--lime{background:var(--lime)}
.idea-card__index{font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.idea-card h3{font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.036em}
.idea-card p{margin-top:18px;color:#555550;font-size:15px;line-height:1.62}
.workflow{display:grid;border-top:1px solid var(--line-light)}
.workflow-item{display:grid;grid-template-columns:80px 4fr 6fr;gap:28px;padding-block:32px;border-bottom:1px solid var(--line-light);align-items:start}
.workflow-item__number{color:var(--lime);font-size:12px;font-weight:750;letter-spacing:.1em}
.workflow-item h3{font-size:clamp(26px,2.8vw,42px);line-height:1;letter-spacing:-.035em}
.workflow-item p{max-width:700px;color:#bdbdb7;font-size:16px;line-height:1.68}
.human-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(42px,8vw,140px);align-items:start}
.human-grid h2{font-size:clamp(44px,5.8vw,86px);line-height:.96;letter-spacing:-.05em}
.human-list{display:grid;border-top:1px solid var(--line)}
.human-item{display:grid;grid-template-columns:38px 1fr;gap:16px;padding-block:21px;border-bottom:1px solid var(--line);font-size:clamp(16px,1.5vw,19px);line-height:1.55}
.human-item span:first-child{color:var(--lime-dark);font-weight:800}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.benefit{padding:clamp(26px,3vw,38px);border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.benefit span{display:block;margin-bottom:42px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.benefit h3{font-size:clamp(27px,3vw,42px);line-height:1;letter-spacing:-.035em}
.benefit p{margin-top:18px;color:#555550;font-size:15px;line-height:1.65}
.faq-list{display:grid;border-top:1px solid var(--line)}
.faq-item{display:grid;grid-template-columns:5fr 7fr;gap:32px;padding-block:30px;border-bottom:1px solid var(--line)}
.faq-item h3{font-size:clamp(22px,2.3vw,32px);line-height:1.15}
.faq-item p{max-width:720px;color:#555550;font-size:16px;line-height:1.68}
@media(max-width:920px){.os-identity{margin-bottom:18px}.team-context{margin-top:-24px}.idea-grid{grid-template-columns:1fr}.idea-card{min-height:260px}.workflow-item{grid-template-columns:52px 1fr}.workflow-item p{grid-column:2}.human-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.faq-item{grid-template-columns:1fr;gap:16px}}
@media(max-width:640px){.os-emblem{width:72px;height:72px;padding:13px 5px 13px 14px;grid-template-columns:1fr 17px;border-radius:16px}.os-emblem__nodes{grid-template-columns:repeat(2,9px);gap:7px}.os-emblem__nodes i{width:9px;height:9px}.os-emblem b{font-size:34px}.os-wordmark span{font-size:12px}.os-wordmark strong{font-size:17px}.workflow-item{grid-template-columns:34px 1fr;gap:14px}.workflow-item p{font-size:15px}.idea-card{min-height:240px}.benefit span{margin-bottom:30px}.faq-item p{font-size:15px}}

/* monkeys leads */
.product-hero::after{color:rgba(198,212,63,.07)}
.product-lockup{margin-bottom:30px;font-family:var(--display);font-size:clamp(20px,2vw,30px);font-weight:700;letter-spacing:-.03em}.product-lockup span{color:var(--lime)}
.product-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-flow article{min-height:330px;padding:clamp(26px,3.2vw,42px);border:1px solid var(--line-light);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;background:#151513}.product-flow span{color:var(--lime);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.product-flow h3{max-width:560px;font-size:clamp(30px,3.4vw,50px);line-height:.98;letter-spacing:-.04em}.product-flow p{max-width:560px;color:#bdbdb7;font-size:15px;line-height:1.64}
.product-position{display:grid;grid-template-columns:5fr 7fr;gap:clamp(42px,8vw,140px);align-items:start}.product-position h2{max-width:670px;font-size:clamp(44px,5.7vw,84px);line-height:.96;letter-spacing:-.05em}.product-position>div:last-child{display:grid;gap:24px;padding-top:6px}.text-link{display:inline-flex;width:max-content;align-items:center;gap:10px;margin-top:10px;padding-bottom:7px;border-bottom:2px solid currentColor;font-weight:750}.product-note{padding:clamp(30px,5vw,72px);border-radius:var(--radius);background:var(--lime)}.product-note__label{display:block;margin-bottom:clamp(50px,8vw,100px);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.product-note h2{max-width:1050px;font-size:clamp(40px,6vw,88px);line-height:.94;letter-spacing:-.05em}.product-note p{max-width:720px;margin-top:28px;font-size:clamp(16px,1.5vw,20px);line-height:1.65}
@media(max-width:920px){.product-flow,.product-position{grid-template-columns:1fr}.product-flow article{min-height:290px}}
@media(max-width:640px){.product-flow article{min-height:270px}.product-note{padding:28px}.product-note__label{margin-bottom:44px}.text-link{width:auto}}

/* Ausführliche Startseite und Leistungen */
.button--dark{background:var(--ink);color:var(--white)}.button--dark:hover{background:#292925}.section-intro{max-width:820px;margin:calc(clamp(56px,8vw,112px) * -.45) 0 clamp(48px,7vw,84px) auto;color:#595954;font-size:clamp(17px,1.55vw,21px);line-height:1.68}.page-actions--right{justify-content:flex-end}
.home-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.home-service{min-height:380px;padding:clamp(26px,3.2vw,42px);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:var(--paper);transition:transform .25s ease,background-color .25s ease}.home-service:hover{transform:translateY(-5px)}.home-service>span{font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.home-service h3{max-width:600px;margin-top:auto;font-size:clamp(33px,3.6vw,54px);line-height:.97;letter-spacing:-.042em}.home-service p{max-width:600px;margin-top:22px;color:#585853;font-size:15px;line-height:1.64}.home-service strong{margin-top:28px;font-size:13px}.home-service--lime{background:var(--lime)}.home-service--dark{grid-column:span 2;background:var(--ink);color:var(--white)}.home-service--dark p{color:#bdbdb7}.home-services .page-actions{margin-top:34px}
.agency-teaser{display:grid;grid-template-columns:4fr 8fr;gap:clamp(44px,8vw,140px);align-items:start}.agency-teaser__mark{display:flex;align-items:center;gap:16px}.agency-teaser h2{max-width:1000px;font-size:clamp(48px,6.5vw,96px);line-height:.94;letter-spacing:-.05em}.agency-teaser .body-large{max-width:830px;margin-top:38px}.agency-teaser .body-copy{max-width:760px;margin-top:22px;color:#bdbdb7}.agency-teaser .button{margin-top:34px}
.product-home,.location-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(44px,8vw,140px);align-items:start}.product-lockup--dark{color:var(--ink)}.product-home h2,.location-grid h2{max-width:760px;font-size:clamp(43px,5.4vw,80px);line-height:.96;letter-spacing:-.048em}.product-home>div:last-child,.location-grid>div:last-child{display:grid;gap:24px;padding-top:6px}.product-home .page-actions{align-items:center}
.service-jump{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.service-jump a{padding:10px 15px;border:1px solid var(--line);border-radius:100px;font-size:13px;font-weight:700;transition:background-color .2s ease,color .2s ease}.service-jump a:hover{background:var(--ink);color:var(--white)}
.service-deep{scroll-margin-top:24px;padding-block:clamp(96px,13vw,184px)}.service-deep--paper{background:var(--paper)}.service-deep--white{background:var(--white)}.service-deep--dark{background:var(--ink);color:var(--white)}.service-deep--lime{background:var(--lime);color:var(--ink)}.service-deep__grid{display:grid;grid-template-columns:3fr 9fr;gap:32px}.service-deep__meta{display:grid;align-content:start;gap:10px;padding-top:11px;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.service-deep__meta span:first-child{color:var(--lime-dark);font-size:14px}.service-deep--dark .service-deep__meta span:first-child{color:var(--lime)}.service-deep--lime .service-deep__meta span:first-child{color:var(--ink)}.service-deep__content{max-width:980px}.service-deep__content h2{font-size:clamp(48px,6.3vw,94px);line-height:.94;letter-spacing:-.052em}.service-deep__content>.body-large{max-width:800px;margin-top:42px}.service-deep__content>.body-copy{max-width:800px;margin-top:24px;color:#575752}.service-deep--dark .service-deep__content>.body-copy{color:#bdbdb7}.service-deep--lime .service-deep__content>.body-copy{color:#30302c}.service-scope{display:grid;grid-template-columns:4fr 8fr;gap:28px;margin-block:clamp(48px,7vw,82px);padding-block:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-deep--dark .service-scope{border-color:var(--line-light)}.service-scope h3{font-size:clamp(22px,2.2vw,32px);line-height:1.08}.service-scope ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.service-scope li{position:relative;padding-left:24px;font-size:15px;line-height:1.5}.service-scope li::before{content:"}";position:absolute;left:0;color:var(--lime-dark);font-family:var(--display);font-weight:800}.service-deep--dark .service-scope li::before{color:var(--lime)}.service-deep--lime .service-scope li::before{color:var(--ink)}
.visibility-block{margin-bottom:clamp(48px,7vw,82px);padding:clamp(28px,4vw,52px);border-radius:var(--radius);background:var(--ink);color:var(--white)}.visibility-block__head>span{display:block;color:var(--lime);font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.visibility-block__head h3{max-width:820px;margin-top:32px;font-size:clamp(35px,4.5vw,66px);line-height:.96;letter-spacing:-.045em}.visibility-block__head p{max-width:780px;margin-top:24px;color:#bdbdb7;font-size:16px;line-height:1.68}.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.visibility-grid article{min-height:280px;padding:clamp(24px,3vw,36px);border:1px solid var(--line-light);border-radius:14px;display:flex;flex-direction:column}.visibility-grid article>span{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em}.visibility-grid h4{margin-top:auto;font-size:clamp(25px,2.6vw,37px);line-height:1;letter-spacing:-.035em}.visibility-grid p{margin-top:18px;color:#bdbdb7;font-size:14px;line-height:1.6}.visibility-block__note{margin-top:26px;padding-top:24px;border-top:1px solid var(--line-light);color:#bdbdb7;font-size:13px;line-height:1.6}
@media(max-width:920px){.section-intro{margin-top:-28px}.agency-teaser,.product-home,.location-grid,.service-deep__grid{grid-template-columns:minmax(0,1fr)}.agency-teaser__mark{margin-bottom:22px}.service-deep__meta{grid-template-columns:auto minmax(0,1fr);gap:16px}.service-deep__meta,.service-deep__content{min-width:0}.service-deep__meta span:last-child{overflow-wrap:anywhere}.service-scope,.visibility-grid{grid-template-columns:1fr}.home-service-grid{grid-template-columns:1fr}.home-service--dark{grid-column:auto}}
@media(max-width:640px){.section-intro{margin-top:-20px;font-size:16px}.home-service{min-height:330px}.agency-teaser h2,.product-home h2,.location-grid h2{font-size:clamp(40px,12vw,58px)}.service-deep{padding-block:80px}.service-deep__content h2{font-size:clamp(43px,13vw,62px)}.service-deep__content>.body-large{margin-top:30px}.service-jump{display:grid;grid-template-columns:1fr 1fr}.service-jump a{text-align:center}.visibility-block{padding:26px}.visibility-grid article{min-height:250px}.page-actions--right{justify-content:flex-start}}

/* Historischer Vorsprung: Bildwelt der Unterseiten */
.os-page-hero{min-height:min(820px,calc(100svh - 96px));display:grid;align-items:center;padding-block:clamp(72px,9vw,130px);isolation:isolate;background-image:linear-gradient(90deg,rgba(7,7,7,.9) 0%,rgba(7,7,7,.76) 30%,rgba(7,7,7,.38) 52%,rgba(7,7,7,.04) 78%,rgba(7,7,7,.12) 100%),linear-gradient(180deg,rgba(7,7,7,.24) 0%,rgba(7,7,7,0) 46%,rgba(7,7,7,.5) 100%),url("assets/hero-agency-os-orchestra.webp");background-size:cover;background-position:center center}
.os-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.os-page-hero::after{display:none}
.os-page-hero .page-hero__grid{display:block}
.os-page-hero .os-identity{margin-bottom:clamp(30px,4vw,54px)}
.os-page-hero .page-hero__grid>div:last-child{max-width:1260px}
.os-page-hero h1{max-width:1260px;font-size:clamp(56px,7.15vw,106px);text-shadow:0 3px 30px rgba(0,0,0,.55)}
.os-page-hero .page-hero__lead{max-width:740px;color:#d4d4cf;text-shadow:0 2px 18px rgba(0,0,0,.8)}
@media(max-width:920px){.os-page-hero{min-height:720px;background-position:58% center;background-image:linear-gradient(90deg,rgba(7,7,7,.88) 0%,rgba(7,7,7,.68) 48%,rgba(7,7,7,.12) 100%),linear-gradient(180deg,rgba(7,7,7,.16),rgba(7,7,7,.56)),url("assets/hero-agency-os-orchestra.webp")}.os-page-hero .page-hero__grid>div:last-child{max-width:690px}}
@media(max-width:640px){.os-page-hero{min-height:680px;align-items:end;padding-block:64px;background-position:58% center;background-image:linear-gradient(90deg,rgba(7,7,7,.82) 0%,rgba(7,7,7,.5) 100%),linear-gradient(180deg,rgba(7,7,7,.08) 0%,rgba(7,7,7,.76) 78%),url("assets/hero-agency-os-orchestra.webp")}.os-page-hero .os-identity{margin-bottom:28px}.os-page-hero h1{font-size:clamp(43px,12vw,62px)}.os-page-hero .page-hero__lead{margin-top:24px}}

/* Untermenüs und seiteninterne Ankernavigation */
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.nav__links>li{position:relative}
.nav__links>li>a{display:flex;align-items:center;gap:5px;white-space:nowrap}
.nav-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s ease}
.submenu-toggle{display:none}
.submenu{position:absolute;top:calc(100% + 14px);left:-22px;z-index:40;width:max-content;min-width:250px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(15,15,15,.98);box-shadow:0 22px 60px rgba(0,0,0,.3);list-style:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.submenu::before{content:"";position:absolute;right:0;bottom:100%;left:0;height:18px}
.submenu a{display:block!important;padding:11px 13px!important;border-radius:9px;color:#c9c9c3!important;font-size:13px!important;font-weight:580!important;white-space:nowrap;transition:background-color .18s ease,color .18s ease!important}
.submenu a::after{display:none}
.submenu a:hover,.submenu a:focus-visible{background:rgba(198,212,63,.12);color:var(--lime)!important}
.has-submenu:hover>.submenu,.has-submenu:focus-within>.submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.has-submenu:hover>.nav-chevron,.has-submenu:focus-within>a>.nav-chevron{transform:rotate(180deg)}
.section-nav{position:sticky;top:var(--header-height);z-index:var(--z-section-nav);overflow:hidden;border-bottom:1px solid rgba(15,15,15,.14);background:rgba(244,243,237,.94);backdrop-filter:blur(15px);color:var(--ink)}
.section-nav__inner{display:flex;align-items:center;gap:4px;min-height:66px;overflow-x:auto;scrollbar-width:none}
.section-nav__inner::-webkit-scrollbar{display:none}
.section-nav__inner>span{position:sticky;left:0;z-index:2;flex:0 0 auto;margin-right:12px;padding-right:20px;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 78%,transparent 100%);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.section-nav__inner a{flex:0 0 auto;padding:9px 14px;border:1px solid transparent;border-radius:100px;color:#555550;font-size:12px;font-weight:700;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.section-nav__inner a:hover{border-color:var(--line);color:var(--ink)}
.section-nav__inner a[aria-current="true"]{background:var(--ink);color:var(--white)}
.section-nav+section,.section-nav~section[id],section[id]{scroll-margin-top:calc(var(--header-height) + var(--section-nav-height) + 16px)}
@media(max-width:920px){:root{--header-height:82px;--section-nav-height:60px}.nav__links{max-height:calc(100svh - var(--header-height));overflow-y:auto}.nav__links.is-open{display:block}.nav__links>li>a{justify-content:flex-start;padding-right:54px}.nav__links>li>a .nav-chevron{display:none}.nav__links>li+li{margin-top:2px}.submenu-toggle{position:absolute;top:5px;right:5px;z-index:2;display:grid;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#bdbdb7;place-items:center}.submenu-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s ease}.submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.submenu{display:none;position:static;width:auto;min-width:0;margin:0 8px 10px;padding:2px 0 5px 14px;border:0;border-left:1px solid rgba(198,212,63,.42);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}.has-submenu.is-expanded>.submenu{display:block}.submenu::before{display:none}.submenu a{padding:8px 11px!important;font-size:13px!important}.has-submenu:hover>.nav-chevron,.has-submenu:focus-within>a>.nav-chevron{transform:none}.section-nav__inner{min-height:var(--section-nav-height)}.section-nav__inner>span{margin-right:5px;padding-right:14px}.section-nav__inner a{padding:8px 12px}}
@media(max-width:640px){:root{--section-nav-height:56px}.section-nav__inner{min-height:var(--section-nav-height)}.section-nav__inner>span{font-size:9px}.section-nav__inner a{font-size:11px}}

/* Top-Menü: Kinoprogramm der Zukunft */
@media(min-width:921px){
.nav__links>.has-submenu::after{content:"";position:absolute;top:100%;right:-18px;left:-18px;height:44px}
.submenu{position:fixed;top:96px;right:0;left:0;z-index:60;display:grid;width:100vw;min-width:0;grid-template-columns:minmax(260px,4fr) minmax(250px,3fr) minmax(320px,5fr);grid-auto-rows:minmax(42px,auto);gap:0 clamp(34px,4vw,76px);align-items:stretch;margin:0;padding:clamp(34px,4vw,58px) max(var(--gutter),calc((100vw - 1400px)/2 + var(--gutter))) clamp(38px,4.5vw,66px);border:0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:#0b0b0a;box-shadow:0 38px 90px rgba(0,0,0,.52);clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:clip-path .35s cubic-bezier(.22,.8,.25,1),opacity .18s ease,visibility .35s ease}
.hero .submenu{top:112px}
.submenu::before{display:none}
.has-submenu:hover>.submenu,.has-submenu:focus-within>.submenu{clip-path:inset(0);opacity:1;visibility:visible;pointer-events:auto;transform:none}
.has-submenu.is-dismissed>.submenu{clip-path:inset(0 0 100% 0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.submenu-intro{grid-column:1;grid-row:1/span 8;display:flex;flex-direction:column;align-items:flex-start;padding:4px clamp(20px,3vw,48px) 4px 0;border-right:1px solid rgba(255,255,255,.14)}
.submenu-intro>span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.submenu-intro>strong{max-width:430px;margin-top:auto;font-family:var(--display);font-size:clamp(34px,3.4vw,54px);font-weight:700;line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.submenu-intro>p{max-width:430px;margin-top:22px;color:#9e9e98;font-size:14px;line-height:1.6}
.submenu-intro>a{display:inline-flex!important;align-items:center;gap:12px;margin-top:24px;padding:0 0 7px!important;border-bottom:1px solid var(--lime);border-radius:0!important;color:var(--white)!important;font-size:12px!important;font-weight:750!important;letter-spacing:.08em;text-transform:uppercase}
.submenu-intro>a:hover{background:transparent;color:var(--lime)!important}
.submenu-intro>a b{color:var(--lime);font-size:17px}
.submenu-link{grid-column:2}
.submenu-link a{display:grid!important;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;min-height:46px;padding:8px 4px!important;border-bottom:1px solid rgba(255,255,255,.11);border-radius:0!important;color:var(--white)!important}
.submenu-link a>span{color:#777771;font-size:9px;font-weight:750;letter-spacing:.12em}
.submenu-link a>strong{font-family:var(--display);font-size:clamp(18px,1.6vw,24px);line-height:1;font-weight:650;letter-spacing:-.025em}
.submenu-link a>b{color:var(--lime);font-size:15px;font-weight:500;opacity:0;transform:translate(-7px,7px);transition:opacity .18s ease,transform .18s ease}
.submenu-link a:hover,.submenu-link a:focus-visible{background:transparent!important;color:var(--lime)!important}
.submenu-link a:hover>b,.submenu-link a:focus-visible>b{opacity:1;transform:translate(0)}
.submenu-visual{position:relative;grid-column:3;grid-row:1/span 8;min-height:330px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:18px;background-color:#141412;background-size:cover;background-position:center}
.submenu-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.72)),linear-gradient(0deg,rgba(0,0,0,.82),transparent 62%)}
.submenu-visual>span{position:absolute;right:22px;top:14px;color:rgba(255,255,255,.18);font-family:var(--display);font-size:clamp(92px,9vw,150px);font-weight:700;line-height:.9;letter-spacing:-.06em}
.submenu-visual>small{position:absolute;right:24px;bottom:22px;left:24px;color:var(--white);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.menu-agency-os .submenu-visual{background-image:url("assets/hero-agency-os-orchestra.webp");background-position:54% center}
.menu-leistungen .submenu-visual{background-image:url("assets/hero-services-retro-studio.webp");background-position:55% center;filter:saturate(.75)}
.menu-monkeys-leads .submenu-visual{background-image:linear-gradient(120deg,rgba(198,212,63,.08),rgba(0,0,0,.16)),url("assets/hero-leads-switchboard.webp");background-position:56% center}
}
@media(max-width:920px){.submenu-intro,.submenu-visual{display:none}.submenu-link{display:block}.submenu-link a{display:grid!important;grid-template-columns:24px 1fr auto;gap:9px;align-items:center}.submenu-link a>span{color:#777771;font-size:9px;letter-spacing:.1em}.submenu-link a>strong{font-size:13px;font-weight:580}.submenu-link a>b{display:none}}

/* Neue Hero-Bildwelt: historischer Vorsprung */
.services-page-hero,.projects-page-hero,.product-hero{min-height:min(800px,calc(100svh - 96px));display:grid;align-items:center;isolation:isolate;padding-block:clamp(74px,9vw,128px);background-color:var(--ink);background-size:cover;background-position:center;color:var(--white)}
.services-page-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.88) 0%,rgba(7,7,7,.7) 34%,rgba(7,7,7,.32) 62%,rgba(7,7,7,.05) 100%),linear-gradient(180deg,rgba(7,7,7,.16),rgba(7,7,7,.48)),url("assets/hero-services-retro-studio.webp")}
.projects-page-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.89) 0%,rgba(7,7,7,.7) 35%,rgba(7,7,7,.3) 63%,rgba(7,7,7,.05) 100%),linear-gradient(180deg,rgba(7,7,7,.12),rgba(7,7,7,.5)),url("assets/hero-projects-neon-gallery.webp");background-position:56% center}
.product-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.89) 0%,rgba(7,7,7,.72) 34%,rgba(7,7,7,.32) 64%,rgba(7,7,7,.05) 100%),linear-gradient(180deg,rgba(7,7,7,.12),rgba(7,7,7,.5)),url("assets/hero-leads-switchboard.webp");background-position:center center}
.services-page-hero::after,.projects-page-hero::after,.product-hero::after{display:none}
.services-page-hero::before,.projects-page-hero::before,.product-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.services-page-hero .page-hero__grid,.projects-page-hero .page-hero__grid,.product-hero .page-hero__grid{display:block}
.services-page-hero .section__number,.projects-page-hero .section__number,.product-hero .section__number{margin-bottom:clamp(30px,4vw,52px)}
.services-page-hero .page-hero__grid>div:last-child,.projects-page-hero .page-hero__grid>div:last-child{max-width:1160px}
.product-hero .page-hero__grid>div:last-child{max-width:1260px}
.services-page-hero h1,.projects-page-hero h1{max-width:1160px;font-size:clamp(56px,7.15vw,106px);text-shadow:0 3px 30px rgba(0,0,0,.62)}
.product-hero h1{max-width:1260px;font-size:clamp(56px,7.15vw,106px);text-shadow:0 3px 30px rgba(0,0,0,.62)}
.services-page-hero .page-hero__lead,.projects-page-hero .page-hero__lead,.product-hero .page-hero__lead{max-width:740px;color:#d4d4cf;text-shadow:0 2px 18px rgba(0,0,0,.86)}
@media(max-width:920px){.services-page-hero,.projects-page-hero,.product-hero{min-height:720px;align-items:end;background-position:58% center}.services-page-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.84),rgba(7,7,7,.34)),linear-gradient(180deg,rgba(7,7,7,.1),rgba(7,7,7,.72)),url("assets/hero-services-retro-studio.webp")}.projects-page-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.84),rgba(7,7,7,.32)),linear-gradient(180deg,rgba(7,7,7,.08),rgba(7,7,7,.74)),url("assets/hero-projects-neon-gallery.webp");background-position:62% center}.product-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.85),rgba(7,7,7,.36)),linear-gradient(180deg,rgba(7,7,7,.08),rgba(7,7,7,.76)),url("assets/hero-leads-switchboard.webp");background-position:58% center}}
@media(max-width:640px){.services-page-hero,.projects-page-hero,.product-hero{min-height:680px;padding-block:64px}.services-page-hero h1,.projects-page-hero h1,.product-hero h1{font-size:clamp(43px,12vw,62px)}.services-page-hero .section__number,.projects-page-hero .section__number,.product-hero .section__number{margin-bottom:26px}.product-hero .page-actions{display:flex}.product-hero .page-actions .button{width:auto}.product-hero{min-height:760px}}

/* Derselbe ruhige Bild- und Texteinstieg wie auf der Startseite */
.os-page-hero,.services-page-hero,.projects-page-hero,.product-hero{background-repeat:no-repeat;background-size:cover,cover,auto max(106%,56.25vw);animation:historicalHeroSettle 1.8s cubic-bezier(.2,.75,.2,1) both}
.os-page-hero .page-hero__grid,.services-page-hero .page-hero__grid,.projects-page-hero .page-hero__grid,.product-hero .page-hero__grid{animation:reveal .9s .18s both}
@keyframes historicalHeroSettle{from{background-size:cover,cover,auto max(112%,56.25vw)}to{background-size:cover,cover,auto max(106%,56.25vw)}}

/* Über monkeys: persönlicher Vorsprung im historischen U-Bahnwagen */
.about-page-hero{min-height:min(800px,calc(100svh - 96px));display:grid;align-items:center;isolation:isolate;padding-block:clamp(74px,9vw,128px);background-color:var(--ink);background-image:linear-gradient(90deg,rgba(7,7,7,.9) 0%,rgba(7,7,7,.72) 34%,rgba(7,7,7,.34) 62%,rgba(7,7,7,.06) 100%),linear-gradient(180deg,rgba(7,7,7,.12),rgba(7,7,7,.5)),url("assets/hero-about-retro-subway.webp");background-position:center center;background-repeat:no-repeat;background-size:cover,cover,auto max(106%,56.25vw);color:var(--white);animation:historicalHeroSettle 1.8s cubic-bezier(.2,.75,.2,1) both}
.about-page-hero::after{display:none}
.about-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.about-page-hero .page-hero__grid{display:block;animation:reveal .9s .18s both}
.about-page-hero .section__number{margin-bottom:clamp(30px,4vw,52px)}
.about-page-hero .page-hero__grid>div:last-child{max-width:1200px}
.about-page-hero h1{max-width:1200px;font-size:clamp(56px,7.15vw,106px);text-shadow:0 3px 30px rgba(0,0,0,.62)}
.about-page-hero .page-hero__lead{max-width:740px;color:#d4d4cf;text-shadow:0 2px 18px rgba(0,0,0,.86)}
@media(max-width:920px){.about-page-hero{min-height:720px;align-items:end;background-position:58% center;background-image:linear-gradient(90deg,rgba(7,7,7,.86),rgba(7,7,7,.38)),linear-gradient(180deg,rgba(7,7,7,.08),rgba(7,7,7,.76)),url("assets/hero-about-retro-subway.webp")}}
@media(max-width:640px){.about-page-hero{min-height:700px;padding-block:64px;background-position:61% center}.about-page-hero h1{font-size:clamp(43px,12vw,62px)}.about-page-hero .section__number{margin-bottom:26px}}

/* Startseite: Claim bewusst etwas ruhiger als die Seitentitel */
.hero .hero__copy h1{font-size:clamp(53px,6.65vw,108px)}
@media(max-width:640px){.hero .hero__copy h1{font-size:clamp(44px,13.2vw,62px)}}

/* Motion-Test: Premium, ruhig und Lime-geführt */
.hero__content{position:relative;z-index:1}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .72s cubic-bezier(.05,.7,.1,1) var(--motion-delay,0ms),transform .72s cubic-bezier(.05,.7,.1,1) var(--motion-delay,0ms);will-change:opacity,transform}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-line::before{transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.05,.7,.1,1) .18s}
.motion-reveal.is-visible .motion-line::before,.motion-line.is-visible::before{transform:scaleX(1)}
.hero-lime-glow{--glow-x:64%;--glow-y:44%;position:absolute;inset:-8%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 24% 34% at var(--glow-x) var(--glow-y),rgba(198,212,63,.2) 0%,rgba(198,212,63,.08) 28%,rgba(198,212,63,0) 72%);filter:blur(24px);mix-blend-mode:screen;opacity:.42;animation:limeBreath 7.5s ease-in-out infinite alternate;will-change:transform,opacity}
.projects-page-hero .hero-lime-glow{--glow-x:76%;--glow-y:36%}
.about-page-hero .hero-lime-glow{--glow-x:62%;--glow-y:42%}
.os-page-hero .hero-lime-glow{--glow-x:64%;--glow-y:45%}
.services-page-hero .hero-lime-glow{--glow-x:55%;--glow-y:48%}
.product-hero .hero-lime-glow{--glow-x:59%;--glow-y:48%}
@keyframes limeBreath{0%{opacity:.26;transform:translate3d(-.6%,.3%,0) scale(.97)}55%{opacity:.46}100%{opacity:.34;transform:translate3d(.8%,-.5%,0) scale(1.04)}}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-38%;z-index:1;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg) translateX(-220%);transition:transform .58s cubic-bezier(.2,0,0,1)}
.button:hover::after,.button:focus-visible::after{transform:skewX(-18deg) translateX(720%)}
@media(max-width:640px){.motion-ready .motion-reveal{transform:translate3d(0,20px,0);transition-duration:.58s}.hero-lime-glow{opacity:.3;filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.motion-line::before{transform:scaleX(1);transition:none}.hero-lime-glow{display:none}.button::after{display:none}}

/* Einblicke: redaktioneller Hub */
.insights-page-hero{min-height:min(800px,calc(100svh - 96px));display:grid;align-items:center;isolation:isolate;padding-block:clamp(74px,9vw,128px);background-color:var(--ink);background-image:linear-gradient(90deg,rgba(7,7,7,.92) 0%,rgba(7,7,7,.76) 34%,rgba(7,7,7,.38) 62%,rgba(7,7,7,.06) 100%),linear-gradient(180deg,rgba(7,7,7,.1),rgba(7,7,7,.52)),url("assets/hero-insights-photo-workshop.webp");background-position:54% center;background-repeat:no-repeat;background-size:cover,cover,auto max(106%,56.25vw);color:var(--white);animation:historicalHeroSettle 1.8s cubic-bezier(.2,.75,.2,1) both}
.insights-page-hero::after{display:none}
.insights-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.insights-page-hero .page-hero__grid{display:block;animation:reveal .9s .18s both}
.insights-page-hero .section__number{margin-bottom:clamp(30px,4vw,52px)}
.insights-page-hero .page-hero__grid>div:last-child{max-width:1190px}
.insights-page-hero h1{max-width:1190px;font-size:clamp(56px,7.15vw,106px);text-shadow:0 3px 30px rgba(0,0,0,.66)}
.insights-page-hero .page-hero__lead{max-width:720px;color:#d4d4cf;text-shadow:0 2px 18px rgba(0,0,0,.88)}
.insights-page-hero .hero-lime-glow{--glow-x:48%;--glow-y:48%}
.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.insight-card{min-height:480px;padding:clamp(26px,3.2vw,42px);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;background:var(--white);color:var(--ink);transition:transform .28s cubic-bezier(.2,0,0,1),background-color .25s ease,color .25s ease}
.insight-card:hover{transform:translateY(-6px)}
.insight-card--dark{border-color:var(--line-light);background:var(--ink);color:var(--white)}
.insight-card--lime{background:var(--lime)}
.insight-card__meta{display:flex;justify-content:space-between;gap:22px;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.insight-card__meta span:last-child{color:var(--muted);text-align:right}.insight-card--dark .insight-card__meta span:last-child{color:#92928d}.insight-card--lime .insight-card__meta span:last-child{color:#43433e}
.insight-card h3{max-width:520px;font-size:clamp(34px,3.5vw,52px);line-height:.96;letter-spacing:-.044em}
.insight-card p{max-width:540px;margin-top:24px;color:#5b5b56;font-size:15px;line-height:1.64}.insight-card--dark p{color:#bdbdb7}.insight-card--lime p{color:#343430}
.insights-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.insights-topic{min-height:300px;padding:clamp(26px,3vw,40px);border:1px solid var(--line-light);border-radius:var(--radius);display:flex;flex-direction:column}
.insights-topic>span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.15em}
.insights-topic h3{max-width:520px;margin-top:auto;font-size:clamp(30px,3.1vw,46px);line-height:.98;letter-spacing:-.04em}
.insights-topic p{max-width:560px;margin-top:18px;color:#aaa9a4;font-size:14px;line-height:1.6}
@media(max-width:1080px){.insights-grid{grid-template-columns:1fr 1fr}.insight-card:first-child{grid-column:span 2}}
@media(max-width:920px){.insights-page-hero{min-height:720px;align-items:end;background-position:56% center;background-image:linear-gradient(90deg,rgba(7,7,7,.88),rgba(7,7,7,.4)),linear-gradient(180deg,rgba(7,7,7,.08),rgba(7,7,7,.78)),url("assets/hero-insights-photo-workshop.webp")}}
@media(max-width:640px){.insights-page-hero{min-height:700px;padding-block:64px;background-position:56% center}.insights-page-hero h1{font-size:clamp(43px,12vw,62px)}.insights-page-hero .section__number{margin-bottom:26px}.insights-grid,.insights-topics{grid-template-columns:1fr}.insight-card:first-child{grid-column:auto}.insight-card{min-height:390px}.insights-topic{min-height:260px}}

/* Blog-Beiträge als Karten: lange deutsche Titel dürfen umbrechen (additiv, nur .insight-card--post) */
.insight-card--post h3{font-size:clamp(26px,2.5vw,38px);line-height:1.02;overflow-wrap:anywhere;hyphens:auto}

/* ===== Kontaktformular + Dankeseite (VORSCHLAG, additiv) ===== */
.contact-page--compact{min-height:0}
.contact-page__jump{margin-top:34px}
.cf-section{padding-block:clamp(84px,11vw,150px);background:var(--paper)}
.cf-grid{display:grid;grid-template-columns:minmax(170px,3fr) minmax(0,9fr);gap:32px;align-items:start}
.cf-intro{margin-bottom:clamp(28px,4vw,44px)}
.cf-intro .section__title{font-size:clamp(40px,5.2vw,84px);margin-bottom:22px}
.cf-intro p{max-width:560px;color:#595954;font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.cf-form{display:grid;gap:22px;max-width:880px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cf-field{display:grid;gap:8px;min-width:0;align-content:start}
.cf-label{font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.cf-label .cf-opt{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.cf-req{color:#8a3b00;font-weight:800}
.cf-input,.cf-select,.cf-textarea{display:block;width:100%;min-height:58px;padding:16px 18px;border:1.5px solid rgba(15,15,15,.34);border-radius:14px;background:var(--white);color:var(--ink);font:inherit;font-size:16px;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}
.cf-input::placeholder,.cf-textarea::placeholder{color:#8b8b85;opacity:1}
.cf-input:hover,.cf-select:hover,.cf-textarea:hover{border-color:var(--ink)}
.cf-input:focus-visible,.cf-select:focus-visible,.cf-textarea:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--lime)}
.cf-textarea{min-height:176px;resize:vertical}
.cf-select-wrap{position:relative}
.cf-select{appearance:none;-webkit-appearance:none;padding-right:54px;cursor:pointer}
.cf-select-wrap::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.cf-input[aria-invalid="true"],.cf-select[aria-invalid="true"],.cf-textarea[aria-invalid="true"]{border-color:#b42318;box-shadow:inset 0 0 0 1px #b42318}
.cf-input[aria-invalid="true"]:focus-visible,.cf-select[aria-invalid="true"]:focus-visible,.cf-textarea[aria-invalid="true"]:focus-visible{box-shadow:0 0 0 4px var(--lime),inset 0 0 0 1px #b42318}
.cf-error{margin:0;color:#b42318;font-size:14px;font-weight:650;line-height:1.4}
.cf-error[hidden],.cf-summary[hidden],.cf-alert[hidden]{display:none}
.cf-summary,.cf-alert{padding:20px 22px;border:1.5px solid #b42318;border-left-width:6px;border-radius:14px;background:var(--white);color:var(--ink);font-size:15px;line-height:1.55}
.cf-summary:focus,.cf-alert:focus{outline:none;box-shadow:0 0 0 4px var(--lime)}
.cf-summary strong,.cf-alert strong{display:block;margin-bottom:8px;color:#b42318}
.cf-summary ul{display:block;margin:0;padding:0;list-style:none}.cf-summary li{padding:0;margin:4px 0;font-size:15px}
.cf-summary a,.cf-alert a{font-weight:750;border-bottom:2px solid var(--lime-dark)}
.cf-summary a:hover,.cf-alert a:hover{background:var(--lime)}
.cf-alert p{margin:0 0 8px}.cf-alert p:last-child{margin-bottom:0}
.cf-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.cf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:6px}
.cf-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:16px 34px;border:0;border-radius:100px;background:var(--lime);color:var(--ink);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.cf-submit:hover{background:var(--ink);color:var(--lime);transform:translateY(-2px)}
.cf-submit:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.cf-submit[disabled]{opacity:.62;cursor:progress;transform:none;background:var(--lime);color:var(--ink)}
.cf-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.cf-note{max-width:640px;margin:0;color:#595954;font-size:14px;line-height:1.65}
.cf-note a{border-bottom:2px solid var(--lime-dark);font-weight:650;color:var(--ink)}
.cf-note a:hover{background:var(--lime)}
.cf-required-note{margin:0;color:#595954;font-size:14px}
.cf-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cf-noscript{padding:18px 22px;border:1.5px solid var(--ink);border-radius:14px;background:var(--white)}
.cf-statusline{margin:0;padding:18px var(--gutter);background:#050505;color:rgba(255,255,255,.58);text-align:center;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}

.thanks-steps{border-top:1px solid var(--line)}
@media(max-width:920px){.cf-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.cf-row{grid-template-columns:1fr;gap:22px}.cf-submit{width:100%}.cf-actions{display:grid}.cf-input,.cf-select,.cf-textarea{min-height:56px}}
@media(prefers-reduced-motion:reduce){.cf-submit,.cf-input,.cf-select,.cf-textarea{transition:none}.cf-submit:hover{transform:none}}

/* ===== Mobilmenü Variante A (Fullscreen Editorial) · VORSCHLAG · Freigabe Christian 15.10.2026 =====
   Markup: generator/menue_sync.py (nicht in den Seiten ändern). Verhalten: script.js, Block "Mobilmenü Variante A".
   Nur Header-/Menü-Selektoren (.mnav*, .skip-link). Animiert wird ausschließlich transform und opacity.
   Desktop (ab 921 px) bleibt unberührt: Menüteile sind dort display:none. */

/* Skiplink: nur bei Fokus sichtbar, liegt im DOM vor dem Header (erstes fokussierbares Element) */
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:15px 24px;border-radius:100px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:750;line-height:1;transform:translateY(-250%)}
.skip-link:focus,.skip-link:focus-visible{transform:none;outline:3px solid var(--white);outline-offset:2px}
main[id="inhalt"]:focus{outline:none}
.mnav-actions,.mnav{display:none}

@media (max-width:920px){
  /* Prototyp-Mobilmenü ersetzen (Elemente bleiben im DOM, weil script.js sie referenziert) */
  .site-header .nav>.menu-button,.site-header .nav>.nav__links,.site-header .nav>.button{display:none!important}

  .mnav-actions{display:flex;align-items:center;gap:8px}

  .mnav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:100px;background:var(--lime);color:var(--ink);font-size:13px;font-weight:750;line-height:1;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease}
  .mnav-contact:hover{background:var(--lime-dark)}
  .mnav-contact:active{background:var(--lime-dark);transform:scale(.97)}

  .mnav-burger{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line-light);border-radius:50%;background:rgba(15,15,15,.45);color:var(--white);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,transform .15s ease}
  .mnav-burger:active{transform:scale(.95)}
  .mnav-burger[aria-expanded="true"]{border-color:var(--lime)}
  .mnav-burger__box{position:relative;display:block;width:22px;height:16px}
  .mnav-burger__box i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .32s cubic-bezier(.76,0,.24,1),opacity .2s ease,background-color .2s ease}
  .mnav-burger__box i:nth-child(1){top:0}
  .mnav-burger__box i:nth-child(2){top:7px}
  .mnav-burger__box i:nth-child(3){top:14px}
  .mnav-burger[aria-expanded="true"] .mnav-burger__box i{background:var(--lime)}
  .mnav-burger[aria-expanded="true"] .mnav-burger__box i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mnav-burger[aria-expanded="true"] .mnav-burger__box i:nth-child(2){opacity:0;transform:scaleX(.2)}
  .mnav-burger[aria-expanded="true"] .mnav-burger__box i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mnav-burger:focus-visible,.mnav-contact:focus-visible{outline:3px solid rgba(198,212,63,.6);outline-offset:3px}

  html.mnav-lock,html.mnav-lock body{overflow:hidden}

  /* Overlay: liegt im Header-Stacking-Context unter der Kopfleiste (.nav hat z-index 20) */
  .mnav{display:block;position:fixed;inset:0;z-index:10;overflow:hidden;background:var(--ink);color:var(--white);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease-in,visibility 0s linear .18s}
  .mnav.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .22s ease-out,visibility 0s}

  /* Opaker Streifen unter der Kopfleiste: scrollender Inhalt schimmert nicht hinter Logo und Buttons durch */
  .mnav::before{content:"";position:absolute;top:0;left:0;right:0;z-index:2;height:var(--mnav-head,82px);background:var(--ink)}

  .mnav__wipe{position:absolute;inset:var(--mnav-head,82px) 0 0;z-index:3;background:var(--lime);transform:translateY(-101%);pointer-events:none;will-change:transform}
  .mnav.is-open .mnav__wipe{animation:mnav-wipe .6s both}
  @keyframes mnav-wipe{
    0%{transform:translateY(-101%);animation-timing-function:cubic-bezier(.76,0,.24,1)}
    42%{transform:translateY(0);animation-timing-function:cubic-bezier(.76,0,.24,1)}
    100%{transform:translateY(101%)}
  }

  .mnav__scroll{position:absolute;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:var(--mnav-head,82px)}
  .mnav__inner{display:grid;align-content:space-between;gap:26px;min-height:100%;box-sizing:border-box;padding:0 var(--gutter) max(30px,env(safe-area-inset-bottom))}

  .mnav__list{margin:0;padding:0;list-style:none}
  .mnav__item{position:relative;border-bottom:1px solid var(--line-light)}
  .mnav__item::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
  .mnav.is-open .mnav__item::after{animation:mnav-line .7s calc(240ms + var(--i,0) * 60ms) both}
  @keyframes mnav-line{
    0%{transform:scaleX(0);opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}
    55%{transform:scaleX(1);opacity:1}
    100%{transform:scaleX(1);opacity:0}
  }

  .mnav__row{display:flex;align-items:stretch}
  .mnav__link{flex:1;min-width:0;display:flex;align-items:baseline;gap:14px;min-height:64px;padding:13px 0;overflow:hidden;color:var(--white);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s ease}
  .mnav__no{flex:none;width:2.1em;color:var(--lime);font-family:var(--body);font-size:11px;font-weight:750;letter-spacing:.16em;font-variant-numeric:tabular-nums;transform:translateY(-.2em)}
  .mnav__label{display:block;font-family:var(--display);font-size:clamp(26px,8.6vw,46px);font-weight:700;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
  .mnav__link:hover,.mnav__link:active{color:var(--lime)}
  .mnav__link[aria-current="page"]{color:var(--lime)}
  .mnav__link:focus-visible,.mnav__toggle:focus-visible,.mnav__sub a:focus-visible,.mnav__cta:focus-visible,.mnav__quick a:focus-visible{outline:3px solid rgba(198,212,63,.7);outline-offset:-3px;border-radius:10px}

  .mnav.is-open .mnav__label,.mnav.is-open .mnav__no{animation:mnav-rise .52s calc(220ms + var(--i,0) * 60ms) both cubic-bezier(.23,1,.32,1)}
  @keyframes mnav-rise{from{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}
  .mnav.is-open .mnav__no{animation-name:mnav-fade}
  @keyframes mnav-fade{from{opacity:0}to{opacity:1}}

  .mnav__toggle{flex:none;display:grid;place-items:center;align-self:center;width:48px;height:48px;padding:0;border:1px solid var(--line-light);border-radius:50%;background:transparent;color:var(--white);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
  .mnav__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.23,1,.32,1)}
  .mnav__toggle[aria-expanded="true"]{border-color:var(--lime);color:var(--lime)}
  .mnav__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .mnav__toggle:active{background:rgba(198,212,63,.16)}

  .mnav__sub{margin:0;padding:0 0 14px calc(2.1em + 14px);list-style:none}
  .mnav__sub[hidden]{display:none}
  .mnav__sub a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 4px 0 0;color:rgba(255,255,255,.82);font-size:15px;font-weight:600;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s ease}
  .mnav__sub a:hover,.mnav__sub a:active{color:var(--lime)}
  .mnav__sub svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
  .mnav__sub.is-expanding li{animation:mnav-sub .32s calc(var(--s,0) * 30ms) both cubic-bezier(.23,1,.32,1)}
  @keyframes mnav-sub{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}

  .mnav__contact{display:grid;gap:10px}
  .mnav.is-open .mnav__contact{animation:mnav-block .5s 540ms both cubic-bezier(.23,1,.32,1)}
  @keyframes mnav-block{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
  .mnav__kicker{display:flex;align-items:center;gap:14px;margin:0 0 4px;color:rgba(255,255,255,.7);font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
  .mnav__kicker::before{content:"";width:34px;height:2px;background:var(--lime)}
  .mnav__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 24px;border-radius:100px;background:var(--lime);color:var(--ink);font-size:15px;font-weight:750;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease}
  .mnav__cta:hover,.mnav__cta:active{background:var(--lime-dark)}
  .mnav__cta:active{transform:scale(.98)}
  .mnav__cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mnav__quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mnav__quick a{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 16px;border:1px solid var(--line-light);border-radius:100px;color:var(--white);font-size:14px;font-weight:700;line-height:1.15;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
  .mnav__quick a:hover,.mnav__quick a:active{border-color:var(--lime);color:var(--lime)}
  .mnav__quick a:active{background:rgba(198,212,63,.12)}
  .mnav__quick svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mnav__quick small{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
  .mnav__tbd{color:var(--lime)}

  /* Einblicke: provisorischer, klar sekundärer Eintrag unter den fünf Hauptpunkten (Entscheidung zur Platzierung offen) */
  .mnav__more{margin:0;padding:0;list-style:none}
  .mnav__minor{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:52px;padding:0 0 0 calc(2.1 * 11px + 14px);color:rgba(255,255,255,.72);font-size:15px;font-weight:700;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s ease}
  .mnav__minor svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
  .mnav__minor:hover,.mnav__minor:active,.mnav__minor[aria-current="page"]{color:var(--lime)}
  .mnav__minor:focus-visible{outline:3px solid rgba(198,212,63,.7);outline-offset:-3px;border-radius:10px}
  .mnav.is-open .mnav__more{animation:mnav-block .5s 440ms both cubic-bezier(.23,1,.32,1)}
}

/* Sehr schmale Displays: Logo schrumpft, damit Logo + Kontakt + Burger bei 320 px passen */
@media (max-width:400px){
  .site-header .brand{width:124px}
  .mnav-contact{padding:0 14px}
  .mnav__quick{grid-template-columns:1fr}
}

/* Breitere Telefone, Tablets, Querformat: zwei Spalten, damit weniger gescrollt werden muss */
@media (min-width:640px) and (max-width:920px){
  .mnav__inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-content:start;align-items:end;gap:clamp(24px,5vw,56px)}
  .mnav__quick{grid-template-columns:1fr}
}

/* Kleine Hochformat-Displays (320x568 bis 360x640): Zeilen straffen, damit mehr Kontaktwege ohne Scrollen sichtbar sind */
@media (max-width:920px) and (max-height:700px){
  .mnav__link{min-height:58px;padding:10px 0}
  .mnav__toggle{width:46px;height:46px}
  .mnav__inner{gap:20px}
  .mnav__cta,.mnav__quick a{min-height:52px}
}

/* Niedrige Höhe (Querformat Smartphone): kompaktere Zeilen, Menü scrollt */
@media (max-width:920px) and (max-height:520px){
  .mnav__link{min-height:52px;padding:8px 0}
  .mnav__label{font-size:clamp(22px,5.4vw,32px)}
  .mnav__inner{gap:18px;padding-top:2px}
}

@media (prefers-reduced-motion:reduce){
  .mnav,.mnav.is-open{transition:none}
  .mnav__wipe,.mnav__item::after{display:none}
  .mnav.is-open .mnav__label,.mnav.is-open .mnav__no,.mnav.is-open .mnav__contact,.mnav.is-open .mnav__more,.mnav__sub.is-expanding li{animation:none}
  .mnav-burger__box i,.mnav__toggle svg,.mnav-contact,.mnav__cta{transition:none}
}

/* ===== Ende Mobilmenü Variante A ===== */

/* ===== Korrektur 15.10.2026 (VORSCHLAG): Umbruchsicherung enge Displays, Überschrift ueber-monkeys, Fokusring bei Touch ===== */
/* Weiche Trennstellen (U+00AD) in einzelnen Wörtern greifen nur, wo das Wort sonst über den Rand läuft. Standard: aus. */
.home-service h3,.next-page h2,.section__title,.service-deep__content h2{hyphens:none}
@media(max-width:640px){
  .home-service-grid{grid-template-columns:minmax(0,1fr)}
  .next-page__inner{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){.section__title{hyphens:manual;overflow-wrap:break-word}}
@media(max-width:340px){.home-service h3,.next-page h2{hyphens:manual;overflow-wrap:break-word}}
@media(max-width:504px){.service-deep__content h2{hyphens:manual;overflow-wrap:break-word}}
/* Fokusring: Tastatur unverändert, bei Touch/Maus nach programmatischem Fokus (Menü öffnen/schließen) unterdrückt */
html[data-mnav-pointer] :is(.mnav-burger,.mnav-contact,#mobile-menu a,#mobile-menu button):focus-visible{outline:none}
/* ===== Ende Korrektur 15.10.2026 ===== */

/* S05 Über monkeys: Abschnitte Branche, Vision, Mission (VORSCHLAG, 15.10.2026). Nur .about-block, keine bestehenden Regeln geändert. */
.about-block .section__head{display:block;margin-bottom:0;min-width:0}
.about-block .split-copy{align-items:start}
.about-block__title{max-width:14ch;font-size:clamp(34px,4.6vw,72px);font-weight:700;line-height:1;letter-spacing:-.04em;text-wrap:balance;hyphens:none}
.about-block__sub{max-width:30ch;margin-top:28px;font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.4;letter-spacing:-.015em;text-wrap:balance}
.section--dark.about-block .about-block__sub{color:var(--lime)}
.section--dark.about-block .body-copy{color:#bdbdb7}
.about-block .split-copy__main{min-width:0;overflow-wrap:break-word}
@media(max-width:380px){.about-block__title{hyphens:manual;overflow-wrap:break-word}}
/* S05 Nachbesserung Typografie Vision/Mission (15.10.2026): Untertitel als zweite Hierarchiestufe, Mission mit gespiegelter Spaltenaufteilung. */
.about-block--vision .about-block__sub,.about-block--mission .about-block__sub{max-width:none;margin-top:clamp(22px,2.4vw,36px);font-weight:700;hyphens:manual;overflow-wrap:break-word}
.about-block--vision .about-block__sub{font-size:clamp(25px,3.1vw,46px);line-height:1.1;letter-spacing:-.032em}
.about-block--mission .about-block__sub{font-size:clamp(27px,3.7vw,56px);line-height:1.04;letter-spacing:-.04em}
.about-block--mission .about-block__title{font-size:clamp(28px,3vw,46px)}
@media(min-width:921px){.about-block--mission .split-copy{grid-template-columns:7fr 5fr}.about-block--mission .section__head{order:2}.about-block--mission .split-copy__main{order:1}}

/* Kontaktseite: Standort als Text, Social-Media-Buttons */
.contact-option__text{margin:0;font-family:var(--display);font-size:clamp(20px,2.3vw,34px);font-weight:700}
.contact-option--social{grid-column:1/-1}
.contact-social{display:flex;flex-wrap:wrap;gap:12px}
.contact-social__link{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(15,15,15,.28);border-radius:100px;color:inherit;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.contact-social__link svg{width:22px;height:22px}
.contact-social__link:hover{transform:translateY(-2px);background:var(--ink);border-color:var(--ink);color:var(--lime)}
.contact-social__link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ===== AP5 · Lime-Kontrast auf hellem Grund (D13: A4 = Ink-Text mit Lime-Unterstreichung), VORSCHLAG =====
   Nur Stellen, an denen Lime/#a4b332 als TEXTfarbe auf Paper/Weiß stand (Kontrast 1,47 bis 2,31). Dunkler Grund bleibt unverändert.
   Keine neuen Farben: Ink #0f0f0f (11,77 bis 19,17:1), Lime nur als Unterstreichung. Information hängt nicht an der Farbe (Text/Nummer bleibt). */
.section--paper .accent,.section--white .accent,.service-deep--paper .accent,.service-deep--white .accent{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:.09em;text-underline-offset:.13em;text-decoration-skip-ink:none}
.section--paper .product-lockup span,.section--white .product-lockup span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:.12em;text-underline-offset:.14em;text-decoration-skip-ink:none}
.section--paper .principle span:first-child,.section--white .principle span:first-child,.section--paper .human-item span:first-child,.section--white .human-item span:first-child,.service-deep--paper .service-deep__meta span:first-child,.service-deep--white .service-deep__meta span:first-child,.portfolio-card .portfolio-card__number,.case-scope .scope-list b,.case-scope .case-label,.case-story .case-chapter__no{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:.12em;text-underline-offset:.16em;text-decoration-skip-ink:none}
.case-story .case-chapter__no{text-decoration-thickness:.07em;text-underline-offset:.1em}
.case-scope .case-label{text-decoration-thickness:2px;text-underline-offset:4px}
/* AP5 · gemessene Grautöne und Mindestgrößen (Kontrast AA 4,5:1), nur dunklere Grautöne innerhalb der CI */
.person p{color:#585853}
.cf-input::placeholder,.cf-textarea::placeholder{color:#6a6b65}
.case-intro .case-meta dt{color:#5f605a}
.section--paper .body-copy.muted,.section--paper .detail-item__number,.cf-label .cf-opt,.filter-shell .filter-count,.filter-shell .filter-count b{color:#5f605a}
.home-service--lime p{color:#3f3f3b}
.cf-label,.cf-label .cf-opt,.cf-label .cf-req,html a.mag-back,.case-intro a.case-back{font-size:max(12px,1em)}
.cf-label{font-size:12px}
.case-intro a.case-back,html a.mag-back{font-size:12px}

/* AP5 · Bildunterschriften der Detailseiten (inline-Regel im Template hat gleiche Spezifität, daher .case davor) */
.case .case-shot figcaption{color:#52534e;font-size:12px;background:#ffffff !important}

/* ===== AP9 · Impressum (VORSCHLAG): Textseite aus vorhandenen Mustern; nur das Zusätzliche, was die Definitionslisten brauchen ===== */
.legal{padding-block:clamp(56px,8vw,110px)}
.legal__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:start}
.legal h2{font-size:clamp(24px,2.5vw,36px);line-height:1.05;letter-spacing:-.035em;hyphens:manual;overflow-wrap:break-word}
.legal__body{display:grid;gap:18px;min-width:0}
.legal__body>*{margin:0}
.legal-list{display:grid;border-top:1px solid var(--line)}
.legal-row{display:grid;grid-template-columns:minmax(120px,210px) minmax(0,1fr);gap:8px 20px;padding-block:14px;border-bottom:1px solid var(--line);font-size:clamp(16px,1.25vw,18px);line-height:1.5}
.legal-row dt{font-weight:750}
.legal-row dd{margin:0;overflow-wrap:anywhere}
.legal-url{font-size:clamp(16px,1.35vw,19px);line-height:1.5;overflow-wrap:anywhere}
.legal a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}
.legal-address{font-style:normal;font-size:clamp(16px,1.35vw,19px);line-height:1.68;overflow-wrap:anywhere}
.legal-hero h1{overflow-wrap:break-word}
.legal-hero--long h1{font-size:clamp(24px,7.2vw,104px)}
@media(max-width:760px){.legal__grid{grid-template-columns:minmax(0,1fr)}.legal-row{grid-template-columns:minmax(0,1fr)}}

/* ===== AP7 (VORSCHLAG): Abschlussband Projekte mit Anfrageweg und Fußband der Detailseiten; nur Abstände und Größe für die längere Überschrift ===== */
.crosslink--anfrage h2{font-size:clamp(2.4rem,5.6vw,6.2rem);line-height:.9}
.crosslink__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.crosslink__actions .text-link{margin-top:0}
@media(max-width:640px){.crosslink--anfrage h2{font-size:clamp(2.2rem,11vw,3.4rem)}}
.case .case-next--kontakt{background:var(--lime);color:var(--ink);padding-block:clamp(56px,7vw,110px)}
.case .case-next--kontakt h2{font-size:clamp(2.4rem,5.2vw,6rem)}
.case .case-next--kontakt p{color:#30302c}
.case .case-next--kontakt a{border-bottom-color:var(--ink)}
/* AP7 · Überschriften der neuen Detailseiten-Texte (Ausgangspunkt, Zitat) dürfen auf kleinen Bildschirmen nichts abschneiden: Spalte darf schrumpfen, weiche Trennung, kleinere Schrift ab 620 px */
@media(max-width:900px){.case .case-statement,.case .case-quote{grid-template-columns:minmax(0,1fr)}}
.case .case-statement>*,.case .case-quote>*{min-width:0}
.case .case-statement h2,.case .case-quote blockquote{overflow-wrap:break-word;hyphens:auto}
@media(max-width:620px){.case .case-statement h2{font-size:clamp(2rem,10.5vw,3.6rem)}.case .case-quote blockquote{font-size:clamp(2rem,10.5vw,3.4rem)}}

/* Referenzseiten: normale Groß- und Kleinschreibung */
main.case h1,
.case .case-statement h2,
.case .case-chapter h3,
.case .case-quote blockquote,
.case .case-scope h2,
.case .case-next h2 {
    text-transform: none;
}/* AP7 · Block 06 "SEO & GEO" auf der Leistungsseite: Abstand zwischen Überschrift und vorhandenem Kasten */
.service-deep__content>h2+.visibility-block{margin-top:clamp(28px,4vw,48px)}

/* ===== Einwilligungsbanner (CookieConsent 3.1.0, self-hosted): nur CI-Farben und Schrift, keine neue Gestaltung ===== */
#cc-main{--cc-font-family:Inter,Arial,sans-serif;--cc-bg:#fff;--cc-primary-color:#0f0f0f;--cc-secondary-color:#585853;--cc-btn-primary-bg:#c6d43f;--cc-btn-primary-color:#0f0f0f;--cc-btn-primary-border-color:#c6d43f;--cc-btn-primary-hover-bg:#a4b332;--cc-btn-primary-hover-color:#0f0f0f;--cc-btn-primary-hover-border-color:#a4b332;--cc-btn-secondary-bg:#fff;--cc-btn-secondary-color:#0f0f0f;--cc-btn-secondary-border-color:#0f0f0f;--cc-btn-secondary-hover-bg:#f4f3ed;--cc-btn-secondary-hover-color:#0f0f0f;--cc-btn-secondary-hover-border-color:#0f0f0f;--cc-btn-border-radius:100px;--cc-modal-border-radius:20px;--cc-link-color:#0f0f0f;--cc-toggle-on-bg:#0f0f0f;--cc-toggle-on-knob-bg:#c6d43f;--cc-footer-bg:#f4f3ed;--cc-footer-color:#0f0f0f;--cc-z-index:2147483600}
#cc-main a{text-decoration:underline}
.open-cookie-settings{cursor:pointer}
/* Datenschutz: Cookie-Tabelle (bestehende Linien und Schriften, horizontal scrollbar nur im Rahmen der Tabelle) */
.legal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-table{width:100%;border-collapse:collapse;font-size:clamp(14px,1.1vw,16px);line-height:1.45}
.legal-table th,.legal-table td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.legal-table th{font-weight:750;border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}
.legal-table td:first-child{font-weight:650;min-width:120px}
@media(max-width:760px){.legal-table{font-size:13px}.legal-table td:first-child{min-width:0}.legal-table th,.legal-table td{padding-right:8px}}

/* S05 Porträt (16.10.2026): Foto statt Platzhalterfläche */
.founder-portrait--photo::before{display:none}
.founder-portrait--photo picture,.founder-portrait--photo img{position:absolute;inset:0;display:block;width:100%;height:100%}
.founder-portrait--photo img{object-fit:cover;object-position:50% 22%}

/* Footer (16.10.2026): gemeinsamer Footer aller Seiten, Quelle generator/menue_sync.py (Block mfoot) */
.site-footer{background:var(--ink);color:var(--white)}
.site-footer a{color:#d6d6d1;transition:color .2s ease}
.site-footer a:hover{color:var(--lime)}
.site-footer a:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer__claim{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px;padding-block:clamp(56px,8vw,104px);border-bottom:1px solid var(--line-light)}
.site-footer__claim-text{max-width:900px;font-family:var(--display);font-size:clamp(30px,4.4vw,64px);font-weight:700;line-height:1;letter-spacing:-.04em;text-wrap:balance}
.site-footer .button--lime,.site-footer .button--lime:hover{color:var(--ink)}
.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px);padding-block:clamp(40px,5vw,64px)}
.site-footer__logo{display:inline-flex;align-items:center;min-height:44px;width:clamp(150px,13vw,190px);margin-bottom:22px}
.site-footer__logo img{width:100%;height:auto}
.site-footer address{margin-bottom:22px;color:#c8c8c2;font-size:14px;font-style:normal;line-height:1.65}
.site-footer .contact-social{gap:10px}
.site-footer .contact-social__link{width:48px;height:48px;border-color:rgba(255,255,255,.32);color:var(--white)}
.site-footer .contact-social__link:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.site-footer .contact-social__link:focus-visible{outline-color:var(--lime)}
.site-footer__title{margin-bottom:14px;color:#a9a9a3;font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.site-footer__col a{display:flex;align-items:center;min-height:36px;font-size:14px;font-weight:550;overflow-wrap:anywhere}
.site-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:22px 30px;border-top:1px solid var(--line-light);font-size:12px}
.site-footer__copy{color:#a9a9a3}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:0 24px}
.site-footer__legal a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.site-footer__badge{display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 14px;border:1px solid rgba(255,255,255,.24);border-radius:100px;color:#d6d6d1;font-size:12px;font-weight:600;line-height:1.2}
.site-footer__mark{flex:none;width:15px;height:15px;color:var(--lime)}
.site-footer__fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;cursor:default}
.site-footer__fold>summary::-webkit-details-marker{display:none}
.site-footer__fold>summary svg{display:none;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
@media(max-width:920px){
  .site-footer__claim{padding-block:40px 36px}
  .site-footer__grid{grid-template-columns:1fr;gap:0;padding-block:28px 0}
  .site-footer__logo{margin-bottom:10px}
  .site-footer address{margin-bottom:16px}
  .site-footer__brand{padding-bottom:24px}
  .site-footer__fold{border-top:1px solid var(--line-light)}
  .site-footer__fold>summary{min-height:52px;margin:0;cursor:pointer}
  .site-footer__fold>summary svg{display:block}
  .site-footer__fold[open]>summary svg{transform:rotate(180deg)}
  .site-footer__fold>summary:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:6px}
  .site-footer__fold[open]>ul{padding-bottom:14px}
  .site-footer__contact{border-top:1px solid var(--line-light);padding-top:18px;padding-bottom:16px}
  .site-footer__contact .site-footer__title{margin-bottom:6px}
  .site-footer__col a{min-height:44px}
}
@media(min-width:921px){.site-footer__fold>summary{pointer-events:none}}
@media(max-width:560px){
  .site-footer__claim .button{width:100%}
  .site-footer__bar{flex-direction:column;align-items:flex-start;padding-block:18px 24px;gap:4px}
}

/* Leistungsseiten (17.10.2026): /leistungen/webdesign, /leistungen/branding-markenentwicklung, /webseite-erstellen-lassen (Quelle generator/generate_leistungsseiten.py) */
.lp h1,.lp h2,.lp h3{hyphens:auto;overflow-wrap:break-word}
.lp .page-hero h1{font-size:clamp(40px,6vw,92px);line-height:.98}
.lp-section{overflow:visible}
.lp-title{max-width:14ch;font-size:clamp(32px,3.6vw,56px);font-weight:700;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.lp-title--wide{max-width:22ch;margin-bottom:clamp(40px,6vw,72px)}
.lp-main{align-content:start}
.lp-main a,.faq-item p a,.lp-more a,.lp-intro a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;font-weight:650}
.lp-main a:hover,.faq-item p a:hover,.lp-more a:hover{text-decoration-color:var(--lime-dark)}
.lp-main a:focus-visible,.faq-item p a:focus-visible,.lp-more a:focus-visible{outline:3px solid rgba(15,15,15,.55);outline-offset:3px;border-radius:3px}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.lp-chips li{padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-size:13px;font-weight:650;line-height:1.3}
.lp-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.lp-list li{position:relative;padding-left:26px;font-size:clamp(16px,1.35vw,19px);line-height:1.6}
.lp-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--lime-dark)}
.section--dark .lp-list li::before{background:var(--lime)}
.lp-list strong{font-weight:750}
.lp-intro{max-width:720px;margin:calc(clamp(40px,6vw,72px) * -.5) 0 clamp(40px,6vw,72px);color:#bebeb8;font-size:clamp(16px,1.35vw,19px);line-height:1.65}
.lp-refs{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.lp-refs li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 28px;padding-block:20px;border-bottom:1px solid var(--line)}
.lp-refs li>a{font-family:var(--display);font-size:clamp(20px,1.9vw,27px);font-weight:700;line-height:1.15;letter-spacing:-.03em}
.lp-refs li p{color:#50504c;font-size:16px;line-height:1.6}
.lp-more{margin-top:6px;font-size:16px;line-height:1.6}
.lp-clients{overflow-wrap:break-word;hyphens:auto}
.lp-logos{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 0;padding:0;list-style:none}
.lp-logos a{display:flex;align-items:center;justify-content:center;width:176px;height:92px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-decoration:none!important}
.lp-logos img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lp-logos a:hover{border-color:var(--ink)}
.next-page__text{max-width:760px;margin-top:22px;font-size:clamp(16px,1.35vw,19px);line-height:1.6}
.lp .workflow-item p{max-width:640px;color:#d1d1cc;font-size:16px;line-height:1.6}
@media(max-width:920px){.lp-title,.lp-title--wide{max-width:none}}
@media(max-width:640px){.lp-refs li{grid-template-columns:minmax(0,1fr)}.lp-logos a,.lp-logos .lp-logo{width:calc(50% - 8px);min-width:130px}}
.lp-links{align-items:center;gap:14px 30px;margin-top:10px}
.lp-links .text-link{margin-top:0}
.lp-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lp-logos a,.lp-logos .lp-logo{display:flex;align-items:center;justify-content:center;width:176px;height:92px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-decoration:none!important}
.lp-logos picture{display:contents}
.lp-logos [data-tile="dark"]{background:var(--ink);border-color:var(--ink)}
.lp-logos a:focus-visible{outline:3px solid rgba(15,15,15,.55);outline-offset:3px}
.lp-logos a[data-tile="dark"]:hover{border-color:var(--lime-dark)}
@media(max-width:640px){.lp-logos li{width:calc(50% - 7px);min-width:130px}.lp-logos li>a,.lp-logos li>.lp-logo{width:100%}}

/* AP10 (17.10.2026): Querverweise im Fließtext (nur Unterstreichung, kein anderes Verhalten) */
.ilink{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;text-decoration-color:var(--lime-dark)}
.ilink:hover{text-decoration-thickness:2.5px}
.ilink:focus-visible{outline:3px solid rgba(15,15,15,.55);outline-offset:3px;border-radius:3px}

/* Cookie-Einstellungen: Abschnitte mit Pill-Radius (100px) schnitten Beschreibung und Cookie-Liste ab (17.10.2026; !important, weil cc.min.css gleiche Spezifität hat und später lädt) */
#cc-main .pm__section--toggle,#cc-main .pm__section--toggle.is-expanded{border-radius:28px!important}
#cc-main .pm__section--toggle .pm__section-title{border-radius:28px!important}
#cc-main .pm__section--toggle .pm__section-desc-wrapper,#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{border-radius:0 0 28px 28px!important;overflow:visible!important}
#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-radius:28px 28px 0 0!important}
#cc-main .pm__section-table{overflow:visible!important}

/* KI-Kennzeichnung im Startseiten-Hero (EU AI Act Art. 50): senkrecht wie der Schriftzug, oben rechts unterhalb des Menüs, auch mobil sichtbar (18.10.2026) */
.hero__side{display:contents}
.ai-label{position:absolute;right:32px;top:124px;z-index:2;display:block;color:rgba(255,255,255,.75);font-size:10px;font-weight:650;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl}
@media(max-width:640px){.ai-label{right:12px;top:104px;font-size:9.5px}}

/* KI-Label in den Seiten-Heroes (18.10.2026): oben rechts im Hero, unterhalb des Menüs */
.page-hero>.ai-label{top:30px;right:32px}
@media(max-width:640px){.page-hero>.ai-label{top:12px;right:12px}}

/* Agency-OS-Emblem als Herkunftszeichen (18.10.2026): skalierte Varianten des Bauteils .os-emblem, rein dekorativ */
.os-emblem.os-emblem--xs,.os-emblem.os-emblem--sm,.os-emblem.os-emblem--md{width:var(--e);height:var(--e);flex:none;padding:calc(var(--e) * .185) calc(var(--e) * .076) calc(var(--e) * .185) calc(var(--e) * .196);grid-template-columns:1fr calc(var(--e) * .228);border-radius:calc(var(--e) * .217)}
.os-emblem--xs{--e:22px}.os-emblem--sm{--e:30px}.os-emblem--md{--e:64px}
.os-emblem--xs .os-emblem__nodes,.os-emblem--sm .os-emblem__nodes,.os-emblem--md .os-emblem__nodes{grid-template-columns:repeat(2,calc(var(--e) * .13));gap:calc(var(--e) * .109)}
.os-emblem--xs .os-emblem__nodes i,.os-emblem--sm .os-emblem__nodes i,.os-emblem--md .os-emblem__nodes i{width:calc(var(--e) * .13);height:calc(var(--e) * .13);border-radius:max(1px,calc(var(--e) * .03))}
.os-emblem--xs b,.os-emblem--sm b,.os-emblem--md b{font-size:calc(var(--e) * .478);transform:translateY(calc(var(--e) * -.022))}
.os-emblem--inline{display:inline-grid;vertical-align:middle;margin-right:10px;position:relative;top:-.08em}
/* Menü Desktop: Emblem vor dem Eintrag */
.nav__links .os-emblem{margin-right:10px}
.nav__links .os-emblem--xs{--e:30px}
@media(min-width:921px) and (max-width:1260px){.nav__links .os-emblem{display:none}}
/* Menüpunkte auf einer Linie: Eintrag mit Emblem ist höher, die übrigen mittig dazu ausrichten */
@media(min-width:921px){.nav__links{align-items:center}}
/* Menü Handy: Emblem vor der großen Beschriftung */
.mnav__label .os-emblem{margin-right:.28em;top:-.06em}
.mnav__label .os-emblem--xs{--e:24px}
/* Footer: Verweis unter den Social-Icons */
.site-footer .site-footer__os{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:18px;font-size:14px;font-weight:650;color:#d6d6d1}
.site-footer .site-footer__os:hover .os-emblem{border-color:var(--lime)}
/* monkeys leads: Verbindungs-Visual und Hero-Zeichen */
.os-link-visual{display:flex;align-items:center;gap:clamp(14px,2.4vw,28px);margin:30px 0 8px}
.os-link-visual .product-lockup{margin:0}
.os-link-visual__arrow{flex:none;width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-note .product-lockup span{color:var(--ink);text-decoration:none}
@media(max-width:640px){.os-link-visual{gap:14px}.os-link-visual .os-emblem--md{--e:52px}.os-link-visual__arrow{width:26px;height:26px}.os-link-visual .product-lockup{font-size:20px}}
/* Leistungen Schritt 03 und Einblicke Themenkarte 04 */
.workflow-item h3 .os-emblem{margin:0 0 0 14px;top:-.06em}
.insights-topic>span.insights-topic__no{display:flex;align-items:center;justify-content:space-between}
.insights-topic__no .os-emblem{margin-block:-6px}
/* Insights-Titelbild mit KI-Kennzeichnung (19.10.2026): Label senkrecht oben rechts im Bild, auch mobil; Bild im Originalformat 16:9 statt Zuschnitt auf 2218:972 */
.mag-hero--ki{position:relative}
.mag-hero.mag-hero--ki img{height:auto;aspect-ratio:1672/941}
.mag-hero--ki>.ai-label{top:20px;right:24px;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.75)}
.mag-hero__caption{margin:0;padding:12px clamp(24px,5vw,82px);background:#111;color:rgba(255,255,255,.78);font-size:.8rem;line-height:1.4}
@media(max-width:640px){.mag-hero--ki>.ai-label{top:12px;right:12px}}