:root{--blue:#004b9b;--blue2:#0070e8;--red:#e30613;--black:#07111f;--text:#111827;--muted:#657085;--line:rgba(10,30,60,.14);--glass:rgba(255,255,255,.64);--radius:30px;--shadow:0 24px 80px rgba(0,35,92,.18);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 38px));margin:auto}.section{padding:118px 0;position:relative}.section-dark{background:linear-gradient(135deg,#06162f,#083f86 52%,#07111f);color:white;position:relative;overflow:hidden}.bg-orb{position:fixed;border-radius:999px;filter:blur(70px);opacity:.22;z-index:-1}.orb-red{width:360px;height:360px;background:var(--red);top:20vh;right:-160px}.orb-blue{width:460px;height:460px;background:var(--blue2);bottom:0;left:-200px}.site-header{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 24px));height:70px;padding:8px 12px 8px 18px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 18px 60px rgba(4,18,48,.13);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:.35s}.site-header.scrolled{height:62px;background:rgba(255,255,255,.74);box-shadow:0 16px 50px rgba(0,33,75,.18)}.brand img{width:112px;max-height:48px;object-fit:contain}.main-nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:650}.main-nav a{opacity:.82}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.lang,.menu{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;height:40px;padding:0 14px;font-weight:800}.menu{display:none}.socials{display:flex;gap:8px;align-items:center}.socials a{display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.38);font-weight:900}.socials.compact a{width:34px;height:34px;font-size:11px}.socials.large{flex-wrap:wrap}.socials.large a{width:58px;height:58px;font-size:15px}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:150px 0 90px}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(0,75,155,.2),rgba(0,0,0,.78) 68%),linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.8))}.hero-content{position:relative;width:min(980px,calc(100% - 34px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:12px;margin:0 0 18px;color:#fff}.eyebrow.blue{color:var(--blue)}.eyebrow.red{color:var(--red)}h1,h2,h3{letter-spacing:-.055em;margin:0;line-height:.94}h1{font-size:clamp(54px,9vw,124px)}h2{font-size:clamp(42px,6vw,82px)}h3{font-size:28px}.lead,.sub{font-size:clamp(18px,2vw,24px);line-height:1.45;color:rgba(255,255,255,.86);max-width:780px;margin:24px auto}.sub{color:var(--muted)}.hero-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px 0}.hero-stats span,.glass-card{border:1px solid rgba(255,255,255,.48);background:var(--glass);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);box-shadow:var(--shadow)}.hero-stats span{border-radius:24px;padding:18px 26px;color:#fff;background:rgba(255,255,255,.15)}.hero-stats b{font-size:30px}.hero-stats small{display:block;opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 24px;font-weight:900;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--red),#ff4d57);color:white;box-shadow:0 16px 50px rgba(227,6,19,.28)}.secondary{background:#fff;color:var(--blue);border:1px solid var(--line)}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.reverse{grid-template-columns:1fr 1fr}.intro .glass-card,.insta-card{border-radius:var(--radius);padding:38px;font-size:22px;line-height:1.48}.center{text-align:center;margin:0 auto 46px;max-width:860px}.app-store{display:inline-flex;align-items:center;gap:12px;background:#0b0f16;color:white;border-radius:18px;padding:10px 20px;margin-top:8px;text-align:left;box-shadow:0 18px 60px rgba(0,0,0,.18);opacity:.92}.app-store span{font-size:30px}.app-store small{display:block;font-size:11px}.app-store b{font-size:22px}.phone-row{display:flex;gap:18px;justify-content:center;align-items:flex-end;perspective:1000px}.phone-row img{width:min(180px,18vw);border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.2);border:6px solid #111}.phone-row img:nth-child(odd){transform:translateY(30px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head p:last-child{max-width:460px;color:var(--muted);line-height:1.55}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.team-card{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,42,92,.1);transition:.35s}.team-card:hover{transform:translateY(-8px)}.team-card img{height:260px;width:100%;object-fit:cover;background:#eef4ff}.team-card .content{padding:18px}.team-card h3{font-size:24px}.team-card p{margin:8px 0;color:var(--muted);line-height:1.45;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chips span{font-size:11px;padding:6px 9px;border-radius:999px;background:#f1f6ff;color:var(--blue);font-weight:800}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.format-card{min-height:310px;border-radius:30px;overflow:hidden;position:relative;color:white;display:flex;align-items:end;padding:24px;background:#123}.format-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78));z-index:1}.format-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.format-card div{position:relative;z-index:2}.format-card p{color:rgba(255,255,255,.82);line-height:1.45}.insta-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.insta-card img{border-radius:22px}.work{padding:130px 0}.work-wrap{display:grid;grid-template-columns:minmax(0,900px);gap:54px;align-items:center;justify-content:center;text-align:center}.work p{font-size:21px;line-height:1.5;color:rgba(255,255,255,.82)}.reference-cloud{display:flex;flex-wrap:wrap;gap:12px}.reference-cloud span{padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);font-weight:850}.contact-lines{font-size:22px;line-height:1.7}.contact-lines a{font-weight:850;color:var(--blue)}.contact-form{border-radius:30px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.76);font:inherit}.wide{grid-column:1/-1}.check{grid-template-columns:auto 1fr!important;align-items:center;font-size:13px;color:var(--muted)}.check input{width:auto}.hp{position:absolute!important;left:-9999px}.footer{padding:46px 0;border-top:1px solid var(--line);background:#f8fbff}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer img{width:120px}.footer a{margin-right:18px;font-weight:750;color:var(--blue)}.legal{padding-top:130px}.legal .container{max-width:960px}.legal h1{font-size:clamp(42px,6vw,74px);color:var(--black)}.legal h2{font-size:32px;margin-top:42px}.legal p,.legal li{line-height:1.7;color:#334155}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}@media(max-width:980px){.main-nav{display:none;position:absolute;left:0;right:0;top:78px;padding:18px;border-radius:26px;background:rgba(255,255,255,.93);box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.menu{display:block}.socials.compact{display:none}.split,.split.reverse,.work-wrap{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.phone-row{overflow-x:auto;justify-content:flex-start;padding:20px 0}.phone-row img{min-width:170px}.contact-form{grid-template-columns:1fr}.hero{min-height:92vh}.site-header{top:10px}.brand img{width:96px}}@media(max-width:620px){.section{padding:82px 0}h1{font-size:52px}.team-grid,.format-grid{grid-template-columns:1fr}.insta-card{grid-template-columns:1fr}.hero-stats span{width:100%}.site-header{height:60px}.lang,.menu{height:36px;padding:0 11px}.phone-row img{min-width:150px}.footer .container{display:block}.footer a{display:block;margin:12px 0}}

/* Updates: social logos, language flags, stronger Liquid Glass and more motion */
.site-header{background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.12));border-color:rgba(255,255,255,.55);box-shadow:0 22px 70px rgba(0,35,92,.16),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.22);backdrop-filter:blur(34px) saturate(210%);-webkit-backdrop-filter:blur(34px) saturate(210%)}
.site-header:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.58),rgba(255,255,255,.06) 38%,rgba(0,112,232,.10) 68%,rgba(255,255,255,.24));pointer-events:none;opacity:.85}.site-header>*{position:relative;z-index:1}.site-header.scrolled{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.18));transform:translateX(-50%) scale(.985)}
.hero-content{padding:34px;border-radius:44px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.38);box-shadow:0 30px 100px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.hero-content:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 25% 0%,rgba(255,255,255,.34),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.1),transparent 45%);pointer-events:none}.hero-content>*{position:relative}.hero h1{text-shadow:0 18px 55px rgba(0,0,0,.55);filter:drop-shadow(0 1px 0 rgba(255,255,255,.14))}.hero-video{transform:scale(calc(1.03 + var(--scroll,0)*.06));transition:transform .2s linear}.scroll-hint{animation:floatHint 2.4s ease-in-out infinite}@keyframes floatHint{0%,100%{transform:translate(-50%,0);opacity:.42}50%{transform:translate(-50%,-9px);opacity:.85}}
.lang-switch{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.flag{width:38px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;font-size:18px;cursor:pointer;filter:saturate(.7);opacity:.62;transition:.25s}.flag.active{background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(0,35,92,.12);filter:saturate(1.1);opacity:1}.flag:hover{opacity:1;transform:translateY(-1px)}
.socials a svg{width:18px;height:18px}.socials a span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.socials a{color:#07111f;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.socials a:hover{transform:translateY(-3px) scale(1.04);background:rgba(255,255,255,.88);color:var(--blue);box-shadow:0 12px 28px rgba(0,35,92,.13)}.socials.large a svg{width:25px;height:25px}.socials.compact a{font-size:0}.socials.large a{font-size:0}
.format-grid{grid-template-columns:repeat(7, minmax(150px,1fr));align-items:stretch}.format-card.video-card{min-height:430px;padding:0;border-radius:34px;box-shadow:0 28px 80px rgba(0,42,92,.14);border:1px solid rgba(255,255,255,.6);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease,box-shadow .35s ease;transition-delay:var(--d,0s)}.format-card.video-card:hover{box-shadow:0 34px 95px rgba(0,42,92,.24);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px)}.format-card.video-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .8s ease}.format-card.video-card:hover video{transform:scale(1.11)}.format-card.video-card:before{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 35%,rgba(0,0,0,.8));}.format-title{position:absolute;inset:auto 0 0 0;z-index:2;padding:24px;display:block}.format-title span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px);font-weight:900;margin-bottom:12px}.format-title h3{font-size:clamp(22px,2.4vw,34px);text-shadow:0 10px 28px rgba(0,0,0,.45)}
.reveal{transform:translateY(38px) scale(.985);filter:blur(7px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease}.reveal.show{filter:blur(0)}.team-card,.glass-card,.insta-card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}.team-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px)}.phone-row img{animation:phoneFloat 5s ease-in-out infinite}.phone-row img:nth-child(2){animation-delay:.45s}.phone-row img:nth-child(3){animation-delay:.9s}.phone-row img:nth-child(4){animation-delay:1.35s}.phone-row img:nth-child(5){animation-delay:1.8s}@keyframes phoneFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:1180px){.format-grid{grid-template-columns:repeat(4,1fr)}.format-card.video-card{min-height:360px}}@media(max-width:980px){.lang-switch{margin-left:auto}.format-grid{grid-template-columns:repeat(2,1fr)}.hero-content{padding:26px;border-radius:34px}}@media(max-width:620px){.format-grid{grid-template-columns:1fr}.format-card.video-card{min-height:480px}.flag{width:34px;height:31px}.hero-content{width:min(100% - 24px,980px);padding:22px}.site-header{padding-left:12px}.brand img{width:86px}.main-nav{top:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-video{transform:none!important}}

/* V3: format videos without overlay text/numbers, full visible video, sound switchable via controls */
.format-grid{grid-template-columns:repeat(5,minmax(170px,1fr));gap:18px}.format-card.video-card{background:#050914;border-radius:30px;overflow:hidden;aspect-ratio:9/16;min-height:0;padding:0;display:block}.format-card.video-card:before,.format-title{display:none!important}.format-card.video-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transform:none!important;background:#050914}.format-card.video-card:hover video{transform:none!important}.format-card.video-card video::-webkit-media-controls-panel{background-image:linear-gradient(transparent,rgba(0,0,0,.65))}@media(max-width:1180px){.format-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}}@media(max-width:980px){.format-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.format-grid{grid-template-columns:1fr}.format-card.video-card{min-height:0}}

/* V4: robuste Format-Videos sichtbar + mit Poster-Fallback */
.format-grid{display:grid!important;grid-template-columns:repeat(5,minmax(170px,1fr))!important;gap:18px!important;align-items:stretch!important}
.format-card.video-card{position:relative!important;display:block!important;overflow:hidden!important;padding:0!important;background:#050914!important;border-radius:30px!important;aspect-ratio:9/16!important;min-height:auto!important;box-shadow:0 28px 80px rgba(0,42,92,.14)!important;border:1px solid rgba(0,75,155,.12)!important;color:transparent!important}
.format-card.video-card:before,.format-card.video-card:after,.format-card.video-card .format-title,.format-card.video-card div,.format-card.video-card p,.format-card.video-card h3,.format-card.video-card span{display:none!important}
.format-card.video-card video,.format-card.video-card .format-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;visibility:visible!important;opacity:1!important;object-fit:contain!important;background:#050914!important;transform:none!important;z-index:3!important}
.format-card.video-card:hover video{transform:none!important}
@media(max-width:1180px){.format-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important}}
@media(max-width:980px){.format-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.format-grid{grid-template-columns:1fr!important}.format-card.video-card{aspect-ratio:9/16!important}}

/* V5: Video-Sektion komplett statisch und robust sichtbar */
#formatGrid.format-grid{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:18px!important;align-items:start!important}
#formatGrid .format-card.video-card{display:block!important;position:relative!important;aspect-ratio:9/16!important;min-height:0!important;height:auto!important;padding:0!important;overflow:hidden!important;background:#050914!important;border-radius:30px!important;color:transparent!important;box-shadow:0 24px 70px rgba(0,42,92,.16)!important;border:1px solid rgba(0,75,155,.12)!important}
#formatGrid .format-card.video-card::before,#formatGrid .format-card.video-card::after{content:none!important;display:none!important}
#formatGrid .format-card.video-card video.format-video{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;z-index:1!important;background:#050914!important;transform:none!important}
#formatGrid .format-card.video-card:hover video.format-video{transform:none!important}
@media(max-width:1180px){#formatGrid.format-grid{grid-template-columns:repeat(5,minmax(120px,1fr))!important}}
@media(max-width:980px){#formatGrid.format-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){#formatGrid.format-grid{grid-template-columns:1fr!important}}