:root{
  --bg:#050505;
  --ink:#f7f7f7;
  --muted:#b9b9c0;
  --soft:#121216;
  --soft2:#19191f;
  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.07);
  --white:#fff;
  --black:#000;
  --max:1260px;
  --shadow:0 34px 120px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
::selection{background:#fff;color:#000}
.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.043;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 65%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);filter:blur(8px);opacity:.7}
.bg-orbit{position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;overflow:hidden}
.bg-orbit span{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:orbit 18s linear infinite}
.bg-orbit span:nth-child(1){width:520px;height:520px;right:-160px;top:5%}
.bg-orbit span:nth-child(2){width:380px;height:380px;left:-120px;top:48%;animation-duration:24s}
.bg-orbit span:nth-child(3){width:760px;height:760px;left:35%;bottom:-420px;animation-duration:32s}
@keyframes orbit{to{transform:rotate(360deg)}}

.topbar{position:fixed;top:0;left:0;right:0;z-index:70;padding:16px 22px;transition:.28s ease}
.topbar.scrolled{background:rgba(5,5,5,.76);backdrop-filter:blur(20px);border-bottom:1px solid var(--line2)}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{width:92px;filter:brightness(2)}
.navlinks{display:flex;align-items:center;gap:22px;color:#dfdfe4;font-size:14px}
.navlinks a{opacity:.82;transition:.2s}.navlinks a:hover{opacity:1}
.nav-cta{background:#fff;color:#000;border-radius:999px;padding:12px 18px;font-weight:900;opacity:1!important}
.burger{display:none;background:#fff;color:#000;border:0;border-radius:16px;padding:12px 14px;font-weight:900}
.mobile-menu{display:none}

.section{padding:104px 22px}.wrap{max-width:var(--max);margin:auto}
.section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:#9d9da7}.section-label.dark{color:#555}
.kicker{margin:0;font-size:clamp(40px,5.6vw,82px);line-height:.92;letter-spacing:-.065em;font-weight:950}.sub{font-size:18px;color:var(--muted);margin:0}.heading-row{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:end;margin-bottom:42px}.right-copy{max-width:560px;justify-self:end}

.hero-epic{min-height:100vh;padding:130px 22px 70px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg-word{position:absolute;left:-4vw;bottom:2vh;font-size:19vw;line-height:.75;font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.065);white-space:nowrap;pointer-events:none}
.hero-epic:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero-epic-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;width:100%}
.hero-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);padding:10px 14px;color:#dfdfe3;font-weight:800;font-size:13px;backdrop-filter:blur(16px)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}
.hero-title{margin:24px 0 18px;font-size:clamp(60px,9vw,132px);line-height:.82;letter-spacing:-.095em;font-weight:950;max-width:760px;text-transform:uppercase}
.hero-lead{max-width:680px;margin:0 0 28px;color:#d2d2d8;font-size:clamp(17px,2vw,22px)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:16px 22px;font-weight:950;border:1px solid var(--line);cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}.btn-primary{background:#fff;color:#000;border-color:#fff}.btn-primary:hover{box-shadow:0 18px 58px rgba(255,255,255,.16)}.btn-glass{background:rgba(255,255,255,.06);color:#fff}.btn-glass:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:680px}.hero-stats div{border:1px solid var(--line2);background:rgba(255,255,255,.04);border-radius:20px;padding:16px}.hero-stats strong{display:block;font-size:26px;letter-spacing:-.06em}.hero-stats span{font-size:13px;color:var(--muted)}
.hero-cinema{position:relative;min-height:660px;perspective:1200px}.cinema-frame{position:absolute;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);background:#111;will-change:transform}.cinema-frame img{width:100%;height:100%;object-fit:cover}.frame-main{width:76%;height:470px;right:0;top:25px;transform:rotate(3deg)}.frame-top{width:50%;height:280px;left:0;top:115px;transform:rotate(-7deg)}.frame-bottom{width:58%;height:245px;right:52px;bottom:18px;transform:rotate(4deg)}
.floating-chip{position:absolute;background:#fff;color:#000;border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.chip-a{right:8px;top:122px}.chip-b{left:18px;bottom:150px;animation-delay:.6s}.chip-c{right:40%;bottom:26px;animation-delay:1s}@keyframes float{50%{transform:translateY(-14px)}}
.scroll-indicator{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.scroll-indicator span{width:8px;height:8px;border-radius:50%;background:#fff;animation:down 1.5s infinite}@keyframes down{50%{transform:translateY(8px);opacity:.35}}

.logo-strip{background:#fff;color:#000;overflow:hidden;border-block:1px solid #fff}.strip-track{display:inline-flex;gap:34px;padding:18px 0;white-space:nowrap;font-size:24px;font-weight:950;letter-spacing:-.05em;animation:strip 30s linear infinite}.strip-track span{padding-left:34px}@keyframes strip{to{transform:translateX(-50%)}}

.intro-grid{display:grid;grid-template-columns:.3fr 1.2fr .8fr;gap:32px;align-items:end}.intro-number{font-size:clamp(90px,14vw,180px);line-height:.8;font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2)}.giant-copy{font-size:clamp(44px,6vw,90px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:950}.intro-text p{margin:0;color:#c8c8ce;font-size:19px}

.pin-services{padding-top:80px}.services-pin-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:start}.pin-copy{position:sticky;top:110px;min-height:520px;padding:34px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.032));border:1px solid var(--line)}.pin-copy h2{font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.065em;margin:0 0 18px}.pin-copy p{color:#c9c9cf;font-size:18px;margin:0 0 24px}.lux-services{display:grid;gap:18px}.lux-card{display:grid;grid-template-columns:.95fr 1.05fr;min-height:380px;border-radius:34px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:var(--shadow)}.lux-media{min-height:100%;background:#111}.lux-media img{width:100%;height:100%;object-fit:cover;transition:.55s}.lux-card:hover .lux-media img{transform:scale(1.05)}.lux-content{padding:34px;display:flex;flex-direction:column;justify-content:center}.lux-content span{font-size:13px;letter-spacing:.2em;color:#8f8f98;font-weight:900}.lux-content h3{font-size:clamp(28px,3.8vw,50px);line-height:.95;letter-spacing:-.06em;margin:12px 0}.lux-content p{color:#d2d2d7;margin:0 0 18px;font-size:17px}.lux-content ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.lux-content li{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.05);font-size:13px;font-weight:800}

.reference-style{padding-inline:0;overflow:hidden}.ref-head{padding-inline:22px;margin-bottom:34px}.ref-head .sub{max-width:760px;margin-top:14px}.ref-marquee{overflow:hidden;margin:16px 0}.ref-track{display:flex;gap:16px;width:max-content;animation:refmove 42s linear infinite}.reverse-track{animation-name:refreverse}.ref-track figure{position:relative;margin:0;width:min(560px,78vw);height:390px;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:#111;box-shadow:var(--shadow)}.ref-track img{width:100%;height:100%;object-fit:cover}.ref-track figcaption{position:absolute;left:16px;right:16px;bottom:16px;border-radius:20px;background:rgba(0,0,0,.6);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.13);padding:16px;font-weight:900}@keyframes refmove{to{transform:translateX(-50%)}}@keyframes refreverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.before-after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.035),transparent)}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ba-card{border:1px solid var(--line);border-radius:34px;overflow:hidden;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.compare{position:relative;height:500px;overflow:hidden;background:#111}.compare img{width:100%;height:100%;object-fit:cover}.compare-before{position:absolute;inset:0;width:50%;overflow:hidden;filter:grayscale(1) contrast(.85) brightness(.55)}.compare-before:after{content:"VORHER";position:absolute;left:18px;top:18px;border-radius:999px;padding:9px 13px;background:#fff;color:#000;font-size:12px;font-weight:950;letter-spacing:.1em}.compare:after{content:"NACHHER";position:absolute;right:18px;top:18px;border-radius:999px;padding:9px 13px;background:#000;color:#fff;font-size:12px;font-weight:950;letter-spacing:.1em;border:1px solid rgba(255,255,255,.18)}.compare-before img{width:100%;height:100%;object-fit:cover}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 24px rgba(255,255,255,.8)}.compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:#000}.compare-line span:before{content:"↔";position:absolute;inset:0;display:grid;place-items:center;font-weight:950}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.ba-copy{padding:24px}.ba-copy span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#999;font-weight:900}.ba-copy h3{margin:8px 0 0;font-size:30px;line-height:1;letter-spacing:-.055em}

.impact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.impact-sticky{position:sticky;top:110px}.impact-stack{display:grid;gap:14px}.impact-card{min-height:270px;padding:34px;border-radius:34px;background:#fff;color:#000;box-shadow:var(--shadow)}.impact-card:nth-child(2){background:#e9e9ec}.impact-card:nth-child(3){background:#151519;color:#fff;border:1px solid var(--line)}.impact-card span{font-weight:950;color:#777}.impact-card h3{font-size:clamp(34px,4vw,58px);line-height:.92;letter-spacing:-.065em;margin:30px 0 12px}.impact-card p{margin:0;color:#4a4a4f;font-size:18px}.impact-card:nth-child(3) p{color:#c7c7cd}

.process-wrap{padding:42px;border-radius:36px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 30%),rgba(255,255,255,.045)}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.process-timeline div{min-height:250px;padding:24px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.process-timeline span{color:#85858f;font-weight:950}.process-timeline h3{margin:48px 0 10px;font-size:28px;letter-spacing:-.05em;line-height:1}.process-timeline p{margin:0;color:#c9c9d0}

.seo-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:42px;border-radius:36px;background:#fff;color:#000;box-shadow:var(--shadow)}.seo-panel h2{font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.065em;margin:0}.seo-tags{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.seo-tags span{padding:12px 14px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:800}

.contact-mega{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:44px;border-radius:38px;background:linear-gradient(135deg,#fff,#e7e7ea);color:#000;box-shadow:var(--shadow)}.contact-copy h2{font-size:clamp(42px,6vw,82px);line-height:.9;letter-spacing:-.075em;margin:0 0 16px}.contact-copy p{font-size:18px;color:#333;margin:0 0 22px}.contact-list{display:grid;gap:10px}.contact-item{background:#000;color:#fff;border-radius:18px;padding:16px 18px;font-weight:850}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;border:1px solid #d2d2d8;border-radius:18px;padding:17px;background:#fff;color:#000;font:inherit}.form textarea{min-height:150px;resize:vertical}.form .btn{width:100%;border:0}

.footer{padding:42px 22px;border-top:1px solid var(--line2);color:#aaa}.footer-grid{max-width:var(--max);margin:auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.legal-page{padding:140px 22px 80px}.legal{max-width:900px;margin:auto;background:#fff;color:#111;border-radius:28px;padding:42px}.legal h1{font-size:46px;letter-spacing:-.05em}.legal h2{margin-top:32px}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:95;display:none}.cookie.show{display:block}.cookie-inner{max-width:980px;margin:auto;padding:20px;border-radius:24px;background:#fff;color:#000;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;box-shadow:var(--shadow)}.cookie p{margin:4px 0 0;color:#333}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.mini-btn{border:0;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.mini-btn.light{background:#ededed;color:#000}.mini-btn.dark{background:#000;color:#fff}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1080px){.hero-epic-inner,.intro-grid,.services-pin-grid,.heading-row,.impact-grid,.seo-panel,.contact-mega{grid-template-columns:1fr}.right-copy{justify-self:start}.pin-copy,.impact-sticky{position:static;min-height:auto}.hero-cinema{min-height:560px}.lux-card{grid-template-columns:1fr}.lux-media{min-height:330px}.ba-grid{grid-template-columns:1fr}.process-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.topbar{padding:12px}.brand img{width:78px}.navlinks{display:none}.burger{display:block}.mobile-menu{position:fixed;top:72px;left:12px;right:12px;z-index:75;padding:18px;border-radius:24px;background:#fff;color:#000;box-shadow:var(--shadow);display:none}.mobile-menu.open{display:grid;gap:12px}.mobile-menu a{padding:12px;font-weight:900}.section{padding:78px 16px}.hero-epic{padding-top:110px}.hero-cinema{min-height:465px}.frame-main{width:84%;height:330px}.frame-top{width:58%;height:220px;top:105px}.frame-bottom{width:66%;height:180px;right:10px}.floating-chip{display:none}.hero-stats{grid-template-columns:1fr}.intro-number{display:none}.ref-track figure{height:330px}.compare{height:410px}.process-timeline{grid-template-columns:1fr}.cookie-inner{grid-template-columns:1fr}}
@media(max-width:540px){.cursor-glow{display:none}.hero-title{font-size:clamp(56px,17vw,82px)}.hero-lead,.sub,.intro-text p,.pin-copy p,.contact-copy p{font-size:16px}.hero-actions .btn{width:100%}.hero-cinema{min-height:420px}.cinema-frame{border-radius:24px}.frame-main{height:285px}.frame-top{height:190px}.frame-bottom{height:150px}.strip-track{font-size:18px}.lux-content,.pin-copy,.process-wrap,.seo-panel,.contact-mega,.legal{padding:26px;border-radius:28px}.ref-track figure{width:82vw;height:290px}.compare{height:330px}.ba-copy h3{font-size:24px}.footer-grid{display:grid}.legal h1{font-size:34px}}


/* V4 multi page additions */
.sub-hero{padding:150px 22px 80px;position:relative;overflow:hidden}
.sub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.14),transparent 28%);pointer-events:none}
.sub-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;position:relative}
.sub-hero h1{margin:0;font-size:clamp(54px,8vw,116px);line-height:.88;letter-spacing:-.085em;font-weight:950}
.sub-hero p{font-size:20px;color:#d0d0d5;margin:0;max-width:640px}.agentur-hero h1{color:#fff}.agentur-hero h1:after{content:" Wir sind SEM.";display:block;color:transparent;-webkit-text-stroke:1.2px #fff;opacity:.75}
.service-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:var(--shadow)}.directory-card img{width:100%;height:260px;object-fit:cover}.directory-card span{display:block;padding:24px 24px 0;color:#888;font-weight:950;letter-spacing:.12em}.directory-card h2{padding:0 24px;margin:10px 0 10px;font-size:32px;line-height:1;letter-spacing:-.055em}.directory-card p{padding:0 24px;margin:0 0 16px;color:#c7c7cd}.directory-card ul{margin:0;padding:0 24px 24px;display:grid;gap:9px;list-style:none}.directory-card li{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#eee}.directory-card li:before{content:"✓ ";font-weight:900}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{padding:28px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.package-card.featured{background:#fff;color:#000}.package-card h3{margin:0 0 12px;font-size:30px;letter-spacing:-.055em}.package-card p{color:#c8c8ce}.package-card.featured p{color:#333}.package-card span{display:block;margin-top:18px;font-weight:900;color:inherit}
.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.case-card{grid-column:span 4;min-height:460px;border-radius:30px;overflow:hidden;position:relative;border:1px solid var(--line);background:#111;box-shadow:var(--shadow)}.case-wide{grid-column:span 8}.case-card img{width:100%;height:100%;object-fit:cover;transition:.55s}.case-card:hover img{transform:scale(1.05)}.case-card div{position:absolute;left:18px;right:18px;bottom:18px;padding:20px;border-radius:22px;background:rgba(0,0,0,.62);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13)}.case-card span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#d5d5db;font-weight:900}.case-card h2{margin:8px 0 6px;font-size:32px;letter-spacing:-.055em;line-height:1}.case-card p{margin:0;color:#d3d3d7}
.young-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.young-card{min-height:360px;padding:30px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.young-card span{color:#888;font-weight:950;font-size:13px;letter-spacing:.14em}.young-card h2{font-size:36px;line-height:.95;letter-spacing:-.06em;margin:60px 0 14px}.young-card p{color:#c9c9cf;margin:0}.values-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:40px;border-radius:34px;background:#fff;color:#000;box-shadow:var(--shadow)}.values-panel h2{font-size:clamp(38px,5vw,70px);line-height:.94;letter-spacing:-.065em;margin:0}.values-list{display:grid;gap:12px}.values-list p{margin:0;padding:18px;border-radius:18px;background:#f1f1f3;color:#333}.values-list strong{color:#000}.founder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.founder-card{padding:34px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.founder-card h3{margin:0 0 12px;font-size:42px;letter-spacing:-.065em}.founder-card p{color:#c9c9cf;margin:0;font-size:18px}
.faq-grid{display:grid;gap:12px;max-width:980px;margin:auto}.faq-item{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:950;font-size:22px;letter-spacing:-.04em}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 24px 24px;margin:0;color:#c9c9cf;font-size:17px}.faq-item summary:after{content:"+";float:right}.faq-item[open] summary:after{content:"–"}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.visit-grid h2{margin:0 0 12px;font-size:clamp(38px,5vw,70px);line-height:.94;letter-spacing:-.065em}.visit-grid p{color:#c9c9cf;font-size:18px}.visit-card{padding:30px;border-radius:30px;background:#fff;color:#000;display:flex;flex-direction:column;justify-content:center}.visit-card strong{font-size:32px;letter-spacing:-.055em}.visit-card span{margin-top:10px;color:#333}
.home-info-teasers{padding-top:40px}.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teaser-card{padding:28px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.055);transition:.25s}.teaser-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)}.teaser-card span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#999;font-weight:900}.teaser-card h3{font-size:30px;letter-spacing:-.055em;line-height:1;margin:28px 0 10px}.teaser-card p{color:#c9c9cf;margin:0}
.footer-mega{padding:0 22px 26px;border-top:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))}.footer-cta{padding:46px 0;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-cta h2{margin:0;font-size:clamp(34px,5vw,72px);line-height:.92;letter-spacing:-.07em}.footer-main{padding:40px 0;display:grid;grid-template-columns:1.35fr .75fr .9fr .9fr;gap:34px}.footer-brand-block img{width:110px;filter:brightness(2);margin-bottom:18px}.footer-brand-block p{max-width:380px;color:#bdbdc4}.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.footer-socials a{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:800}.footer-col{display:grid;align-content:start;gap:9px}.footer-col h3{margin:0 0 8px;color:#fff}.footer-col a,.footer-col p{color:#bcbcc3;margin:0}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:18px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:16px;color:#aaa;flex-wrap:wrap}
@media(max-width:1080px){.sub-hero-grid,.values-panel,.visit-grid{grid-template-columns:1fr}.service-directory-grid,.package-grid,.young-grid,.teaser-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:repeat(2,1fr)}.case-card,.case-wide{grid-column:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.sub-hero{padding-top:120px}.sub-hero-grid,.service-directory-grid,.package-grid,.young-grid,.teaser-grid,.case-grid,.founder-grid,.footer-main{grid-template-columns:1fr}.sub-hero h1{font-size:clamp(52px,16vw,82px)}.directory-card img{height:230px}.case-card,.case-wide{min-height:360px}.young-card{min-height:300px}.footer-bottom{display:grid}}

/* V5 final launch refinements */
.client-wall{padding:86px 0 54px;overflow:hidden;border-block:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.client-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:end;margin-bottom:30px;padding-inline:22px}.client-head h2{margin:0;font-size:clamp(30px,4.2vw,62px);line-height:.95;letter-spacing:-.06em;max-width:780px}
.client-slider{overflow:hidden;white-space:nowrap}.client-track{display:inline-flex;gap:14px;animation:clientTicker 34s linear infinite;padding:6px 0}.client-track span{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:94px;padding:0 24px;border-radius:24px;background:#fff;color:#000;font-weight:950;letter-spacing:-.045em;font-size:22px;box-shadow:0 22px 70px rgba(0,0,0,.28)}
@keyframes clientTicker{to{transform:translateX(-50%)}}
.team-story{padding-top:80px}.team-story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:stretch}.team-photo{min-height:560px;border-radius:34px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),transparent 30%),linear-gradient(145deg,#151515,#030303);display:grid;place-items:center;box-shadow:var(--shadow);position:relative}.team-photo:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.12);border-radius:26px}.team-photo-inner{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:10px}.team-photo-inner img{width:150px;filter:brightness(2)}.team-photo-inner strong{font-size:42px;letter-spacing:-.06em}.team-photo-inner span{color:#bdbdc4;font-weight:700}.team-copy{padding:42px;border-radius:34px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.team-copy p:not(.section-label){font-size:18px;color:#d0d0d5}.agency-list{display:grid;gap:12px}.agency-list p{margin:0;padding:18px;border-radius:18px;background:#111;color:#fff}.agency-list strong{color:#fff}.compare .before-img,.compare .after-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .before-img{filter:grayscale(1) contrast(.86) brightness(.55);clip-path:inset(0 48% 0 0);z-index:1}.compare .after-img{z-index:0}.compare input{z-index:4}.compare .compare-line{z-index:3}.compare:before{content:"VORHER";position:absolute;left:18px;top:18px;border-radius:999px;padding:9px 13px;background:#fff;color:#000;font-size:12px;font-weight:950;letter-spacing:.1em;z-index:5}
@media(max-width:1080px){.client-head,.team-story-grid{grid-template-columns:1fr}.team-photo{min-height:420px}}
@media(max-width:540px){.client-track span{min-width:180px;height:78px;font-size:18px}.team-photo{min-height:340px}.team-copy{padding:26px}.team-photo-inner strong{font-size:32px}}

/* SEM final approval polish */
html{scroll-padding-top:90px}.topbar:after{content:"";position:fixed;left:0;top:0;height:2px;width:var(--scroll,0%);background:#fff;box-shadow:0 0 20px rgba(255,255,255,.6);z-index:100}.navlinks a,.footer-col a,.footer-socials a{transition:opacity .2s,transform .2s,color .2s}.navlinks a:hover,.footer-col a:hover,.footer-socials a:hover{transform:translateY(-1px)}
.hero-epic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,70%) var(--my,35%),rgba(255,255,255,.15),transparent 34%);pointer-events:none;mix-blend-mode:screen}.cinema-frame{transition:transform .45s ease,box-shadow .45s ease}.hero-cinema:hover .frame-main{transform:rotate(-1deg) translateY(-8px)}.hero-cinema:hover .frame-top{transform:rotate(7deg) translateY(-4px)}.hero-cinema:hover .frame-bottom{transform:rotate(-6deg) translateY(4px)}
.intro-final{padding-top:92px;padding-bottom:72px}.intro-final .intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.68fr);gap:64px;align-items:center}.intro-final .intro-main{padding-left:0}.intro-final .giant-copy{max-width:860px;font-size:clamp(54px,7vw,104px);line-height:.9}.intro-final .intro-text p{font-size:20px;line-height:1.5;color:#d8d8dd}.intro-final .intro-number{position:absolute;right:4%;bottom:-52px;z-index:-1;font-size:clamp(150px,22vw,320px);font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);opacity:.75}
.client-wall-final{padding:64px 0 38px;overflow:hidden;border-block:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}.client-head-final{display:grid;grid-template-columns:.9fr .7fr;gap:36px;align-items:end;margin-bottom:24px}.client-head-final h2{font-size:clamp(34px,4.8vw,70px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:820px}.client-head-final p:not(.section-label){color:#c9c9cf;margin:0;font-size:17px}.client-slider{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.client-track{padding:8px 0 18px}.client-track span{min-width:210px;height:74px;border-radius:22px;font-size:18px;box-shadow:0 16px 60px rgba(0,0,0,.22)}
.services-pin-grid{grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr)}.lux-card{grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:330px}.lux-media{height:330px;min-height:330px}.lux-media img{width:100%;height:100%;object-fit:cover}.lux-content{min-width:0;padding:30px}.lux-content h3{font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:normal}.lux-content p{font-size:16px;line-height:1.45}.lux-content ul{gap:8px}.lux-content li{font-size:12px;padding:9px 11px}.lux-card:hover{box-shadow:0 34px 110px rgba(255,255,255,.08),var(--shadow)}
.ba-note{margin-top:18px;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;border:1px solid var(--line);border-radius:32px;padding:30px;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.14),transparent 34%),rgba(255,255,255,.045)}.ba-note strong{font-size:clamp(30px,4.2vw,58px);line-height:.95;letter-spacing:-.07em}.ba-note p{margin:0;color:#d0d0d6;font-size:18px}.ba-card{transition:transform .25s,box-shadow .25s}.ba-card:hover{transform:translateY(-4px);box-shadow:0 34px 110px rgba(255,255,255,.08),var(--shadow)}
.teaser-head{margin-bottom:22px;display:grid;grid-template-columns:.9fr .9fr;gap:26px;align-items:end}.teaser-head h2{font-size:clamp(34px,4.7vw,68px);line-height:.94;letter-spacing:-.065em;margin:0}.teaser-head p:not(.section-label){margin:0;color:#c9c9cf;font-size:17px}.teaser-card{min-height:240px;display:flex;flex-direction:column}.teaser-card h3{margin-top:auto}
.contact-final{position:relative;overflow:hidden;border-radius:42px}.contact-final:after{content:"SEM";position:absolute;left:28px;bottom:-56px;font-size:160px;line-height:.8;font-weight:950;letter-spacing:-.1em;color:rgba(0,0,0,.035);pointer-events:none}.contact-icons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-icons .contact-item{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:82px;border-radius:22px;position:relative;overflow:hidden}.contact-icons .contact-item:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.16),transparent 60%);transform:translateX(-100%);transition:.35s}.contact-icons .contact-item:hover:before{transform:translateX(0)}.real-icon{position:relative;z-index:1;grid-row:1/3;width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center}.real-icon svg{width:22px;height:22px}.contact-icons b,.contact-icons small{position:relative;z-index:1;min-width:0}.contact-icons small{display:block;color:#cfcfd3;font-size:13px;margin-top:2px}.briefing-form{padding:20px;border-radius:32px;background:#080809;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 26px 80px rgba(0,0,0,.23)}.form-title{display:grid;gap:5px;color:#fff;padding:6px 4px 12px}.form-title span{text-transform:uppercase;letter-spacing:.16em;color:#9696a0;font-size:11px;font-weight:900}.form-title strong{font-size:24px;line-height:1;letter-spacing:-.05em}.briefing-form input,.briefing-form select,.briefing-form textarea{border:0;border-radius:22px;background:#fff}.briefing-form .btn{min-height:62px}.contact-copy h2{letter-spacing:-.075em}
.footer-cta-final{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:46px 0;border-bottom:1px solid var(--line2);overflow:hidden}.footer-cta-final h2{white-space:normal;max-width:980px;font-size:clamp(32px,4.4vw,60px);line-height:.94;letter-spacing:-.065em;margin:0}.footer-cta-final p:not(.section-label){margin:12px 0 0;color:#bdbdc4;font-size:18px}.footer-cta-final .btn{white-space:nowrap;min-width:210px;min-height:66px}.footer-cta-final:after{content:none!important}.footer-cta-final:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.process-final .process-wrap{padding:34px;border-radius:38px}.process-final-head{display:grid;grid-template-columns:.85fr 1fr;gap:30px;align-items:end}.process-final-head .kicker{max-width:760px}.process-final-head p:not(.section-label){color:#d0d0d6;font-size:18px}.process-timeline-final{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.process-timeline-final div{min-height:210px;position:relative;overflow:hidden}.process-timeline-final div:before{content:"";position:absolute;right:-50px;top:-50px;width:140px;height:140px;border:1px solid rgba(255,255,255,.09);border-radius:42px;transform:rotate(20deg)}.process-timeline-final span{display:grid;place-items:center;width:48px;height:48px;background:#fff;color:#000;border-radius:50%;font-weight:950;margin-bottom:36px}.process-timeline-final h3{font-size:28px;line-height:1;letter-spacing:-.05em}
.projekte-hero-final .sub-hero-grid{grid-template-columns:1fr .72fr}.projekte-hero-final h1{max-width:820px}.hero-side-card-final{align-self:center;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.055);padding:28px}.hero-side-card-final span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#999;font-weight:900}.hero-side-card-final p{margin:16px 0 20px;color:#d3d3d8}.case-grid-final{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense}.case-grid-final .case-wide{grid-column:span 8}.case-grid-final .case-card:not(.case-wide){grid-column:span 4}.case-grid-final .case-card{min-height:390px}.case-card div{transition:.25s}.case-card:hover div{transform:translateY(-4px)}
.agentur-hero-final h1{max-width:760px}.team-placeholder{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025))}.values-final{grid-template-columns:.9fr 1.1fr;padding:46px}.values-final h2{font-size:clamp(42px,5.4vw,78px);line-height:.92;letter-spacing:-.07em}.values-final > div:first-child p:not(.section-label){font-size:18px;color:#333;max-width:560px}.values-list-final{grid-template-columns:1fr 1fr}.values-list-final p{min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;position:relative;overflow:hidden}.values-list-final p:before{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border:1px solid rgba(0,0,0,.08);border-radius:36px;transform:rotate(20deg)}.values-list-final strong{font-size:22px;letter-spacing:-.05em;margin-bottom:7px}.founder-grid,.founder-card{display:none!important}
@media(max-width:1120px){.intro-final .intro-grid,.client-head-final,.services-pin-grid,.footer-cta-final,.process-final-head,.projekte-hero-final .sub-hero-grid,.values-final{grid-template-columns:1fr}.intro-final .intro-number{right:2%;top:-28px;bottom:auto}.lux-card{grid-template-columns:1fr}.lux-media{height:320px;min-height:320px}.pin-copy{position:static}.contact-icons{grid-template-columns:1fr}.process-timeline-final{grid-template-columns:repeat(2,1fr)}.case-grid-final{grid-template-columns:repeat(2,1fr)}.case-grid-final .case-wide,.case-grid-final .case-card:not(.case-wide){grid-column:auto}.values-list-final{grid-template-columns:1fr}.ba-note{grid-template-columns:1fr}.footer-cta-final .btn{justify-self:start}.teaser-head{grid-template-columns:1fr}}
@media(max-width:760px){.intro-final .giant-copy{font-size:clamp(44px,14vw,68px)}.client-track span{min-width:170px;height:66px;font-size:16px}.lux-content{padding:24px}.lux-content h3{font-size:30px}.compare{height:330px}.process-timeline-final{grid-template-columns:1fr}.case-grid-final{grid-template-columns:1fr}.contact-final{border-radius:30px}.contact-final:after{font-size:90px}.briefing-form{padding:14px}.footer-cta-final .btn{width:100%;min-height:60px}.footer-cta-final h2{font-size:38px}.directory-card img{height:240px}}

/* FINAL LIVE POLISH 2026-07-04 */
.hero-epic:before{background:radial-gradient(circle at var(--mx,70%) var(--my,34%),rgba(255,255,255,.11),transparent 32%)}
.intro-final .intro-grid{grid-template-columns:1fr;gap:22px;align-items:start;max-width:1260px}.intro-final .giant-copy{max-width:1180px;font-size:clamp(56px,8.2vw,116px);line-height:.86}.intro-final .intro-text{max-width:620px;margin-left:auto;margin-top:-28px}.intro-final .intro-number{right:9%;top:34%;bottom:auto;z-index:-1;opacity:.35;font-size:clamp(120px,18vw,260px)}
.client-wall-final{padding:72px 0 54px}.client-head-final{grid-template-columns:.9fr .8fr;align-items:center}.client-head-final h2{max-width:760px}.client-slider{mask-image:none;overflow:hidden}.client-track{display:flex;width:max-content;gap:16px;animation:clientTicker 26s linear infinite;will-change:transform}.client-track:hover{animation-play-state:paused}.client-track.logos-only img{width:240px;height:92px;object-fit:contain;border-radius:24px;flex:0 0 auto;box-shadow:0 20px 60px rgba(0,0,0,.25);background:#fff}.client-track span{flex:0 0 auto}
.services-pin-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:26px}.lux-card{grid-template-columns:300px minmax(0,1fr);min-height:300px}.lux-media{height:300px;min-height:300px}.lux-content{padding:28px;overflow:hidden}.lux-content h3{font-size:clamp(27px,2.6vw,38px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere;hyphens:auto}.lux-content p{font-size:15.5px;line-height:1.48;max-width:100%}.lux-content li{font-size:12px}.pin-copy{min-height:auto}.pin-copy h2{font-size:clamp(42px,4.6vw,66px)}
.ref-track{animation-duration:34s}.ref-track figure{flex:0 0 auto}.reference-style{padding-top:96px}.ba-note{margin-top:30px}.ba-note strong{max-width:650px}
.home-info-teasers{padding-top:76px}.teaser-head{grid-template-columns:.95fr .85fr;margin-bottom:30px}.teaser-head h2{max-width:850px}.teaser-grid{align-items:stretch}.teaser-card{min-height:270px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))}.teaser-card h3{font-size:32px}
.testimonials{padding-top:30px}.testimonial-head{display:grid;grid-template-columns:.9fr .8fr;gap:28px;align-items:end;margin-bottom:24px}.testimonial-head h2{font-size:clamp(38px,5vw,74px);line-height:.92;letter-spacing:-.065em;margin:0}.testimonial-head p:not(.section-label){color:#c9c9cf;font-size:18px;margin:0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonial-card{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card p{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:0;color:#fff}.testimonial-card span{margin-top:22px;color:#aaa;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.footer-cta-final{position:relative;grid-template-columns:minmax(0,1fr) auto;padding:58px 0;border-bottom:0!important}.footer-cta-final:before{display:none}.footer-cta-final h2{max-width:1000px;white-space:normal;color:#fff}.footer-cta-final .type-line{display:inline-block;white-space:nowrap;overflow:hidden;border-right:3px solid #fff;max-width:0;animation:typewriter 4.8s steps(35,end) infinite alternate,blink .85s step-end infinite}.cta-typewriter{background:radial-gradient(circle at 75% 50%,rgba(255,255,255,.13),transparent 28%)}@keyframes typewriter{0%,8%{max-width:0}70%,100%{max-width:100%}}@keyframes blink{50%{border-color:transparent}}
.directory-card{overflow:hidden}.directory-card img{height:280px;width:100%;object-fit:cover}.directory-card:before{content:none!important}.service-directory-grid{align-items:stretch}.process-clean{padding-top:74px}.process-showcase{border:1px solid var(--line);border-radius:38px;padding:36px;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}.process-copy{display:grid;grid-template-columns:.7fr 1fr;gap:28px;align-items:end}.process-copy h2{font-size:clamp(42px,5.5vw,84px);line-height:.9;letter-spacing:-.07em;margin:0}.process-copy p:not(.section-label){margin:0;color:#d0d0d6;font-size:18px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.process-steps article{min-height:230px;padding:24px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.055);position:relative;overflow:hidden}.process-steps article:after{content:"";position:absolute;right:-48px;top:-48px;width:130px;height:130px;border:1px solid rgba(255,255,255,.08);border-radius:38px;transform:rotate(20deg)}.process-steps span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#000;font-weight:950;margin-bottom:46px}.process-steps h3{font-size:28px;line-height:1;letter-spacing:-.05em;margin:0 0 10px}.process-steps p{margin:0;color:#c9c9cf}.package-grid{display:none!important}
.agency-values-clean{padding-top:52px;padding-bottom:48px}.agency-final-cta{padding-top:48px}.agency-cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));padding:36px}.agency-cta-grid h2{font-size:clamp(42px,5.2vw,76px);line-height:.92;letter-spacing:-.065em;margin:0}.agency-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agency-list p{margin:0;border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.055);color:#cfcfd5}.agency-list strong{display:block;color:#fff;margin-bottom:6px;font-size:18px;letter-spacing:-.04em}.team-story{padding-bottom:58px}.young-grid{margin-top:0}.values-final{gap:34px}.values-list-final p{min-height:145px}
.faq-section{padding-top:64px}.faq-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:start}.faq-intro{position:sticky;top:110px;border:1px solid var(--line);border-radius:32px;padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}.faq-intro h2{font-size:clamp(38px,4.5vw,66px);line-height:.92;letter-spacing:-.065em;margin:0 0 16px}.faq-intro p:not(.section-label){color:#c9c9cf;font-size:17px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.055);overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:950;font-size:23px;letter-spacing:-.04em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right}.faq-list details[open] summary:after{content:"–"}.faq-list p{padding:0 24px 24px;margin:0;color:#c9c9cf;font-size:17px}
@media(max-width:1120px){.intro-final .intro-text{margin-left:0;margin-top:0}.lux-card{grid-template-columns:1fr}.lux-media{height:300px;min-height:300px}.process-copy,.agency-cta-grid,.faq-shell,.testimonial-head{grid-template-columns:1fr}.process-steps,.testimonial-grid{grid-template-columns:1fr 1fr}.agency-list{grid-template-columns:1fr}.faq-intro{position:static}.client-head-final{grid-template-columns:1fr}.footer-cta-final .type-line{white-space:normal;animation:none;max-width:none;border-right:0}}
@media(max-width:760px){.intro-final .giant-copy{font-size:clamp(44px,14vw,70px)}.intro-final .intro-number{display:none}.client-track.logos-only img{width:190px;height:74px}.lux-card{min-height:auto}.lux-media{height:250px;min-height:250px}.lux-content h3{font-size:30px}.process-steps,.testimonial-grid{grid-template-columns:1fr}.process-showcase{padding:24px}.teaser-head{grid-template-columns:1fr}.footer-cta-final h2{font-size:38px}.footer-cta-final .btn{width:100%}.faq-list summary{font-size:19px}.testimonial-card p{font-size:18px}}

/* Final fine tuning 2026-07-04 */
.line{display:block}
@media(min-width:761px){.desktop-nowrap{white-space:nowrap}}
.forced-two-lines,.forced-three-lines{max-width:100%}
.single-line-center{text-align:center;margin-left:auto!important;margin-right:auto!important;white-space:nowrap;font-size:clamp(30px,4.2vw,62px)!important;letter-spacing:-.065em!important;line-height:1!important}
.home-info-teasers .teaser-head{grid-template-columns:1fr!important;text-align:center;max-width:1120px;margin-left:auto;margin-right:auto}
.home-info-teasers .teaser-head p:not(.section-label){max-width:760px;margin:16px auto 0!important}
.intro-final .intro-grid{gap:28px}.intro-final .giant-copy{max-width:1200px}.intro-final .intro-text{max-width:660px}
.client-head-final h2 .line{display:block}.client-track.logos-only img{background:#fff}
.lux-card{grid-template-columns:300px minmax(0,1fr)!important;overflow:hidden}.lux-media{min-width:0}.lux-content{min-width:0;padding:34px!important}.lux-content h3{font-size:clamp(30px,4vw,56px)!important;line-height:.92!important;max-width:100%;overflow-wrap:normal}.lux-content p{max-width:640px}
.process-clean .process-copy{grid-template-columns:1fr!important;align-items:start!important;text-align:left!important;max-width:960px}.process-title-left{text-align:left!important;max-width:980px}.process-copy p:not(.section-label){max-width:760px}
.projekte-hero-final h1{max-width:980px}.ba-note strong .line{display:block}.ba-note strong{display:block}
.contact-final input[required]::placeholder{color:#555}
.thank-you-page{min-height:100vh;display:grid;place-items:center;padding:130px 22px 80px}.thank-you-card{max-width:980px;width:100%;border:1px solid var(--line);border-radius:42px;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.16),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:52px;color:#fff;box-shadow:var(--shadow)}.thank-you-card h1{font-size:clamp(42px,6vw,84px);line-height:.9;letter-spacing:-.075em;margin:0 0 18px}.thank-you-card p{font-size:19px;color:#d0d0d6;max-width:720px}.thank-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.thank-check{width:70px;height:70px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-weight:950;font-size:32px;margin-bottom:22px}
@media(max-width:1120px){.lux-card{grid-template-columns:1fr!important}.lux-media{height:300px!important;min-height:300px!important}.single-line-center{white-space:normal}.home-info-teasers .teaser-head{text-align:left}.home-info-teasers .teaser-head p:not(.section-label){margin-left:0!important}}
@media(max-width:760px){.desktop-nowrap{white-space:normal}.single-line-center{text-align:left;font-size:clamp(34px,11vw,52px)!important;line-height:.95!important}.lux-content{padding:24px!important}.lux-content h3{font-size:clamp(30px,10vw,44px)!important}.intro-final .giant-copy,.sub-hero h1,.kicker{word-break:normal;hyphens:none}.thank-you-card{padding:30px;border-radius:30px}.thank-actions .btn{width:100%}}

/* Final fine tuning - 2026-07-04 */
.burger{width:48px;height:48px;padding:0;display:none;place-items:center;gap:5px;background:#fff;color:#000;border:0;border-radius:16px}
.burger span{display:block;width:21px;height:2px;background:#000;border-radius:2px;transition:.25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.leistungen-hero-final .sub-hero-grid{grid-template-columns:1fr;align-items:start;gap:18px}
.leistungen-hero-final h1{max-width:980px}
.leistungen-hero-final .sub-hero-copy{margin-top:22px;max-width:650px;font-size:20px;color:#d0d0d5;line-height:1.45}

.projekte-hero-final .sub-hero-grid{align-items:start!important;padding-top:10px}
.projekte-hero-final .hero-side-card-final{align-self:start!important;margin-top:0}
.projekte-hero-final h1{padding-top:0}

.ba-note{align-items:center!important;grid-template-columns:minmax(0,.95fr) minmax(360px,.9fr);padding:38px 44px!important;min-height:190px}
.ba-note strong{font-size:clamp(32px,3.55vw,52px)!important;line-height:.96!important;letter-spacing:-.065em!important;max-width:none!important;overflow:hidden}
.ba-note p{max-width:560px;justify-self:end;font-size:17px!important;line-height:1.48!important}

.team-story-grid{grid-template-columns:minmax(360px,.95fr) minmax(0,1.35fr);align-items:stretch}
.team-photo{min-height:640px;padding:0;background:#0b0b0d}
.team-photo:before{inset:18px;z-index:2;pointer-events:none}
.team-photo-inner{width:100%;height:100%;display:block}
.team-photo-inner img{width:100%;height:100%;object-fit:cover;filter:none}
.team-copy{display:flex;flex-direction:column;justify-content:center}

.values-final{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;padding:48px!important}
.values-final h2{font-size:clamp(34px,4.15vw,58px)!important;line-height:.96!important;letter-spacing:-.06em!important;max-width:720px}
.values-final > div:first-child p:not(.section-label){font-size:18px;max-width:620px}
.values-list-final{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.values-list-final p{min-height:190px!important;padding:26px!important;display:flex;flex-direction:column;justify-content:center;font-size:17px!important}
.values-list-final strong{display:block;margin-bottom:10px;font-size:24px;letter-spacing:-.05em}

@media(max-width:900px){
  .burger{display:grid!important}
  .leistungen-hero-final .sub-hero-copy{font-size:18px}
  .team-story-grid,.values-final{grid-template-columns:1fr!important}
  .team-photo{min-height:520px}
  .ba-note{grid-template-columns:1fr!important;padding:28px!important;min-height:auto}
  .ba-note p{justify-self:start;max-width:100%}
  .values-list-final{grid-template-columns:1fr!important}
  .values-list-final p{min-height:auto!important}
}

@media(max-width:760px){
  .leistungen-hero-final .sub-hero-copy{font-size:16px;margin-top:18px}
  .sub-hero h1{font-size:clamp(48px,14.5vw,76px)!important}
  .projekte-hero-final .sub-hero-grid{padding-top:0}
  .team-photo{min-height:420px}
  .values-final{padding:28px!important}
  .values-final h2{font-size:clamp(34px,10vw,48px)!important}
  .ba-note strong{font-size:clamp(32px,10vw,44px)!important}
}


/* === ENDGUELTIGER FEINSCHLIFF: Layout stabil, Texte passen, Background wie Premium-Version === */
body{
  background:
    radial-gradient(circle at 70% 0%, rgba(255,255,255,.075), transparent 28%),
    radial-gradient(circle at 0% 42%, rgba(255,255,255,.055), transparent 25%),
    #050505;
}
.bg-orbit{
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:72px 72px;
}
.bg-orbit span{opacity:.72;border-color:rgba(255,255,255,.07)}
.cursor-glow{opacity:.46}

/* Headlines bleiben im vorhandenen Design, werden nur passend skaliert */
.intro-final .giant-copy{
  font-size:clamp(42px,5.05vw,76px)!important;
  line-height:.9!important;
  max-width:1120px!important;
}
.client-head-final h2{
  font-size:clamp(38px,4.6vw,70px)!important;
  line-height:.93!important;
  letter-spacing:-.065em!important;
}
.before-after .heading-row .kicker{
  font-size:clamp(40px,4.8vw,72px)!important;
  line-height:.92!important;
}
.single-line-center{
  font-size:clamp(30px,3.9vw,56px)!important;
  white-space:normal!important;
  text-wrap:balance;
}

/* Unterseiten: keine herauslaufenden Headlines */
.sub-hero h1{
  font-size:clamp(52px,7.1vw,102px)!important;
  line-height:.9!important;
  overflow-wrap:normal;
  max-width:980px;
}
.leistungen-hero-final h1{
  font-size:clamp(52px,6.6vw,92px)!important;
  max-width:940px!important;
}
.leistungen-hero-final .sub-hero-grid,
.contact-hero-final .sub-hero-grid{
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:18px!important;
}
.leistungen-hero-final .sub-hero-copy,
.contact-hero-final .sub-hero-copy{
  display:block;
  margin-top:22px!important;
  max-width:760px!important;
  font-size:20px!important;
  line-height:1.48!important;
  color:#d0d0d5!important;
}

.projekte-hero-final .sub-hero-grid{
  align-items:start!important;
}
.projekte-hero-final h1{
  font-size:clamp(52px,6.6vw,94px)!important;
  max-width:760px!important;
}
.projekte-hero-final .hero-side-card-final{
  margin-top:0!important;
  align-self:start!important;
}

/* Vorher / Nachher: Box mittig, keine Ueberlappung */
.ba-note{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(360px,.95fr)!important;
  align-items:center!important;
  gap:34px!important;
  min-height:210px!important;
  padding:42px 48px!important;
  margin-top:34px!important;
}
.ba-note strong{
  font-size:clamp(32px,3.25vw,48px)!important;
  line-height:.95!important;
  letter-spacing:-.065em!important;
  max-width:620px!important;
}
.ba-note p{
  position:relative!important;
  z-index:2!important;
  max-width:580px!important;
  justify-self:end!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.5!important;
}

/* Agentur: Story passt in Box, Bild bleibt gross und austauschbar */
.team-story-grid{
  grid-template-columns:minmax(380px,.9fr) minmax(0,1.42fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.team-photo{min-height:620px!important;background:#0b0b0d!important;padding:0!important;overflow:hidden!important}
.team-photo-inner,.team-photo-inner img{width:100%!important;height:100%!important;display:block!important}
.team-photo-inner img{object-fit:cover!important}
.team-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.team-copy .kicker{
  font-size:clamp(38px,4.45vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.064em!important;
  max-width:860px!important;
}
.values-final h2{
  font-size:clamp(34px,3.8vw,54px)!important;
  line-height:.95!important;
  max-width:700px!important;
}
.values-final{
  gap:30px!important;
}
.values-list-final p{
  min-height:180px!important;
}

/* Servicekarten: Bild und Text stabil */
.lux-card{grid-template-columns:320px minmax(0,1fr)!important}
.lux-content h3{
  font-size:clamp(30px,3.45vw,48px)!important;
  line-height:.96!important;
  overflow-wrap:normal!important;
}
.lux-content p{font-size:17px!important;line-height:1.45!important;max-width:600px!important}

/* Logo-/Referenzleisten ohne Luecken */
.client-slider{overflow:hidden!important}
.client-track.logos-only{width:max-content!important;min-width:max-content!important;display:flex!important;animation:clientMove 28s linear infinite!important}
@keyframes clientMove{to{transform:translateX(-50%)}}

/* Burger Icon bleibt Icon */
.burger{font-size:0!important}
.burger span{display:block!important}

@media(max-width:1120px){
  .team-story-grid{grid-template-columns:1fr!important}
  .team-photo{min-height:520px!important}
  .ba-note{grid-template-columns:1fr!important;gap:16px!important}
  .ba-note p{justify-self:start!important;max-width:100%!important}
  .lux-card{grid-template-columns:1fr!important}
  .lux-media{height:300px!important;min-height:300px!important}
}
@media(max-width:760px){
  .intro-final .giant-copy,
  .sub-hero h1,
  .projekte-hero-final h1,
  .leistungen-hero-final h1,
  .team-copy .kicker{
    font-size:clamp(38px,11.2vw,58px)!important;
    line-height:.94!important;
    white-space:normal!important;
  }
  .line{display:block!important}
  .desktop-nowrap{white-space:normal!important}
  .leistungen-hero-final .sub-hero-copy,
  .contact-hero-final .sub-hero-copy{font-size:16px!important;margin-top:16px!important}
  .ba-note{padding:28px!important;min-height:auto!important}
  .ba-note strong{font-size:clamp(30px,9.5vw,42px)!important}
  .team-photo{min-height:390px!important}
  .values-list-final p{min-height:auto!important}
  .single-line-center{text-align:left!important;font-size:clamp(32px,9vw,46px)!important}
}

/* === FINALER FEINSCHLIFF 2: aktive Navigation und Agentur-Texte sauber in Boxen === */
.navlinks a.active,
.mobile-menu a.active{
  opacity:1!important;
  color:#fff;
  position:relative;
}
.navlinks a.active:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.55);
}
.mobile-menu a.active{
  background:#000;
  color:#fff;
  border-radius:14px;
}

/* Agentur: Story-Headline bleibt zweizeilig, aber läuft nicht aus der Box */
.team-copy .kicker{
  font-size:clamp(34px,3.45vw,52px)!important;
  line-height:.95!important;
  letter-spacing:-.06em!important;
  max-width:100%!important;
}
.team-copy .kicker .desktop-nowrap{
  white-space:normal!important;
}
.team-copy p:not(.section-label){
  max-width:820px;
}

/* Agentur: Wertebereich darf sauber auf drei Zeilen umbrechen, statt abgeschnitten zu werden */
.values-final{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
}
.values-final h2{
  font-size:clamp(32px,3.35vw,48px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  max-width:620px!important;
  overflow:visible!important;
}
.values-final h2 .desktop-nowrap{
  white-space:normal!important;
}
.values-final .line{
  display:block!important;
}
.values-list-final p{
  min-height:180px!important;
}

@media(max-width:1120px){
  .values-final{grid-template-columns:1fr!important}
  .values-final h2{max-width:760px!important}
}
@media(max-width:760px){
  .team-copy .kicker,
  .values-final h2{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:.96!important;
  }
  .navlinks a.active:not(.nav-cta)::after{display:none}
}

/* =========================================================
   MOBILE FINAL OPTIMIERUNG 04.06
   Nur fuer Smartphone/kleine Tablets. Desktop bleibt unveraendert.
   Ziel: bessere Lesbarkeit, saubere Abstaende, kein Ueberlaufen.
   ========================================================= */
@media (max-width: 760px){
  html, body{max-width:100%;overflow-x:hidden;}
  body{font-size:16px;line-height:1.5;}
  .wrap{width:min(100% - 32px,var(--max))!important;}

  /* Navigation als echtes Burger-Menue */
  .topbar{padding:10px 12px!important;}
  .nav{min-height:58px!important;}
  .brand img{width:72px!important;height:auto!important;}
  .burger{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-content:center!important;gap:5px!important;background:#fff!important;color:#000!important;border:0!important;padding:0!important;}
  .burger span{width:20px!important;height:2px!important;background:#000!important;border-radius:999px!important;transition:.25s ease!important;}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
  .burger.open span:nth-child(2){opacity:0!important;}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}
  .mobile-menu{top:74px!important;left:14px!important;right:14px!important;padding:14px!important;border-radius:22px!important;}
  .mobile-menu a{font-size:16px!important;padding:13px 14px!important;border-radius:14px!important;text-decoration:none!important;}

  /* Globale mobile Typografie */
  .section{padding:64px 16px!important;}
  .section-label{font-size:11px!important;letter-spacing:.16em!important;margin-bottom:10px!important;}
  .kicker,
  .sub-hero h1,
  .hero-title,
  .giant-copy,
  .forced-two-lines,
  .single-line-center,
  .team-copy .kicker,
  .values-final h2{
    font-size:clamp(34px,10vw,50px)!important;
    line-height:.96!important;
    letter-spacing:-.065em!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .sub,
  .hero-lead,
  .intro-text p,
  .pin-copy p,
  .contact-copy p,
  .sub-hero p,
  .team-copy p:not(.section-label){font-size:16px!important;line-height:1.55!important;}
  .line,.desktop-nowrap{display:inline!important;white-space:normal!important;}
  .forced-two-lines .line{display:block!important;}

  /* Home Hero: auf Mobile ohne die drei schraeg gestapelten Bilder, damit der Einstieg sauber wirkt */
  .hero-epic{min-height:auto!important;padding:104px 16px 56px!important;align-items:start!important;}
  .hero-epic-inner{grid-template-columns:1fr!important;gap:26px!important;}
  .hero-bg-word{font-size:28vw!important;opacity:.035!important;}
  .hero-title{font-size:clamp(48px,16vw,76px)!important;line-height:.86!important;margin:18px 0 14px!important;}
  .hero-pill{font-size:12px!important;padding:8px 11px!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .hero-actions .btn{width:100%!important;min-height:54px!important;padding:14px 18px!important;}
  .hero-stats{grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important;}
  .hero-cinema{display:none!important;}
  .scroll-indicator{display:none!important;}

  /* Intro / Kunden / Leistungsbereiche */
  .intro-grid,
  .client-head-final,
  .services-pin-grid,
  .heading-row,
  .contact-mega,
  .footer-cta-final,
  .teaser-head{grid-template-columns:1fr!important;gap:18px!important;}
  .intro-final{padding-top:56px!important;padding-bottom:52px!important;}
  .intro-final .giant-copy{font-size:clamp(34px,9.6vw,46px)!important;line-height:1!important;}
  .intro-text{margin:0!important;}
  .client-wall{padding:56px 0!important;}
  .client-head-final h2{font-size:clamp(34px,9.2vw,46px)!important;line-height:1!important;}
  .client-head-final p{font-size:15.5px!important;line-height:1.55!important;}
  .client-track.logos-only img{width:150px!important;height:60px!important;padding:12px!important;border-radius:16px!important;}

  .pin-copy{padding:24px!important;border-radius:24px!important;}
  .pin-copy h2{font-size:clamp(34px,10vw,48px)!important;line-height:.98!important;}
  .lux-services{gap:14px!important;}
  .lux-card{grid-template-columns:1fr!important;border-radius:24px!important;min-height:auto!important;overflow:hidden!important;}
  .lux-media{height:220px!important;min-height:220px!important;}
  .lux-content{padding:22px!important;overflow:visible!important;}
  .lux-content h3{font-size:clamp(26px,8.6vw,38px)!important;line-height:1!important;letter-spacing:-.055em!important;}
  .lux-content p{font-size:15.5px!important;line-height:1.5!important;}
  .lux-content ul{gap:8px!important;}
  .lux-content li{font-size:12px!important;padding:8px 10px!important;}

  /* Referenzen / Vorher-Nachher */
  .ref-marquee{margin-inline:-16px!important;}
  .ref-track figure{width:78vw!important;height:255px!important;border-radius:22px!important;}
  .ba-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .compare{height:285px!important;}
  .ba-copy{padding:20px!important;}
  .ba-copy h3{font-size:23px!important;line-height:1.05!important;}
  .ba-note{grid-template-columns:1fr!important;padding:24px!important;border-radius:24px!important;gap:14px!important;margin-top:22px!important;}
  .ba-note strong{font-size:clamp(28px,9vw,40px)!important;line-height:1!important;}
  .ba-note p{font-size:15.5px!important;line-height:1.55!important;}

  /* Home Kacheln und Kontakt */
  .home-info-teasers{padding-top:52px!important;}
  .teaser-head{text-align:left!important;margin-bottom:20px!important;}
  .single-line-center{font-size:clamp(32px,9vw,42px)!important;line-height:1!important;text-align:left!important;}
  .teaser-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .teaser-card{min-height:auto!important;padding:22px!important;border-radius:22px!important;}
  .teaser-card h3{font-size:25px!important;margin:18px 0 8px!important;}

  .contact-mega{padding:24px!important;border-radius:26px!important;}
  .contact-copy h2{font-size:clamp(34px,10vw,48px)!important;line-height:.98!important;}
  .contact-icons{grid-template-columns:1fr!important;}
  .contact-item{padding:14px 15px!important;border-radius:16px!important;}
  .briefing-form{padding:0!important;background:transparent!important;box-shadow:none!important;}
  .form input,.form select,.form textarea{min-height:52px!important;padding:14px 15px!important;border-radius:15px!important;font-size:16px!important;}
  .form textarea{min-height:128px!important;}

  /* Footer CTA: Problemstelle 'Bereit fuer Werbung, die auffaellt?' */
  .footer-mega{padding-left:16px!important;padding-right:16px!important;}
  .footer-cta-final{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:34px 0 30px!important;text-align:left!important;overflow:visible!important;}
  .footer-cta-final h2{font-size:clamp(31px,9vw,42px)!important;line-height:1!important;letter-spacing:-.055em!important;max-width:100%!important;}
  .footer-cta-final .type-line{display:block!important;white-space:normal!important;animation:none!important;max-width:none!important;border-right:0!important;overflow:visible!important;}
  .footer-cta-final p:not(.section-label){font-size:15.5px!important;line-height:1.55!important;margin-top:10px!important;}
  .footer-cta-final .btn{width:100%!important;min-height:56px!important;white-space:normal!important;text-align:center!important;}
  .footer-main{grid-template-columns:1fr!important;gap:26px!important;padding:30px 0!important;}
  .footer-brand-block img{width:92px!important;}
  .footer-bottom{display:grid!important;gap:10px!important;font-size:14px!important;}

  /* Unterseiten allgemein */
  .sub-hero{padding:112px 16px 52px!important;}
  .sub-hero-grid{grid-template-columns:1fr!important;gap:20px!important;align-items:start!important;}
  .sub-hero h1{font-size:clamp(40px,11vw,56px)!important;line-height:.96!important;}
  .hero-side-card-final{padding:22px!important;border-radius:22px!important;}
  .case-grid-final{grid-template-columns:1fr!important;gap:14px!important;}
  .case-card{min-height:320px!important;border-radius:22px!important;}
  .case-card img{height:220px!important;}

  /* Agentur mobile */
  .team-story-grid,.values-final{grid-template-columns:1fr!important;gap:18px!important;}
  .team-photo{min-height:330px!important;border-radius:24px!important;}
  .team-copy{padding:24px!important;border-radius:24px!important;}
  .team-copy .kicker{font-size:clamp(31px,9vw,43px)!important;line-height:1!important;}
  .values-final{padding:24px!important;border-radius:26px!important;}
  .values-final h2{font-size:clamp(31px,9vw,42px)!important;line-height:1!important;}
  .values-list-final{grid-template-columns:1fr!important;gap:12px!important;}
  .values-list-final p{min-height:auto!important;padding:20px!important;}

  /* FAQ und Danke-Seite */
  .faq-shell{grid-template-columns:1fr!important;gap:20px!important;}
  .faq-list summary{font-size:18px!important;line-height:1.2!important;padding:18px!important;}
  .faq-list p{font-size:15.5px!important;line-height:1.55!important;}
  .thank-you-card{padding:26px!important;border-radius:26px!important;}
  .thank-you-card h1{font-size:clamp(34px,10vw,48px)!important;line-height:1!important;}
}

@media (max-width: 390px){
  .wrap{width:min(100% - 24px,var(--max))!important;}
  .hero-title{font-size:clamp(44px,15vw,64px)!important;}
  .kicker,.sub-hero h1,.giant-copy,.forced-two-lines,.single-line-center{font-size:clamp(30px,9.5vw,40px)!important;}
  .btn{font-size:13px!important;letter-spacing:.02em!important;}
}