@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
html{scroll-behavior:auto;scroll-padding-top:100px}body,input,button,textarea,select{font-family:Inter,'Segoe UI',sans-serif}body{overflow-x:clip}*,*::before,*::after{box-sizing:border-box}img,video{max-width:100%}h1,h2,h3,p,li,a{overflow-wrap:break-word}main [id]{scroll-margin-top:100px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #00bfd7;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait}main:focus{outline:none}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-100px;background:white;color:#003b44;padding:12px 18px;z-index:9999}.skip-link:focus{top:12px}.site-header{transform:none!important;transition:none!important}.header-shell{position:relative}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:18px;background:#fff!important;border:1px solid #c3dddd;max-height:calc(100dvh - 90px);overflow-y:auto;box-shadow:0 14px 40px #0007}.mobile-nav a{display:block;color:#16363b!important;padding:12px;text-decoration:none;min-height:44px}.mobile-nav a[aria-current]{background:#e0f3f5;border-radius:8px}.desktop-nav a[aria-current]{color:#16bdce}
.hero--complete{background:#050909!important;min-height:0!important;padding:140px 0 72px!important;overflow:visible!important}.hero--complete::before,.hero--complete::after,.hero--complete .hero__photo,.hero--complete .star-field{display:none!important}.hero--complete .hero-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:0!important;padding-top:0!important;padding-bottom:0!important}.hero--complete .hero__copy,.hero--complete .page-hero__copy,.hero--complete .not-found__copy{max-width:none!important;width:auto!important;min-width:0}.hero--complete h1{font-size:clamp(2.05rem,3.7vw,3.8rem)!important;line-height:1.12!important;letter-spacing:-.045em}.hero--complete p{max-width:62ch}.hero-media{margin:0;position:relative;min-width:0;width:100%;align-self:center;border:1px solid #195058;border-radius:22px;overflow:hidden;background:#051014;box-shadow:0 20px 80px #007ea113}.hero-media img,.hero-media video{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto;transform:none!important;position:static!important}.hero-media video{aspect-ratio:848/478}.media-toggle{display:block;margin:10px 12px 12px auto;border:1px solid #38727a;border-radius:999px;background:#0a292e;color:#fff;padding:8px 14px;font:500 .75rem Inter,sans-serif;min-height:36px}.media-toggle:hover{background:#14505a}.hero--complete .hero__actions,.not-found__actions{flex-wrap:wrap}.page-hero:not(.hero--complete),.legal-hero{min-height:0!important;padding-top:140px!important;padding-bottom:72px!important}.page-hero:not(.hero--complete) .page-hero__inner{min-height:0!important}.star-field,.star-field__stream{animation:none!important;pointer-events:none}.team-card img{object-fit:contain!important;object-position:center!important;background:#eaf0f1;aspect-ratio:3/4;height:auto!important}.service-card,.price-card,.team-card,.value-card{transform:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.price-card{display:flex;flex-direction:column;height:100%}.price-card__cta{margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#006c7d!important;display:block}.price-card ul{margin-bottom:22px}.price-card__minimum{font-weight:600!important}.pricing-clarity{margin-top:32px;margin-bottom:40px;color:#c2d4d5;line-height:1.8}.form-status{min-height:1.5em;margin-top:16px}.form-status[data-state=error],.domain-error,.calculator-error{color:#aa2434!important}.form-status[data-state=success]{color:#006453!important}.contact-form .honeypot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.domain-results:empty{display:none}.domain-results article{min-width:0;overflow-wrap:anywhere}.domain-results pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.tool-feedback{border-top:1px solid #93bec5;margin-top:20px;padding-top:16px}.tool-feedback p{margin:8px 0 16px!important}.tool-next{border:1px solid #007ea1;background:#e2f5f6;border-radius:8px;padding:10px 16px;color:#00444e!important;font:600 14px Inter,sans-serif;min-height:44px}.quiz-choices button,.password-choices button{min-height:48px}.quiz-choices button.is-correct,.password-choices button.is-correct{border:2px solid #00775f!important;background:#dcf6ec!important}.quiz-choices button.is-wrong,.password-choices button.is-wrong{border:2px solid #a32938!important;background:#ffe9ec!important}.quiz-choices button:disabled,.password-choices button:disabled{cursor:default;opacity:1}.tool-disclaimer{display:block;line-height:1.65;margin:14px 0}.calculator-result [data-total]{font-variant-numeric:tabular-nums}.site-intro{display:none;position:fixed;inset:0;z-index:110;background:#050909;place-items:center;pointer-events:none}.site-intro.is-playing{display:grid;animation:intro-out 1.4s ease both}.site-intro img{width:min(280px,65vw);height:auto}@keyframes intro-out{0%{opacity:1}35%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(min-width:821px){.mobile-nav{display:none!important}.hero--complete .hero__copy{padding:0!important}.hero--complete .page-hero__copy{padding:0!important}}
@media(max-width:820px){.hero--complete{padding-top:108px!important;padding-bottom:48px!important}.hero--complete .hero-layout{grid-template-columns:minmax(0,1fr)!important;gap:28px}.hero--complete h1{font-size:clamp(2rem,7.5vw,3.2rem)!important}.hero-media{max-width:680px;margin-inline:auto;border-radius:16px}.hero--complete .hero__copy,.hero--complete .page-hero__copy{padding:0!important}.page-hero:not(.hero--complete),.legal-hero{padding-top:110px!important;padding-bottom:48px!important}.page-shell{width:calc(100% - 32px)!important;max-width:1120px}.mobile-nav{top:calc(100% + 6px)!important;left:0!important;right:0!important;width:auto!important}.tool-fields,.field-row{grid-template-columns:minmax(0,1fr)!important}.pricing-grid,.outcome-grid,.tools-grid{min-width:0}.price-card{padding:24px!important}.domain-form>div{flex-wrap:wrap}.domain-form input{min-width:0;width:100%}.domain-form button{min-height:44px}.quiz-choices,.password-choices{grid-template-columns:1fr!important}.header-shell{width:calc(100vw - 32px)!important}.hero__actions{gap:16px}.spectral-button{max-width:100%;white-space:normal}.hero__copy h1 br{display:none}}


.site-header .brand--original:not(.brand--inverse){
  display:grid;
  justify-items:center;
  width:172px;
  flex:0 0 auto;
  padding:2px 4px 5px!important;
}
.site-header .brand--original:not(.brand--inverse) img{
  width:156px!important;
  height:auto!important;
  margin-bottom:-10px;
  clip-path:inset(0 0 13% 0);
}
.site-header .brand--original:not(.brand--inverse)::after{
  content:"IT SOLUTIONS & SUPPORT";
  color:#f7f7f7;
  font:700 8px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.14em;
  white-space:nowrap;
}
.site-header .header-shell.glass-panel{min-height:92px!important}


.price-card li>span:only-child{
  grid-column:1/-1;
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}


.service-card[href^="/leistungen/"]::before{
  content:"";
  display:block;
  flex:0 0 auto;
  width:calc(100% + clamp(56px,8vw,96px));
  aspect-ratio:16/7;
  margin:calc(clamp(28px,4vw,48px) * -1) calc(clamp(28px,4vw,48px) * -1) 24px;
  border-bottom:1px solid #0818171a;
  background-color:#071012;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.service-card[href="/leistungen/it-sicherheit/"]::before,
.service-card[href="/leistungen/automatisierte-sicherheitstests/"]::before{background-image:url('/hero-it-sicherheit.webp')}
.service-card[href="/leistungen/it-betreuung/"]::before{background-image:url('/hero-externe-it-abteilung.webp')}
.service-card[href="/leistungen/automatisierung/"]::before{background-image:url('/hero-automatisierung-prozesse.webp')}
.service-card[href="/leistungen/web-sichtbarkeit/"]::before{background-image:url('/assets/hero-kostenuebersicht.webp')}
.service-card[href="/leistungen/digitale-souveraenitaet/"]::before,
.service-card[href="/leistungen/ki-beratung-hosting/"]::before{background-image:url('/assets/hero-hosting.webp')}
.service-card[href="/leistungen/email-sicherheit-awareness/"]::before{background-image:url('/assets/hero-awareness.webp')}
.service-card[href="/leistungen/monitoring-backup/"]::before{background-image:url('/monitoring-backup-hero.webp')}
.service-card[href="/leistungen/cloud-infrastruktur/"]::before{background-image:url('/assets/hero-cloud-poster.webp')}
.service-card[href="/leistungen/microsoft-365/"]::before{background-image:url('/assets/hero-microsoft-365.webp')}
.service-card[href="/leistungen/dienstleisterwechsel/"]::before{background-image:url('/assets/hero-it-dienstleister-wechseln.webp')}
.service-card[href^="/leistungen/"] .service-card__top{min-height:48px}
.service-grid--all .service-card{min-height:540px}

@media(max-width:820px){
  .site-header .header-shell.glass-panel{min-height:78px!important}
  .site-header .brand--original:not(.brand--inverse){width:142px}
  .site-header .brand--original:not(.brand--inverse) img{width:128px!important;margin-bottom:-8px}
  .site-header .brand--original:not(.brand--inverse)::after{font-size:7px;letter-spacing:.11em}
  .site-header .mobile-nav.glass-panel{top:78px!important}
  .service-card[href^="/leistungen/"]::before{
    width:calc(100% + 44px);
    margin:-26px -22px 22px;
  }
  .service-grid--all .service-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.site-intro{display:none!important}}

.site-header{background:#050909!important;border-bottom:1px solid #173036!important}


main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card){color:#050505!important}
main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card) :is(h2,h3,h4,p,li,label,small,strong){color:#050505!important}
main :is(.service-card,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.price-card,.contact-form,.contact-card,.process-story,.process-card) a:not(.spectral-button){color:#006c7d!important}


.process-grid--four{gap:18px!important;align-items:stretch}
.process-grid--four .process-card{
  min-height:190px!important;
  padding:28px 26px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.process-grid--four .process-card>span,
.process-grid--four .process-card__line{display:none!important}
.process-grid--four .process-card h3{margin:0 0 13px!important}


.site-header .brand--original:not(.brand--inverse) img{
  clip-path:inset(0 0 18% 0)!important;
  margin-bottom:-15px!important;
}
.site-header .brand--original:not(.brand--inverse)::after{
  position:relative;
  z-index:1;
  padding-top:3px;
  font-size:9px;
  line-height:1.25;
}


body.intro-active{overflow:hidden}
.dn-intro{display:grid!important}


.hero-media .media-toggle{
  position:absolute!important;
  right:12px;
  bottom:12px;
  z-index:4;
  width:44px;
  height:44px;
  min-height:44px;
  margin:0!important;
  padding:0!important;
  border:1px solid #ffffff70;
  border-radius:50%;
  color:#fff;
  background:#050909d9;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:0;
  display:grid;
  place-items:center;
  box-shadow:0 8px 24px #0008;
}
.hero-media .media-toggle:hover{background:#07343b}
.hero-media .media-toggle::before{content:"";display:block}
.hero-media .media-toggle:not([data-state])::before,
.hero-media .media-toggle[data-state="play"]::before{
  width:0;
  height:0;
  margin-left:3px;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:11px solid currentColor;
}
.hero-media .media-toggle[data-state="stop"]::before{
  width:13px;
  height:13px;
  border-radius:2px;
  background:currentColor;
}


.eu-stars{animation:13s linear infinite service-stars!important}
.eu-stars i{
  margin:0!important;
  transform-origin:center!important;
  top:50%!important;
  left:50%!important;
}
.eu-stars i:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-23px) rotate(0deg)!important}
.eu-stars i:nth-child(2){transform:translate(-50%,-50%) rotate(30deg) translateY(-23px) rotate(-30deg)!important}
.eu-stars i:nth-child(3){transform:translate(-50%,-50%) rotate(60deg) translateY(-23px) rotate(-60deg)!important}
.eu-stars i:nth-child(4){transform:translate(-50%,-50%) rotate(90deg) translateY(-23px) rotate(-90deg)!important}
.eu-stars i:nth-child(5){transform:translate(-50%,-50%) rotate(120deg) translateY(-23px) rotate(-120deg)!important}
.eu-stars i:nth-child(6){transform:translate(-50%,-50%) rotate(150deg) translateY(-23px) rotate(-150deg)!important}
.eu-stars i:nth-child(7){transform:translate(-50%,-50%) rotate(180deg) translateY(-23px) rotate(-180deg)!important}
.eu-stars i:nth-child(8){transform:translate(-50%,-50%) rotate(210deg) translateY(-23px) rotate(-210deg)!important}
.eu-stars i:nth-child(9){transform:translate(-50%,-50%) rotate(240deg) translateY(-23px) rotate(-240deg)!important}
.eu-stars i:nth-child(10){transform:translate(-50%,-50%) rotate(270deg) translateY(-23px) rotate(-270deg)!important}
.eu-stars i:nth-child(11){transform:translate(-50%,-50%) rotate(300deg) translateY(-23px) rotate(-300deg)!important}
.eu-stars i:nth-child(12){transform:translate(-50%,-50%) rotate(330deg) translateY(-23px) rotate(-330deg)!important}
.motion-rank-tip{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;stroke-linejoin:miter!important}
.motion-mail-route{stroke-dasharray:none!important}
.motion-backup-ring{animation:none!important}
.motion-backup-rotate{animation:5.5s linear infinite service-backup-turn;transform-box:fill-box;transform-origin:center}
.service-motion--cloud svg{overflow:visible}
.motion-ai-link{stroke:#00687c66!important;stroke-dasharray:3 4!important;animation:6s linear infinite service-dash!important}
.motion-ai-node{stroke-width:1.8px!important}
.motion-ai-node--five{animation-delay:2.15s!important}
.motion-ai-node--six{animation-delay:2.5s!important}
.motion-ai-node--seven{animation-delay:2.85s!important}

@media(max-width:820px){
  .process-grid--four .process-card{min-height:0!important;padding:24px 22px!important}
  .site-header .brand--original:not(.brand--inverse)::after{font-size:7.5px}
  .hero-media .media-toggle{right:10px;bottom:10px}
}

@media(prefers-reduced-motion:reduce){.dn-intro{display:none!important}.service-motion,.service-motion *{animation:none!important}}


main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card,.automation-intro,.department-copy,.assurance-row){
  border-radius:8px!important;
}


.team-portrait__image{overflow:hidden!important;border-radius:50%!important}
.team-portrait__image img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  object-position:50% 34%!important;
  background:transparent!important;
  transform:none!important;
}
.team-portrait--strategy .team-portrait__image img{object-position:50% 46%!important}


.hero--laptop.hero--complete,
.page-hero--services.hero--complete,
.service-cloud-infrastruktur .page-hero.hero--complete{
  position:relative;
  isolation:isolate;
  min-height:clamp(620px,78vh,840px)!important;
  padding:140px 0 76px!important;
  overflow:hidden!important;
  background:#050909!important;
}
.hero--laptop.hero--complete .hero-layout,
.page-hero--services.hero--complete .hero-layout,
.service-cloud-infrastruktur .page-hero.hero--complete .hero-layout{
  position:relative;
  z-index:3;
  display:flex!important;
  align-items:center;
  min-height:clamp(410px,58vh,610px)!important;
}
.hero--laptop .hero-media,
.page-hero--services .hero-media,
.service-cloud-infrastruktur .page-hero .hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:0;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050909!important;
  box-shadow:none!important;
}
.hero--laptop .hero-media video,
.page-hero--services .hero-media video,
.service-cloud-infrastruktur .page-hero .hero-media video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  aspect-ratio:auto!important;
}
.hero--laptop.hero--complete::after,
.page-hero--services.hero--complete::after,
.service-cloud-infrastruktur .page-hero.hero--complete::after{
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#050909f2 0%,#050909d9 38%,#05090973 68%,#0509098c 100%);
}
.hero--laptop .hero__copy,
.page-hero--services .page-hero__copy,
.service-cloud-infrastruktur .page-hero .page-hero__copy{max-width:720px!important}
.media-toggle{display:none!important}


.service-detail-page .page-hero.hero--complete{
  position:relative;
  isolation:isolate;
  min-height:clamp(600px,72vh,800px)!important;
  padding:140px 0 72px!important;
  overflow:hidden!important;
  background-color:#050909!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.service-detail-page .page-hero.hero--complete .hero-layout{
  position:relative;
  z-index:3;
  display:flex!important;
  align-items:center;
  min-height:clamp(390px,52vh,560px)!important;
}
.service-detail-page:not(.service-cloud-infrastruktur) .page-hero .hero-media{display:none!important}
.service-detail-page .page-hero.hero--complete::after{
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#050909f5 0%,#050909df 42%,#05090970 72%,#05090994 100%);
  pointer-events:none;
}
.service-detail-page .page-hero .page-hero__copy{max-width:720px!important}
.service-it-sicherheit .page-hero{background-image:url('/hero-it-sicherheit.webp')!important}
.service-it-betreuung .page-hero{background-image:url('/hero-externe-it-abteilung.webp')!important}
.service-automatisierung .page-hero{background-image:url('/hero-automatisierung-prozesse.webp')!important}
.service-web-sichtbarkeit .page-hero{background-image:url('/assets/hero-kostenuebersicht.webp')!important}
.service-digitale-souveraenitaet .page-hero{background-image:url('/assets/hero-hosting.webp')!important}
.service-automatisierte-sicherheitstests .page-hero{background-image:url('/hero-it-sicherheit.webp')!important}
.service-email-sicherheit-awareness .page-hero{background-image:url('/assets/hero-awareness.webp')!important}
.service-monitoring-backup .page-hero{background-image:url('/monitoring-backup-hero.webp')!important}
.service-microsoft-365 .page-hero{background-image:url('/assets/hero-microsoft-365.webp')!important}
.service-ki-beratung-hosting .page-hero{background-image:url('/assets/hero-hosting.webp')!important}
.service-dienstleisterwechsel .page-hero{background-image:url('/assets/hero-it-dienstleister-wechseln.webp')!important}


.service-card[href^="/leistungen/"]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.service-card[href^="/leistungen/"]::before{
  position:absolute;
  inset:-10px;
  z-index:0;
  display:block;
  width:auto;
  height:auto;
  aspect-ratio:auto;
  margin:0;
  border:0;
  opacity:.4;
  filter:blur(5px) saturate(.82);
  transform:scale(1.04);
  background-size:cover;
  background-position:center;
}
.service-card[href^="/leistungen/"]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:#ffffff8c;
  pointer-events:none;
}
.service-card[href^="/leistungen/"]>*{position:relative;z-index:2}
.service-grid--all .service-card{min-height:0!important}


.star-field:not(.star-field--sitewide),
.hero--complete .star-field{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  overflow:hidden;
  opacity:.7;
  pointer-events:none;
}
.star-field__stream{position:absolute;inset:0;animation:none!important}
.star-field__stream i{
  position:absolute;
  left:var(--star-x);
  top:var(--star-y);
  width:var(--star-size);
  height:var(--star-size);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 8px #fff;
  animation:star-safe-pulse 4.8s ease-in-out var(--star-delay) infinite alternate;
}
.hero--complete .star-field{
  -webkit-mask-image:linear-gradient(90deg,transparent 0 44%,#000 66%);
  mask-image:linear-gradient(90deg,transparent 0 44%,#000 66%);
}
.star-field--quiet{opacity:.4!important}
@keyframes star-safe-pulse{from{opacity:.28;transform:scale(.8)}to{opacity:.9;transform:scale(1.3)}}
.eu-stars{animation:none!important;transform:none!important}


body,main,.site-header,.site-footer{color:#fff!important}
main :is(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,a,button,.eyebrow,.team-role,.price-card__label,.price-card__minimum,.pricing-clarity,.tool-disclaimer){color:#fff!important}
main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card) :is(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,a,button,span,.eyebrow,.team-role,.price-card__label,.price-card__minimum,.tool-disclaimer){color:#050505!important}
main input,main textarea,main select,main option{color:#050505!important}
main input::placeholder,main textarea::placeholder{color:#050505!important;opacity:1}
main :is(.text-accent,.form-status,.domain-error,.calculator-error){color:inherit!important}
main .spectral-button,main .spectral-button span{color:#fff!important}
.hero__copy :is(p,a,span),.page-hero__copy :is(p,a,span),main :is(.section-heading,.principle-copy,.contact-layout,.department-copy) p{color:#fff!important}
main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card,.automation-intro) :is(p,li,label,small,strong,a,button,span,h1,h2,h3,h4,h5,h6){color:#050505!important}
main .service-card .tag-row span,main :is(.team-experience,.service-badge),main .contact-form :is(.privacy-confirm,.form-note,label),main .contact-form .privacy-confirm span{color:#050505!important}
main .it-department-section .department-copy :is(h2,p,.eyebrow,.text-link),main .it-department-section .department-principles span{color:#fff!important}
main .spectral-button,main .spectral-button span{color:#fff!important}
.site-header :is(a,button,span),.site-footer :is(p,a,span,strong,small){color:#fff!important}
.site-header .desktop-nav a[aria-current="page"]{color:#fff!important}
.site-header .mobile-nav a,.site-header .mobile-nav a[aria-current="page"]{color:#fff!important}
.contact-form .form-status[data-state],.interactive-tool :is(.domain-error,.calculator-error){color:#050505!important}


.footer-brand .brand--inverse{
  display:grid;
  justify-items:start;
  width:172px;
  padding:2px 4px 5px!important;
}
.footer-brand .brand--inverse img{
  width:156px!important;
  height:auto!important;
  clip-path:inset(0 0 24% 0)!important;
  margin-bottom:-19px!important;
}
.footer-brand .brand--inverse::after{
  content:"IT SOLUTIONS & SUPPORT";
  position:relative;
  z-index:1;
  padding-top:3px;
  color:#fff;
  font:700 9px/1.25 Inter,Arial,sans-serif;
  letter-spacing:.14em;
  white-space:nowrap;
}

@media(max-width:820px){
  .hero--laptop.hero--complete,.page-hero--services.hero--complete,.service-detail-page .page-hero.hero--complete{min-height:620px!important;padding:112px 0 54px!important}
  .hero--laptop.hero--complete .hero-layout,.page-hero--services.hero--complete .hero-layout,.service-detail-page .page-hero.hero--complete .hero-layout{min-height:450px!important}
  .hero--laptop.hero--complete::after,.page-hero--services.hero--complete::after,.service-detail-page .page-hero.hero--complete::after{background:linear-gradient(180deg,#050909c7 0%,#050909e8 72%,#050909fa 100%)}
  .hero--complete .star-field{-webkit-mask-image:linear-gradient(180deg,#000 0 30%,transparent 66%);mask-image:linear-gradient(180deg,#000 0 30%,transparent 66%)}
  .footer-brand .brand--inverse{width:142px}
  .footer-brand .brand--inverse img{width:128px!important;margin-bottom:-16px!important}
  .footer-brand .brand--inverse::after{font-size:7.5px;letter-spacing:.11em}
}


.site-header .brand--original:not(.brand--inverse) img{
  clip-path:inset(0 0 24% 0)!important;
  margin-bottom:-19px!important;
}
@media(max-width:820px){.site-header .brand--original:not(.brand--inverse) img{margin-bottom:-16px!important}}


html body,html body *{font-family:Inter,sans-serif!important}
html body [class]{font-family:Inter,sans-serif!important}
html body :is(code,pre,kbd,samp){font-family:'JetBrains Mono',monospace!important}
.eyebrow,.price-card__label,.service-badge,.tag-row,.value-card__index,.process-card>span,.process-flow>li>span,.quiz-progress,.not-found__status{font-family:Inter,sans-serif!important}


main :is(.hero__copy,.page-hero__copy,.section-heading,.principle-copy,.contact-layout,.include-layout,.about-intro,.team-heading,.legal-copy,.next-services) :is(h1,h2,h3,h4,h5,h6,p,li,a,small,strong,span,.eyebrow),
main :is(.dark-section,.brand-section,.contact-section,.team-section) > .page-shell :is(h1,h2,h3,h4,h5,h6,p,li,a,small,strong,.eyebrow),
.site-footer :is(p,a,span,strong,small),.site-header :is(a,button,span){color:#fff!important}
main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card,.automation-intro) :is(h1,h2,h3,h4,h5,h6,p,li,a,button,label,small,strong,span,.eyebrow){color:#050505!important}
main :is(.spectral-button,.spectral-button span),.header-cta,.header-cta span,.text-link--light,.dark-section button{color:#fff!important}
main :is(.section-heading>p,.hero__lead,.page-hero__copy>p,.pricing-clarity,.legal-copy>p,.contact-layout p,.principle-copy p){color:#fff!important}
main :is(.service-card p,.outcome-grid p,.value-card p,.team-card__content>p,.team-card li,.tool-card>p,.tool-mini p,.tool-mini li,.interactive-tool__heading p,.price-card__unit,.price-card li,.pricing-notes p,.boundary-note p,.contact-card p,.contact-card small,.legal-warning p,.domain-results small,.domain-results>p,.calculator-result span,.quiz-feedback p,.quiz-finish p,.mail-sample p,.process-story p,.process-card p,.not-found__panel small,.team-experience,.service-badge){color:#050505!important}


.hero--laptop.hero--complete::after,.page-hero--services.hero--complete::after,.service-detail-page .page-hero.hero--complete::after{
  background:linear-gradient(90deg,rgba(5,9,9,.94) 0%,rgba(5,9,9,.88) 42%,rgba(5,9,9,.80) 100%)!important;
}
.hero--laptop .hero-media video,.page-hero--services .hero-media video,.service-cloud-infrastruktur .page-hero .hero-media video{opacity:.82}
.hero--laptop .hero__copy,.page-hero--services .page-hero__copy,.service-detail-page .page-hero__copy{position:relative!important;z-index:4!important}


.service-card[href^="/leistungen/"]::before{opacity:.45!important;filter:blur(7px) saturate(.75)!important}
.service-card[href^="/leistungen/"]::after{background:rgba(255,255,255,.80)!important}


.team-portrait__image{position:absolute!important;inset:18px!important;overflow:hidden!important}
.team-portrait__image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important}
.team-portrait--strategy .team-portrait__image img{object-position:50% 45%!important;transform:scale(1.1)!important}


main>section{position:relative;isolation:isolate}
main>section>.page-shell{position:relative;z-index:3}
.star-field--section{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden;opacity:.42!important;pointer-events:none}
.star-field--section .star-field__stream{
  -webkit-mask-image:linear-gradient(90deg,#000 0 13%,transparent 24% 76%,#000 87% 100%),linear-gradient(180deg,#000 0 12%,transparent 22% 78%,#000 88% 100%);
  mask-image:linear-gradient(90deg,#000 0 13%,transparent 24% 76%,#000 87% 100%),linear-gradient(180deg,#000 0 12%,transparent 22% 78%,#000 88% 100%);
}


.footer-brand .brand--inverse{justify-items:center!important;width:156px!important}
.footer-brand .brand--inverse::after{width:100%!important;max-width:156px!important;text-align:center!important;font-size:7.5px!important;letter-spacing:.08em!important;white-space:nowrap!important}
.footer-brand .brand--inverse::after,.site-header .brand--original:not(.brand--inverse)::after{font-family:Inter,sans-serif!important}


.motion-backup-rotate{animation:5.5s linear infinite service-backup-turn-correct!important;transform-box:view-box!important;transform-origin:104px 40px!important}
.motion-backup-ring{animation:none!important;transform:none!important}
@keyframes service-backup-turn-correct{to{transform:rotate(-360deg)}}

@media(max-width:820px){
  .hero--laptop.hero--complete::after,.page-hero--services.hero--complete::after,.service-detail-page .page-hero.hero--complete::after{background:rgba(5,9,9,.84)!important}
  .footer-brand .brand--inverse{width:128px!important}
  .footer-brand .brand--inverse::after{max-width:128px!important;font-size:6.5px!important;letter-spacing:.06em!important}
}


main :is(.trust-strip,.pricing-group__header,.next-services,.assurance-row,.not-found__copy) :is(p,a,span,small,strong,h1,h2,h3),
main :is(.hero__copy,.page-hero__copy,.department-copy) :is(p,a,span,small,strong,h1,h2,h3,.eyebrow){color:#fff!important}
main :is(.service-card,.outcome-grid article,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.mail-sample,.price-card,.pricing-notes p,.include-list,.boundary-note,.contact-form,.contact-card,.legal-warning,.domain-results__grid article,.calculator-result,.quiz-feedback,.quiz-finish,.not-found__panel,.process-story,.process-card,.automation-intro,.assurance-row) :is(p,a,span,small,strong,h1,h2,h3,h4,li,label,button,.eyebrow){color:#050505!important}
main :is(.spectral-button,.spectral-button span),.header-cta,.header-cta span{color:#fff!important}


.service-card[href^="/leistungen/"]{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.58))!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
}
.service-card[href^="/leistungen/"]::before{opacity:.86!important;filter:blur(4px) saturate(.9)!important;transform:scale(1.035)!important}
.service-card[href^="/leistungen/"]::after{background:linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.66))!important}
.service-card[href^="/leistungen/"] :is(h2,h3,h4,p,li,a,span,strong,small){color:#050505!important;text-shadow:0 1px 0 rgba(255,255,255,.48)}


.contact-section .contact-card.contact-card :is(p,small,strong){color:#050505!important}
.contact-section .contact-card.contact-card .spectral-button,.contact-section .contact-card.contact-card .spectral-button span{color:#fff!important}


.about-page :is(.section--white,.team-section){background:#fff!important;color:#050505!important}
.about-page :is(.section--white,.team-section) :is(h1,h2,h3,h4,p,li,a,span,small,strong,.eyebrow){color:#050505!important}
.about-page .team-card :is(h2,h3,h4,p,li,a,span,small,strong){color:#050505!important}


.site-header .brand--original:not(.brand--inverse){justify-items:center!important;width:156px!important}
.site-header .brand--original:not(.brand--inverse)::after{
  width:100%!important;
  max-width:156px!important;
  text-align:center!important;
  font-size:7.5px!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}


.service-card[href^="/leistungen/"]{background:rgba(255,255,255,.38)!important}
.service-card[href^="/leistungen/"]::before{opacity:.92!important;filter:blur(3px) saturate(.94)!important}
.service-card[href^="/leistungen/"]::after{background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.60))!important}


.about-page .page-hero.hero--complete,
.pricing-page .page-hero.hero--complete{
  position:relative!important;
  isolation:isolate;
  min-height:clamp(600px,72vh,800px)!important;
  padding:140px 0 72px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background-color:#050909!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.about-page .page-hero.hero--complete{background-image:url('/about-hero.webp')!important;background-position:center 44%!important}
.pricing-page .page-hero.hero--complete{background-image:url('/assets/hero-kostenuebersicht.webp')!important}
.about-page .page-hero .hero-media,.pricing-page .page-hero .hero-media{display:none!important}
.about-page .page-hero .hero-layout,.pricing-page .page-hero .hero-layout{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  min-height:clamp(390px,52vh,560px)!important;
}
.about-page .page-hero.hero--complete::after,
.pricing-page .page-hero.hero--complete::after{
  content:"";
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,9,9,.91) 0%,rgba(5,9,9,.80) 46%,rgba(5,9,9,.50) 100%)!important;
  pointer-events:none;
}
.service-detail-page .page-hero.hero--complete,
.service-detail-page .page-hero.hero--complete::before,
.service-detail-page .page-hero.hero--complete::after{border-radius:0!important}
.service-detail-page .page-hero__symbol{display:none!important}


html body.about-page main .team-section :is(.team-heading,.team-card,.team-card__content) :is(h1,h2,h3,h4,p,li,a,span,small,strong,.team-role,.team-experience){color:#050505!important}


main .domain-form button,
main .domain-form button span,
main .domain-form button svg{color:#fff!important}
main .domain-form button{background:#007d91!important;border-color:#007d91!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}
main .domain-form button:hover,
main .domain-form button:focus-visible{background:#009db4!important;border-color:#00bfd7!important}
main .domain-form button:disabled{background:#35666d!important;border-color:#35666d!important}


.price-index{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;align-items:stretch}
.price-index__group{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff0b}
.price-index__group>strong{color:#fff!important;font-size:13px;line-height:1.35}
.price-index__links{display:flex;flex-wrap:wrap;gap:8px}
.price-index__links a{display:flex;align-items:center;justify-content:center;flex:1 1 120px;min-height:44px;text-align:center;line-height:1.35}


.motion-ready .scroll-reveal{
  opacity:0;
  transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1),border-color .15s ease,box-shadow .15s ease!important;
  will-change:opacity,transform;
}
.motion-ready .scroll-reveal--left{transform:translate3d(-44px,0,0)!important}
.motion-ready .scroll-reveal--right{transform:translate3d(44px,0,0)!important}
.motion-ready .scroll-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0)!important}

@media(max-width:980px){.price-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
  .site-header .brand--original:not(.brand--inverse){width:128px!important}
  .site-header .brand--original:not(.brand--inverse)::after{max-width:128px!important;font-size:6.5px!important;letter-spacing:.06em!important}
  .about-page .page-hero.hero--complete,.pricing-page .page-hero.hero--complete{min-height:620px!important;padding:112px 0 54px!important}
  .about-page .page-hero.hero--complete::after,.pricing-page .page-hero.hero--complete::after{background:rgba(5,9,9,.78)!important}
}
@media(max-width:620px){.price-index{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.motion-ready .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}


.site-header .brand--original:not(.brand--inverse)::after,
.footer-brand .brand--inverse::after{
  max-width:100%!important;
  padding-top:5px!important;
  border-top:1px solid #f7f7f7!important;
  font-size:6.75px!important;
  letter-spacing:.075em!important;
  line-height:1.2!important;
  text-align:center!important;
}
.footer-links>div>strong{color:#007ea1!important}
[data-home="true"] main>section:not(.hero) .eyebrow{display:none!important}
[data-home="true"] main>section:not(.hero) .section-heading,
[data-home="true"] main>section:not(.hero) .automation-intro,
[data-home="true"] main>section:not(.hero) .department-copy{padding-top:0!important}
[data-home="true"] main>section:not(.hero) h2{margin-top:0!important}
main .domain-form button,main .domain-form button:hover,main .domain-form button:focus-visible{background:#007ea1!important;border-color:#007ea1!important}
main .domain-form button:hover,main .domain-form button:focus-visible{box-shadow:0 0 0 3px rgba(0,126,161,.24)!important;transform:translateY(-1px)}
@media(max-width:820px){
  .site-header .brand--original:not(.brand--inverse)::after,
  .footer-brand .brand--inverse::after{font-size:5.8px!important;letter-spacing:.055em!important}
}

.site-header .brand--original:not(.brand--inverse),
.footer-brand .brand--inverse{
  display:block!important;
  width:172px!important;
  max-width:100%!important;
}
.site-header .brand--original:not(.brand--inverse) img,
.footer-brand .brand--inverse img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  clip-path:none!important;
  object-fit:contain!important;
}
.site-header .brand--original:not(.brand--inverse)::after,
.footer-brand .brand--inverse::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

[data-home="true"] .automation-hero .automation-intro{
  display:block!important;
  min-height:0!important;
  padding-top:clamp(52px,5vw,68px)!important;
  padding-bottom:clamp(20px,2vw,28px)!important;
}
[data-home="true"] .automation-hero .automation-intro>:is(h2,p,a){
  width:100%!important;
  margin-left:0!important;
  padding-left:0!important;
  align-self:stretch!important;
}

[data-home="true"] .hero--laptop.hero--complete::after{
  background:linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.10) 100%)!important;
}
[data-home="true"] .hero--laptop .hero__copy{
  text-shadow:0 2px 18px rgba(0,0,0,.38);
}

.service-detail-page .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#050909!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.service-detail-page .page-hero::before{
  display:none!important;
}
.service-detail-page .page-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,9,9,.94) 0%,rgba(5,9,9,.88) 46%,rgba(5,9,9,.80) 100%)!important;
  pointer-events:none!important;
}
.service-detail-page .page-hero>.page-shell{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:820px){
  .site-header .brand--original:not(.brand--inverse),
  .footer-brand .brand--inverse{width:142px!important}
  [data-home="true"] .automation-hero .automation-intro{min-height:0!important;padding:48px 24px 24px!important}
  [data-home="true"] .hero--laptop.hero--complete::after{background:rgba(0,0,0,.24)!important}
  .service-detail-page .page-hero::after{background:rgba(5,9,9,.86)!important}
}

.contact-page .page-hero,
.tools-page .page-hero{
  position:relative!important;
  isolation:isolate!important;
  min-height:clamp(600px,72vh,800px)!important;
  padding:140px 0 72px!important;
  overflow:hidden!important;
  background-color:#050909!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.contact-page .page-hero{background-image:url('/kontakt-hero.webp')!important;background-position:center 52%!important}
.tools-page .page-hero{background-image:url('/tools-hero.webp')!important;background-position:center 48%!important}
.contact-page .page-hero::before,
.tools-page .page-hero::before{display:none!important}
.contact-page .page-hero::after,
.tools-page .page-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,9,9,.92) 0%,rgba(5,9,9,.82) 43%,rgba(5,9,9,.48) 100%)!important;
  pointer-events:none!important;
}
.contact-page .page-hero>.page-shell,
.tools-page .page-hero>.page-shell{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  min-height:clamp(390px,52vh,560px)!important;
}
.contact-page .page-hero .page-hero__copy,
.tools-page .page-hero .page-hero__copy{max-width:720px!important}
.hero>.star-field,
.page-hero>.star-field,
.legal-hero>.star-field,
main>section:has(:is(.service-card,.price-card,.value-card,.team-card,.tool-card,.tool-mini,.interactive-tool,.contact-card,.contact-form,.process-card,.process-story,.automation-intro))>.star-field{display:none!important}
@media(max-width:820px){
  .contact-page .page-hero,.tools-page .page-hero{min-height:620px!important;padding:112px 0 54px!important}
  .contact-page .page-hero{background-position:59% 50%!important}
  .tools-page .page-hero{background-position:58% 50%!important}
  .contact-page .page-hero::after,.tools-page .page-hero::after{background:rgba(5,9,9,.78)!important}
}

.legal-main .section--white,
.legal-main .legal-layout,
.legal-main .legal-copy{color:#fff!important}
.legal-main .legal-copy :is(h1,h2,h3,h4,h5,h6,p,li,strong,span,small,address){color:#fff!important}
.legal-main .legal-copy a{color:#fff!important;text-decoration-color:#007ea1!important;text-decoration-thickness:2px;text-underline-offset:3px}
.legal-main .legal-copy h2{margin-top:48px}
.legal-main .legal-copy h2:first-of-type{margin-top:0}
.legal-main .legal-copy h3{margin-top:30px}
.legal-main .legal-warning{margin-bottom:40px}

.business-address{font:inherit;font-style:normal;font-size:.85rem;line-height:1.65;color:#fff;margin-top:16px}.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem .65rem;align-items:center;margin:0 0 18px;font:400 .8rem/1.5 Inter,sans-serif;color:#fff}.seo-breadcrumb a,.seo-breadcrumb span{color:#fff!important}.seo-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.next-services{flex-wrap:wrap;gap:16px}.next-services a{overflow-wrap:anywhere} .site-footer .business-address{color:#fff!important}

.contact-page .contact-form button[type="submit"].spectral-button,
.contact-page .contact-form button[type="submit"].spectral-button span,
.contact-page .contact-form button[type="submit"].spectral-button svg{color:#fff!important}
.contact-page .contact-form button[type="submit"].spectral-button{background:#050505!important;border-color:#050505!important}
.contact-page .contact-form button[type="submit"].spectral-button:hover,
.contact-page .contact-form button[type="submit"].spectral-button:focus-visible{color:#fff!important;background:#007ea1!important;border-color:#007ea1!important;box-shadow:0 0 0 3px rgba(0,126,161,.24)!important}
.contact-page .contact-form button[type="submit"].spectral-button:disabled{color:#fff!important;background:#303030!important;border-color:#303030!important;opacity:.82}

.domain-results{display:grid;gap:18px;margin-top:26px}
.domain-assessment{--assessment:#007ea1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 30px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--assessment) 45%,white);border-left:6px solid var(--assessment);border-radius:14px;background:#eef8fa!important;color:#102326!important}
.domain-assessment--good{--assessment:#147a55;background:#e7f6ef!important}
.domain-assessment--warn{--assessment:#956500;background:#fff4d6!important}
.domain-assessment--bad{--assessment:#a52b42;background:#fdebed!important}
.domain-assessment :is(h3,p,span,strong){color:#102326!important}
.domain-assessment__eyebrow{display:block;margin-bottom:5px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.domain-assessment__content h3{margin:0 0 7px;font-size:clamp(1.35rem,3vw,1.8rem)}
.domain-assessment__content p{max-width:68ch;margin:0;line-height:1.65}
.domain-assessment__score{min-width:112px;text-align:right}
.domain-assessment__score strong{display:block;font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums}
.domain-assessment__score span{display:block;margin-top:6px;font-size:.76rem}
.domain-assessment__meter{grid-column:1/-1;height:9px;border-radius:999px;background:#0000001f;overflow:hidden}
.domain-assessment__meter i{display:block;width:0;height:100%;border-radius:inherit;background:var(--assessment);transition:width .5s ease}
.domain-results__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
main .domain-results__grid .domain-result{--status:#697477;display:flex;flex-direction:column;gap:11px;min-width:0;padding:20px;border:1px solid #cbd5d7!important;border-top:5px solid var(--status)!important;border-radius:12px;background:#fff!important;color:#10191b!important;box-shadow:0 12px 30px #00000012!important;overflow-wrap:anywhere}
main .domain-results__grid .domain-result--good{--status:#147a55;background:#f3fbf7!important}
main .domain-results__grid .domain-result--warn{--status:#956500;background:#fffaf0!important}
main .domain-results__grid .domain-result--bad{--status:#a52b42;background:#fff6f7!important}
.domain-result__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
main .domain-results__grid .domain-result :is(h3,p,strong,span){color:#10191b!important}
main .domain-results__grid .domain-result h3{margin:1px 0 0;font-size:1.2rem}
main .domain-results__grid .domain-result .domain-result__status{flex:none;padding:5px 8px;border:1px solid var(--status);border-radius:999px;color:var(--status)!important;font-size:.72rem;font-weight:700;line-height:1.2}
main .domain-results__grid .domain-result__summary{margin:0;font-weight:700;line-height:1.45}
main .domain-results__grid .domain-result__detail{margin:0;font-size:.88rem;line-height:1.58;color:#334346!important}
main .domain-results__grid .domain-result__action{margin:auto 0 0;padding-top:11px;border-top:1px solid #00000017;font-size:.86rem;line-height:1.58;color:#263639!important}
main .domain-results__grid .domain-result__action strong{font-weight:700}
main .domain-assessment__note{margin:0;color:#263639!important;font-size:.82rem;line-height:1.6}
@media(max-width:620px){.domain-assessment{grid-template-columns:1fr;padding:20px}.domain-assessment__score{text-align:left}.domain-assessment__meter{grid-column:1}.domain-results__grid{grid-template-columns:1fr}}

.release-promo{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:95;width:min(520px,calc(100vw - 32px));aspect-ratio:1525/754;border:1px solid #007ea1;border-radius:18px;background:#02080b;box-shadow:0 22px 70px #0000008c,0 0 0 1px #007ea133;overflow:hidden;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .24s ease,transform .24s ease}
.release-promo[hidden]{display:none}
.release-promo.is-visible{opacity:1;transform:translateY(0) scale(1)}
.release-promo__link{position:absolute;inset:0;z-index:1;display:block}
.release-promo__link:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.release-promo__image{position:absolute;left:-4.72%;top:-12.73%;width:109.64%!important;height:124.8%!important;max-width:none!important;object-fit:fill;pointer-events:none}
.release-promo__close{position:absolute;top:8px;right:8px;z-index:3;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0;cursor:pointer;box-shadow:none}
.release-promo__close::before,.release-promo__close::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:3px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);transition:background-color .15s ease,transform .15s ease}
.release-promo__close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.release-promo__close:hover,.release-promo__close:focus-visible{border:0;background:transparent;color:transparent;transform:none}
.release-promo__close:hover::before,.release-promo__close:focus-visible::before{transform:translate(-50%,-50%) rotate(45deg) scale(1.08)}
.release-promo__close:hover::after,.release-promo__close:focus-visible::after{transform:translate(-50%,-50%) rotate(-45deg) scale(1.08)}
.release-promo__close:focus-visible{outline:0}
@media(max-width:620px){.release-promo{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);border-radius:14px}.release-promo__close{top:6px;right:6px;width:38px;height:38px}.release-promo__close::before,.release-promo__close::after{width:21px;height:3px}}
@media(prefers-reduced-motion:reduce){.release-promo{transition:none}}

.site-header{background:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.site-header .header-shell.glass-panel{background:transparent!important}
.site-header .mobile-nav.glass-panel{background:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.site-header .mobile-nav a:hover,.site-header .mobile-nav a:focus-visible,.site-header .mobile-nav a[aria-current="page"]{color:#fff!important;background:#007ea133!important}

.interactive-tool--dsgvo{padding:clamp(24px,4vw,42px)!important}
.dsgvo-stepper{width:min(100%,760px);min-height:540px;margin:28px auto 0;border:1px solid #05050526;border-radius:14px;background:#fff;box-shadow:0 18px 48px #00000014;overflow:hidden}
.dsgvo-progress{padding:20px 24px 0;background:#fff}
.dsgvo-progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;color:#050505}
.dsgvo-progress__label{font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.dsgvo-progress__title{font-size:1rem;text-align:right}
.dsgvo-progress__track{height:5px;border-radius:999px;background:#0505051f;overflow:hidden}
.dsgvo-progress__track i{display:block;width:20%;height:100%;border-radius:inherit;background:#007ea1;transition:width .24s ease}
.dsgvo-form{display:flex;min-height:480px;flex-direction:column;padding:28px 24px 22px}
.dsgvo-step[hidden]{display:none!important}
.dsgvo-step{animation:dsgvo-step-in .22s ease both}
@keyframes dsgvo-step-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.dsgvo-step h3{margin:0 0 8px;color:#050505!important;font-size:clamp(1.35rem,2.5vw,1.7rem);line-height:1.2}
.dsgvo-step>p{margin:0 0 20px;color:#050505!important;line-height:1.6}
.dsgvo-choice-grid{display:grid;gap:10px}
main .dsgvo-choice-grid button{display:grid;gap:5px;min-height:78px;padding:14px 16px;border:1px solid #05050533!important;border-radius:10px;background:#fff!important;color:#050505!important;text-align:left;box-shadow:none}
main .dsgvo-choice-grid button strong{font-size:1rem;line-height:1.3}
main .dsgvo-choice-grid button span{font-size:.9rem;font-weight:500;line-height:1.45}
main .dsgvo-choice-grid button:hover,main .dsgvo-choice-grid button:focus-visible{border-color:#007ea1!important;background:#007ea10d!important;color:#050505!important;transform:none}
main .dsgvo-choice-grid button[aria-pressed="true"]{border-color:#007ea1!important;background:#007ea1!important;color:#fff!important;box-shadow:0 0 0 3px #007ea124}
.dsgvo-info{margin-top:18px;padding:14px 16px;border-left:4px solid #007ea1;background:#007ea10d;color:#050505}
.dsgvo-info strong{display:block;margin-bottom:4px}
.dsgvo-info p{margin:0 0 5px;font-size:.9rem;line-height:1.5}
.dsgvo-info a{color:#050505!important;font-size:.9rem;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.dsgvo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dsgvo-fields label,.dsgvo-result>label{display:grid;gap:7px;color:#050505!important;font-weight:700;line-height:1.4}
.dsgvo-fields label small{display:inline;color:#050505!important;font-size:.78rem;font-weight:500}
.dsgvo-field-wide{grid-column:1/-1}
main .dsgvo-fields input,main .dsgvo-fields textarea,main #dsgvo-letter{width:100%;border:1px solid #0505054d!important;border-radius:8px;background:#fff!important;color:#050505!important;padding:12px 14px;font:400 1rem/1.5 Inter,sans-serif;box-shadow:inset 0 1px 2px #0000000d}
main .dsgvo-fields input::placeholder,main .dsgvo-fields textarea::placeholder{color:#050505!important;opacity:.72}
.dsgvo-step__hint{margin:16px 0 0!important;padding:12px 14px;border-left:4px solid #007ea1;background:#007ea10d;color:#050505!important;font-size:.88rem;line-height:1.55}
.dsgvo-template-shortcut{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:13px 14px;border:1px solid #007ea14d;border-radius:9px;background:#007ea10d}
.dsgvo-template-shortcut[hidden]{display:none!important}
.dsgvo-template-shortcut div{display:grid;gap:2px;color:#050505}
.dsgvo-template-shortcut strong,.dsgvo-template-shortcut small{color:#050505!important}
.dsgvo-template-shortcut small{font-size:.82rem;line-height:1.4}
main .dsgvo-template-shortcut button{flex:0 0 auto;min-height:44px;padding:10px 14px;border:1px solid #050505!important;border-radius:8px;background:#050505!important;color:#fff!important;font-weight:800}
.dsgvo-stepper__nav{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px}
.dsgvo-stepper__nav button[hidden]{display:none!important}
main .dsgvo-stepper__nav button{min-width:120px;min-height:46px;padding:11px 18px;border:1px solid #050505!important;border-radius:8px;background:#050505!important;color:#fff!important;font-weight:800}
main .dsgvo-stepper__nav button[data-dsgvo-nav="next"]{margin-left:auto;border-color:#007ea1!important;background:#007ea1!important}
main .dsgvo-stepper__nav button:hover,main .dsgvo-stepper__nav button:focus-visible{border-color:#007ea1!important;background:#007ea1!important;color:#fff!important}
.dsgvo-output__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.dsgvo-output__head small{display:block;margin-bottom:5px;color:#007ea1!important;font-weight:800;letter-spacing:.1em}
.dsgvo-output__head h3{margin:0}
.dsgvo-status{min-height:1.5em;color:#050505!important;font-weight:700;text-align:right}
main #dsgvo-letter{min-height:350px;margin-top:8px;resize:vertical;white-space:pre-wrap}
.dsgvo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
main .dsgvo-actions button{min-height:46px;padding:11px 16px;border:1px solid #050505!important;border-radius:8px;background:#050505!important;color:#fff!important;font-weight:700}
main .dsgvo-actions button:nth-child(2){border-color:#007ea1!important;background:#007ea1!important}
main .dsgvo-actions button:hover,main .dsgvo-actions button:focus-visible{border-color:#007ea1!important;background:#007ea1!important;color:#fff!important}
main .dsgvo-stepper :is(.dsgvo-stepper__nav,.dsgvo-actions,.dsgvo-template-shortcut) button,main .dsgvo-stepper :is(.dsgvo-stepper__nav,.dsgvo-actions,.dsgvo-template-shortcut) button *{color:#fff!important;-webkit-text-fill-color:#fff!important}
main .dsgvo-template-shortcut button:hover,main .dsgvo-template-shortcut button:focus-visible{border-color:#007ea1!important;background:#007ea1!important;color:#fff!important}
@media(max-width:620px){.interactive-tool--dsgvo{padding:20px!important}.dsgvo-stepper{min-height:0;margin-top:22px}.dsgvo-progress{padding:17px 16px 0}.dsgvo-progress__head{display:grid;gap:3px}.dsgvo-progress__title{text-align:left}.dsgvo-form{min-height:520px;padding:22px 16px 18px}.dsgvo-fields{grid-template-columns:1fr}.dsgvo-field-wide{grid-column:1}.dsgvo-template-shortcut{align-items:stretch;flex-direction:column}.dsgvo-template-shortcut button{width:100%}.dsgvo-actions{display:grid}.dsgvo-actions button{width:100%}.dsgvo-output__head{display:block}.dsgvo-status{display:block;margin-top:8px;text-align:left}main #dsgvo-letter{min-height:420px;font-size:.92rem}.dsgvo-stepper__nav button{min-width:104px}}
@media(prefers-reduced-motion:reduce){.dsgvo-step{animation:none}.dsgvo-progress__track i{transition:none}}