@container raster (width>=40rem) and (width<=61.99rem){.br-schwerpunkte>.kachel-raster>.kachel-zelle--breit{grid-column:auto}}@container raster (width>=62rem){.br-weitere>.kachel-raster>.kachel-zelle--breit{grid-column:auto}.br-schwerpunkte .kachel--normal>.kachel__grafik{aspect-ratio:2;flex:1 0 auto}.br-schwerpunkte .kachel--normal .br-grafik .br-ag__hinten{top:4cqw}.br-schwerpunkte .kachel--normal .br-grafik .br-ag__vorne{top:23cqw}.br-schwerpunkte .kachel--normal .br-grafik .br-sv__fenster{width:71cqw;right:4cqw}}.kachel.br-kachel--indigo{--kv-a:#5b4fb8;--kv-b:#3b4f99;--kv-grund-1:#13112a}.br-grafik{position:absolute;inset:0}.br-grafik>*{translate:0}@container (width>=22rem){.br-grafik{--kv-s:clamp(12px, 3.1cqw, 15px);--kv-s-klein:clamp(12px, 3cqw, 14px)}}@media (width>=64rem){@container (width>=18rem){.br-grafik{--kv-s:clamp(12px, 3.1cqw, 15px);--kv-s-klein:clamp(12px, 3cqw, 14px)}}}.br-grafik .br-icon--ecke{z-index:3;border-radius:27%;width:clamp(2.75rem,15cqw,5rem)}.br-grafik .br-icon--gross{width:clamp(3rem,14cqw,6rem)}.br-grafik .br-zeile-mit-label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2cqw;display:grid}.br-grafik .br-zeile-mit-label>.kv-zeile{width:100%}.br-grafik .br-zeile-mit-label>.kv-zeile--mittel{width:70%}.br-grafik .br-zeile-mit-label>.kv-zeile--leise{width:84%}.br-grafik .br-hw__karte{aspect-ratio:16/10;margin-top:-31.25cqw;position:absolute;top:50%;left:0;right:0}.br-grafik .br-hw__route{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.br-grafik .br-hw__route .kv-strich{stroke-width:1.6px}.br-grafik .br-hw__pin{position:absolute}.br-grafik .br-hw__pin--a{top:calc(80% - 4.8cqw);left:calc(15% - 2cqw)}.br-grafik .br-hw__pin--b{top:calc(40% - 4.8cqw);left:calc(38.75% - 2cqw)}.br-grafik .br-hw__pin--c{top:calc(50% - 7.2cqw);left:calc(67.5% - 3cqw)}.br-grafik .br-hw__hinweis{z-index:2;position:absolute;top:6cqw;right:5cqw}.br-grafik .br-hw__plan{z-index:2;gap:1.6cqw;width:clamp(8rem,34cqw,15rem);position:absolute;bottom:6cqw;right:6cqw}@container (width>=40rem){.br-grafik--handwerk{--kv-s:clamp(12px, 2.25cqw, 19px);--kv-s-klein:clamp(12px, 1.95cqw, 17px)}.br-grafik .br-hw__plan{gap:1.4cqw;width:clamp(8rem,34cqw,20rem)}}@container (width<=26rem){.br-grafik .br-hw__plan>.br-zeile-mit-label:last-child{display:none}}.br-grafik .br-sv__fenster{width:76cqw;position:absolute;bottom:-3cqw;right:6cqw}.br-grafik .br-sv__inhalt{gap:2.4cqw}.br-grafik .br-sv__zeile{grid-template-columns:13cqw minmax(0,1fr);align-items:center;gap:2cqw;display:grid}.br-grafik .br-sv__spur{background:var(--kv-platz-2);border-radius:1.2cqw;height:4.6cqw;min-height:12px;display:block;position:relative}.br-grafik .br-sv__einsatz{border-radius:inherit;background:var(--kv-platz);position:absolute;top:0;bottom:0}.br-grafik .br-sv__einsatz--a{width:34%;left:0}.br-grafik .br-sv__einsatz--b{width:40%;left:46%}.br-grafik .br-sv__einsatz--c{width:30%;left:8%}.br-grafik .br-sv__einsatz--neu{background:linear-gradient(90deg, var(--kv-akzent), var(--kv-akzent-2));width:36%;box-shadow:0 0 3cqw -.5cqw color-mix(in srgb, var(--kv-akzent) 80%, transparent);left:46%}.br-grafik .br-sv__einsatz--d{width:52%;left:0}.br-grafik .br-sv__einsatz--e{width:28%;left:60%}.br-grafik .br-sv__einsatz--f{width:44%;left:20%}.br-grafik .br-ag__hinten{gap:2.4cqw;width:52cqw;position:absolute;top:9cqw;left:40cqw}.br-grafik .br-ag__logos{gap:2.6cqw}.br-grafik .br-ag__vorne{z-index:2;width:50cqw;position:absolute;top:29cqw;left:22cqw}.br-grafik .br-ag__marke{aspect-ratio:1;background:linear-gradient(135deg, var(--kv-akzent), var(--kv-tief));border-radius:1cqw;flex:none;width:3.6cqw;min-width:12px}.br-grafik .br-mi__buehne{justify-items:end;padding-right:6cqw}.br-grafik .br-mi__stapel{width:72cqw;display:grid}.br-grafik .br-mi__fenster{justify-self:start;width:56cqw}.br-grafik .br-mi__inhalt{gap:2cqw;padding-bottom:5cqw}.br-grafik .br-mi__chips{gap:1.4cqw}.br-grafik .br-mi__anfrage{z-index:2;justify-self:end;gap:1.8cqw;width:36cqw;margin-top:-3cqw}.br-grafik .br-mi__extra,.kachel:not(.kachel--breit) .br-grafik .br-mi__nur-breit{display:none}@container kachel (width<=43.99rem){.br-grafik .br-mi__nur-breit{display:none}}@container kachel (width>=44rem){.kachel--breit .br-grafik--mittelstand-industrie{--kv-s:clamp(12px, 3.5cqw, 17px);--kv-s-klein:clamp(11px, 3.2cqw, 15px)}.kachel--breit .br-grafik .br-mi__stapel{width:84cqw}.kachel--breit .br-grafik .br-mi__fenster{width:66cqw}.kachel--breit .br-grafik .br-mi__anfrage{width:44cqw;margin-top:-4cqw}.kachel--breit .br-grafik .br-mi__extra{display:contents}}.br-grafik .br-px__buehne{justify-items:start;padding-left:25cqw}.br-grafik .br-px__telefon{width:30cqw}.br-grafik .br-px__kalender{box-shadow:none;background:0 0;padding:0}.br-grafik .br-px__kalender .kv-kalender__tage{gap:.8cqw}.br-grafik .kv-telefon .br-px__knopf{width:100%;height:3.4cqw}.br-grafik .br-px__hinweis{z-index:2;position:absolute;top:25cqw;right:4cqw}.br-grafik .br-px__logo{position:absolute;top:6cqw;right:6cqw}.br-grafik .br-bau__anfrage{width:58cqw;position:absolute;right:6cqw}.br-grafik .br-bau__daten{flex-wrap:wrap;gap:1.4cqw;display:flex}.br-grafik .br-anruf{aspect-ratio:1;background:linear-gradient(135deg, var(--kv-akzent-2), var(--kv-tief));width:13cqw;min-width:36px;box-shadow:0 2cqw 5cqw -1.5cqw color-mix(in srgb, var(--kv-tief) 90%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute}.br-grafik .br-anruf>svg{z-index:1;fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%;position:relative}.br-grafik .br-anruf__welle{border:.35cqw solid var(--kv-akzent-2);opacity:0;border-radius:50%;position:absolute;inset:0}.br-grafik .br-bau__anruf{bottom:9cqw;left:9cqw}.br-grafik .br-en__rechner{width:60cqw;position:absolute;right:6cqw}.br-grafik .br-en__wert{flex:none;width:12cqw}.br-grafik .br-ing__plan{background:radial-gradient(80% 90% at 80% 0%, color-mix(in srgb, var(--kv-akzent) 22%, transparent), transparent 70%), var(--kv-panel);width:64cqw;height:40cqw;box-shadow:inset 0 0 0 1px var(--kv-kante), var(--kv-schatten);border-radius:2.4cqw;margin-block:auto;position:absolute;top:6cqw;bottom:0;right:6cqw;overflow:hidden}.br-grafik .br-ing__plan>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.br-grafik .br-ing__mass{stroke:var(--kv-text-2);stroke-width:1.2px}.br-grafik .br-ing__lager{background:var(--kv-text-2);clip-path:polygon(50% 0,100% 100%,0 100%);width:4cqw;height:3cqw;position:absolute;top:68%}.br-grafik .br-ing__lager--l{left:calc(11.25% - 2cqw)}.br-grafik .br-ing__lager--r{left:calc(88.75% - 2cqw)}.br-grafik .br-ec__produkt{width:52cqw;position:absolute;right:8cqw}.br-grafik .br-ec__bild{aspect-ratio:2}.br-grafik .br-ec__logo,.br-grafik .br-im__logo{position:absolute;bottom:10cqw;left:9cqw}.br-grafik .br-im__frage{width:56cqw;position:absolute;right:6cqw}.br-grafik .br-im__option{background:var(--kv-platz-2);color:var(--kv-text);font-size:var(--kv-s-klein);white-space:nowrap;border-radius:9cqw;align-items:center;gap:1.6cqw;padding:1.2cqw 2.2cqw;font-weight:600;line-height:1.25;display:flex}.br-grafik .br-im__option>i{aspect-ratio:1;width:2.8cqw;min-width:10px;box-shadow:inset 0 0 0 1.5px var(--kv-text-2);border-radius:50%;flex:none;position:relative}.br-grafik .br-im__option>i:after{content:"";background:var(--kv-tief);opacity:0;border-radius:50%;position:absolute;inset:28%}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-im__option--wahl{color:#0f0c18;box-shadow:0 0 0 .3cqw color-mix(in srgb, var(--kv-akzent-2) 70%, transparent);background:#fff}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-im__option--wahl>i{box-shadow:inset 0 0 0 1.5px var(--kv-tief);background:#fff}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-im__option--wahl>i:after{opacity:1}.br-grafik .br-au__anzeige{width:58cqw;position:absolute;right:6cqw}.br-grafik .br-au__bild{aspect-ratio:12/5}.br-grafik .br-au__logos{gap:2cqw;position:absolute;bottom:9cqw;left:7cqw}.br-grafik :is(.br-bau__anfrage,.br-en__rechner,.br-ec__produkt,.br-im__frage,.br-au__anzeige){height:fit-content;margin-block:auto;top:6cqw;bottom:0}.br-grafik .br-za__ablauf{position:absolute;top:25cqw;left:9cqw;right:9cqw}.br-grafik .br-za__ablauf .kv-knoten{width:14cqw}.br-grafik .br-za__labels{justify-content:space-between;margin-top:2.2cqw;display:flex}.br-grafik .br-za__labels>span{justify-content:center;width:14cqw;display:flex}.br-grafik .br-ka__blatt{width:25cqw;position:absolute;top:14.5cqw;left:29cqw}.br-grafik .br-ka__stapel{justify-items:start;gap:2.4cqw;display:grid;position:absolute;top:19cqw;left:60cqw}.br-grafik .br-an__stapel{justify-items:center;gap:4cqw}.br-grafik .br-an__feld{aspect-ratio:1;place-items:center;width:30cqw;display:grid;position:relative}.br-grafik .br-an__rahmen{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.br-grafik .br-an__rahmen .kv-strich{stroke-width:1.6px;opacity:.75}.br-grafik .br-an__plus{border-radius:5cqw;width:18cqw}.br-mosaik.kv-flaeche{aspect-ratio:5/4;border-radius:var(--r-xl,1.5rem);box-shadow:inset 0 0 0 1px #ffffff14,0 2.5rem 5rem -2.5rem #7433e073}.br-mosaik__innen{align-content:center;padding:6cqw 7cqw 19cqw;display:grid;position:absolute;inset:0}.br-mosaik__raster{grid-template-columns:repeat(10,minmax(0,1fr));gap:2.4cqw;display:grid}.br-mosaik__feld{--br-i:0;aspect-ratio:1;color:#fff;-webkit-tap-highlight-color:transparent;border-radius:4cqw;grid-column:span 2;text-decoration:none;display:grid}.br-mosaik__feld:hover{color:#fff}.br-mosaik__feld:focus-visible{outline:3px solid var(--c-brand);outline-offset:3px;border-radius:4cqw}.br-mosaik__feld:first-child,.br-mosaik__feld:nth-child(10){grid-column:2/span 2}.br-mosaik__feld:nth-child(2){--br-i:1}.br-mosaik__feld:nth-child(3){--br-i:2}.br-mosaik__feld:nth-child(4){--br-i:3}.br-mosaik__feld:nth-child(5){--br-i:4}.br-mosaik__feld:nth-child(6){--br-i:5}.br-mosaik__feld:nth-child(7){--br-i:6}.br-mosaik__feld:nth-child(8){--br-i:7}.br-mosaik__feld:nth-child(9){--br-i:8}.br-mosaik__feld:nth-child(10){--br-i:9}.br-mosaik__feld:nth-child(11){--br-i:10}.br-mosaik__feld:nth-child(12){--br-i:11}.br-mosaik__feld:nth-child(13){--br-i:12}.br-mosaik__knopf{border-radius:inherit;background:var(--kv-panel);box-shadow:inset 0 0 0 1px var(--kv-kante), var(--kv-schatten);place-items:center;display:grid;position:relative}.br-mosaik__knopf:before{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 18%, color-mix(in srgb, var(--kv-akzent) 60%, transparent), transparent 78%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--kv-akzent-2) 80%, transparent), 0 0 7cqw -1cqw color-mix(in srgb, var(--kv-akzent) 90%, transparent);opacity:0;position:absolute;inset:0}.br-mosaik__feld:first-child .br-mosaik__knopf:before{opacity:1}.br-mosaik__knopf>svg{z-index:1;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:50%;height:50%;position:relative;overflow:visible}.br-mosaik__basis{opacity:.6}.br-mosaik__licht{stroke:var(--kv-akzent-2)}.br-mosaik__licht>path{stroke-dasharray:1;stroke-dashoffset:0;opacity:0}.br-mosaik__feld:first-child .br-mosaik__licht>path{opacity:1}.br-mosaik__name{color:#0f0c18;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:9cqw;width:fit-content;margin-inline:auto;padding:1.3cqw 3.6cqw;font-size:clamp(14px,4.2cqw,21px);font-weight:700;line-height:1.25;position:absolute;bottom:7cqw;left:0;right:0;box-shadow:0 1.6cqw 4cqw -1.4cqw #000c}.br-mosaik__feld:first-child .br-mosaik__name{opacity:1}.br-mosaik:has(.br-mosaik__raster:hover,.br-mosaik__feld:focus-visible) .br-mosaik__knopf:before,.br-mosaik:has(.br-mosaik__raster:hover,.br-mosaik__feld:focus-visible) .br-mosaik__licht>path,.br-mosaik:has(.br-mosaik__raster:hover,.br-mosaik__feld:focus-visible) .br-mosaik__name{animation-play-state:paused;opacity:0!important}.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__knopf:before,.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__licht>path,.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__name{opacity:1!important}.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__basis{opacity:.85}.br-mosaik.kv-flaeche:has(.br-mosaik__raster:hover,.br-mosaik__feld:focus-visible):before{opacity:1}@media (prefers-reduced-motion:no-preference){.br-mosaik__knopf{animation:br-feld-ein .7s var(--ease-out) both;animation-delay:calc(.35s + var(--br-i) * 45ms);transition:translate .35s var(--ease-out)}.br-mosaik__knopf:before{animation:31.2s linear infinite both br-spot;animation-delay:calc(1.3s + var(--br-i) * 2.4s)}.br-mosaik__licht>path{animation:31.2s linear infinite both br-licht;animation-delay:calc(1.3s + var(--br-i) * 2.4s)}.br-mosaik__name{animation:31.2s linear infinite both br-name;animation-delay:calc(1.3s + var(--br-i) * 2.4s)}.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__knopf{translate:0 -.8cqw}.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__licht>path{animation:br-zeichnen .9s var(--ease-out) both}.br-mosaik .br-mosaik__raster .br-mosaik__feld:is(:hover,:focus-visible) .br-mosaik__name{animation:br-name-ein .3s var(--ease-out) both}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-wachsen{animation:kv-zeile .7s var(--ease-out) both}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-grafik .br-hw__hinweis{animation-delay:.6s}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-grafik .br-ag__hinten{translate:2.4cqw -2.4cqw}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-grafik .br-ag__vorne{translate:-1.6cqw 1.4cqw}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-grafik .br-sv__fenster{translate:0 -1.2cqw}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-anruf__welle{animation:1.3s ease-out 2 both br-welle}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-anruf>svg{animation:.9s ease-in-out both br-klingeln}.br-im__option,.br-im__option>i{transition:background-color .35s var(--ease-out) .25s, color .35s var(--ease-out) .25s, box-shadow .35s var(--ease-out) .25s}.br-im__option>i:after{transition:opacity .3s var(--ease-out) .35s}.kachel:is(:hover,:focus-visible,.ist-aktiv) .br-im__option--wahl{animation:.35s ease-out .25s both kv-druck}}@keyframes br-feld-ein{0%{opacity:0;scale:.7}}@keyframes br-spot{0%{opacity:0}1.6%{opacity:1}7.7%{opacity:1}9.6%{opacity:0}to{opacity:0}}@keyframes br-licht{0%{opacity:1;stroke-dashoffset:1px}5%{stroke-dashoffset:0}7.7%{opacity:1;stroke-dashoffset:0}9.6%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes br-name{0%{opacity:0;translate:0 1.6cqw}1.8%{opacity:1;translate:0}6.6%{opacity:1;translate:0}7.6%{opacity:0;translate:0 -1.6cqw}to{opacity:0;translate:0 -1.6cqw}}@keyframes br-zeichnen{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes br-name-ein{0%{translate:0 1.2cqw}}@keyframes br-welle{0%{opacity:.9;scale:1}to{opacity:0;scale:1.7}}@keyframes br-klingeln{20%,60%{rotate:-12deg}40%,80%{rotate:12deg}}
