@font-face{font-family:"Roboto Condensed";font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0030-0039;src:url(data:font/woff2;base64,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) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/roboto-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/roboto-condensed-latin-700-normal.woff2) format("woff2")}

:root{
  --blau:#0ba6ff;
  --blau-dunkel:#035480;
  --lime:#d7d726;
  --rot:#bf0006;
  --dunkel:#171717;
  --text:#4a4a4a;
  --hell:#f1f7fb;
  --rand:#dbe6ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:400 17px/1.65 Roboto,Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau-dunkel)}
h1,h2,h3{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;font-weight:700;color:var(--dunkel);line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2.2rem,6vw,3.6rem);text-transform:uppercase}
h2{font-size:clamp(1.7rem,4vw,2.4rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.container{width:min(1140px,100% - 32px);margin-inline:auto}
.container.narrow{width:min(760px,100% - 32px)}
.section{padding:72px 0}
.section.hell{background:var(--hell)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:100}

/* Kopf */
.topbar{background:var(--blau-dunkel);color:#fff;font-size:14px;height:33px}
.topbar .container{display:flex;justify-content:flex-end;gap:10px;padding:5px 0}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--rand)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.header .logo img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:var(--dunkel);text-decoration:none;font-weight:700;font-size:15px}
.nav a:hover{color:var(--blau-dunkel)}
.btn{display:inline-block;background:var(--blau-dunkel);color:#fff!important;padding:12px 24px;border-radius:4px;font:700 16px Roboto,Arial,sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:var(--dunkel)}
.btn.klein{padding:9px 18px;font-size:15px}
.btn.blau{background:var(--blau)}
.btn.blau:hover{background:var(--blau-dunkel)}

/* Hero */
.hero{position:relative;color:#fff;text-align:center;background:#0b78b8 url(../img/hero.jpg) center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:rgba(8,90,140,.35)}
.hero .container{position:relative;padding:110px 0 120px}
.hero h1{color:#fff;margin-bottom:.45em;overflow-wrap:break-word}
.hero p{font-size:1.25rem;margin:0 auto .3em;max-width:1000px}
.hero .btn{margin-top:28px}
.hero .btn.zweit{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.8);margin-left:10px}
.hero .btn.zweit:hover{background:rgba(255,255,255,.18)}

/* Intro mit Grafik */
.intro{text-align:center}
.intro img{margin:0 auto 28px;width:min(640px,100%)}
.intro p{max-width:720px;margin-inline:auto;font-size:1.15rem}

/* Arbeitsschutz */
.kicker{display:block;color:var(--blau-dunkel);font:700 .95rem "Roboto Condensed",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.schritte{counter-reset:s;list-style:none;margin:0 0 1.5em;padding:0 0 0 90px}
.schritte li{counter-increment:s;display:grid;grid-template-columns:128px 1fr;column-gap:8px;align-items:start;padding-top:24px;min-height:84px;margin-bottom:6px}
.schritte li::before{content:"0" counter(s);margin-top:-24px;padding:0 0 8px 6px;border-bottom:3px solid var(--blau);color:var(--blau);font:300 2.9rem/1 "Roboto Condensed",Arial,sans-serif}
.hinweis{border-left:4px solid var(--lime);background:#fff;padding:16px 20px;border-radius:0 6px 6px 0}
.arbeits-text{max-width:860px}
#ablauf{padding-bottom:0}
.ablauf-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px;align-items:start}
.ablauf-wide>p{grid-column:2/4;align-self:center;margin:0;font-size:1.2rem;line-height:1.5;color:#0a79bd}
.ablauf-wide img{width:100%;height:auto}
.ablauf-wide .spalte{display:flex;flex-direction:column;gap:0}
.ablauf-wide .spalte img{display:block}

/* Kacheln */
.kacheln{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}
.kachel{background:#fff;border:1px solid var(--rand);border-top:5px solid var(--blau);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.kachel:nth-child(4n+1){border-top-color:var(--lime)}
.kachel:nth-child(4n+3){border-top-color:var(--blau-dunkel)}
.kachel:nth-child(4n+4){border-top-color:var(--rot)}
.kachel img{width:100%;aspect-ratio:1/2;object-fit:cover;max-height:260px}
.kachel div{padding:18px 20px 22px}
.kachel h3{margin-bottom:.4em}
.kachel p{margin:0;font-size:16px}

/* Full Service */
.dunkel{background:var(--blau-dunkel);color:#d4e6f1}
.dunkel h2,.dunkel h3{color:#fff}
.dunkel .kicker{color:var(--lime)}
.dunkel .lead{font-size:1.2rem;color:#fff}
.features{list-style:none;padding:0;margin:0;columns:2;column-gap:28px}
.features li{padding:3px 0 3px 28px;position:relative;break-inside:avoid}
.features li::before{content:"";position:absolute;left:0;top:8px;width:18px;height:18px;background:currentColor;color:var(--lime);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 1.5H3.5A2 2 0 0 0 1.5 3.5V14.5A2 2 0 0 0 3.5 16.5H14.5A2 2 0 0 0 16.5 14.5V10.5'/%3E%3Cpath d='M5.5 9L8.5 12L16 4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 1.5H3.5A2 2 0 0 0 1.5 3.5V14.5A2 2 0 0 0 3.5 16.5H14.5A2 2 0 0 0 16.5 14.5V10.5'/%3E%3Cpath d='M5.5 9L8.5 12L16 4'/%3E%3C/svg%3E") center/contain no-repeat}
.karten{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.karte{background:rgba(0,0,0,.2);border-radius:8px;padding:26px 28px}
.karte p:last-child{margin-bottom:0}
.pruef img{width:min(520px,100%);margin:0 0 18px}

/* Kontakt */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
address{font-style:normal}
.contact-logo{display:block;width:216px;max-width:100%;height:auto;margin-top:1.65em}
.form .hint{font-size:14px;margin:10px 0 0}
.form{display:grid;gap:6px;text-align:left}
.form label{font-weight:700;color:var(--dunkel);font-size:15px;margin-top:10px}
.form input,.form textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #b9c7d2;border-radius:4px;background:#fff;color:var(--dunkel)}
.form input:focus,.form textarea:focus{outline:2px solid var(--blau);border-color:var(--blau)}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:14px}
.form .check input{width:auto;margin-top:5px}
.form .btn{margin-top:18px;justify-self:start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ph{background:#fff3b0;color:#5a4a00;padding:0 4px;border-radius:3px}
.ph-note{background:#fff3b0;color:#5a4a00;padding:10px 14px;border-radius:6px;font-size:15px}

/* Farbband aus dem Logo */
.band{display:flex;height:14px}
.band span{flex:1}
.band .a{background:var(--lime)}
.band .b{background:var(--blau)}
.band .c{background:var(--blau-dunkel)}
.band .d{background:var(--rot);flex:2}

/* Fuß */
.footer{background:#022e47;color:#9db8c7;font-size:15px}
.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding:30px 0}
.footer a{color:#9db8c7;text-decoration:none}
.footer a:hover{color:#fff}
.footer .fx{opacity:.85}

@media (max-width:960px){
  .kacheln{grid-template-columns:repeat(2,1fr)}
  .zwei,.karten,.contact{grid-template-columns:1fr}
  .nav a.txt{display:none}
  .ablauf-wide{grid-template-columns:1fr;row-gap:0;max-width:500px;margin-inline:auto}
  .ablauf-wide>p{grid-column:auto;margin-bottom:22px}
  .ablauf-wide>img{margin-bottom:22px}
}
@media (max-width:560px){
  .section{padding:52px 0}
  .kacheln{grid-template-columns:1fr}
  .kachel img{aspect-ratio:2/1;max-height:200px}
  .features{columns:1}
  .schritte{padding-left:32px}
  .schritte li{grid-template-columns:84px 1fr}
  .schritte li::before{font-size:2.2rem}
  .hero .container{padding:80px 0 90px}
  .hero .btn.zweit{margin:12px 0 0}
  .header .logo img{height:36px}
}

/* Barrierefreiheit und Kontrast (WCAG 2.2 AA) */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--blau-dunkel);outline-offset:3px}
.hero :focus-visible,.dunkel :focus-visible,.footer :focus-visible{outline-color:#fff}
.skip:focus{outline:3px solid var(--blau-dunkel)}
.btn.blau{background:var(--blau-dunkel)}
.hero::before{background:rgba(3,60,95,.66)}
.schritte li::before{color:var(--blau-dunkel)}
.form input,.form textarea{border-color:#6b7c89}
.form input:focus,.form textarea:focus{outline:3px solid var(--blau-dunkel);border-color:var(--blau-dunkel)}
.form .check input{width:24px;height:24px;flex:none;margin-top:2px}
.form .pflicht{font-size:15px;margin:0 0 4px}
.footer a{text-decoration:underline;display:inline-block;padding:4px 0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.ph-note{overflow-wrap:anywhere}
h1,h2{overflow-wrap:break-word;hyphens:auto}
@media (max-width:560px){h1{font-size:clamp(1.9rem,9vw,2.2rem)}}