:root{
    --navy:#0e2a44;
    --navy-2:#15395c;
    --navy-deep:#091e35;
    --green:#0d9488;
    --green-dark:#0f766e;
    --green-light:#99f6e4;
    --bg:#f1f6f6;
    --text:#1b2a3a;
    --muted:#536579;
    --white:#ffffff;
    --star:#f59e0b;
    --ok:#14b8a6;
    --shadow:0 8px 28px rgba(14,42,68,.14);
    --shadow-lg:0 14px 40px rgba(14,42,68,.20);
    --radius:16px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
  h1,h2,h3{line-height:1.2;font-weight:800;color:var(--navy)}
  h2{font-size:1.6rem;margin-bottom:.5rem}
  p{color:var(--muted)}
  img{max-width:100%;height:auto;display:block}
  section{padding:48px 20px;scroll-margin-top:120px}
  .wrap{max-width:1040px;margin:0 auto}
  .center{text-align:center}
  .section-label{display:inline-block;color:var(--green);font-weight:800;
    text-transform:uppercase;letter-spacing:1px;font-size:.8rem;margin-bottom:6px;}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;
    text-decoration:none;border-radius:999px;padding:16px 28px;font-size:1.1rem;border:none;cursor:pointer;
    text-align:center;line-height:1.25;
    transition:transform .15s ease,box-shadow .15s ease;}
  .btn-cta{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 55%,#0f766e 100%);color:#fff;box-shadow:0 8px 22px rgba(13,148,136,.38);}
  .btn-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(13,148,136,.48);filter:brightness(1.05)}
  .btn-pulse{animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,148,136,.55)}70%{box-shadow:0 0 0 16px rgba(13,148,136,0)}100%{box-shadow:0 0 0 0 rgba(13,148,136,0)}}

  /* Top announcement bar */
  .topbar{background:linear-gradient(90deg,var(--navy-deep) 0%,var(--navy-2) 60%,var(--green-dark) 100%);color:#fff;font-weight:700;font-size:.88rem;padding:8px 14px;}
  .topbar .tb-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px}
  .topbar .tb-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:3px 10px 3px 8px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.2px}
  .topbar .tb-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27e07a;box-shadow:0 0 0 0 rgba(39,224,122,.7);animation:blink 1.4s infinite}
  .topbar .dot{opacity:.5;margin:0 4px}

  /* Sub-bar mit 3 Vorteilen */
  .subbar{background:var(--navy-2)}
  .subbar-inner{max-width:1040px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:center;padding:9px 14px}
  .subbar span{color:#dce6f4;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}
  .subbar span::before{content:"✓";color:#34d399;font-weight:800}

  /* Google / Trustpilot Bewertungs-Boxen */
  .ratings{display:flex;flex-wrap:nowrap;gap:14px;justify-content:flex-start;margin-top:26px;max-width:430px}
  .rate{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;
    background:#fff;border-radius:12px;padding:10px 10px;box-shadow:var(--shadow)}
  .rate .src{font-size:.9rem;line-height:1;white-space:nowrap;font-weight:800;color:var(--navy)}
  .rate .rline{display:flex;align-items:center;gap:6px}
  .rate .stars{color:var(--star);font-size:.82rem;letter-spacing:0;white-space:nowrap}
  .rate .score{font-weight:800;color:var(--navy);font-size:.85rem}
  .rate .gg b{color:#4285F4}.rate .gg .r{color:#EA4335}.rate .gg .y{color:#FBBC05}.rate .gg .g{color:#34A853}
  .rate .tp{color:#00b67a;display:inline-flex;align-items:center;gap:4px}

  /* Sticky Header — überall weiß mit dunklem Logo */
  header{position:static;z-index:100;background:#fff;box-shadow:0 2px 14px rgba(14,42,68,.12);}
  .header-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;padding:8px 14px;gap:16px;}
  .logo-link{display:flex;align-items:center;flex:0 0 auto;margin-right:auto;text-decoration:none}
  .logo-link img{height:64px;width:auto;max-width:320px;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}
  .brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:1.15rem;letter-spacing:.2px;line-height:1}
  .brand-mark .bm-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 12px rgba(13,148,136,.35)}
  .brand-mark .bm-text{display:flex;flex-direction:column;gap:1px}
  .brand-mark .bm-text .t1{font-size:1.05rem;color:var(--navy);font-weight:900;letter-spacing:.2px}
  .brand-mark .bm-text .t2{font-size:.7rem;color:var(--green-dark);text-transform:uppercase;letter-spacing:1.3px;font-weight:800}
  .brand-mark-footer{display:inline-flex;align-items:center;gap:9px;background:#fff;padding:8px 14px;border-radius:10px;color:var(--navy);font-weight:900;font-size:1rem;line-height:1;margin:0 auto 10px;letter-spacing:.2px}
  .brand-mark-footer .bm-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}
  .main-nav{display:none;gap:20px;align-items:center}
  .main-nav a{color:var(--navy);text-decoration:none;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.3px}
  .main-nav a:hover{color:var(--green)}
  .header-tel{background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:8px 14px;border-radius:999px;
    display:none;align-items:center;gap:6px;font-size:.85rem;white-space:nowrap;box-shadow:0 4px 12px rgba(13,148,136,.35);}
  .header-tel:hover{background:var(--green-dark)}
  .header-tel .lbl{display:none}

  /* Hero — Split layout, asymmetric */
  .hero{position:relative;background:
    radial-gradient(1100px 600px at 85% -10%, rgba(13,148,136,.22) 0%, transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(21,57,92,.55) 0%, transparent 55%),
    linear-gradient(165deg,var(--navy-deep) 0%, var(--navy) 50%, #072030 100%);
    color:#fff;padding:42px 20px 56px;overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:42px 42px;mask-image:radial-gradient(ellipse at 70% 30%,#000 0%,transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 0%,transparent 70%);pointer-events:none;opacity:.6}
  .hero .wrap{position:relative;z-index:1}
  .hero-grid{display:grid;gap:32px;grid-template-columns:1fr;align-items:center}
  .hero-content{text-align:left}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);
    border:1px solid rgba(13,148,136,.55);padding:7px 14px 7px 11px;border-radius:8px;
    color:var(--green-light);font-weight:800;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:18px}
  .hero-eyebrow .he-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27e07a;animation:blink 1.4s infinite}
  .hero h1{color:#fff;font-size:2.05rem;line-height:1.1;margin-bottom:14px;letter-spacing:-.5px}
  .hero h1 .hl{color:var(--green-light);background:linear-gradient(90deg,var(--green) 0%, #5eead4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero h1 .accent{display:inline-block;border-bottom:3px solid var(--green);padding-bottom:2px}
  .hero p.sub{color:#c4d2e8;font-size:1.08rem;margin-bottom:24px;max-width:560px}
  .hero .btn-cta{font-size:1.18rem;padding:18px 28px;width:100%;max-width:440px}
  .hero-trust-strip{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.85rem;color:#dce6f4;font-weight:600}
  .hero-trust-strip span{display:inline-flex;align-items:center;gap:6px}
  .hero-trust-strip .st{color:var(--star)}
  .hero-trust-strip .sep{opacity:.3}
  .hero-visual{position:relative;order:99}
  /* Hero-Trust-Boxen: nur Mobile, auf Desktop ersetzt durch .tboxes Section unter Hero */
  .hero-tboxes{margin:18px 0 22px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
  .hero-tboxes .htb{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;background:rgba(13,148,136,.08);border:1px solid rgba(13,148,136,.32);border-radius:10px}
  .hero-tboxes .htb .ico{font-size:1.2rem;flex:0 0 auto;line-height:1.1}
  .hero-tboxes .htb b{display:block;color:#fff;font-size:.84rem;line-height:1.2;margin-bottom:1px}
  .hero-tboxes .htb b span{color:inherit;font-size:inherit;font-weight:inherit}
  .hero-tboxes .htb > div > span{color:#9bb3c8;font-size:.72rem;line-height:1.25;display:block}
  /* Ratings als Karten mit echten Logos */
  .rate{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);min-height:90px}
  .rate .rate-logo{width:26px;height:26px;display:block;flex:0 0 auto}
  .rate .src{font-size:.92rem;line-height:1;white-space:nowrap;font-weight:800;color:var(--navy)}
  .rate .rline{display:flex;align-items:center;gap:6px}
  .rate .stars{color:var(--star);font-size:.82rem;letter-spacing:0;white-space:nowrap}
  .rate .score{font-weight:800;color:var(--navy);font-size:.85rem}
  .hero-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);border:none}
  .hero-img img{display:block}
  .hero-badge-float{position:absolute;bottom:-14px;left:-14px;background:#fff;color:var(--navy);
    border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-weight:800;
    box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:.85rem;line-height:1.15;max-width:240px}
  .hero-badge-float .bf-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex:0 0 auto}
  .hero-badge-float small{display:block;font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}
  .hero-cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:4px}
  .hero-points{margin:0;display:inline-flex;flex-direction:column;gap:8px;text-align:left}
  .hero-points span{color:#dce6f4;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:9px}
  .hero-points span::before{content:"✓";color:#34d399;font-weight:800;font-size:1.05rem}

  /* 4 Trust boxes */
  .tboxes{background:var(--bg)}
  .tbox-grid{display:grid;gap:14px;grid-template-columns:1fr}
  .tbox{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e3ece6;border-radius:var(--radius);
    padding:16px 18px;box-shadow:var(--shadow)}
  .tbox img{width:46px;height:46px;flex:0 0 auto}
  .tbox h3{font-size:1.02rem;margin-bottom:1px}
  .tbox p{font-size:.86rem;margin:0}

  /* Rückrufservice */
  .callback{background:linear-gradient(160deg,var(--navy-2) 0%,var(--navy) 100%);color:#fff}
  .callback .grid{display:grid;gap:26px;grid-template-columns:1fr;align-items:center}
  .callback h2{color:#fff;font-size:1.7rem}
  .callback .lead{color:#c4d2e8;margin-bottom:8px}
  .callback ul{list-style:none;margin-top:14px}
  .callback ul li{padding-left:28px;position:relative;margin-bottom:8px;color:#dce6f4}
  .callback ul li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800;font-size:1.1rem}
  .form-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg)}
  .form-card h3{font-size:1.2rem;margin-bottom:4px}
  .form-card p.fine{color:var(--muted);font-size:.88rem;margin-bottom:16px}
  .form-card label.fl{display:block;font-weight:700;color:var(--navy);font-size:.9rem;margin:12px 0 5px}
  .form-card input,.form-card select,.form-card textarea{width:100%;padding:13px 14px;border:1.5px solid #d4ded6;border-radius:10px;
    font-size:1rem;font-family:inherit;background:#fff;color:var(--text)}
  .form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--green)}
  .form-card textarea{min-height:80px;resize:vertical}
  .form-card select{height:48px;line-height:1.4;padding:0 14px}
  .form-card .btn-cta{width:100%;margin-top:18px}
  .form-trust{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px 14px;justify-content:center;align-items:center;
    font-size:.82rem;color:var(--muted);font-weight:600}
  .form-trust span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
  .form-trust .st{color:var(--star)}
  .hp{position:absolute;left:-9999px;opacity:0}

  /* Accreditations */
  .accr{background:#fff;border-bottom:1px solid #e3ece6}
  .accr-inner{max-width:1000px;margin:0 auto;display:grid;gap:30px;grid-template-columns:1fr;align-items:center;padding:42px 20px}
  .accr .left{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}
  .accr .badge-img{display:none;width:140px;height:auto;flex:0 0 auto}
  .accr .txt{max-width:420px;text-align:left}
  .accr .cert{justify-self:center;width:100%}
  .accr .cert img{width:100%;max-width:480px;height:auto;border-radius:12px;box-shadow:var(--shadow);margin:0 auto}

  /* Services / problem areas */
  .pa-grid{display:grid;gap:20px;margin-top:26px;grid-template-columns:1fr}
  .pa-card{background:#fff;border:1px solid #e3ece6;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
    transition:transform .15s ease,box-shadow .15s ease}
  .pa-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
  .pa-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
  .pa-card .cap{padding:18px 20px;text-align:left}
  .pa-card .cap h3{font-size:1.12rem;margin-bottom:4px}
  .pa-card .cap p{font-size:.93rem;margin:0}

  /* Urgency */
  .urgency{background:#eef7f1;border-top:1px solid #cde9d8;border-bottom:1px solid #cde9d8}
  .urgency .wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center}
  .urgency .big{font-size:2.6rem}
  .urgency h2{color:var(--green-dark)}
  .urgency p{max-width:640px}

  /* Steps */
  .steps{background:var(--bg)}
  .steps-grid{display:grid;gap:16px;margin-top:26px;grid-template-columns:1fr}
  .step{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--radius);padding:20px;border:1px solid #e3ece6;}
  .step .num{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:1.3rem;
    display:flex;align-items:center;justify-content:center;}
  .step h3{font-size:1.1rem;margin-bottom:2px}

  /* Why us */
  .why{background:#fff}
  .why-grid{display:grid;gap:18px;margin-top:26px;grid-template-columns:1fr}
  .why-card{background:var(--bg);border:1px solid #e3ece6;border-radius:var(--radius);padding:24px;text-align:center}
  .why-card .emo{font-size:2rem;margin-bottom:8px}
  .why-card h3{font-size:1.12rem;margin-bottom:4px}
  .why-card p{font-size:.94rem}

  /* Team */
  .team{background:var(--bg)}
  .team-grid{display:grid;gap:20px;margin-top:26px;grid-template-columns:1fr}
  .team-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #e3ece6;}
  .team-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
  .team-card .cap{padding:16px 18px}
  .team-card .cap h3{font-size:1.1rem;margin-bottom:2px}
  .team-card .cap p{font-size:.92rem;margin:0}

  /* Testimonials */
  .testi-grid{display:grid;gap:18px;margin-top:26px;grid-template-columns:1fr}
  .testi{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid #e3ece6;}
  .testi .stars{color:var(--star);font-size:1.1rem;margin-bottom:10px}
  .testi p.quote{color:var(--text);font-style:italic;margin-bottom:14px}
  .testi .who{display:flex;align-items:center;gap:12px}
  .testi .avatar{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;flex:0 0 auto}
  .testi .avatar img{width:100%;height:100%;object-fit:cover}
  .testi .who b{color:var(--navy)}
  .testi .who span{color:var(--muted);font-size:.85rem;display:block}

  /* FAQ */
  .faq{background:#fff}
  details{background:var(--bg);border:1px solid #e3ece6;border-radius:12px;margin-bottom:12px;overflow:hidden}
  details summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;color:var(--navy);
    display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1.05rem;}
  details summary::-webkit-details-marker{display:none}
  details summary::after{content:"+";color:var(--green);font-size:1.6rem;font-weight:800;transition:transform .2s}
  details[open] summary::after{transform:rotate(45deg)}
  details .answer{padding:0 22px 18px;color:var(--muted)}

  /* Final CTA */
  .final{background:var(--green);color:#fff;text-align:center}
  .final h2{color:#fff;font-size:1.9rem}
  .final p{color:#eafaf0;font-size:1.1rem;margin-bottom:24px}
  .final .btn{background:#fff;color:var(--green-dark);font-size:1.3rem;padding:19px 32px;width:100%;max-width:420px}
  .final .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}

  /* Kontakt */
  .kontakt{background:var(--navy);color:#fff}
  .kontakt h2{color:#fff}
  .k-grid{display:grid;gap:18px;margin-top:26px;grid-template-columns:1fr}
  .k-card{background:var(--navy-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px;text-align:center}
  .k-card .emo{font-size:1.8rem;margin-bottom:8px}
  .k-card h3{color:#fff;font-size:1.1rem;margin-bottom:4px}
  .k-card a{color:var(--green);text-decoration:none;font-weight:800;font-size:1.15rem}
  .k-card p{color:#c4d2e8;font-size:.95rem}

  /* Footer */
  footer{background:var(--navy-deep);color:#9fb2cf;padding:38px 20px 30px;text-align:center}
  footer .flogo{height:54px;width:auto;max-width:280px;margin:0 auto 12px;display:block}
  footer .ft-tel{color:#fff;font-weight:800;font-size:1.3rem;text-decoration:none;display:inline-block;margin:8px 0}
  footer nav{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}
  footer nav a{color:#c4d2e8;text-decoration:none;font-size:.9rem}
  footer nav a:hover{color:#fff}
  footer .copy{font-size:.82rem;margin-top:14px;opacity:.7}

  /* Sticky bottom CTA bar (all devices) */
  .callbar{position:fixed;bottom:0;left:0;right:0;z-index:120;background:var(--navy);
    box-shadow:0 -4px 18px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;}
  .callbar .cbtxt{color:#fff;line-height:1.15}
  .callbar .cbtxt b{display:block;font-size:.82rem}
  .callbar .cbtxt span{color:#9fb2cf;font-size:.7rem}
  .callbar a{background:var(--green);color:#fff;text-decoration:none;font-weight:800;font-size:.92rem;
    display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;white-space:nowrap}
  .callbar a:hover{background:var(--green-dark)}
  .live-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#27e07a;margin-right:8px;
    box-shadow:0 0 0 0 rgba(39,224,122,.7);animation:blink 1.4s infinite;vertical-align:middle}
  @keyframes blink{0%{box-shadow:0 0 0 0 rgba(39,224,122,.7)}70%{box-shadow:0 0 0 9px rgba(39,224,122,0)}100%{box-shadow:0 0 0 0 rgba(39,224,122,0)}}
  body{padding-bottom:62px}

  /* Section-CTA (mehrfach) */
  .cta-row{text-align:center;margin-top:30px}
  .cta-row .btn{max-width:460px;width:100%}

  /* Mobile-Trust-Boxen (im Hero, unter der Subline) */
  .tboxes-mobile{margin:4px auto 22px;max-width:430px;display:grid;gap:10px;text-align:left}
  .tboxes-mobile .mtb{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 14px}
  .tboxes-mobile .mtb img{width:34px;height:34px;flex:0 0 auto}
  .tboxes-mobile .mtb b{color:#fff;font-size:.95rem;display:block;line-height:1.2}
  .tboxes-mobile .mtb b .js-city{color:#fff;font-size:inherit;font-weight:inherit}
  .tboxes-mobile .mtb > div > span{color:#bcd0ec;font-size:.8rem}
  .tboxes{display:none}

  @media(min-width:640px){
    h2{font-size:2rem}
    .hero h1{font-size:2.55rem}
    .header-tel{display:inline-flex}
    .header-tel .lbl{display:inline}
    .accr .badge-img{display:block}
    .logo-link img{height:74px;max-width:360px}
    .tboxes-mobile{display:none}
    .tboxes{display:block}
    .accr-inner{grid-template-columns:1.1fr 1fr}
    .tbox-grid{grid-template-columns:repeat(2,1fr)}
    .pa-grid{grid-template-columns:repeat(2,1fr)}
    .steps-grid{grid-template-columns:repeat(3,1fr)}
    .why-grid{grid-template-columns:repeat(3,1fr)}
    .team-grid{grid-template-columns:repeat(3,1fr)}
    .testi-grid{grid-template-columns:repeat(3,1fr)}
    .k-grid{grid-template-columns:repeat(2,1fr)}
    .urgency .big{font-size:3.4rem}
  }
  @media(min-width:900px){
    .main-nav{display:flex}
    .callback .grid{grid-template-columns:1fr 1fr}
    .tbox-grid{grid-template-columns:repeat(4,1fr)}
    .pa-grid{grid-template-columns:repeat(3,1fr)}
    /* Hero wird 2-spaltig */
    .hero{padding:80px 20px 90px}
    .hero h1{font-size:2.95rem}
    .hero-grid{grid-template-columns:1.05fr 1fr;gap:50px}
    .hero-visual{order:2}
    .hero-content{padding-right:10px}
    .hero .btn-cta{max-width:480px}
    .hero-badge-float{bottom:-22px;left:-22px;font-size:.92rem;padding:12px 18px}
    .hero-badge-float .bf-icon{width:46px;height:46px;font-size:1.4rem}
    /* Hero-Trust-Boxen werden auf Desktop versteckt → klassische .tboxes Section unter Hero zeigt */
    .hero-tboxes{display:none}
  }
  @media(min-width:768px){
    section{padding:64px 20px}
    /* Sticky-CTA-Leiste auf Desktop größer */
    .callbar{padding:13px 36px;gap:24px}
    .callbar .cbtxt b{font-size:1.15rem}
    .callbar .cbtxt span{font-size:.92rem}
    .callbar a{font-size:1.3rem;padding:16px 34px;gap:10px}
    .callbar .live-dot{width:13px;height:13px}
    body{padding-bottom:84px}
  }



/* StaticToWP: force scroll-animated elements visible. Covers library hooks (AOS/ScrollReveal/
   GSAP/wow) AND scroll-reveal WRAPPERS — custom elements like <animate-in> (Stimulus/Hotwire
   controllers) and data-/class reveal markers — whose JS we strip on non-hydrating clones.
   Deliberately scoped to reveal WRAPPERS, not the bare Tailwind `opacity-0` utility: that
   utility is also how hover menus and card overlays hide, and force-showing those would leave
   mega-menus open and overlays covering the page. */
[data-aos],[data-aos][class*=aos-],[data-sal],[data-wow-delay],
.wow,.animated,.is-animated,.js-animate,[data-scroll-class],[data-sr-id],
animate-in,[data-target*="animate-in"],[class*="animate-in"],[class*="animate_in"],
scroll-animate,scroll-reveal,[data-animate],[data-reveal],[data-scroll-reveal],
[class*="scroll-reveal"],[class*="reveal-on"],[class*="fade-in"],[class*="slide-in"] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
}

/* StaticToWP: Framer appear animations. Elements ship with inline
   style="opacity:0.001;transform:translateY(...)" and are revealed by Framer's JS
   (startOptimizedAppearAnimation). We strip that JS on non-Framer clones, so force them
   visible here — a stylesheet !important rule beats the non-important inline style. */
[data-framer-appear-id] {
  opacity: 1 !important;
  transform: none !important;
}

/* StaticToWP: dropdown menu reveal — open/is-open class set by interactivity script */
.dropdown .dropdown-menu,
.dropdown .sub-menu,
.has-dropdown .dropdown-menu,
.has-dropdown .sub-menu {
  display: none;
}
.dropdown.open .dropdown-menu,
.dropdown.is-open .dropdown-menu,
.has-dropdown.open .dropdown-menu,
.has-dropdown.open .sub-menu,
.has-dropdown.is-open .sub-menu {
  display: block;
}
/* Desktop hover fallback — opens dropdowns even if the JS class-toggle misses this markup */
@media (hover: hover) and (min-width: 769px) {
  .dropdown:hover > .dropdown-menu,
  .dropdown:hover > .sub-menu,
  .has-dropdown:hover > .dropdown-menu,
  .has-dropdown:hover > .sub-menu,
  .nav-item.dropdown:hover > .dropdown-menu,
  li.menu-item-has-children:hover > .sub-menu,
  [data-dropdown]:hover > .dropdown-content {
    display: block;
  }
}

/* StaticToWP: off-canvas drawer / overlay reveal. The interactivity script toggles
   .stwp-drawer-open on a menu/search panel whose open state was driven by (now-stripped) JS —
   often via an inline width, a transform, or an opacity/visibility flip with no open-state class
   of its own (e.g. panels hidden by width:0;position:fixed). Force the panel fully visible here
   regardless of which mechanism hid it. Fixed panels keep their own top/right/left anchoring. */
.stwp-drawer-open {
  width: min(100vw, 30rem) !important;
  max-width: 100vw !important;
  min-width: 20rem !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: auto !important;
  z-index: 2147483000 !important;
}
/* A drawer hidden purely with display:none needs unhiding too, but only then (guarded so we
   never flip a flex/grid panel's display). */
.stwp-drawer-open[style*="display:none"],
.stwp-drawer-open[style*="display: none"] { display: block !important; }
/* Dim the page behind an open drawer. */
html.stwp-drawer-lock { overflow: hidden !important; }
html.stwp-drawer-lock body::after {
  content: ""; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 2147482000;
}

/* StaticToWP: accordion answer max-height transition baseline */
.faq-answer,
.accordion-body,
.accordion-content,
.faq-content {
  transition: max-height 0.3s ease, opacity 0.25s ease;
}
.faq-item:not(.open):not(.is-open):not(.active) .faq-answer,
.accordion-item:not(.open):not(.is-open):not(.active) .accordion-body,
.accordion-item:not(.open):not(.is-open):not(.active) .accordion-content {
  max-height: 0;
  overflow: hidden;
}


/* StaticToWP: inner page wrapper — used by single.php, archive.php, page.php, search.php */
.stwp-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 780px;
  margin-inline: auto;
  padding: 4rem 1.5rem;
}
.stwp-entry {
  margin-bottom: 2.5rem;
}
.stwp-entry h1, .stwp-entry h2 {
  margin-bottom: 0.5rem;
}
.stwp-entry h2 a {
  text-decoration: none;
}
.stwp-meta {
  opacity: 0.5;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
.entry-content > * + * {
  margin-top: 1em;
}
@media (max-width: 600px) {
  .stwp-inner { padding: 2rem 1rem; }
}
.stwp-inner{max-width:980px;margin:0 auto;padding:75px 22px 130px;min-height:55vh}.stwp-entry h1{font-size:clamp(30px,4vw,45px);color:#102d45;margin:0 0 28px}.stwp-entry h2{font-size:23px;margin:28px 0 12px;color:#102d45}.stwp-entry p{line-height:1.7;margin-bottom:16px}.stwp-entry a{color:#12857f;overflow-wrap:anywhere}