:root{--blau:#0f4698;--blau-dunkel:#0a2044;--blau-hell:#e8eef8;--text:#23272e;--text-leise:#5a626e;--grau:#f5f7fa;--linie:#dde3ec;--breite:1120px;--radius:6px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25;color:var(--blau-dunkel);margin:0 0 .6em;font-weight:650}h1{font-size:clamp(1.9rem,4vw,2.6rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}h4{font-size:1.05rem}p{margin:0 0 1.1em}a{color:var(--blau);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--blau-dunkel)}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--breite);margin:0 auto;padding:0 1.25rem}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--blau);color:#fff;padding:.6rem 1rem}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linie)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}.logo img{width:auto;max-height:46px}.site-nav ul{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0}.site-nav a{color:var(--text);text-decoration:none;font-weight:550;padding:.35rem 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--blau);border-bottom-color:var(--blau)}.nav-toggle,.nav-toggle-label{display:none}.hero{background-size:cover;background-position:50%;color:#fff;text-align:center}.hero-inner{padding:clamp(3.5rem,9vw,7rem)1.25rem;max-width:900px}.hero h1{color:#fff;margin-bottom:.8em}.hero-frage{font-size:1.1rem;font-weight:550;color:#cfe0ff}.hero-text{font-size:1.05rem;color:#eaf1ff;margin-bottom:2rem}.btn{display:inline-block;background:var(--blau);color:#fff;padding:.8rem 1.9rem;border-radius:var(--radius);text-decoration:none;font-weight:600;border:2px solid var(--blau)}.btn:hover{background:var(--blau-dunkel);border-color:var(--blau-dunkel);color:#fff}.btn-hell{background:#fff;color:var(--blau);border-color:#fff}.btn-hell:hover{background:0 0;color:#fff;border-color:#fff}.abschnitt{padding:clamp(2.5rem,6vw,4.5rem)0}.abschnitt-grau{background:var(--grau)}.abschnitt-intro{color:var(--text-leise);max-width:60ch}.zweispaltig{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}.spalte-bild img{border-radius:var(--radius)}.matrix{display:grid;grid-template-columns:repeat(var(--spalten,3),1fr);gap:1px;background:var(--linie);border:1px solid var(--linie);margin-top:2rem}.matrix-zelle{background:#fff;padding:1.9rem 1.75rem 2rem;position:relative}.abschnitt-grau .matrix-zelle{background:#fff}.matrix-nr{display:block;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;color:var(--blau);letter-spacing:.06em;margin-bottom:1.1rem}.matrix-label{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700;color:var(--text-leise);margin:0 0 .45rem}.matrix-zelle h3{font-size:1.06rem;margin-bottom:.6em}.matrix-zelle p:last-child{margin:0;color:var(--text-leise);font-size:.95rem}.bereich{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;margin-top:3rem}.bereich-gedreht .bereich-bild{order:2}.bereich-bild img{border-radius:var(--radius)}.punkte{margin:1.2rem 0 0}.punkte dt{font-weight:650;color:var(--blau-dunkel);margin-top:1rem}.punkte dd{margin:.2rem 0 0;color:var(--text-leise)}.abschnitt-cta{background:var(--blau);color:#fff;text-align:center}.abschnitt-cta h2{color:#fff}.abschnitt-cta p{color:#dbe6fa;margin-bottom:1.8rem}.seitenkopf{background:var(--blau-hell);padding:clamp(2rem,5vw,3.5rem)0;border-bottom:1px solid var(--linie)}.seitenkopf h1{margin:0}.seitenkopf-untertitel{margin:.6rem 0 0;color:var(--text-leise);font-size:1.05rem}.inhalt-text{max-width:900px}.inhalt-text h2{margin-top:2.2em}.inhalt-text h2:first-child{margin-top:0}.inhalt-text h3{margin-top:1.8em}.inhalt-text ul{padding-left:1.2rem}.inhalt-text li{margin-bottom:.4em}.inhalt-text table{border-collapse:collapse;width:100%;margin:1.5rem 0}.inhalt-text th,.inhalt-text td{border:1px solid var(--linie);padding:.6rem .8rem;text-align:left}.sprungnav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.sprungnav a{background:#fff;border:1px solid var(--linie);color:var(--blau-dunkel);padding:.45rem 1rem;border-radius:999px;text-decoration:none;font-size:.92rem;font-weight:550}.sprungnav a:hover{background:var(--blau);border-color:var(--blau);color:#fff}.leistungsblock{scroll-margin-top:90px}.leistung-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.75rem,4vw,3.5rem);align-items:center}.leistung-gedreht .leistung-bild{order:2}.leistung-bild{position:relative}.leistung-bild img{border-radius:var(--radius)}.leistung-nummer{position:absolute;left:.9rem;top:.9rem;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.93);color:var(--blau);font-size:1rem;font-weight:750;letter-spacing:.01em;box-shadow:0 2px 10px rgba(10,32,68,.18)}.leistung-label{text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:700;color:var(--blau);margin:0 0 .5rem}.leistung-text h2{margin-bottom:.7em}.haken{list-style:none;padding:0;margin:1.4rem 0 0}.haken li{position:relative;padding-left:1.75rem;margin-bottom:.55rem;color:var(--text-leise)}.haken li::before{content:"";position:absolute;left:0;top:.5em;width:.5rem;height:.85rem;border-right:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(45deg)}.hero-produkt{text-align:left}.hero-produkt .hero-inner{max-width:860px}.hero-marke{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:#9dbcf0;margin:0 0 .9rem}.hero-zusatz{color:#c3d5f2;font-size:.97rem}.hero-tasten{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 0}.abschnitt-cta .hero-tasten{justify-content:center}.btn-rand{background:0 0;color:#fff;border-color:rgba(255,255,255,.6)}.btn-rand:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}.merksatz{border-left:3px solid var(--blau);background:#fff;border-radius:var(--radius);padding:1.25rem 1.6rem;font-weight:550;color:var(--blau-dunkel);margin:0 0 2.5rem}.abschnitt-marke{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--blau);margin:0 0 .6rem}.einleitung{font-size:1.06rem}.kennzahlen-abstand{margin-top:2.5rem}.leitsatz{margin:2.5rem 0 0;padding-left:1.4rem;border-left:3px solid var(--blau);font-size:1.1rem;font-weight:550;color:var(--blau-dunkel)}.ergaenzung{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.75rem,4vw,3.5rem);align-items:center}.ergaenzung-bild img{border-radius:var(--radius)}.schritte{list-style:none;margin:2rem 0 2.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:2px solid var(--linie)}.schritte li{position:relative;padding:1.25rem 1rem 0 0}.schritte li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--blau);box-shadow:0 0 0 3px #fff}.schritt-nr{display:block;font-size:.74rem;font-weight:700;color:var(--blau);letter-spacing:.08em;margin-bottom:.25rem}.schritt-name{font-weight:650;color:var(--blau-dunkel)}.marken{margin:.4rem 0 0;font-size:.8rem;opacity:.75}.copyright p{margin:0}.varianten{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linie);border:1px solid var(--linie)}.variante{background:#fff;padding:0;scroll-margin-top:90px;display:flex;flex-direction:column}.variante-kopf{background:var(--blau-hell);padding:1.4rem 1.75rem 1.25rem;border-bottom:1px solid var(--linie)}.variante-koerper{padding:1.75rem;display:flex;flex-direction:column;flex:1}.variante .btn{align-self:flex-start;margin-top:auto}.variante .haken{margin-bottom:1.9rem}.variante-kennzeichen{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--blau);margin:0 0 .5rem}.variante h3{font-size:1.55rem;margin-bottom:.15em}.variante-untertitel{color:var(--text-leise);font-weight:550;margin:0}.vergleich-titel{margin-top:3.5rem}.tabelle-rahmen{overflow-x:auto;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}.vergleich{border-collapse:collapse;width:100%;min-width:620px;font-size:.95rem}.vergleich th,.vergleich td{padding:.85rem 1.1rem;text-align:left;vertical-align:top}.vergleich thead th{background:var(--blau-hell);color:var(--blau-dunkel);font-size:.95rem}.th-zusatz{display:block;font-weight:400;font-size:.78rem;color:var(--text-leise)}.vergleich tbody tr{border-top:1px solid var(--linie)}.vergleich tbody th{font-weight:650;color:var(--blau-dunkel);width:22%}.vergleich tbody td{color:var(--text-leise)}.kachel-label{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:700;color:var(--blau);margin:0 0 .5rem}.kachel h3{font-size:1.08rem}.vorteile{margin:1.75rem 0 0}.vorteil{border-top:1px solid var(--linie);padding:1.5rem 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:1.5rem}.vorteil:first-child{border-top:0}.vorteil dt{font-weight:650;color:var(--blau-dunkel);font-size:1.1rem;margin:0}.vorteil dd{margin:0;color:var(--text-leise)}.vorteil-schlagworte{display:block;margin-top:.4rem;font-size:.82rem;font-weight:500;color:var(--blau);letter-spacing:.02em}.vertrauen{margin:1.25rem 0 0}.vertrauen dt{font-weight:650;color:var(--blau-dunkel);margin-top:1rem}.vertrauen dd{margin:.2rem 0 0;color:var(--text-leise);font-size:.95rem}.cta-text{max-width:72ch;margin-left:auto;margin-right:auto}.produktliste{margin-top:2.5rem}.produkt{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:2.25rem 0;border-top:1px solid var(--linie)}.produkt:first-child{border-top:0;padding-top:.5rem}.produkt-bild img{border-radius:var(--radius)}.produkt-kennzeichen{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--blau);margin:0 0 .5rem}.produkt h2{margin-bottom:.5em}.produkt-entwurf{opacity:.72}.produkt-entwurf .produkt-bild img{filter:grayscale(1)}.entwurf-hinweis{display:inline-block;background:var(--grau);border:1px dashed var(--linie);border-radius:var(--radius);padding:.6rem 1rem;color:var(--text-leise);font-size:.93rem}.abschnitt-schmal{padding:2.5rem 0 0}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.kennzahl{border-left:3px solid var(--blau);background:var(--grau);border-radius:var(--radius);padding:1.25rem 1.4rem}.kennzahl-wert{display:block;font-size:1.75rem;font-weight:750;color:var(--blau-dunkel);line-height:1.15}.kennzahl-text{display:block;margin-top:.3rem;color:var(--text-leise);font-size:.93rem}.kundenzeilen{list-style:none;margin:1.75rem 0 0;padding:0;border-top:1px solid var(--linie)}.kundenzeilen li{display:flex;align-items:center;gap:1.1rem;padding:1.05rem .25rem;border-bottom:1px solid var(--linie)}.kunde-kuerzel{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--blau-hell);color:var(--blau);font-weight:750;font-size:.95rem;letter-spacing:.02em}.kunde-name{font-weight:600;color:var(--blau-dunkel)}.kunde-ort{margin-left:auto;color:var(--text-leise);font-size:.92rem}.partner-web{margin:1.1rem 0 0;font-size:.93rem}.partner-web a{font-weight:550}.branchen{list-style:none;padding:0;margin:1.75rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem}.branchen li{background:#fff;border:1px solid var(--linie);border-radius:999px;padding:.55rem 1.25rem;font-weight:550;color:var(--blau-dunkel)}.kontakt-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,3.5rem);align-items:start}.kontakt-daten{background:var(--grau);border-radius:var(--radius);padding:1.75rem}.kontakt-daten h2{font-size:1.2rem;margin-top:0}.formular fieldset{border:1px solid var(--linie);border-radius:var(--radius);padding:1.25rem 1.4rem;margin:0 0 1.5rem}.formular legend{font-weight:650;color:var(--blau-dunkel);padding:0 .4rem}.formular label{display:block;margin-bottom:.35rem;font-weight:550}.formular input[type=text],.formular input[type=email],.formular input[type=tel],.formular textarea{width:100%;padding:.7rem .85rem;font:inherit;color:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}.formular input:focus,.formular textarea:focus{outline:2px solid var(--blau);outline-offset:1px;border-color:var(--blau)}.formular textarea{min-height:150px;resize:vertical}.feld{margin-bottom:1.1rem}.checkbox-liste{list-style:none;margin:.4rem 0 0;padding:0}.checkbox-liste li{margin-bottom:.45rem}.checkbox-liste label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.checkbox-liste input{margin-top:.35rem}.checkbox-eingerueckt{margin-left:1.7rem;padding-left:.8rem;border-left:2px solid var(--linie)}.pflicht{color:#b3261e}.hinweis{font-size:.9rem;color:var(--text-leise)}.honigtopf{position:absolute;left:-9999px}.meldung{padding:1rem 1.2rem;border-radius:var(--radius);margin-bottom:1.5rem}.meldung-ok{background:#e7f6ec;border-left:3px solid #1e7b34}.meldung-fehler{background:#fdecea;border-left:3px solid #b3261e}.site-footer{background:var(--blau-dunkel);color:#c8d4e8;margin-top:0;padding:3rem 0 1.5rem;font-size:.95rem}.footer-inner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.site-footer strong{color:#fff}.site-footer a{color:#c8d4e8}.site-footer a:hover{color:#fff}.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}.copyright{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.88rem}@media(max-width:860px){.zweispaltig,.bereich,.kontakt-grid,.leistung-inner,.produkt,.vorteil,.varianten,.ergaenzung{grid-template-columns:1fr}.matrix{--spalten:1 !important}.vorteil{gap:.6rem}.hero-produkt{text-align:left}.bereich-gedreht .bereich-bild,.leistung-gedreht .leistung-bild{order:0}.nav-toggle-label{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer}.nav-toggle-label span{display:block;height:2px;background:var(--blau-dunkel);border-radius:2px}.site-nav{display:none;width:100%}.nav-toggle:checked~.site-nav{display:block}.site-nav ul{flex-direction:column;gap:0;padding:.5rem 0 1rem}.site-nav li{border-top:1px solid var(--linie)}.site-nav a{display:block;padding:.8rem 0;border-bottom:0}.header-inner{flex-wrap:wrap}}@media print{.site-header,.site-footer,.abschnitt-cta,.btn{display:none}}.rechtshinweis{background:var(--grau);border:1px solid var(--linie);border-left:3px solid var(--blau);border-radius:var(--radius);padding:1.4rem 1.6rem;margin:2.25rem 0}.rechtshinweis h3{margin-top:0}.rechtshinweis p:last-child{margin-bottom:0}