:root{--blau:#04488f;--blau-tief:#03346a;--blau-zart:#e6eef8;--preis:#c4161c;--feuerwehr:#d8232a;--schuetzen:#c9107c;--staedte:#178f43;--vereine:#0f86c9;--bundeswehr:#d67f00;--papier:#fff;--grund:#f3f5f9;--tinte:#13223a;--tinte-leise:#4c5a70;--linie:#d3dbe6;--schrift-titel:var(--font-titel), "Arial Black", "Segoe UI", sans-serif;--schrift-text:var(--font-text), "Segoe UI", Arial, sans-serif;--gr-klein:.875rem;--gr-text:1.0625rem;--gr-gross:1.25rem;--gr-h3:1.125rem;--gr-h2:clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);--gr-h1:clamp(2rem, 1.2rem + 3.4vw, 3.375rem);--breite:74rem;--rand:clamp(1rem, 4vw, 2.5rem);--abstand:clamp(3rem, 2rem + 4vw, 5.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{font-family:var(--schrift-text);font-size:var(--gr-text);color:var(--tinte);background:var(--papier);margin:0;line-height:1.55}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--schrift-titel);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}h1{font-size:var(--gr-h1);letter-spacing:-.01em}h2{font-size:var(--gr-h2)}h3{font-size:var(--gr-h3);line-height:1.3}p{margin:0}a{color:var(--blau);text-underline-offset:.18em}a:hover{color:var(--blau-tief)}:focus-visible{outline:3px solid var(--bundeswehr);outline-offset:3px}.huelle{width:100%;max-width:calc(var(--breite) + 2 * var(--rand));padding-inline:var(--rand);margin-inline:auto}.abschnitt{padding-block:var(--abstand)}.abschnitt--grund{background:var(--grund)}.abschnitt__kopf{gap:.75rem;max-width:44rem;margin-bottom:2.25rem;display:grid}.abschnitt__kopf--buendig{margin-bottom:0}.dachzeile{font-family:var(--schrift-titel);letter-spacing:.12em;text-transform:uppercase;color:var(--blau);font-size:.75rem;font-weight:600}.vorspann{font-size:var(--gr-gross);color:var(--tinte-leise);line-height:1.5}.knopf{border:2px solid var(--blau);background:var(--blau);color:#fff;min-height:3rem;font-family:var(--schrift-titel);cursor:pointer;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.knopf:hover{background:var(--blau-tief);border-color:var(--blau-tief);color:#fff}.knopf--hell{color:var(--blau);background:#fff;border-color:#fff}.knopf--hell:hover{background:var(--blau-zart);border-color:var(--blau-zart);color:var(--blau-tief)}.knopf--umriss{color:inherit;background:0 0;border-color:currentColor}.knopf--umriss:hover{color:var(--blau);background:#fff;border-color:#fff}.hinweis{font-size:var(--gr-klein);color:var(--tinte-leise)}.hinweis--abgesetzt{margin-top:2rem}.textseite{justify-items:start;gap:2rem;display:grid}.textseite>*{max-width:42rem}.textseite h1{font-size:var(--gr-h2);margin-top:-1.25rem}.textseite section{gap:.6rem;display:grid}.textseite h2{font-size:var(--gr-h3)}.textseite ul{gap:.25rem;margin:0;padding-left:1.25rem;display:grid}.formblatt{border:1px solid var(--linie);background:var(--grund);gap:.75rem;padding:1.25rem;display:grid}.angaben{grid-template-columns:auto 1fr;gap:.2rem 1.25rem;margin:0;display:grid}.angaben dt{color:var(--tinte-leise)}.angaben dd{font-variant-numeric:tabular-nums;margin:0}.leiste{background:var(--blau-tief);color:#fff;font-size:var(--gr-klein)}.leiste__innen{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;padding-block:.45rem;display:flex}.leiste a{color:inherit;text-decoration:none}.leiste a:hover{text-decoration:underline}.kopf{z-index:10;background:var(--papier);border-bottom:1px solid var(--linie);position:sticky;top:0}.kopf__innen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;padding-block:.7rem;display:flex}.marke{color:var(--blau);align-items:center;gap:.8rem;text-decoration:none;display:flex}.marke__signet{width:auto;height:3.25rem}.marke__name{font-family:var(--schrift-titel);letter-spacing:.03em;text-transform:uppercase;font-size:1.125rem;font-weight:800;line-height:1.1;display:block}.marke__zusatz{font-size:var(--gr-klein);font-weight:600;display:block}.navigation{flex-wrap:wrap;gap:.25rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.navigation a{color:var(--tinte);border-bottom:3px solid #0000;padding-block:.4rem;font-weight:600;text-decoration:none;display:block}.navigation a:hover,.navigation a[aria-current=page]{border-bottom-color:var(--blau);color:var(--blau)}.hero{background:var(--blau);color:#fff;overflow:hidden}.hero__innen{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:2rem 3rem;padding-block:clamp(2.5rem,6vw,4.5rem);display:grid}.hero__text{justify-items:start;gap:1.25rem;display:grid}.hero .dachzeile{color:#fff;opacity:.85}.hero .vorspann{color:#fff;max-width:34rem}.hero__knoepfe{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero__bild{justify-self:center;width:min(100%,23rem);-webkit-mask-image:radial-gradient(#000 62%,#0000 74%);mask-image:radial-gradient(#000 62%,#0000 74%)}.farbband{grid-template-columns:repeat(5,1fr);height:.5rem;display:grid}.farbband span:first-child{background:var(--feuerwehr)}.farbband span:nth-child(2){background:var(--schuetzen)}.farbband span:nth-child(3){background:var(--staedte)}.farbband span:nth-child(4){background:var(--vereine)}.farbband span:nth-child(5){background:var(--bundeswehr)}.register{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.bereich{--farbe:var(--blau);background:var(--papier);border:1px solid var(--linie);height:100%;color:var(--tinte);grid-template-rows:auto 1fr auto;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.bereich:hover{color:var(--tinte);transform:translateY(-3px);box-shadow:0 10px 24px -12px #13223a73}.bereich--feuerwehr{--farbe:var(--feuerwehr)}.bereich--schuetzen{--farbe:var(--schuetzen)}.bereich--staedte{--farbe:var(--staedte)}.bereich--vereine{--farbe:var(--vereine)}.bereich--bundeswehr{--farbe:var(--bundeswehr)}.bereich__name{background:var(--farbe);color:#fff;text-align:right;padding:.7rem 1rem;font-size:1.125rem}.bereich__liste{color:var(--tinte-leise);padding:1rem 1rem .5rem}.bereich__fuss{font-size:var(--gr-klein);justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-weight:600;display:flex}.bereich__seiten{color:var(--tinte-leise);font-variant-numeric:tabular-nums;font-weight:400}.produkte{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.produkt{grid-template-rows:auto auto 1fr auto;gap:.35rem;height:100%;display:grid}.produkt__bild,.schritt__bild{aspect-ratio:4/3;border:1px solid var(--linie);background:#fff;position:relative}.produkt__bild{margin-bottom:.5rem}.produkt__bild img,.schritt__bild img{object-fit:contain;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);position:absolute;inset:.75rem}.produkt__angabe{font-size:var(--gr-klein);color:var(--tinte-leise)}.produkt__preis{color:var(--preis);font-size:var(--gr-gross);font-variant-numeric:tabular-nums;margin-top:.25rem;font-weight:700}.produkt__preis small{color:var(--tinte-leise);font-size:var(--gr-klein);font-weight:400}.produkt__preis--anfrage{color:var(--blau);font-size:var(--gr-text)}.etikett{background:var(--blau-zart);color:var(--blau);letter-spacing:.06em;text-transform:uppercase;justify-self:start;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.schritte{counter-reset:schritt;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.schritt{counter-increment:schritt;align-content:start;gap:.6rem;display:grid}.schritt__bild{aspect-ratio:16/9}.schritt h3{align-items:baseline;gap:.6rem;margin-top:.4rem;display:flex}.schritt h3:before{content:counter(schritt);background:var(--blau);color:#fff;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-size:.9375rem;display:grid}.schritt p{color:var(--tinte-leise)}.zusagen{border-top:1px solid var(--linie);flex-wrap:wrap;gap:.75rem 2.5rem;margin:2.5rem 0 0;padding:1.25rem 0 0;font-weight:600;list-style:none;display:flex}.kontakt{background:var(--blau);color:#fff}.kontakt__innen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:3rem;display:grid}.kontakt .dachzeile,.kontakt a:not(.knopf){color:#fff}.kontakt__angaben{gap:1.5rem;display:grid}.adresse{font-size:var(--gr-gross);grid-template-columns:auto 1fr;gap:.3rem 1.25rem;margin:0;display:grid}.adresse dt{opacity:.8}.adresse dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.kontakt__karte{justify-self:center;width:min(100%,26rem)}.fuss{background:var(--blau-tief);color:#fff;font-size:var(--gr-klein)}.fuss__innen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2.5rem;padding-block:1.75rem;display:flex}.fuss__marke{align-items:center;gap:1rem;max-width:34rem;display:flex}.fuss__marke img{flex:none;width:auto;height:3rem}.fuss__links{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.fuss a{color:#fff}@media (width<=62rem){.produkte,.register{grid-template-columns:repeat(2,minmax(0,1fr))}.kontakt__innen{grid-template-columns:minmax(0,1fr)}}@media (width<=44rem){.hero__innen{grid-template-columns:minmax(0,1fr)}.hero__bild{grid-row:1;width:min(70%,16rem)}.schritte,.register{grid-template-columns:minmax(0,1fr)}.kopf{position:static}.leiste__innen span:first-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.knopf,.bereich{transition:none}.bereich:hover{transform:none}}