:root{--ink:#10253b;--blue:#315f91;--coral:#f1765b;--paper:#f8f7f3;--line:#d9dde0;--muted:#5f6d78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(16,37,59,.13);position:absolute;z-index:5;width:100%}.brand{font-weight:800;letter-spacing:.13em;font-size:15px}.brand span{font-weight:400;letter-spacing:.04em}.nav nav{display:flex;gap:30px;align-items:center;font-size:14px}.pill{border:1px solid var(--ink);padding:11px 18px;border-radius:50px}.menu{display:none}.hero{min-height:780px;position:relative;padding:180px 5vw 70px;display:grid;grid-template-columns:48% 52%;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:700}.eyebrow{color:var(--blue);margin-bottom:34px}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,6.5vw,100px);line-height:.93;letter-spacing:-.05em;margin:0;font-weight:400}.hero h1 em,.statement em{color:var(--blue);font-weight:400}.lead{font-size:18px;line-height:1.65;max-width:610px;color:var(--muted);margin:36px 0}.actions{display:flex;align-items:center;gap:28px}.button{background:var(--ink);color:white;border-radius:4px;padding:17px 22px;display:inline-flex;gap:42px}.textlink{font-size:14px}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 5%,rgba(248,247,243,.97) 28%,rgba(248,247,243,.2) 58%),url('hero.png') center/cover no-repeat}.hero-foot{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid rgba(16,37,59,.18);padding-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.intro,.ai{padding:120px 7vw;display:grid;grid-template-columns:16% 38% 46%;border-top:1px solid var(--line)}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5vw,72px);line-height:1.04;letter-spacing:-.04em;margin:0}.copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.copy p:first-child{font-size:22px;color:var(--ink);margin-top:0}.expertise,.approach{padding:120px 7vw;background:#eef2f3}.section-head{display:grid;grid-template-columns:27% 73%;align-items:start;margin-bottom:70px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#cfd6d9;border:1px solid #cfd6d9}.cards article{background:#f7f8f7;padding:38px;min-height:350px;position:relative}.cards b{font-size:11px;letter-spacing:.15em;color:var(--muted)}.cards .icon{font-size:30px;color:var(--coral);position:absolute;right:38px;top:32px}.cards h3,.approach h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:85px 0 18px}.cards p{color:var(--muted);line-height:1.6;max-width:480px}.cards article>span{position:absolute;bottom:34px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.statement{background:var(--ink);color:white;padding:135px 8vw;text-align:center}.statement p{font-family:Georgia,serif;font-size:clamp(38px,5vw,72px);line-height:1.2;margin:0}.approach{background:var(--paper)}.approach ol{list-style:none;margin:0 0 0 27%;padding:0;border-top:1px solid var(--line)}.approach li{display:grid;grid-template-columns:15% 85%;border-bottom:1px solid var(--line);padding:27px 0}.approach li>span{font-size:12px;color:var(--coral)}.approach h3{margin:0 0 6px;font-size:27px}.approach p{margin:0;color:var(--muted)}.ai{grid-template-columns:50% 50%;background:#e8eef2}.ai>div:last-child{padding-top:25px}.ai>div:last-child>p{font-size:21px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.tags span{background:white;border-radius:30px;padding:11px 16px;font-size:12px}.contact{padding:130px 7vw}.contact h2{margin:28px 0}.contact p{color:var(--muted)}.contact>a{font-family:Georgia,serif;font-size:clamp(22px,3vw,42px);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:22px 0;margin-top:50px}footer{background:var(--ink);color:white;padding:55px 7vw;display:grid;grid-template-columns:2fr 2fr 1fr;gap:35px;align-items:start;font-size:13px}footer p{margin:0;line-height:1.6;color:#aebac5}footer nav{display:flex;flex-direction:column;gap:10px}footer small{grid-column:1/-1;color:#82909c;border-top:1px solid #314559;padding-top:25px}.legal{max-width:860px;margin:auto;padding:150px 6vw 100px}.legal h1{font-family:Georgia,serif;font-size:60px;font-weight:400}.legal h2{font-family:inherit;font-size:22px;font-weight:700;margin-top:45px}.legal p,.legal li{line-height:1.7;color:var(--muted)}.notice{border-left:3px solid var(--coral);padding:16px 20px;background:#fff0ec}
@media(max-width:760px){.nav{height:70px;position:fixed;background:rgba(248,247,243,.93);backdrop-filter:blur(12px)}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px 5vw;flex-direction:column;align-items:flex-start}.nav.open nav{display:flex}.menu{display:block;border:0;background:none;color:var(--ink)}.hero{min-height:750px;padding:130px 5vw 80px;display:block}.hero-art{opacity:.45;background:linear-gradient(180deg,var(--paper) 10%,rgba(248,247,243,.76) 58%,var(--paper) 92%),url('hero.png') 65% center/cover no-repeat}.hero h1{font-size:54px}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.intro,.ai{padding:80px 6vw;display:block}.intro h2,.ai h2{margin:25px 0 40px}.copy,.copy p:first-child{font-size:17px}.expertise,.approach{padding:80px 6vw}.section-head{display:block}.section-head h2{margin-top:24px}.cards{grid-template-columns:1fr}.cards article{min-height:320px;padding:28px}.cards h3{margin-top:70px}.cards article>span{bottom:27px}.statement{padding:90px 6vw}.approach ol{margin-left:0}.approach li{grid-template-columns:18% 82%}.contact{padding:90px 6vw}.contact>a{font-size:20px;gap:20px}footer{grid-template-columns:1fr}.legal{padding-top:110px}.legal h1{font-size:45px}}
.campaigns{padding:120px 7vw;background:var(--paper)}.campaign-layout{display:grid;grid-template-columns:48% 52%;gap:7vw}.campaign-types{border-top:1px solid var(--line)}.campaign-types article{display:grid;grid-template-columns:46px 1fr;border-bottom:1px solid var(--line);padding:24px 0}.campaign-types span{font-size:11px;color:var(--coral)}.campaign-types h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0 0 8px}.campaign-types p{grid-column:2;margin:0;color:var(--muted);line-height:1.55}.campaign-copy{max-width:580px}.campaign-copy p{color:var(--muted);font-size:17px;line-height:1.7}.campaign-copy .large{font-family:Georgia,serif;font-size:27px;line-height:1.4;color:var(--ink);margin-top:0}.insight{padding:120px 7vw;background:#e8eef2;display:grid;grid-template-columns:48% 52%;gap:7vw}.insight h2{margin-top:25px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.insight-grid p{margin:0;color:var(--muted);line-height:1.7}.insight blockquote{grid-column:1/-1;margin:18px 0 0;padding:28px 0 0;border-top:1px solid #bdc9cf;font-family:Georgia,serif;font-size:28px;line-height:1.35;color:var(--blue)}
@media(max-width:760px){.campaigns,.insight{padding:80px 6vw}.campaign-layout,.insight{display:block}.campaign-types{margin-bottom:42px}.campaign-copy .large{font-size:24px}.insight h2{margin:25px 0 42px}.insight-grid{grid-template-columns:1fr}.insight blockquote{font-size:24px}}
.hero-art{background:url('hero.png') center/cover no-repeat;overflow:hidden}.hero-art video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(248,247,243,.98) 24%,rgba(248,247,243,.86) 38%,rgba(248,247,243,.36) 57%,rgba(248,247,243,.04) 78%)}
@media(max-width:760px){.hero-art{opacity:1}.hero-art video{object-position:64% center}.hero-art::after{background:linear-gradient(180deg,rgba(248,247,243,.96) 0%,rgba(248,247,243,.90) 54%,rgba(248,247,243,.58) 76%,rgba(248,247,243,.82) 100%),linear-gradient(90deg,rgba(248,247,243,.90),rgba(248,247,243,.16))}}
@media(prefers-reduced-motion:reduce){.hero-art video{display:none}}
.hero .hero-art{position:absolute!important;inset:0!important;overflow:hidden!important;background:url('hero.png') center/cover no-repeat}.hero .hero-art video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important}.hero .hero-art::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(248,247,243,.98) 24%,rgba(248,247,243,.86) 38%,rgba(248,247,243,.36) 57%,rgba(248,247,243,.04) 78%)}
@media(max-width:760px){.hero .hero-art video{object-position:64% center!important}.hero .hero-art::after{background:linear-gradient(180deg,rgba(248,247,243,.96) 0%,rgba(248,247,243,.90) 54%,rgba(248,247,243,.58) 76%,rgba(248,247,243,.82) 100%),linear-gradient(90deg,rgba(248,247,243,.90),rgba(248,247,243,.16))}}
@media(prefers-reduced-motion:reduce){.hero .hero-art video{display:none!important}}
.card-link{display:inline-block;margin-top:14px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.subhero{min-height:680px;padding:170px 7vw 100px;position:relative;display:flex;align-items:center;overflow:hidden}.subhero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 4%,rgba(248,247,243,.98) 38%,rgba(248,247,243,.30) 68%),url('hero.png') center/cover no-repeat}.subhero-copy{position:relative;z-index:1;max-width:820px}.subhero h1{font-family:Georgia,serif;font-size:clamp(52px,6vw,92px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:0}.subhero h1 em{color:var(--blue);font-weight:400}.service-intro{padding:120px 7vw;display:grid;grid-template-columns:20% 38% 42%;border-top:1px solid var(--line)}.service-intro>div{padding-left:30px;color:var(--muted);font-size:17px;line-height:1.7}.service-intro .large{font-family:Georgia,serif;color:var(--ink);font-size:25px;line-height:1.4;margin-top:0}.service-list{padding:120px 7vw;background:#eef2f3}.political-principles{padding:120px 7vw;background:var(--ink);color:white;display:grid;grid-template-columns:50% 50%;gap:7vw}.political-principles h2{margin-top:25px}.political-principles>div:last-child{font-size:19px;line-height:1.7;color:#c2cdd5;padding-top:30px}.political-principles blockquote{margin:35px 0 0;padding-top:28px;border-top:1px solid #415468;font-family:Georgia,serif;color:#7fa7cf;font-size:27px;line-height:1.4}.error-page{min-height:100vh;padding:180px 7vw 100px}.error-page h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,7vw,96px);line-height:1;margin:30px 0}.error-page p:not(.kicker){color:var(--muted);margin-bottom:40px}
@media(max-width:760px){.subhero{min-height:720px;padding:135px 6vw 80px}.subhero::before{background:linear-gradient(180deg,rgba(248,247,243,.98) 5%,rgba(248,247,243,.90) 62%,rgba(248,247,243,.60) 100%),url('hero.png') 64% center/cover no-repeat}.subhero h1{font-size:52px}.service-intro,.political-principles{padding:80px 6vw;display:block}.service-intro h2,.political-principles h2{margin:25px 0 40px}.service-intro>div{padding-left:0}.service-list{padding:80px 6vw}.political-principles>div:last-child{padding-top:0}}

/* Version 9: full-width, uncropped hero video on smartphones only. */
@media(max-width:760px){
  .hero{min-height:0;padding:70px 0 0;display:flex;flex-direction:column;overflow:visible}
  .hero .hero-art{position:relative!important;inset:auto!important;order:1;width:100%;height:auto;aspect-ratio:16/9;background-color:#10253b;background-position:center;background-size:cover}
  .hero .hero-art video{object-fit:contain!important;object-position:center!important}
  .hero .hero-art::after{display:none}
  .hero-copy{order:2;padding:46px 5vw 34px;background:var(--paper)}
  .hero h1{font-size:clamp(43px,13.5vw,54px)}
  .hero-foot{position:relative;order:3;bottom:auto;left:auto;right:auto;margin:0 5vw 28px}
}

/* Version 10: consistent card spacing on smartphones and aligned campaign links. */
.campaign-types .card-link{grid-column:2}
@media(max-width:760px){
  .cards article>p{margin-bottom:0}
  .cards article>span{position:static;display:block;margin-top:28px}
}

/* Version 20: Videoheader für Recruitment- und Imagekampagnen. */
.subhero.service-video-hero{isolation:isolate;background:var(--paper)}
.service-video-hero .service-hero-media{position:absolute;inset:0}
.service-video-hero .service-hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;visibility:hidden}
.service-video-hero .service-hero-video.is-ready{visibility:visible}
.subhero.service-video-hero::before{z-index:1;background:linear-gradient(90deg,var(--paper) 0%,rgba(248,247,243,.98) 25%,rgba(248,247,243,.88) 43%,rgba(248,247,243,.35) 66%,rgba(248,247,243,.04) 84%)}
.service-video-hero .subhero-copy{z-index:2}
@media(max-width:760px){
  .subhero.service-video-hero{min-height:0;padding:70px 0 0;display:flex;flex-direction:column;align-items:stretch;overflow:visible}
  .subhero.service-video-hero::before{display:none}
  .service-video-hero .service-hero-media{position:relative;inset:auto;order:1;flex:none;width:100%;height:auto;aspect-ratio:16/9;background:#10253b}
  .service-video-hero .service-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
  .service-video-hero .subhero-copy{order:2;max-width:none;padding:46px 6vw 70px;background:var(--paper)}
}
@media(prefers-reduced-motion:reduce){.service-video-hero .service-hero-video{display:none}}

/* Dezenter KI-Hinweis zu Beginn der Header-Videos. */
.ai-video-label{position:absolute;z-index:3;right:11px;bottom:9px;padding:3px 6px;border-radius:2px;background:transparent;color:rgba(255,255,255,.96);font-size:9px;line-height:1.25;letter-spacing:.025em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.72);opacity:0;pointer-events:none}
.ai-video-label.is-active{animation:ai-video-label-intro 4s ease both}
@keyframes ai-video-label-intro{0%{opacity:0;transform:translateY(2px)}12%{opacity:.82;transform:translateY(0)}78%{opacity:.82}100%{opacity:0}}
@media(max-width:760px){.ai-video-label{right:7px;bottom:6px;padding:2px 5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.ai-video-label{display:none}}

/* Mobile: service headings and cards follow the exact available video width. */
.mobile-term{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .desktop-term{display:none}
  .mobile-term{display:inline}
  .service-video-hero,.service-video-hero .service-hero-media,.service-video-hero .subhero-copy,
  .service-list,.service-list .section-head,.service-list .cards,.service-list .cards article{width:100%;max-width:100%;min-width:0}
  .service-video-hero h1{max-width:100%;font-size:clamp(42px,13vw,52px);overflow-wrap:anywhere;hyphens:auto}
  .service-list .cards{grid-template-columns:minmax(0,1fr)}
  .service-list .cards article{overflow:hidden}
  .service-list .cards h3{max-width:100%;font-size:clamp(26px,8vw,32px);line-height:1.08;overflow-wrap:anywhere;hyphens:auto}
  .service-list .cards p,.service-list .cards article>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}