:root{--bg:#f6f9fd;--text:#102033;--muted:#65768b;--card:#fff;--line:#dce8f3;--navy:#0b2f4f;--blue:#1477b8;--mint:#20d6a3;--lime:#b8ffd9;--amber:#ffc85a;--shadow:0 24px 70px rgba(15,45,76,.13);--soft:0 12px 36px rgba(15,45,76,.08);--r:28px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.62;overflow-x:hidden}a{color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-999px;top:1rem;z-index:999;background:var(--navy);color:#fff;padding:.75rem 1rem;border-radius:14px;font-weight:900}.skip:focus{left:1rem}.progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--mint),#20c8ef,var(--amber));z-index:9999}.topbar{background:#071a2b;color:#e9f7ff;font-size:.92rem}.topbar .container{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.topbar a{text-decoration:none;font-weight:850}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8);backdrop-filter:blur(22px);border-bottom:1px solid rgba(220,232,243,.85)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.82rem;text-decoration:none;color:var(--navy);font-size:1.28rem;font-weight:1000;letter-spacing:-.045em}.brand img{width:52px;height:52px}.links{display:flex;align-items:center;gap:1rem}.links a{text-decoration:none;color:var(--muted);font-weight:850}.links a:hover{color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.12rem;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:950;cursor:pointer;transition:.22s;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-125%);transition:.55s}.btn:hover{transform:translateY(-2px)}.btn:hover:after{transform:translateX(125%)}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 18px 38px rgba(20,119,184,.23)}.btn-accent{background:linear-gradient(135deg,var(--mint),var(--lime));color:#073126;box-shadow:0 18px 38px rgba(32,214,163,.22)}.btn-ghost{background:rgba(255,255,255,.86);border-color:var(--line);color:var(--navy);box-shadow:var(--soft)}.menu{display:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:16px;padding:.75rem .95rem;font-weight:950}.hero{position:relative;isolation:isolate;min-height:730px;padding:86px 0 76px;overflow:hidden;background:linear-gradient(180deg,#fafdff,#eef7ff)}.hero:before{content:"";position:absolute;inset:-20% -15% auto -15%;height:690px;background:radial-gradient(circle at 16% 18%,rgba(32,214,163,.34),transparent 25rem),radial-gradient(circle at 82% 12%,rgba(32,200,239,.32),transparent 28rem),radial-gradient(circle at 52% 72%,rgba(255,200,90,.22),transparent 24rem);filter:blur(3px);z-index:-3}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,47,79,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,47,79,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-2}.blob{position:absolute;border-radius:999px;opacity:.7;z-index:-1;animation:float 9s ease-in-out infinite}.blob.one{width:210px;height:210px;background:linear-gradient(135deg,rgba(32,214,163,.28),rgba(32,200,239,.22));left:-70px;top:180px}.blob.two{width:150px;height:150px;background:rgba(255,200,90,.28);right:10%;top:150px;animation-delay:1.5s}.blob.three{width:120px;height:120px;background:rgba(20,119,184,.18);right:23%;bottom:70px;animation-delay:2.4s}@keyframes float{50%{transform:translateY(-24px)}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:2.4rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .88rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(220,232,243,.92);box-shadow:var(--soft);color:#08765f;font-weight:950;font-size:.92rem}.pulse{width:10px;height:10px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 0 rgba(32,214,163,.7);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 14px transparent}}h1{margin:1.05rem 0 0;font-size:clamp(2.45rem,5.3vw,5.4rem);line-height:.96;letter-spacing:-.075em;color:var(--navy)}.grad{background:linear-gradient(90deg,var(--navy),var(--blue),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:760px;margin:1.25rem 0 0}.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.65rem}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-top:2rem}.trust div,.card,.panel,.step,.price,.faq-item{background:var(--card);border:1px solid var(--line);box-shadow:var(--soft)}.trust div{border-radius:22px;padding:1rem;min-height:124px;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.trust strong{display:block;color:var(--navy);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.15;letter-spacing:-.025em}.trust span{color:var(--muted);font-size:.9rem;line-height:1.25;min-height:2.5em}.visual{position:relative;min-height:520px}.glass-card{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(220,232,243,.9);border-radius:32px;box-shadow:var(--shadow);padding:1.05rem;transition:.35s}.glass-card:hover{transform:translateY(-6px) scale(1.01)}.dash{inset:40px 0 auto 20px}.ticket{right:0;bottom:52px;width:58%}.secure{left:0;bottom:0;width:46%}.dash-screen{border-radius:24px;background:#071a2b;color:#dffcff;padding:1rem;min-height:300px}.window-dots{display:flex;gap:.35rem;margin-bottom:1rem}.window-dots span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#28c840}.line{display:flex;justify-content:space-between;gap:1rem;padding:.78rem 0;border-bottom:1px dashed rgba(255,255,255,.11);font-family:ui-monospace,Menlo,Consolas,monospace;color:#b8fff0}.line b{color:white}.chart{height:78px;margin-top:1rem;border-radius:18px;background:linear-gradient(180deg,rgba(32,214,163,.18),rgba(32,214,163,.02));position:relative;overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.mini-title{font-weight:1000;color:var(--navy);margin:0 0 .25rem}.mini-text{margin:0;color:var(--muted);font-size:.94rem}.badge-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.8rem}.badge{font-size:.78rem;font-weight:950;border-radius:999px;background:#eef9ff;color:var(--blue);padding:.32rem .55rem}.section{padding:82px 0}.head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem}.head h2{margin:0;color:var(--navy);font-size:clamp(1.9rem,3.2vw,3.35rem);line-height:1.04;letter-spacing:-.055em}.head p,.card p,.step p,.price small,.faq-a,.checks li{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{position:relative;overflow:hidden;border-radius:var(--r);padding:1.25rem;transition:.28s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#eaf7ff,#e9fff7);display:grid;place-items:center;font-size:1.42rem}.card h3,.panel h2,.panel h3,.step h3,.price strong,.price span,.faq-q{color:var(--navy)}.bento{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.panel{border-radius:32px;padding:clamp(1.25rem,3vw,2.15rem)}.checks{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.72rem}.checks li{display:flex;gap:.65rem;align-items:flex-start;line-height:1.55}.checks li:before{content:"✓";color:#079c7d;font-weight:1000;flex:0 0 auto;margin-top:.05rem}.diagnose{display:grid;grid-template-columns:310px 1fr;gap:1rem}.diag-buttons{display:grid;gap:.65rem;align-content:start}.diag-buttons button{border:1px solid var(--line);background:white;color:var(--navy);border-radius:20px;padding:1rem;text-align:left;font-weight:950;cursor:pointer;box-shadow:var(--soft);transition:.22s}.diag-buttons button.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:white}.diag-panel{display:none}.diag-panel.active{display:block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}.step{border-radius:var(--r);padding:1.2rem}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:white;font-weight:1000;margin-bottom:.8rem}.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.price{border-radius:var(--r);padding:1.2rem}.price span{display:block;font-size:1.55rem;font-weight:1000}.faq{display:grid;gap:.8rem}.faq-item{border-radius:22px;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;font-weight:1000;text-align:left;display:flex;justify-content:space-between;padding:1.08rem 1.2rem;cursor:pointer}.faq-a{display:none;padding:0 1.2rem 1.1rem}.faq-item.open .faq-a{display:block}.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,#08233b,#0c4770 62%,#08765f);color:white;border-radius:38px;padding:clamp(1.4rem,4vw,2.8rem);display:grid;grid-template-columns:.93fr 1.07fr;gap:1.5rem;box-shadow:0 30px 90px rgba(8,35,59,.24)}.contact h2{font-size:clamp(1.9rem,3.2vw,3.05rem);line-height:1.04;margin:0}.contact p{color:rgba(255,255,255,.76)}.contact-box{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:28px;padding:1rem;backdrop-filter:blur(14px)}.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.contact-list a{color:white;text-decoration:none;font-weight:950}.form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}.field label{font-weight:850}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);color:white;border-radius:17px;padding:.86rem;font:inherit}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.58)}.legal{padding:60px 0}.legal-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(1.25rem,3vw,2.35rem);box-shadow:var(--shadow)}.legal-card h1{color:var(--navy);font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.065em}.legal-card h2{color:var(--navy);margin-top:2rem}.legal-card p{color:var(--muted)}.notice{background:#fff6db;border:1px solid #ffe29d;color:#624500;border-radius:18px;padding:1rem}.footer{padding:42px 0;color:var(--muted)}.footer-inner{border-top:1px solid var(--line);padding-top:1.3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:var(--navy);font-weight:850;text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:.72s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}.sticky{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;gap:.55rem}.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:110;display:none}.cookie.show{display:block}.cookie-inner{max-width:940px;margin:auto;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}.cookie p{margin:0;color:var(--muted)}@media(max-width:980px){.hero{min-height:auto}.hero-grid,.bento,.diagnose,.contact{grid-template-columns:1fr}.visual{min-height:560px}.cards{grid-template-columns:repeat(2,1fr)}.steps,.prices,.trust{grid-template-columns:repeat(2,1fr)}.links{display:none;position:fixed;inset:124px 18px auto 18px;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:var(--shadow)}.links.open{display:flex}.menu{display:inline-flex}}@media(max-width:640px){.cards,.steps,.prices,.trust,.form{grid-template-columns:1fr}.actions .btn{width:100%}.head{display:block}.brand span:last-child{display:none}.visual{min-height:auto}.glass-card{position:relative;inset:auto!important;width:auto!important;margin-top:1rem}.sticky{left:16px}.sticky .btn{flex:1}.cookie-inner{display:block}.cookie .btn{width:100%;margin-top:.85rem}.trust div{min-height:auto}.trust span{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V9 Struktur & Conversion */
.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.target-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid var(--line);border-radius:32px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.7rem}
.target-card h3{color:var(--navy);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.12;margin:.15rem 0}.target-card p{color:var(--muted);margin:0}.target-label{display:inline-flex;width:max-content;border-radius:999px;background:#e9fff7;color:#08765f;font-weight:950;padding:.35rem .65rem;font-size:.85rem}.target-card .btn{width:max-content;margin-top:auto}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.why-item{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.1rem;box-shadow:var(--soft)}.why-item strong{display:block;color:var(--navy);font-size:1.05rem}.why-item span{display:block;color:var(--muted);margin-top:.25rem}.remote-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.remote-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:var(--soft)}.remote-card strong{display:block;color:var(--navy)}.remote-card span{display:block;color:var(--muted);margin-top:.35rem}.cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.cta-grid .btn{width:100%}
@media(max-width:980px){.target-grid,.why-grid,.remote-strip,.cta-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.target-grid,.why-grid,.remote-strip,.cta-grid{grid-template-columns:1fr}.target-card .btn{width:100%}}

/* V10 Final polish: Dropdown fix, mobile spacing, SEO landing pages */
.field select{appearance:auto;color:#fff;background-color:rgba(255,255,255,.11)}
.field select option{background:#ffffff;color:#102033;padding:.65rem 1rem}
.field select optgroup{background:#ffffff;color:#102033}
.field select:focus,.field input:focus,.field textarea:focus{outline:2px solid rgba(32,214,163,.55);outline-offset:2px;border-color:rgba(32,214,163,.65)}
.landing-hero{padding:70px 0 34px;background:linear-gradient(180deg,#fafdff,#eef7ff)}
.landing-hero h1{font-size:clamp(2.25rem,4.5vw,4.8rem)}
.landing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}.note-box{background:#fff7df;border:1px solid #ffe4a5;border-radius:22px;padding:1rem;color:#5f4400}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:var(--soft)}.service-box strong{display:block;color:var(--navy)}.service-box span{display:block;color:var(--muted);margin-top:.25rem}.notfound{text-align:center;max-width:760px;margin:auto}.notfound h1{font-size:clamp(3rem,8vw,6rem)}
@media(max-width:980px){.landing-grid,.mini-grid{grid-template-columns:1fr}.hero{padding-top:62px}.nav{min-height:74px}.contact{border-radius:28px}}
@media(max-width:640px){.topbar{font-size:.85rem}.hero{padding:48px 0 52px}.section{padding:58px 0}.sticky{display:none}.field select{font-size:16px}.contact .actions .btn{width:100%}}


/* Agner IT V17: Final Clean Live CSS Fixes */
/* Fachbereich-Buttons etwas tiefer */
.diag-panel .checks + .btn,
.diag-panel .btn.btn-ghost {
  margin-top: 1.05rem;
}

/* Service-Head Layout Fix: verhindert abgeschnittene Headline/CTA */
#service .head {
  display: block;
}
#service .head .btn {
  margin-top: 1rem;
  max-width: 100%;
}
.head > div {
  min-width: 0;
}
.head .btn {
  flex-shrink: 0;
}
@media (max-width: 1180px) {
  .head {
    align-items: flex-start;
  }
}

/* SMTP Result + Dropdown Safety */
.field select option {
  background: #ffffff !important;
  color: #102033 !important;
}
.field select optgroup {
  background: #ffffff !important;
  color: #102033 !important;
}
.alert {
  border-radius: 18px;
  padding: 1rem;
  margin: 1rem 0;
}
.alert-ok {
  background: #e9fff7;
  border: 1px solid #b8f5df;
  color: #064d3e;
}
.alert-error {
  background: #fff1f1;
  border: 1px solid #ffd0d0;
  color: #7f1d1d;
}

/* Agner IT V24: HTTP-only Safe Launch Fixes */
.btn-primary,.btn-primary:visited,.btn-primary:hover,.btn-primary:focus{color:#ffffff!important}.btn-primary *{color:#ffffff!important}.btn{white-space:normal}.cta-grid{display:none!important}.request-hint{margin:1rem 0 1.1rem;max-width:520px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.10);border-radius:22px;padding:1rem;box-shadow:0 16px 38px rgba(0,0,0,.10)}.request-hint strong{display:block;color:#fff;font-weight:1000;margin-bottom:.25rem}.request-hint span{display:block;color:rgba(255,255,255,.82)}.spam-field input{max-width:240px}.contact .btn-ghost,.contact .btn-ghost:visited{color:#fff!important;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.12)}@media(max-width:640px){.spam-field input{max-width:100%}}

/* =====================================================================
   AGNER IT V29 - VISUAL RELAUNCH
   Complete visual system: dark premium surfaces, photographic storytelling,
   neon accents, glass layers and motion. Structure and business content remain.
   ===================================================================== */
:root{
 --bg:#050b12;--text:#edf7ff;--muted:#9cb0c2;--card:#0b1622;--line:rgba(142,190,220,.16);
 --navy:#061522;--blue:#35a7ff;--mint:#32e6b1;--lime:#9dffd7;--amber:#ffd274;
 --shadow:0 30px 100px rgba(0,0,0,.42);--soft:0 14px 44px rgba(0,0,0,.28);--r:26px;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 5%,rgba(53,167,255,.12),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(50,230,177,.09),transparent 32rem),#050b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.progress{height:3px;background:linear-gradient(90deg,var(--mint),var(--blue),#8e6cff)}
.skip{background:var(--mint);color:#02110c}.topbar{background:#02070c;border-bottom:1px solid rgba(255,255,255,.06);color:#b9cad7}.topbar .container{min-height:38px}.topbar a{color:#eaf7ff}
.header{background:rgba(5,11,18,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 12px 40px rgba(0,0,0,.18)}.header.is-scrolled{background:rgba(3,8,13,.94)}.nav{min-height:78px}.brand{color:#fff;letter-spacing:-.04em}.brand img{width:48px;height:48px;filter:drop-shadow(0 0 22px rgba(50,230,177,.25))}.links{gap:.25rem}.links a:not(.btn){color:#a9bdcd;padding:.62rem .72rem;border-radius:12px;transition:.2s}.links a:not(.btn):hover{color:#fff;background:rgba(255,255,255,.07)}
.btn{border-radius:14px;min-height:48px;padding:.8rem 1.18rem;white-space:normal;box-shadow:none;transition:transform .25s,box-shadow .25s,border-color .25s}.btn:after{display:none}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#03130e!important;background:linear-gradient(135deg,#32e6b1,#78f2cd);box-shadow:0 14px 35px rgba(50,230,177,.18)}.btn-accent{color:#fff;background:linear-gradient(135deg,#087bc4,#35a7ff);box-shadow:0 14px 35px rgba(53,167,255,.2)}.btn-ghost{color:#eaf7ff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.15);box-shadow:none}.btn-ghost:hover{border-color:rgba(50,230,177,.55);background:rgba(50,230,177,.08)}.menu{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.hero{min-height:790px;padding:100px 0 90px;background:linear-gradient(150deg,#050b12 0%,#071521 48%,#071915 100%);overflow:hidden}.hero:before{inset:-10% -10%;height:auto;background:radial-gradient(circle at 15% 25%,rgba(53,167,255,.18),transparent 25rem),radial-gradient(circle at 83% 32%,rgba(50,230,177,.13),transparent 31rem);filter:none}.hero:after{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}.blob{filter:blur(24px);opacity:.32}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:4rem}.eyebrow{color:#8affd9;background:rgba(50,230,177,.075);border-color:rgba(50,230,177,.22);box-shadow:none}.pulse{background:var(--mint)}h1{color:#fff;font-size:clamp(3rem,5.6vw,6.1rem);letter-spacing:-.072em;line-height:.94;text-wrap:balance}.grad{background:linear-gradient(90deg,#fff 0%,#6bc7ff 46%,#32e6b1 100%);-webkit-background-clip:text;background-clip:text}.lead{color:#a9bdcd;font-size:clamp(1.06rem,1.5vw,1.25rem);line-height:1.75}.actions{gap:.72rem}.trust{gap:.65rem}.trust div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);box-shadow:none;border-radius:16px;min-height:105px}.trust strong{color:#fff}.trust span{color:#8ea4b5}
.visual{min-height:590px;perspective:1100px}.hero-photo{position:absolute;inset:0;margin:0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 42px 120px rgba(0,0,0,.6);transform:rotateY(-3deg) rotateX(1deg);transition:transform .5s}.hero-photo:hover{transform:rotateY(0) rotateX(0) scale(1.01)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,8,13,.76) 100%),linear-gradient(90deg,rgba(5,11,18,.15),transparent)}.hero-photo figcaption{position:absolute;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-items:center;padding:1rem 1.1rem;border-radius:18px;background:rgba(4,12,19,.66);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.hero-photo figcaption strong{color:#fff}.hero-photo figcaption small{grid-column:2;color:#a8bdcb}.live-dot{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 8px rgba(50,230,177,.12),0 0 26px var(--mint)}.floating-stat{position:absolute;z-index:3;display:grid;gap:.1rem;padding:.86rem 1rem;border-radius:16px;background:rgba(5,13,21,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);box-shadow:0 20px 48px rgba(0,0,0,.35);animation:floatCard 6s ease-in-out infinite}.floating-stat strong{color:#fff}.floating-stat span{color:#9eb3c2;font-size:.82rem}.floating-stat-a{left:-24px;top:60px}.floating-stat-b{right:-20px;top:195px;animation-delay:-2s}@keyframes floatCard{50%{transform:translateY(-12px)}}
.section{padding:100px 0;position:relative}.section:nth-of-type(odd){background:rgba(255,255,255,.018)}.head{margin-bottom:2.25rem}.head h2{color:#fff;font-size:clamp(2.1rem,3.5vw,3.8rem);letter-spacing:-.055em;text-wrap:balance}.head p,.card p,.step p,.price small,.faq-a,.checks li{color:#94a9b9}.cards{gap:1rem}.card,.panel,.target-card,.why-item,.remote-card,.service-box,.step,.price,.faq-item{background:linear-gradient(150deg,rgba(15,30,45,.9),rgba(7,18,28,.94));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 55px rgba(0,0,0,.22)}.card{border-radius:20px;padding:1.35rem;transition:.3s}.card:hover{transform:translateY(-8px);border-color:rgba(50,230,177,.35);box-shadow:0 30px 75px rgba(0,0,0,.38)}.card h3,.panel h2,.panel h3,.step h3,.price strong,.price span,.faq-q{color:#fff}.icon{background:linear-gradient(145deg,rgba(53,167,255,.16),rgba(50,230,177,.13));border:1px solid rgba(83,194,255,.18);border-radius:15px}.target-grid{gap:1rem}.target-card{border-radius:24px;background:linear-gradient(145deg,#0d1d2b,#07131e);position:relative;overflow:hidden}.target-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(50,230,177,.08);right:-70px;top:-80px;filter:blur(8px)}.target-card h3{color:#fff}.target-card p{color:#9db0c0}.target-label{background:rgba(50,230,177,.1);color:#7affd6;border:1px solid rgba(50,230,177,.2)}.why-grid{gap:1rem}.why-item{border-radius:18px;padding:1.25rem}.why-item strong{color:#fff}.why-item span{color:#91a6b6}.bento{gap:1rem}.panel{border-radius:24px}.checks li:before{color:var(--mint)}
.media-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:470px;margin-bottom:1.45rem;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#07131e;box-shadow:var(--shadow)}.media-feature-image{position:relative;overflow:hidden}.media-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#07131e)}.media-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}.media-feature:hover img{transform:scale(1.045)}.media-feature-copy{padding:clamp(1.5rem,4vw,3.3rem);display:flex;flex-direction:column;justify-content:center}.media-feature-copy h3{font-size:clamp(1.7rem,2.6vw,3rem);line-height:1.05;letter-spacing:-.04em;margin:.65rem 0 1rem;color:#fff}.media-feature-copy p{color:#9db0c0}.kicker{color:#69ffd1;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:900}.media-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.media-pills span{padding:.38rem .62rem;border-radius:999px;background:rgba(53,167,255,.09);border:1px solid rgba(53,167,255,.2);color:#bfe5ff;font-size:.82rem;font-weight:800}
.wide-media{position:relative;height:430px;margin-bottom:1.35rem;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.wide-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s}.wide-media:hover img{transform:scale(1.035)}.wide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,14,.92) 0%,rgba(3,9,14,.54) 46%,rgba(3,9,14,.05) 78%)}.wide-media-content{position:absolute;z-index:2;left:clamp(1.4rem,5vw,4rem);top:50%;transform:translateY(-50%);max-width:520px}.wide-media h3{font-size:clamp(1.8rem,3vw,3.25rem);line-height:1.05;letter-spacing:-.045em;margin:.7rem 0;color:#fff}.wide-media p{color:#acbfcd}
.diagnose{gap:1rem}.diag-buttons{gap:.62rem}.diag-buttons button{color:#a9bdcb;background:#081521;border-color:rgba(255,255,255,.1);border-radius:14px;box-shadow:none}.diag-buttons button:hover{color:#fff;border-color:rgba(53,167,255,.38)}.diag-buttons button.active{color:#03130e;background:linear-gradient(135deg,#32e6b1,#87f6d4)}.remote-strip,.steps,.prices{gap:1rem}.remote-card,.step,.price{border-radius:18px}.remote-card strong{color:#fff}.remote-card span{color:#91a6b6}.step:before{background:linear-gradient(135deg,#35a7ff,#32e6b1);color:#031016}.price span{color:#66c5ff}.faq-item{border-radius:16px}.faq-q{color:#fff}.contact{background:linear-gradient(135deg,#071521 0%,#0a2b40 57%,#073a34 100%);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 42px 120px rgba(0,0,0,.48)}.contact-box{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11)}.contact p{color:#a9bdcb}.field input,.field select,.field textarea{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.15)}.field input:focus,.field select:focus,.field textarea:focus{background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(50,230,177,.1)}.request-hint{background:rgba(50,230,177,.07);border-color:rgba(50,230,177,.17)}
.landing-hero{padding:84px 0 60px;background:linear-gradient(145deg,#050b12,#081a27 58%,#071a16)}.landing-grid{grid-template-columns:1fr .75fr;gap:1.1rem}.landing-hero h1{color:#fff}.note-box{background:rgba(255,210,116,.08);border-color:rgba(255,210,116,.23);color:#ffe1a3}.landing-visual{grid-column:1/-1;position:relative;margin:1.2rem 0 0;height:420px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.landing-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s}.landing-visual:hover img{transform:scale(1.04)}.landing-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,8,13,.38))}.service-box{border-radius:17px}.service-box strong{color:#fff}.service-box span{color:#91a6b6}.legal{background:linear-gradient(145deg,#050b12,#081722);padding:78px 0}.legal-card{background:linear-gradient(145deg,#0d1d2b,#07131e);border-color:rgba(255,255,255,.1);box-shadow:var(--shadow)}.legal-card h1,.legal-card h2{color:#fff}.legal-card p{color:#a1b4c2}.footer{background:#02070c;color:#8298a8;border-top:1px solid rgba(255,255,255,.08)}.footer a{color:#dfeef8}.cookie-inner{background:#091621;border-color:rgba(255,255,255,.12)}.cookie p{color:#a1b4c2}.sticky .btn{box-shadow:0 18px 45px rgba(0,0,0,.35)}
.reveal{transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:2.4rem}.visual{min-height:600px}.links{gap:.05rem}.media-feature{grid-template-columns:1fr}.media-feature-image{height:380px}.media-feature-image:after{background:linear-gradient(180deg,transparent 70%,#07131e)}.landing-grid{grid-template-columns:1fr}}
@media(max-width:980px){.container{width:min(var(--max),calc(100% - 34px))}.links{background:rgba(5,12,19,.97);border-color:rgba(255,255,255,.12);inset:116px 17px auto}.links a:not(.btn){padding:.82rem;color:#dceaf4}.hero{padding:64px 0 72px}.cards{grid-template-columns:repeat(2,1fr)}.visual{min-height:560px}.wide-media{height:380px}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 26px))}.topbar .container{justify-content:center;text-align:center;padding:.35rem 0}.nav{min-height:68px}.brand img{width:43px;height:43px}.hero{padding:45px 0 55px}.hero-grid{gap:1.6rem}h1{font-size:clamp(2.45rem,13vw,3.75rem)}.visual{min-height:480px}.hero-photo{border-radius:22px;transform:none}.hero-photo figcaption{left:12px;right:12px;bottom:12px}.floating-stat{display:none}.trust{grid-template-columns:1fr 1fr}.section{padding:68px 0}.cards,.why-grid,.target-grid,.remote-strip,.steps,.prices,.mini-grid{grid-template-columns:1fr}.media-feature{border-radius:20px}.media-feature-image{height:280px}.media-feature-copy{padding:1.35rem}.wide-media{height:360px;border-radius:20px}.wide-media:after{background:linear-gradient(180deg,rgba(3,9,14,.1),rgba(3,9,14,.9))}.wide-media-content{left:1.2rem;right:1.2rem;top:auto;bottom:1.2rem;transform:none}.landing-visual{height:280px;border-radius:18px}.contact{border-radius:22px}.field select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.floating-stat{animation:none}.hero-photo,.media-feature img,.wide-media img,.landing-visual img{transition:none}}

/* =====================================================================
   AGNER IT V30 - LIGHT VISUAL EDITION
   Bright premium redesign. Structure and functions remain intact.
   ===================================================================== */
:root{
 --bg:#f5f8fb;--text:#13283b;--muted:#627487;--card:#fff;--line:#dbe6ee;
 --navy:#0b2941;--blue:#087fc2;--mint:#18bb91;--lime:#b8f5df;--amber:#f4b946;
 --shadow:0 28px 80px rgba(25,64,93,.12);--soft:0 12px 34px rgba(25,64,93,.075);--r:26px;--max:1240px
}
html{background:#f5f8fb}body{color:var(--text);background:radial-gradient(circle at 8% 0%,rgba(24,187,145,.11),transparent 27rem),radial-gradient(circle at 95% 10%,rgba(8,127,194,.10),transparent 31rem),#f5f8fb}
.topbar{background:linear-gradient(90deg,#0b2941,#0d4264 66%,#0a6a5a);color:#eef9ff;border-bottom:0}.topbar a{color:#fff}
.header{background:rgba(255,255,255,.84);border-bottom:1px solid rgba(184,205,220,.72);box-shadow:0 10px 34px rgba(21,60,87,.06)}.header.is-scrolled{background:rgba(255,255,255,.96)}.brand{color:var(--navy)}.brand img{filter:drop-shadow(0 9px 18px rgba(8,127,194,.17))}.links a:not(.btn){color:#536b7d}.links a:not(.btn):hover{color:var(--navy);background:#eaf4fa}.menu{color:var(--navy);background:#fff;border-color:#d4e2ec}
.btn-primary{color:#fff!important;background:linear-gradient(135deg,#0b2941,#087fc2);box-shadow:0 14px 32px rgba(8,127,194,.20)}.btn-accent{color:#073124;background:linear-gradient(135deg,#2bdca8,#a4f2d5);box-shadow:0 14px 32px rgba(24,187,145,.18)}.btn-ghost{color:var(--navy);background:#fff;border-color:#d4e2ec;box-shadow:0 10px 26px rgba(25,64,93,.07)}.btn-ghost:hover{background:#f0faf7;border-color:#8dddc5}
.hero{background:linear-gradient(145deg,#fbfdff 0%,#edf6fb 56%,#eefaf6 100%);min-height:790px}.hero:before{background:radial-gradient(circle at 14% 26%,rgba(8,127,194,.13),transparent 25rem),radial-gradient(circle at 84% 30%,rgba(24,187,145,.15),transparent 30rem)}.hero:after{background-image:linear-gradient(rgba(24,67,96,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,67,96,.045) 1px,transparent 1px)}.blob{opacity:.25}h1{color:var(--navy)}.grad{background:linear-gradient(90deg,#0b2941 0%,#087fc2 50%,#18bb91 100%);-webkit-background-clip:text;background-clip:text}.lead{color:#5e7385}.eyebrow{color:#08775e;background:rgba(255,255,255,.76);border-color:#c9e5dc;box-shadow:0 10px 28px rgba(25,64,93,.06)}
.trust div{background:rgba(255,255,255,.82);border-color:#d8e6ee;box-shadow:0 12px 28px rgba(25,64,93,.07)}.trust strong{color:var(--navy)}.trust span{color:#6a7e8e}
.hero-photo{border-color:rgba(255,255,255,.9);box-shadow:0 38px 100px rgba(20,58,85,.23);background:#dce9f1}.hero-photo img{filter:saturate(.82) brightness(1.18) contrast(.91);object-position:center}.hero-photo-overlay{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(8,35,52,.72) 100%)}.hero-photo figcaption{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(16,49,72,.14)}.hero-photo figcaption strong{color:var(--navy)}.hero-photo figcaption small{color:#5f7586}.live-dot{background:var(--mint);box-shadow:0 0 0 7px rgba(24,187,145,.14)}.floating-stat{background:rgba(255,255,255,.90);border-color:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(18,57,83,.17)}.floating-stat strong{color:var(--navy)}.floating-stat span{color:#617587}
.section{background:transparent}.section:nth-of-type(odd){background:rgba(255,255,255,.58);border-block:1px solid rgba(219,230,238,.58)}.head h2{color:var(--navy)}.head p,.card p,.step p,.price small,.faq-a,.checks li{color:var(--muted)}
.card,.panel,.target-card,.why-item,.remote-card,.service-box,.step,.price,.faq-item{background:linear-gradient(160deg,#fff,#f9fcfe);border:1px solid #dbe6ee;box-shadow:0 14px 38px rgba(25,64,93,.07)}.card:hover{border-color:#a8d8ca;box-shadow:0 28px 65px rgba(25,64,93,.13)}.card h3,.panel h2,.panel h3,.step h3,.price strong,.faq-q{color:var(--navy)}.icon{background:linear-gradient(145deg,#eaf6fc,#e8faf4);border-color:#d1e8ea}.target-card{background:linear-gradient(145deg,#fff,#f6fbfe)}.target-card:before{background:rgba(24,187,145,.08)}.target-card h3{color:var(--navy)}.target-card p{color:var(--muted)}.target-label{background:#e7faf4;color:#08775e;border-color:#c6eee1}.why-item strong,.remote-card strong,.service-box strong{color:var(--navy)}.why-item span,.remote-card span,.service-box span{color:var(--muted)}.checks li:before{color:#079d77}
.media-feature{background:#fff;border-color:#d7e5ed;box-shadow:var(--shadow)}.media-feature-image:after{background:linear-gradient(90deg,transparent 65%,#fff)}.media-feature img{filter:saturate(.78) brightness(1.13) contrast(.92)}.media-feature-copy h3{color:var(--navy)}.media-feature-copy p{color:var(--muted)}.kicker{color:#08775e}.media-pills span{background:#eaf6fc;border-color:#cae5f3;color:#17658d}
.wide-media{border-color:#d5e4ed;box-shadow:var(--shadow)}.wide-media img{filter:saturate(.77) brightness(1.15) contrast(.9)}.wide-media:after{background:linear-gradient(90deg,rgba(248,252,255,.96),rgba(248,252,255,.72) 48%,rgba(248,252,255,.05) 80%)}.wide-media h3{color:var(--navy)}.wide-media p{color:#516b7d}
.diag-buttons button{color:#536b7d;background:#fff;border-color:#d8e5ed;box-shadow:0 8px 22px rgba(25,64,93,.05)}.diag-buttons button:hover{color:var(--navy);border-color:#9bcfdf}.diag-buttons button.active{color:#fff;background:linear-gradient(135deg,#0b2941,#087fc2)}.step:before{background:linear-gradient(135deg,#087fc2,#18bb91);color:#fff}.price span{color:#087fc2}.faq-q{color:var(--navy)}
.contact{background:linear-gradient(135deg,#0b2941 0%,#0d5377 57%,#0d7866 100%);border-color:rgba(255,255,255,.25);box-shadow:0 36px 90px rgba(20,58,85,.25)}.contact p{color:rgba(255,255,255,.82)}.contact-box{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22)}.field input,.field select,.field textarea{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.request-hint{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
.landing-hero{background:linear-gradient(145deg,#fbfdff,#edf6fb 58%,#eefaf6)}.landing-hero h1{color:var(--navy)}.note-box{background:#fff7df;border-color:#ffe2a1;color:#6a4b00}.landing-visual{border-color:#d5e4ed;box-shadow:var(--shadow);background:#e6eff4}.landing-visual img{filter:saturate(.8) brightness(1.13) contrast(.92)}.landing-visual:after{background:linear-gradient(180deg,transparent 60%,rgba(10,46,69,.24))}
.legal{background:linear-gradient(145deg,#f7fbfe,#eef6fa)}.legal-card{background:#fff;border-color:#d8e5ed;box-shadow:var(--shadow)}.legal-card h1,.legal-card h2{color:var(--navy)}.legal-card p{color:var(--muted)}.footer{background:#eaf2f7;color:#627788;border-top:1px solid #d7e4ec}.footer a{color:var(--navy)}.cookie-inner{background:#fff;border-color:#d4e2ec;box-shadow:var(--shadow)}.cookie p{color:var(--muted)}
@media(max-width:980px){.links{background:rgba(255,255,255,.98);border-color:#d7e4ec}.links a:not(.btn){color:#536b7d}}
@media(max-width:640px){.wide-media:after{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(248,252,255,.94))}.hero-photo{transform:none}.media-feature-image:after{background:linear-gradient(180deg,transparent 72%,#fff)}}

/* AGNER IT V31 - very light blue card tops */
.card,.target-card,.why-item,.remote-card,.service-box,.step,.price,.faq-item,.panel{position:relative;overflow:hidden;isolation:isolate}
.card:before,.target-card:after,.why-item:before,.remote-card:before,.service-box:before,.step:after,.price:before,.panel:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:78px;background:linear-gradient(180deg,#e8f7ff 0%,#f4fbff 72%,rgba(255,255,255,0) 100%);border-bottom:1px solid rgba(155,208,235,.32);pointer-events:none}
.card,.why-item,.remote-card,.service-box,.step,.price{padding-top:1.42rem}.target-card,.panel{padding-top:1.55rem}
.card .icon{position:relative;z-index:1;background:linear-gradient(145deg,#f7fcff,#e5f7f2);border-color:#c3e2ed;box-shadow:0 8px 20px rgba(30,108,145,.08)}
.card h3,.service-box strong,.why-item strong,.remote-card strong{position:relative;z-index:1}
.target-card:after{height:96px;background:linear-gradient(180deg,#e6f6fe,#f5fbff 75%,transparent)}.target-card .target-label{position:relative;z-index:1}
.why-item:before,.remote-card:before,.service-box:before{height:58px;background:linear-gradient(180deg,#eaf7fd,#fbfdff 82%,transparent);border-bottom:0}
.step:after,.price:before{height:62px;background:linear-gradient(180deg,#e8f6fd,#fbfdff 82%,transparent);border-bottom:0}.panel:before{height:76px;background:linear-gradient(180deg,#e7f6fd,#fbfdff 80%,transparent);border-bottom:0}
.card p,.target-card p,.why-item span,.remote-card span,.service-box span,.step p,.price small{line-height:1.68}.card h3{min-height:2.7em;display:flex;align-items:flex-start}.cards .card{min-height:290px}.why-item{min-height:152px}.service-box{min-height:150px}.remote-card{min-height:165px}.step{min-height:220px}
@media(max-width:980px){.cards .card{min-height:276px}.card h3{min-height:auto}}@media(max-width:640px){.cards .card,.why-item,.service-box,.remote-card,.step{min-height:auto}.card:before{height:70px}}

/* =====================================================================
   AGNER IT V32 - Servicekarten mit klarem Farbbalken
   Nur der Bereich "Service aus einer Hand" wurde angepasst.
   ===================================================================== */
#service .card{
  background:#ffffff;
  border:0;
  box-shadow:none;
  border-radius:20px;
  padding-top:1.65rem;
  overflow:hidden;
}
#service .card:hover{
  box-shadow:none;
  border:0;
  transform:translateY(-4px);
  background:#fbfdff;
}
#service .card:before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  right:0;
  height:10px;
  background:#dff3fc;
  border:0;
  box-shadow:none;
}
#service .card:nth-child(3n+2):before{background:#dff7f1}
#service .card:nth-child(3n+3):before{background:#e7efff}
#service .card .icon{
  margin-top:.2rem;
  border:0;
  box-shadow:none;
  background:#eff9fd;
}
#service .card:nth-child(3n+2) .icon{background:#edf9f5}
#service .card:nth-child(3n+3) .icon{background:#f1f4ff}

/* AGNER IT V33 - Trennlinie in Privat-/Geschaeftskunden-Karten entfernt */
#zielgruppen .target-card:after{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* =====================================================================
   AGNER IT V35 - Complete visual optimization
   ===================================================================== */
.hero{min-height:700px;padding:76px 0 72px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:3rem}
.hero h1{font-size:clamp(2.55rem,4.25vw,4.65rem);line-height:.98;letter-spacing:-.058em;max-width:710px}
.hero .lead{max-width:680px}.hero-photo{transform:none}.hero-photo img{object-position:center 48%;filter:saturate(.88) brightness(1.08) contrast(.94)}
.floating-stat{left:-14px;top:52px;padding:.72rem .88rem}.hero .actions{gap:.7rem}.hero .actions .btn{min-width:160px}
.section{padding:82px 0}.head{margin-bottom:1.8rem}.head h2{font-size:clamp(1.85rem,2.75vw,3.05rem)}
/* Consistent card language */
.card,.target-card,.why-item,.remote-card,.service-box,.step,.price,.panel,.faq-item{border:1px solid #dbe6ee;box-shadow:none;background:#fff}
.card:hover,.target-card:hover,.why-item:hover,.remote-card:hover,.service-box:hover,.step:hover,.price:hover{box-shadow:none;transform:translateY(-3px);border-color:#b9dce9}
.card:before,.target-card:after,.why-item:before,.remote-card:before,.service-box:before,.step:after,.price:before,.panel:before{height:28px;background:linear-gradient(180deg,#eaf7fd,#fbfdff 82%,transparent);border:0;box-shadow:none}
#zielgruppen .target-card:after{height:32px;border:0!important;box-shadow:none!important}
#service .card{border:0;box-shadow:none;background:#fff}
#service .card:before{height:8px;background:#dff3fc}
#service .card:nth-child(3n+2):before{background:#dff7f1}#service .card:nth-child(3n+3):before{background:#e7efff}
.why-item:before,.remote-card:before,.service-box:before,.step:after,.price:before{height:26px}.panel:before{height:30px}
.target-card h3{font-size:clamp(1.25rem,1.8vw,1.65rem)}.card h3{font-size:1.06rem;min-height:auto}.cards .card{min-height:250px}
.why-item{min-height:135px}.remote-card{min-height:145px}.step{min-height:195px}.price{min-height:150px}
.service-box h3{font-size:1.05rem;line-height:1.3;margin:.15rem 0 .4rem;color:var(--navy)}.service-box p{margin:0;color:var(--muted);line-height:1.6}
.media-feature,.wide-media,.landing-visual{box-shadow:0 18px 52px rgba(25,64,93,.10)}
.media-feature-copy h3{font-size:clamp(1.55rem,2.2vw,2.5rem)}.wide-media h3{font-size:clamp(1.65rem,2.5vw,2.75rem)}
/* compact UI */
.prices{gap:.8rem}.faq{gap:.6rem}.faq-q{padding:1rem 1.1rem}.remote-strip,.steps{gap:.8rem}
/* Remove cookie banner styling from layout */
.cookie{display:none!important}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.visual{min-height:540px}.hero h1{max-width:820px}}
@media(max-width:640px){.hero{padding:42px 0 50px}.hero h1{font-size:clamp(2.15rem,10.5vw,3.05rem);line-height:1}.visual{min-height:430px}.section{padding:62px 0}.cards .card,.why-item,.remote-card,.step,.price{min-height:auto}.hero .actions .btn{width:100%}}