.audience-section{padding-top:25px!important}.audience-head em,.qs-head em{color:var(--pink);font-style:normal}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-card{position:relative;overflow:hidden;min-height:500px;padding:43px;border:1px solid #e0e0e4;border-radius:24px;background:#fff}.audience-card.business{background:#222329;color:#fff;border-color:#222329}.audience-tag{display:inline-flex;padding:10px 16px;border-radius:99px;background:#fff1f9;color:#ec008c;font-size:12px;font-weight:900;letter-spacing:1.1px}.audience-number{position:absolute;right:25px;top:24px;color:#ec008c14;font-size:112px;line-height:1}.audience-card h3{position:relative;margin:24px 0 15px;font-size:32px;letter-spacing:-1px}.audience-card>p{position:relative;max-width:560px;min-height:54px;color:#747680;font-size:17px;line-height:1.55}.audience-card.business>p{color:#d2d2d6}.audience-card ul{position:relative;list-style:none;margin:27px 0 32px;padding:0}.audience-card li{margin:16px 0;font-size:17px}.audience-card li:before{content:"✓";margin-right:13px;color:#ec008c;font-weight:900}.audience-button{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 22px;border:1px solid #ec008c;border-radius:10px;font-weight:900}.audience-button.primary{background:#ec008c;color:#fff;box-shadow:0 15px 34px #ec008c2e}
.qs-support{padding:92px 0;background:#f6f6f8}.qs-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:60px}.qs-head label{display:flex;gap:10px;align-items:center;color:#ec008c;font-size:12px;font-weight:900;letter-spacing:4px}.qs-head label i{width:18px;height:2px;background:#ec008c}.qs-head h2{margin:15px 0 20px;font-size:clamp(42px,5vw,66px);line-height:.94;letter-spacing:-3px}.qs-head p{color:#6e7078;font-size:18px;line-height:1.6}.qs-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 35px;padding:20px 25px;border-left:6px solid #ec008c;border-radius:10px;background:#222329;color:#fff}.qs-help strong{font-size:23px;white-space:nowrap}.qs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qs-step{position:relative;padding:18px;border:1px solid #dedee3;border-radius:18px;background:#fff;box-shadow:0 15px 38px #2021260a}.qs-no{position:absolute;z-index:3;left:16px;top:16px;width:42px;height:42px;display:grid;place-items:center;border:2px solid #ec008c;border-radius:50%;background:#fff;color:#ec008c;font-weight:900}.qs-visual{height:155px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:#efeff2;overflow:hidden}.fake-browser,.fake-file,.fake-dialog,.fake-credentials{width:86%;padding:14px;border-radius:9px;background:#fff;box-shadow:0 10px 24px #20212620}.fake-browser i{display:block;height:8px;margin-bottom:12px;border-radius:8px;background:#dedee2}.fake-browser b{display:block;padding:11px 5px;border-radius:5px;background:#ec008c;color:#fff;text-align:center;font-size:11px}.qs-arrow{position:absolute;right:25px;top:115px;color:#ec008c;font-size:35px;font-weight:900}.fake-file{text-align:center}.fake-dialog{font-size:11px}.fake-dialog div{display:flex;gap:8px;margin-top:12px}.fake-dialog span,.fake-dialog strong{flex:1;padding:8px;text-align:center;background:#e8e8eb}.fake-dialog strong{background:#197dd1;color:#fff}.fake-credentials small,.fake-credentials b{display:block}.fake-credentials b{margin:4px 0 7px;font-size:19px;letter-spacing:3px}.qs-step h3{margin:0 0 10px;font-size:20px}.qs-step p{margin:0;color:#6e7078;font-size:15px;line-height:1.5}.qs-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.qs-call{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border:1px solid #ec008c;border-radius:8px;font-weight:900}.qs-security{text-align:center;color:#6e7078;font-size:13px}
@media(max-width:950px){.audience-cards{grid-template-columns:1fr}.qs-head{grid-template-columns:1fr;gap:10px}.qs-steps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.audience-card{min-height:0;padding:28px 23px}.audience-number{font-size:80px}.audience-card h3{font-size:27px}.qs-support{padding:65px 0}.qs-head h2{font-size:45px}.qs-help{align-items:flex-start;flex-direction:column}.qs-steps{grid-template-columns:1fr}.qs-actions{flex-direction:column}.qs-actions a{width:100%}.qs-security{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.audience-card,.qs-step{transition:none!important}}

/* Feinabstimmung: freundlichere dunkle Flächen und kompakterer Fernsupport-Einstieg */
.audience-card.business{background:#34353d;border-color:#34353d;box-shadow:0 18px 46px #20212618}
.qs-head{grid-template-columns:1.22fr .78fr;align-items:center;gap:54px}
.qs-head>div{min-width:0}
.qs-head h2{margin:15px 0 22px;font-size:clamp(42px,4.4vw,60px);line-height:1.02;letter-spacing:-2.7px}
.qs-head h2 em{display:block;white-space:nowrap;margin-top:5px}
.qs-head p{max-width:490px;margin:18px 0 22px;color:#62646d;line-height:1.65}
.qs-help{background:#3a3b43;box-shadow:0 12px 34px #20212614}
@media(max-width:1050px){.qs-head h2 em{white-space:normal}}
@media(max-width:950px){.qs-head{grid-template-columns:1fr;gap:10px}}

/* Helle Footer-Farbwelt für die zwei zuvor dunklen Flächen */
.audience-card.business{background:#f5f5f7;border-color:#dedee3;color:#202126;box-shadow:0 15px 38px #2021260a}
.audience-card.business>p{color:#686a73}
.audience-card.business .audience-number{color:rgba(236,0,140,.13)}
.qs-help{background:#f5f5f7;border-top:1px solid #dedee3;border-right:1px solid #dedee3;border-bottom:1px solid #dedee3;color:#202126;box-shadow:0 12px 30px #2021260b}
.qs-help strong{color:#ec008c}

/* Mobile Feinschliff: saubere Umbrüche, größere Touch-Ziele und kompakter IT-Puls */
.audience-card li{position:relative;padding-left:28px}
.audience-card li:before{position:absolute;top:0;left:0;margin-right:0}
@media(max-width:620px){
  .audience-button{box-sizing:border-box;justify-content:center;width:100%;padding:12px 16px;text-align:center;white-space:normal;line-height:1.35}
  header .remote,header .phone{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  header .phone{padding:8px 6px}
}
@media(max-width:360px){
  .pulse-node:not(.center){min-width:90px;padding:7px 8px}
  .pulse-node:not(.center) small{font-size:6.5px}
  .pulse-node.center{width:104px;height:104px}
  .pulse-map:before{width:145px;height:145px}
  .pulse-map:after{width:205px;height:205px}
}

/* Kompakter Fernsupport-Einstieg auf der Startseite */
.remote-teaser{padding:74px 0;background:#f6f6f8;border-block:1px solid #e1e1e6}
.remote-teaser-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:55px}
.remote-teaser label{display:flex;align-items:center;gap:10px;color:#ec008c;font-size:11px;font-weight:900;letter-spacing:3px}
.remote-teaser label i{width:22px;height:2px;background:#ec008c}
.remote-teaser h2{margin:14px 0 12px;font-size:clamp(34px,4vw,52px)}
.remote-teaser p{max-width:650px;margin:0;color:#686a73;font-size:17px;line-height:1.65}
.remote-teaser-actions{display:flex;align-items:center;gap:12px}
.remote-teaser-actions .btn,.remote-teaser-actions .qs-call{white-space:nowrap}

/* Eigenes Footer-Element, damit das Herz separat eingefärbt werden kann */
.bottom>span:first-child:after{content:none!important}
.footer-made{color:#777781;white-space:nowrap}
.footer-made b{color:#ec008c;font-size:1.15em}

@media(max-width:900px){
  .remote-teaser-grid{grid-template-columns:1fr;gap:28px;text-align:center}
  .remote-teaser label{justify-content:center}
  .remote-teaser p{margin-inline:auto}
  .remote-teaser-actions{justify-content:center}
}
@media(max-width:620px){
  .remote-teaser{padding:58px 0}
  .remote-teaser h2{font-size:38px}
  .remote-teaser-actions{flex-direction:column}
  .remote-teaser-actions a{box-sizing:border-box;justify-content:center;width:100%;white-space:normal;text-align:center}
  footer .foot{text-align:center;align-items:center}
  footer .foot>.footbrand{align-items:center}
  footer .footerlogo img{object-position:center center!important}
  footer .foot p{text-align:center}
  footer .foot>.footnav{justify-content:center}
  footer .bottom{text-align:center;align-items:center}
  footer .bottom>span:first-child{align-items:center}
  footer .bottom>div{justify-content:center;width:100%}
  footer .legalbox{text-align:left}
}