/* Adapted from user-supplied ENBRO eNet reference. EnbroReferenceRoboto: SIL Open Font License 1.1. */
@font-face{font-family:EnbroReferenceRoboto;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/partner-reference-roboto.woff2) format("woff2")}
@font-face{font-family:EnbroReferenceRoboto;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/partner-reference-roboto-500.woff2) format("woff2")}
@font-face{font-family:EnbroReferenceRoboto;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/partner-reference-roboto-700.woff2) format("woff2")}
.enbro-reference{

  --navy:#011C4C;

  --navy-tief:#000F2B;

  --blau:#2DAAE1;

  --blau-hi:#03A9F4;

  --knopf:#33B9FF;

  --text:#222;

  --text-2:#434343;

  --hell:#E6F6FF;

  --fuss:#404040;

  --licht:#FFD88A;

  --inhalt:1120px;

  --ease:cubic-bezier(.22,1,.36,1);

  --feder:cubic-bezier(.3,1.55,.6,1);

}
.enbro-reference *,.enbro-reference *::before,.enbro-reference *::after{box-sizing:border-box}
.enbro-reference{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}
.enbro-reference{margin:0;background:#fff;color:var(--text);font:400 15px/1.65 EnbroReferenceRoboto,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.enbro-reference img,.enbro-reference svg{display:block}
.enbro-reference img{max-width:100%;height:auto}
.enbro-reference a{color:inherit;text-decoration:none}
.enbro-reference button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.enbro-reference p,.enbro-reference h1,.enbro-reference h2,.enbro-reference h3,.enbro-reference figure{margin:0}
.enbro-reference .wrap{width:min(var(--inhalt),calc(100% - 40px));margin-inline:auto}
.enbro-reference :focus-visible{outline:2px solid var(--blau-hi);outline-offset:3px}
.enbro-reference .sprung{position:absolute;left:12px;top:-60px;z-index:300;background:var(--navy);color:#fff;padding:10px 14px;border-radius:3px;transition:top .2s}
.enbro-reference .sprung:focus{top:12px}
@keyframes ref-rein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ref-hoch{from{transform:translateY(112%)}to{transform:none}}
@keyframes ref-sperren{from{opacity:0;letter-spacing:.32em}to{opacity:1;letter-spacing:normal}}
@keyframes ref-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes ref-zeichnen{from{stroke-dashoffset:1.02}to{stroke-dashoffset:0}}
@keyframes ref-drehen{to{transform:rotate(360deg)}}
@keyframes ref-huepf{0%,100%{transform:none}35%{transform:translateY(-8px)}65%{transform:translateY(2px)}}
@keyframes ref-schweben{0%,100%{transform:none}50%{transform:translateY(-3px)}}
.enbro-reference .rein{animation:ref-rein .9s var(--ease) var(--v,0s) both}
.enbro-reference .zeile{display:block;overflow:hidden;padding:.12em 0 .04em;margin:-.12em 0 -.04em}
.enbro-reference .zeile>span{display:inline-block}
.enbro-reference .js [data-r]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.enbro-reference .js [data-r="links"]{transform:translateX(-28px)}
.enbro-reference .js [data-r="rechts"]{transform:translateX(28px)}
.enbro-reference .js [data-r="zeilen"],.enbro-reference .js [data-r="linie"]{opacity:1;transform:none}
.enbro-reference .js [data-r].da{opacity:1;transform:none}
.enbro-reference .js [data-r="zeilen"] .zeile>span{transform:translateY(112%);transition:transform 1s var(--ease);transition-delay:calc(var(--d,0s) + var(--z,0)*.12s)}
.enbro-reference .js [data-r="zeilen"].da .zeile>span{transform:none}
.enbro-reference .blau{color:var(--blau)}
.enbro-reference .blau-hi{color:var(--blau-hi)}
.enbro-reference .glanz{background:linear-gradient(100deg,currentColor 0%,currentColor 44%,var(--glanz-hell,#7fd3f7) 50%,currentColor 56%,currentColor 100%);background-size:260% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.enbro-reference .da .glanz{animation:ref-glanz 6s ease-in-out 2s infinite}
@keyframes ref-glanz{0%{background-position:100% 0}40%,100%{background-position:0 0}}
.enbro-reference .knopf{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:3px;background:var(--knopf);color:#fff;font-weight:500;font-size:16.5px;line-height:1.15;box-shadow:1px 2px 3px rgba(0,0,0,.2);transition:transform .3s var(--ease),translate .35s var(--ease),box-shadow .3s,background .3s}
.enbro-reference .knopf:hover{transform:translateY(-2px);background:#1fb0fb;box-shadow:0 10px 22px rgba(3,169,244,.38)}
.enbro-reference .knopf::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.enbro-reference .knopf:hover::before{left:130%}
.enbro-reference .knopf.leise{background:rgba(255,255,255,.85);color:var(--navy);box-shadow:1px 2px 3px rgba(0,0,0,.12)}
.enbro-reference .knopf.leise:hover{background:#fff;box-shadow:0 10px 22px rgba(1,28,76,.18)}
.enbro-reference .knopf svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.enbro-reference .knopf:hover svg{transform:translateY(2px)}
.enbro-reference .knopf.atmet{animation:ref-atmen 2.8s ease-in-out 2.4s infinite}
@keyframes ref-atmen{0%{box-shadow:1px 2px 3px rgba(0,0,0,.2),0 0 0 0 rgba(51,185,255,.6)}70%,100%{box-shadow:1px 2px 3px rgba(0,0,0,.2),0 0 0 14px rgba(51,185,255,0)}}
.enbro-reference .welle{position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ref-welle .65s ease-out forwards;pointer-events:none}
@keyframes ref-welle{to{transform:scale(4);opacity:0}}
.enbro-reference .hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(620px,100svh,940px);display:flex;align-items:center;background:#f3d3a8}
.enbro-reference .hero-bild{position:absolute;inset:-8% 0;z-index:-4;will-change:transform}
.enbro-reference .hero-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:ref-kenburns 16s var(--ease) both}
@keyframes ref-kenburns{from{transform:scale(1.14) translateX(-1.5%)}to{transform:scale(1.02)}}
.enbro-reference .hero::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,250,242,.82) 0%,rgba(255,248,238,.62) 36%,rgba(255,246,234,.12) 66%,rgba(255,246,234,0) 80%)}
.enbro-reference .hero-licht{position:absolute;z-index:-2;right:-10%;top:30%;width:60vmax;height:60vmax;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,190,.75),rgba(255,206,140,.25) 36%,transparent 66%);transform:translateY(-50%);animation:ref-licht 7s ease-in-out infinite;pointer-events:none}
@keyframes ref-licht{0%,100%{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:.95;transform:translate(-2%,-50%) scale(1.08)}}
.enbro-reference .strom-svg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;fill:none}
.enbro-reference .strom-svg path{stroke:rgba(255,255,255,0);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.enbro-reference .strom-svg .puls{stroke:rgba(255,248,226,.95);stroke-width:3.5;stroke-dasharray:3 260;animation:ref-puls 4.2s linear infinite}
.enbro-reference .strom-svg .puls.p2{animation-duration:5.6s;animation-delay:-2s}
.enbro-reference .strom-svg .puls.p3{animation-duration:6.4s;animation-delay:-4s}
@keyframes ref-puls{from{stroke-dashoffset:263}to{stroke-dashoffset:-263}}
.enbro-reference .hero-in{padding:128px 0 104px}
.enbro-reference .hero .eyebrow{font-weight:700;font-size:15px;color:#222;margin-bottom:6px;animation:ref-sperren 1.1s var(--ease) .1s both}
.enbro-reference .hero-titel{font-weight:700;font-size:clamp(38px,7.2vw,78px);line-height:1.1;color:var(--navy);margin-bottom:12px}
.enbro-reference .hero .zeile>span{animation:ref-hoch 1s var(--ease) var(--v) both}
.enbro-reference .hero .zeile>.glanz{animation:ref-hoch 1s var(--ease) var(--v) both,ref-glanz 6s ease-in-out 2.2s infinite}
.enbro-reference .hero-text{font-weight:700;font-size:17px;color:#000;line-height:1.65;max-width:600px}
.enbro-reference .knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.enbro-reference .scroll-hinweis{position:absolute;left:50%;bottom:22px;width:24px;height:38px;margin-left:-12px;border:2px solid rgba(1,28,76,.5);border-radius:14px;animation:ref-rein .8s var(--ease) 1.8s both}
.enbro-reference .scroll-hinweis span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--navy);animation:ref-maus 1.8s ease-in-out infinite}
@keyframes ref-maus{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.enbro-reference .band{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff;padding:68px 0 76px}
.enbro-reference .stromlinien{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;fill:none;pointer-events:none}
.enbro-reference .stromlinien path{stroke:rgba(45,170,225,.16);stroke-width:1.5;vector-effect:non-scaling-stroke}
.enbro-reference .stromlinien .fluss{stroke:rgba(120,210,255,.75);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 140;animation:ref-fliessen 6s linear infinite}
.enbro-reference .stromlinien .fluss.f2{animation-duration:9s;animation-direction:reverse}
@keyframes ref-fliessen{to{stroke-dashoffset:-284}}
.enbro-reference .band-titel{font-weight:700;font-size:clamp(28px,4.6vw,44px);line-height:1.25;color:var(--blau-hi)}
.enbro-reference .band-unter{font-weight:700;margin-top:4px}
.enbro-reference .segmente{display:flex;flex-wrap:wrap;gap:0 5px;margin-top:4px;font-weight:700;color:var(--blau-hi);line-height:1.6}
.enbro-reference .segmente span,.enbro-reference .segmente b{display:inline-block}
.enbro-reference .segmente.da span{animation:ref-segment .55s var(--feder) both;animation-delay:calc(.25s + var(--i)*.14s)}
.enbro-reference .segmente.da b{animation:ref-pop .4s var(--ease) both;animation-delay:calc(.32s + var(--i)*.14s)}
@keyframes ref-segment{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
.enbro-reference .band-text{font-weight:700;margin-top:18px}
.enbro-reference .vorteile{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 16px}
.enbro-reference .vorteile li{display:flex;align-items:center;gap:16px;font-weight:700;line-height:1.65}
.enbro-reference .ico{width:48px;height:48px;flex:none;overflow:visible;color:var(--blau);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.enbro-reference .vorteile li:hover .ico{animation:ref-huepf .7s var(--ease)}
.enbro-reference .ico-muenzen .mf{fill:var(--navy);stroke:none}
.enbro-reference .da .ico-muenzen .m{animation:ref-muenze .6s var(--feder) both;animation-delay:calc(var(--d,0s) + .3s + var(--i)*.13s)}
@keyframes ref-muenze{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.enbro-reference .ico-muenzen .funkel{fill:#c4efff;stroke:none;opacity:0;transform-box:fill-box;transform-origin:center}
.enbro-reference .da .ico-muenzen .funkel{animation:ref-funkeln 2.8s ease-in-out 1.6s infinite}
@keyframes ref-funkeln{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.enbro-reference .zeichne{stroke-dasharray:1 1.1}
.enbro-reference .da .zeichne{animation:ref-zeichnen 1.1s var(--ease) calc(var(--d,0s) + .25s) both}
.enbro-reference .ico-uhr .zm,.enbro-reference .ico-uhr .zh{transform-box:view-box;transform-origin:24px 24px}
.enbro-reference .da .ico-uhr .zm{animation:ref-drehen 6s linear infinite}
.enbro-reference .da .ico-uhr .zh{animation:ref-drehen 72s linear infinite}
.enbro-reference .ico-blitz .blitz{fill:currentColor;fill-opacity:0}
.enbro-reference .da .ico-blitz .blitz{animation:ref-zeichnen 1s var(--ease) calc(var(--d,0s) + .25s) both,ref-blitzen 4s ease-out calc(var(--d,0s) + 1.4s) infinite}
@keyframes ref-blitzen{0%,100%{fill-opacity:0}3%{fill-opacity:.95}7%{fill-opacity:.2}10%{fill-opacity:.85}22%{fill-opacity:0}}
.enbro-reference .ico-blitz .flamme{transform-box:fill-box;transform-origin:50% 100%}
.enbro-reference .da .ico-blitz .flamme{animation:ref-flackern 1.6s ease-in-out calc(var(--d,0s) + .8s) infinite}
@keyframes ref-flackern{0%,100%{transform:scale(1,1)}30%{transform:scale(.92,1.08)}60%{transform:scale(1.05,.94)}}
.enbro-reference .ico-haeuser .fe{fill:currentColor;stroke:none;opacity:.2}
.enbro-reference .da .ico-haeuser .fe{animation:ref-fenster .5s ease-out both;animation-delay:calc(var(--d,0s) + .5s + var(--i)*.18s)}
@keyframes ref-fenster{from{opacity:.2}to{opacity:1}}
.enbro-reference .angebot{padding:76px 0 82px}
.enbro-reference .zwei{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;align-items:center}
.enbro-reference .eyebrow-leicht{font-size:15px;color:#222}
.enbro-reference .titel-36{font-weight:700;font-size:clamp(27px,4.6vw,44px);line-height:1.08;color:var(--navy);margin-top:6px}
.enbro-reference .text-14{font-size:15.5px;line-height:1.7}
.enbro-reference .text-14 strong{display:block;margin-top:8px;color:#000}
.enbro-reference .karten{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.enbro-reference .karte figure{position:relative;overflow:hidden;aspect-ratio:365/470;border-radius:10px;background:var(--navy);box-shadow:0 2px 6px rgba(0,0,0,.12);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .5s var(--ease),box-shadow .5s}
.enbro-reference .karte figure:hover{--ty:-6px;box-shadow:0 20px 36px rgba(1,28,76,.28)}
.enbro-reference .karte img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover;transform:translateY(var(--py,0px)) scale(var(--ps,1));transition:transform .7s var(--ease)}
.enbro-reference .karte figure:hover img{--ps:1.06}
.enbro-reference .karte figure::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,28,76,0) 42%,rgba(1,28,76,.55) 66%,rgba(1,28,76,.94) 100%)}
.enbro-reference .karte figure::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:var(--blau);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.enbro-reference .karte figure:hover::after{transform:scaleX(1)}
.enbro-reference .karte figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 18px 18px;color:#fff;line-height:1.3}
.enbro-reference .karte figcaption svg{width:30px;height:30px;margin-bottom:9px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--feder)}
.enbro-reference .karte figure:hover figcaption svg{transform:translateY(-3px) scale(1.08)}
.enbro-reference .karte figcaption b{display:block;font-size:16px;letter-spacing:.03em}
.enbro-reference .karte figcaption span{display:block;font-size:12.5px;letter-spacing:.06em;opacity:.92}
.enbro-reference .streifen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%)}
.enbro-reference .karte.da .streifen{animation:ref-streifen 1.4s var(--ease) calc(var(--d,0s) + .5s) both}
@keyframes ref-streifen{to{transform:translateX(130%)}}
.enbro-reference .markt{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-tief) 100%);color:#fff;padding:80px 0 0}
.enbro-reference .markt::before{content:"";position:absolute;z-index:-1;left:50%;top:-30%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:radial-gradient(circle,rgba(45,170,225,.16),transparent 62%);pointer-events:none}
.enbro-reference .markt-raster{display:grid;grid-template-columns:1.15fr 1fr;gap:34px 72px;align-items:center}
.enbro-reference .eyebrow-weiss{font-size:15px;color:#fff}
.enbro-reference .t-weiss{color:#fff;--glanz-hell:#c4efff}
.enbro-reference .zahl{margin:22px 0 4px;font-weight:700;font-size:clamp(60px,13vw,96px);line-height:1;color:var(--blau-hi);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.enbro-reference .zahl small{font-size:.3em;font-weight:700;color:#fff;letter-spacing:.02em;margin-left:6px}
.enbro-reference .markt-zahl{margin-top:20px}
.enbro-reference .markt-satz{font-weight:700;font-size:17px;line-height:1.5}
.enbro-reference .markt-text{margin-top:12px;color:#d3e4f2}
.enbro-reference .quelle{margin-top:14px;font-size:12px;line-height:1.5;color:#a6bdd2}
.enbro-reference .punkte-box{justify-self:center;width:100%;max-width:400px}
.enbro-reference .punkte{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(7px,1.3vw,11px)}
.enbro-reference .punkte i{display:block;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.16)}
.enbro-reference .punkte i.k{--farbe:var(--blau-hi)}
.enbro-reference .punkte.da i{animation:ref-aufleuchten .7s ease both;animation-delay:calc(var(--r)*1ms + .3s)}
.enbro-reference .punkte.da i.f{animation:ref-aufleuchten .7s ease both,ref-flimmern 5s ease-in-out infinite;animation-delay:calc(var(--r)*1ms + .3s),calc(var(--r)*1ms + 2.6s + var(--f)*1s)}
@keyframes ref-aufleuchten{from{background:rgba(255,255,255,.16);box-shadow:none;transform:scale(.7)}to{background:var(--farbe,var(--licht));box-shadow:0 0 10px 1px var(--farbe,var(--licht));transform:none}}
@keyframes ref-flimmern{0%,100%{opacity:1}50%{opacity:.55}}
.enbro-reference .legende{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12.5px;color:#d3e4f2}
.enbro-reference .legende span{display:inline-flex;align-items:center;gap:7px}
.enbro-reference .legende i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3)}
.enbro-reference .legende i.w{background:var(--blau-hi);box-shadow:0 0 8px 1px rgba(3,169,244,.6)}
.enbro-reference .skyline{display:block;width:100%;height:auto;margin-top:46px}
.enbro-reference .skyline .haus{fill:#0A2050}
.enbro-reference .skyline .fen{fill:var(--licht);opacity:0;transition:opacity .6s ease}
.enbro-reference .skyline .fen.an{opacity:.92}
.enbro-reference .skyline .fen.kalt{fill:#BFE6FF}
.enbro-reference .ablauf{background:var(--hell);padding:76px 0 84px}
.enbro-reference .schritte{position:relative;list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.enbro-reference .schritte::before{content:"";position:absolute;left:16.6%;right:16.6%;top:36px;height:2px;background:linear-gradient(90deg,var(--blau),var(--blau-hi));transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .3s}
.enbro-reference .schritte.da::before{transform:scaleX(1)}
.enbro-reference .schritte li{position:relative;text-align:center}
.enbro-reference .schritt-kreis{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--blau),0 10px 24px rgba(1,28,76,.12);transition:transform .5s var(--feder)}
.enbro-reference .schritte li:hover .schritt-kreis{transform:translateY(-4px) scale(1.04)}
.enbro-reference .schritt-kreis svg{width:34px;height:34px;fill:none;stroke:var(--blau);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.enbro-reference .schritt-kreis b{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;line-height:1}
.enbro-reference .da .schritt-kreis b{animation:ref-pop .5s var(--feder) calc(var(--d,0s) + .55s) both}
.enbro-reference .schritte h3{font-size:18px;line-height:1.35;color:var(--navy)}
.enbro-reference .schritte p{margin-top:6px;font-size:15px;line-height:1.6;max-width:290px;margin-inline:auto}
.enbro-reference .fuer-wen{padding:80px 0 86px}
.enbro-reference .fw-raster{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px;align-items:center}
.enbro-reference .titel-21{font-weight:700;font-size:21px;line-height:1.35;color:var(--text-2)}
.enbro-reference .titel-165{font-weight:700;font-size:17px;line-height:1.4;color:var(--text-2);margin:14px 0 4px}
.enbro-reference .haken{list-style:none;margin:10px 0 18px;padding:0}
.enbro-reference .haken li{display:flex;align-items:center;gap:10px;padding:2px 0}
.enbro-reference .haken svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--blau);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.enbro-reference .haken circle,.enbro-reference .haken path{stroke-dasharray:1 1.1}
.enbro-reference .haken li.da circle{animation:ref-zeichnen .7s var(--ease) calc(var(--d,0s) + .1s) both}
.enbro-reference .haken li.da path{animation:ref-zeichnen .45s var(--ease) calc(var(--d,0s) + .5s) both}
.enbro-reference .fett{font-weight:700}
.enbro-reference .kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:center}
.enbro-reference .kacheln li{display:flex;flex-direction:column;align-items:center;padding:26px 18px 24px;border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(1,28,76,.05),0 14px 34px rgba(1,28,76,.09);transition:opacity .8s var(--ease) var(--d,0s),transform .45s var(--ease),box-shadow .45s}
.enbro-reference .js .kacheln li[data-r]{transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),translate .45s var(--ease),box-shadow .45s}
.enbro-reference .kacheln li:last-child:nth-child(odd){grid-column:1/-1}
.enbro-reference .kacheln li.da:hover{translate:0 -4px;box-shadow:0 1px 0 rgba(1,28,76,.05),0 22px 44px rgba(1,28,76,.14)}
.enbro-reference .ico-voll{width:48px;height:48px;margin-bottom:16px;overflow:visible;color:var(--blau);fill:currentColor}
.enbro-reference .da .ico-voll{animation:ref-schweben 4s ease-in-out 2.4s infinite}
.enbro-reference .kacheln li:hover .ico-voll{animation:ref-huepf .7s var(--ease)}
.enbro-reference .ico-voll g,.enbro-reference .ico-voll rect,.enbro-reference .ico-voll ellipse{transform-box:fill-box;transform-origin:center bottom}
.enbro-reference .kacheln strong{font-size:15px;line-height:1.5;color:#222;margin-bottom:6px}
.enbro-reference .kacheln span{font-size:13px;line-height:1.65}
.enbro-reference .da .ico-laptop .schirm{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .ico-laptop .feld{transform-origin:left center}
.enbro-reference .da .ico-laptop .feld{animation:ref-schreiben .5s var(--ease) both;animation-delay:calc(var(--d,0s) + .6s + var(--i)*.16s)}
@keyframes ref-schreiben{from{transform:scaleX(0)}to{transform:none}}
.enbro-reference .ico-karte .plan{transform-origin:center}
.enbro-reference .ico-karte .pin{stroke:#fff;stroke-width:2.5;paint-order:stroke}
.enbro-reference .ico-karte .pin-schatten{transform-origin:center}
.enbro-reference .da .ico-karte .plan{animation:ref-aufklappen .7s var(--ease) calc(var(--d,0s) + .2s) both}
.enbro-reference .da .ico-karte .pin{animation:ref-pinfall .9s var(--feder) calc(var(--d,0s) + .6s) both}
.enbro-reference .da .ico-karte .pin-schatten{animation:ref-pop .5s var(--ease) calc(var(--d,0s) + .85s) both}
@keyframes ref-aufklappen{from{opacity:0;transform:scaleX(.25)}to{opacity:1;transform:none}}
@keyframes ref-pinfall{0%{opacity:0;transform:translateY(-20px)}40%{opacity:1}100%{opacity:1;transform:none}}
.enbro-reference .da .ico-dokument .blatt{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .ico-dokument .dz{transform-origin:left center}
.enbro-reference .da .ico-dokument .dz{animation:ref-schreiben .5s var(--ease) both;animation-delay:calc(var(--d,0s) + .6s + var(--i)*.16s)}
.enbro-reference .ico-schloss .buegel{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round}
.enbro-reference .da .ico-schloss .koerper{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .da .ico-schloss .buegel{animation:ref-schliessen .9s var(--feder) calc(var(--d,0s) + .55s) both}
@keyframes ref-schliessen{0%{opacity:0;transform:translateY(-8px)}45%{opacity:1;transform:translateY(-8px)}100%{opacity:1;transform:none}}
.enbro-reference .bildband{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.enbro-reference .bild-par{position:absolute;inset:-18% 0;z-index:-3;will-change:transform}
.enbro-reference .bild-par img{width:100%;height:100%;object-fit:cover}
.enbro-reference .registrieren{padding:88px 0 92px}
.enbro-reference .registrieren::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(1,28,76,.35),rgba(1,28,76,.1) 40%,rgba(0,15,43,.55))}
.enbro-reference .sonne{position:absolute;z-index:-1;left:62%;top:44%;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(255,206,150,.45),rgba(255,170,110,.12) 40%,transparent 68%);pointer-events:none;animation:ref-sonne 6.5s ease-in-out infinite}
@keyframes ref-sonne{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.enbro-reference .reg-raster{display:grid;grid-template-columns:1fr 1.15fr;gap:40px 64px;align-items:start}
.enbro-reference .reg-schritte{position:relative;list-style:none;margin:30px 0 26px;padding:0;display:grid;gap:18px}
.enbro-reference .reg-schritte::before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--blau-hi),rgba(3,169,244,.2));transform:scaleY(0);transform-origin:top;transition:transform 1.2s var(--ease) .4s}
.enbro-reference .reg-schritte.da::before{transform:none}
.enbro-reference .reg-schritte li{position:relative;display:flex;align-items:flex-start;gap:14px;font-size:14.5px;line-height:1.5;color:#cfe1f0}
.enbro-reference .reg-schritte strong{display:block;color:#fff;font-size:16.5px;line-height:1.35;margin-top:4px}
.enbro-reference .reg-schritte b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#0a2a5e;box-shadow:inset 0 0 0 1.5px var(--blau-hi),0 0 16px rgba(3,169,244,.35);color:#fff;font-size:14px}
.enbro-reference .reg-schritte li.da b{animation:ref-pop .5s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .kontaktwege{display:grid;gap:8px;font-size:15px}
.enbro-reference .kontakt-marke{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:0 5px;background:var(--blau-hi);color:#fff;line-height:1.6}
.enbro-reference .kontakt-marke svg{width:15px;height:15px;animation:ref-schubs 1.6s ease-in-out infinite}
@keyframes ref-schubs{0%,100%{transform:none}50%{transform:translateY(3px)}}
.enbro-reference .kontaktwege p{color:#e6f1fa;line-height:1.5}
.enbro-reference .kontaktwege a{display:inline-flex;align-items:center;gap:8px;justify-self:start;transition:color .25s,transform .3s var(--ease)}
.enbro-reference .kontaktwege a:hover{color:#bfe9ff;transform:translateX(3px)}
.enbro-reference .kontaktwege a svg{width:15px;height:15px}
.enbro-reference .portal{margin-top:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.35);color:#222}
.enbro-reference .portal-kopf{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #e8eef4}
.enbro-reference .portal-icon{width:26px;height:26px;border-radius:7px}
.enbro-reference .portal-kopf b{font-size:14px;font-weight:500;color:var(--navy)}
.enbro-reference .portal-adresse{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#5b6b7a}
.enbro-reference .portal-adresse svg{width:12px;height:12px}
.enbro-reference .portal-lade{position:relative;height:3px;background:#eef4f9;overflow:hidden}
.enbro-reference .portal-lade::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,var(--blau),transparent);animation:ref-laden 1.4s ease-in-out infinite}
.enbro-reference .portal.geladen .portal-lade{opacity:0;transition:opacity .4s}
@keyframes ref-laden{to{left:100%}}
.enbro-reference .portal-koerper{position:relative;min-height:660px}
.enbro-reference .portal iframe.laedt{position:fixed;left:0;top:0;z-index:-5;pointer-events:none}
.enbro-reference .portal iframe{display:block;width:100%;height:660px;border:0;background:#f4f7fa;opacity:0;transition:opacity .5s}
.enbro-reference .portal.geladen iframe{opacity:1}
.enbro-reference .portal-platzhalter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f4f7fa;color:#5b6b7a;font-size:14.5px;transition:opacity .5s}
.enbro-reference .portal-platzhalter img{width:44px;height:44px;border-radius:10px;animation:ref-schweben 2s ease-in-out infinite}
.enbro-reference .portal.geladen .portal-platzhalter{opacity:0;pointer-events:none}
.enbro-reference .portal-alt{margin-top:12px;text-align:center;font-size:13.5px}
.enbro-reference .portal-alt a{display:inline-flex;align-items:center;gap:6px;color:#dbeefc;border-bottom:1px solid rgba(219,238,252,.4);transition:color .2s,border-color .2s}
.enbro-reference .portal-alt a:hover{color:#fff;border-color:#fff}
.enbro-reference .portal-alt svg{width:13px;height:13px}
.enbro-reference .ticker{position:relative;overflow:hidden;background:var(--blau-hi);color:#fff;padding:13px 0;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.enbro-reference .ticker-band{display:flex;width:max-content;animation:ref-laufband 40s linear infinite}
.enbro-reference .ticker:hover .ticker-band{animation-play-state:paused}
.enbro-reference .ticker-band span{display:inline-flex;align-items:center;gap:20px;padding-right:20px;white-space:nowrap}
.enbro-reference .ticker-band svg{width:14px;height:14px;fill:#fff;opacity:.85}
@keyframes ref-laufband{to{transform:translateX(-50%)}}
.enbro-reference .cta-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:42px}
.enbro-reference .cta-zeile.mitte{justify-content:center;text-align:center}
.enbro-reference .cta-zeile small{font-size:14px;color:#55657a}
.enbro-reference .band .cta-zeile small,.enbro-reference .markt .cta-zeile small{color:#bcd2e6}
.enbro-reference .knopf .pfeil{animation:ref-pfeilrunter 1.8s ease-in-out infinite}
@keyframes ref-pfeilrunter{0%,100%{transform:none}50%{transform:translateY(3px)}}
.enbro-reference .knopf.gross{padding:14px 22px;font-size:17px;border-radius:12px}
.enbro-reference .knopf.weiss{background:#fff;color:var(--navy)}
.enbro-reference .knopf.weiss:hover{background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.enbro-reference .cta-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:72px 0;background:linear-gradient(120deg,var(--navy) 0%,#0a3f8f 48%,var(--blau-hi) 100%);}
@keyframes ref-verlauf{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.enbro-reference .cta-band::before{content:"";position:absolute;inset:0 -30%;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 60px,rgba(255,255,255,.06) 60px 62px);transform:skewX(-24deg);animation:ref-streifenlauf 5s linear infinite}
@keyframes ref-streifenlauf{from{transform:skewX(-24deg) translateX(0)}to{transform:skewX(-24deg) translateX(62px)}}
.enbro-reference .cta-band-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px 40px}
.enbro-reference .cta-band .eyebrow-weiss{color:#cfe8fb}
.enbro-reference .cta-band h2{margin-top:6px;font-weight:700;font-size:clamp(26px,4vw,42px);line-height:1.12;max-width:660px}
.enbro-reference .vorzuege{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:700;font-size:15px;color:var(--navy)}
.enbro-reference .vorzuege li{display:inline-flex;align-items:center;gap:8px}
.enbro-reference .vorzuege svg{width:21px;height:21px;fill:none;stroke:var(--blau);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.enbro-reference .vorzuege circle,.enbro-reference .vorzuege path{stroke-dasharray:1 1.1}
.enbro-reference .hero .vorzuege circle{animation:ref-zeichnen .7s var(--ease) 1.5s both}
.enbro-reference .hero .vorzuege path{animation:ref-zeichnen .45s var(--ease) 1.9s both}
.enbro-reference .hero .vorzuege li+li circle{animation-delay:1.75s}
.enbro-reference .hero .vorzuege li+li path{animation-delay:2.15s}
.enbro-reference .vorzuege.hell{color:#fff;margin-top:0}
.enbro-reference .vorzuege.hell svg{stroke:var(--blau-hi)}
.enbro-reference .vorzuege.hell.da circle{animation:ref-zeichnen .7s var(--ease) calc(var(--d,0s) + .2s) both}
.enbro-reference .vorzuege.hell.da path{animation:ref-zeichnen .45s var(--ease) calc(var(--d,0s) + .6s) both}
.enbro-reference .leitsatz{padding:84px 0 88px;background:#fff;text-align:center}
.enbro-reference .zitat{position:relative;max-width:920px;margin:0 auto}
.enbro-reference .js [data-r="worte"]{opacity:1;transform:none}
.enbro-reference .zitat-zeichen{width:64px;height:48px;margin:0 auto 22px;fill:var(--blau);transition:opacity .6s var(--ease),transform .9s var(--feder)}
.enbro-reference .js .zitat-zeichen{opacity:0;transform:scale(.4) rotate(-14deg)}
.enbro-reference .js .zitat.da .zitat-zeichen{opacity:1;transform:none}
.enbro-reference .zitat blockquote{margin:0}
.enbro-reference .zitat p{font-weight:700;font-size:clamp(28px,4.4vw,52px);line-height:1.18;color:var(--navy);letter-spacing:-.005em}
.enbro-reference .zitat .w{display:inline-block;transition:opacity .7s var(--ease),transform .8s var(--ease),filter .7s var(--ease);transition-delay:calc(.25s + var(--i)*.09s)}
.enbro-reference .js .zitat .w{opacity:0;transform:translateY(.45em);filter:blur(8px)}
.enbro-reference .js .zitat.da .w{opacity:1;transform:none;filter:none}
.enbro-reference .zitat .hl{color:var(--blau)}
@media (max-width:699px){.enbro-reference .zitat br.breit{display:none}}
.enbro-reference .zitat-linie{display:block;width:90px;height:3px;margin:30px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--blau),var(--blau-hi));transform:scaleX(0);transition:transform 1s var(--ease) 1.3s}
.enbro-reference .zitat.da .zitat-linie{transform:none}
.enbro-reference .cta-band p.unter{margin-top:12px;color:#d9ecfb;font-size:16.5px}
.enbro-reference .ico-frei .strich-weiss{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round}
.enbro-reference .ico-frei .strich{fill:none;stroke:var(--navy);stroke-width:4;stroke-linecap:round}
.enbro-reference .ico-frei .strich,.enbro-reference .ico-frei .strich-weiss{stroke-dasharray:1 1.1}
.enbro-reference .da .ico-frei .grund{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .da .ico-frei .strich,.enbro-reference .da .ico-frei .strich-weiss{animation:ref-zeichnen .5s var(--ease) calc(var(--d,0s) + .75s) both}
.enbro-reference .ico-teilzeit .zh,.enbro-reference .ico-teilzeit .zm{transform-box:view-box;transform-origin:24px 24px}
.enbro-reference .da .ico-teilzeit .grund{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .da .ico-teilzeit .zm{animation:ref-drehen 5s linear infinite}
.enbro-reference .da .ico-teilzeit .zh{animation:ref-drehen 60s linear infinite}
.enbro-reference .ico-absolvent .hut{stroke:#fff;stroke-width:2.2;paint-order:stroke}
.enbro-reference .ico-absolvent .quaste{transform-box:view-box;transform-origin:40px 12px}
.enbro-reference .da .ico-absolvent .koerper{animation:ref-pop .6s var(--feder) calc(var(--d,0s) + .2s) both}
.enbro-reference .da .ico-absolvent .hut{animation:ref-hut 1s var(--feder) calc(var(--d,0s) + .45s) both}
.enbro-reference .da .ico-absolvent .quaste{animation:ref-quaste 2.6s ease-in-out 1.6s infinite}
@keyframes ref-hut{0%{opacity:0;transform:translateY(-16px) rotate(-16deg)}50%{opacity:1}100%{opacity:1;transform:none}}
@keyframes ref-quaste{0%,100%{transform:rotate(9deg)}50%{transform:rotate(-12deg)}}
.enbro-reference .hero .vorzuege li{padding:5px 12px 5px 7px;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 4px 14px rgba(1,28,76,.08)}
.enbro-reference .hero .vorzuege{gap:8px 10px}
.enbro-reference .hero .vorzuege li:nth-child(3) circle{animation-delay:2s}
.enbro-reference .hero .vorzuege li:nth-child(3) path{animation-delay:2.4s}
.enbro-reference .fussnote{margin-top:22px;font-size:13px;color:#9fb6cc}
.enbro-reference .reg-hinweis{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:14.5px;line-height:1.5;color:#e2eef8}
.enbro-reference .reg-hinweis svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--blau-hi)}
.enbro-reference .enbro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(70% 90% at 20% 40%,rgba(45,170,225,.18),transparent 65%),linear-gradient(180deg,var(--navy) 0%,var(--navy-tief) 100%);color:#fff;padding:84px 0 88px}
.enbro-reference .enbro-raster{display:grid;grid-template-columns:1fr 1.1fr;gap:40px 64px;align-items:center}
.enbro-reference .enbro-karte{max-width:440px;width:100%;justify-self:center}
.enbro-reference .js [data-r="karte"]{opacity:1;transform:none}
.enbro-reference .enbro-karte svg{width:100%;height:auto;overflow:visible}
.enbro-reference .enbro .land{stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 1.1}
.enbro-reference .enbro .land-de{fill:rgba(45,170,225,.14);stroke:rgba(140,215,255,.85);stroke-width:1.6}
.enbro-reference .enbro .land-at{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.4);stroke-width:1.3}
.enbro-reference .js .enbro-karte:not(.da) .land{stroke-dashoffset:1.02;fill-opacity:0}
.enbro-reference .js .enbro-karte:not(.da) .pin .kern{opacity:0}
.enbro-reference .enbro-karte.da .land{animation:ref-umriss 2.2s var(--ease) .1s both}
.enbro-reference .enbro-karte.da .land-at{animation-delay:.5s}
@keyframes ref-umriss{0%{stroke-dashoffset:1.02;fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}
.enbro-reference .enbro .netz path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.enbro-reference .enbro .netz .spur{stroke:rgba(150,215,255,.2);stroke-width:.9;stroke-dasharray:1 1.1}
.enbro-reference .js .enbro .netz .spur{stroke-dashoffset:1.02}
.enbro-reference .enbro-karte.da .netz .spur{animation:ref-zeichnen 1.3s var(--ease) both;animation-delay:calc(1.4s + var(--i)*.06s)}
.enbro-reference .enbro .netz .impuls{stroke:rgba(215,242,255,.7);stroke-width:1.5;stroke-dasharray:.035 1.3;stroke-dashoffset:.035;opacity:0}
.enbro-reference .enbro-karte.da .netz .impuls{animation:ref-impuls 5.2s linear infinite;animation-delay:calc(2.6s + var(--i)*.41s)}
@keyframes ref-impuls{0%{stroke-dashoffset:.035;opacity:0}6%{opacity:1}50%{opacity:1}56%{stroke-dashoffset:-1;opacity:0}100%{stroke-dashoffset:-1;opacity:0}}
.enbro-reference .enbro .netz .ziel{fill:rgba(3,169,244,.8);stroke:rgba(255,255,255,.45);stroke-width:1;transform-box:fill-box;transform-origin:center}
.enbro-reference .js .enbro .netz .ziel{opacity:0}
.enbro-reference .enbro-karte.da .netz .ziel{animation:ref-zielrein .6s var(--ease) both,ref-zielpuls 5.2s ease-in-out infinite;animation-delay:calc(2.3s + var(--i)*.06s),calc(2.92s + var(--i)*.41s)}
@keyframes ref-zielrein{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes ref-zielpuls{0%,42%,58%,100%{transform:none}50%{transform:scale(1.35)}}
@keyframes ref-bogenrein{to{opacity:1}}
.enbro-reference .enbro .land-name{font:700 22px EnbroReferenceRoboto,Arial,sans-serif;letter-spacing:.18em;fill:rgba(255,255,255,.4);text-anchor:middle}
.enbro-reference .enbro .ort{font:700 26px EnbroReferenceRoboto,Arial,sans-serif;letter-spacing:.08em;fill:#fff;opacity:0}
.enbro-reference .enbro-karte.da .ort{animation:ref-bogenrein .6s ease 1.5s both}
.enbro-reference .enbro .pin .kern{fill:var(--blau-hi);stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center}
.enbro-reference .enbro .pin .welle{fill:none;stroke:var(--blau-hi);stroke-width:2.5;transform-box:fill-box;transform-origin:center;opacity:0}
.enbro-reference .enbro-karte.da .pin .kern{animation:ref-pop .7s var(--feder) 1.2s both}
.enbro-reference .enbro-karte.da .pin .welle{animation:ref-pinwelle 2.6s ease-out 1.6s infinite}
.enbro-reference .enbro-karte.da .pin .w2{animation-delay:2.9s}
@keyframes ref-pinwelle{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
.enbro-reference .enbro-p{margin-top:16px;font-size:16px;line-height:1.7;color:#d3e4f2;max-width:560px}
.enbro-reference .enbro-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.enbro-reference .enbro-chips li{padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:500;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.enbro-reference .enbro-chips.da li{animation:ref-segment .55s var(--feder) both;animation-delay:calc(var(--d,0s) + .2s + var(--i)*.1s)}
.enbro-reference .enbro-adresse{display:flex;align-items:center;gap:18px;margin-top:26px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);max-width:440px}
.enbro-reference .enbro-adresse img{height:28px;width:auto;flex:none}
.enbro-reference .enbro-adresse p{font-size:14px;line-height:1.55;color:#cfe1f0;padding-left:18px;border-left:1px solid rgba(255,255,255,.18)}
.enbro-reference .enbro .cta-zeile{margin-top:28px}
.enbro-reference .enbro-vorteile{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px;max-width:560px}
.enbro-reference .enbro-vorteile li{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.55;color:#cfe1f0}
.enbro-reference .enbro-vorteile strong{display:block;color:#fff;font-size:16px;margin-bottom:2px}
.enbro-reference .enbro-vorteile svg{flex:none;width:42px;height:42px;padding:9px;border-radius:12px;background:rgba(3,169,244,.14);border:1px solid rgba(3,169,244,.35);fill:none;stroke:var(--blau-hi);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--feder)}
.enbro-reference .enbro-vorteile li:hover svg{transform:translateY(-3px) rotate(-4deg)}
.enbro-reference .enbro-vorteile .haken-l{stroke-dasharray:1 1.1}
.enbro-reference .enbro-vorteile li.da .haken-l{animation:ref-zeichnen .6s var(--ease) calc(var(--d,0s) + .4s) both}
.enbro-reference .enbro-vorteile .live{fill:#ff5a5a;stroke:none}
.enbro-reference .enbro-vorteile li.da .live{animation:ref-liveblink 1.6s ease-in-out infinite}
@keyframes ref-liveblink{0%,100%{opacity:1}50%{opacity:.25}}
.enbro-reference .enbro-zahlen{list-style:none;margin:56px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.enbro-reference .enbro-zahlen li{display:flex;flex-direction:column;gap:6px}
.enbro-reference .enbro-zahlen b{font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.05;color:#fff;font-variant-numeric:tabular-nums}
.enbro-reference .enbro-zahlen b small{font-size:.42em;font-weight:500;color:#9fd8f7;letter-spacing:.02em}
.enbro-reference .enbro-zahlen li:nth-child(2) b,.enbro-reference .enbro-zahlen li:nth-child(3) b{color:var(--blau-hi)}
.enbro-reference .enbro-zahlen li>span{font-size:14px;line-height:1.45;color:#b8cde0}
.enbro-reference .enbro-zahlen sup{font-size:.7em;margin-left:1px}
.enbro-reference .enbro-quelle{margin-top:18px;font-size:12px;color:#8aa3ba}
.enbro-reference .enbro .cta-zeile{margin-top:26px}
.enbro-reference .fragen{padding:80px 0 86px;background:var(--hell)}
.enbro-reference .fragen-raster{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px 64px;align-items:start}
.enbro-reference .faq{display:grid;gap:12px}
.enbro-reference .faq details{border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(1,28,76,.05),0 10px 26px rgba(1,28,76,.07);overflow:hidden;transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),box-shadow .3s}
.enbro-reference .faq details[open]{box-shadow:0 1px 0 rgba(1,28,76,.05),0 18px 40px rgba(1,28,76,.13)}
.enbro-reference .faq summary{position:relative;list-style:none;cursor:pointer;padding:19px 60px 19px 22px;font-weight:700;font-size:16.5px;line-height:1.4;color:var(--navy);transition:color .25s}
.enbro-reference .faq summary:hover{color:var(--blau)}
.enbro-reference .faq summary::-webkit-details-marker{display:none}
.enbro-reference .faq summary i{position:absolute;right:20px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--hell);transition:background .3s,transform .45s var(--ease)}
.enbro-reference .faq summary i::before,.enbro-reference .faq summary i::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;border-radius:1px;background:var(--blau);transition:transform .45s var(--ease),background .3s}
.enbro-reference .faq summary i::after{transform:rotate(90deg)}
.enbro-reference .faq details[open] summary i{background:var(--blau);transform:rotate(180deg)}
.enbro-reference .faq details[open] summary i::before,.enbro-reference .faq details[open] summary i::after{background:#fff}
.enbro-reference .faq details[open] summary i::after{transform:none}
.enbro-reference .faq .antwort{overflow:hidden}
.enbro-reference .faq .antwort p{padding:0 22px 20px;font-size:15.5px;line-height:1.65;color:#2c3a4d}
.enbro-reference .faq summary:focus-visible{outline-offset:-3px;border-radius:14px}
.enbro-reference .schwebe{position:fixed;right:20px;bottom:20px;z-index:50;padding:13px 20px;border-radius:999px;font-size:15.5px;box-shadow:0 12px 30px rgba(3,169,244,.45);opacity:0;transform:translateY(30px) scale(.9);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--feder),translate .35s var(--ease),box-shadow .3s,background .3s}
.enbro-reference .schwebe.zeigen{opacity:1;transform:none;pointer-events:auto;animation:ref-atmen 2.8s ease-in-out 1s infinite}
.enbro-reference .schwebe.zeigen:hover{transform:translateY(-2px)}
.enbro-reference .spot{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(45,170,225,.2),transparent 62%);opacity:0;transition:opacity .5s}
.enbro-reference .spot.an{opacity:1}
.enbro-reference mark.marker{color:inherit;padding:0 2px;margin:0 -2px;background:linear-gradient(transparent 60%,rgba(45,170,225,.38) 60%,rgba(45,170,225,.38) 92%,transparent 92%) no-repeat 0 0/0% 100%;transition:background-size 1.1s var(--ease) calc(var(--d,0s) + .5s)}
.enbro-reference .da mark.marker{background-size:100% 100%}
.enbro-reference .hero mark.marker{animation:ref-markieren 1.2s var(--ease) 1.7s both}
@keyframes ref-markieren{from{background-size:0% 100%}to{background-size:100% 100%}}
.enbro-reference .band mark.marker,.enbro-reference .markt mark.marker{background-image:linear-gradient(transparent 60%,rgba(3,169,244,.5) 60%,rgba(3,169,244,.5) 92%,transparent 92%)}
.enbro-reference .schritte::after{content:"";position:absolute;top:30px;left:16.6%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--blau-hi),0 0 18px 5px rgba(3,169,244,.75);opacity:0;pointer-events:none}
.enbro-reference .schritte.da::after{animation:ref-wandern 3.4s var(--ease) 2s infinite}
@keyframes ref-wandern{0%{left:16.6%;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:83.4%;opacity:0}}
@keyframes ref-wandern-v{0%{top:30px;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:calc(100% - 42px);opacity:0}}
.enbro-reference .portal-rand{position:relative;isolation:isolate;overflow:hidden;padding:2px;border-radius:16px;background:rgba(3,169,244,.2);box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 44px rgba(3,169,244,.28)}
.enbro-reference .portal-rand::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:1800px;height:1800px;margin:-900px 0 0 -900px;background:conic-gradient(rgba(3,169,244,0) 0deg,rgba(3,169,244,.95) 50deg,#fff 70deg,rgba(3,169,244,0) 120deg,rgba(3,169,244,0) 360deg);animation:ref-drehen 6s linear infinite}
.enbro-reference .portal-rand .portal{box-shadow:none}
.enbro-reference .fuss{background:var(--navy-tief);color:#a9bbd0;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;line-height:1.6;padding:30px 0 36px}
.enbro-reference .fuss-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.enbro-reference .fuss .logo{color:#fff;font-size:19px}
.enbro-reference .fuss .logo img{height:28px}
.enbro-reference .fuss nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 22px}
.enbro-reference .fuss nav a{transition:color .2s}
.enbro-reference .fuss nav a:hover{color:#fff}
.enbro-reference .ruht,.enbro-reference .ruht *,.enbro-reference .ruht::before,.enbro-reference .ruht::after,.enbro-reference .ruht *::before,.enbro-reference .ruht *::after{animation-play-state:paused!important}
@media (max-width:980px){.enbro-reference .nav{display:none}
.enbro-reference .kopf-rechts{margin-left:auto}
.enbro-reference .burger{display:grid}}
@media (max-width:860px){.enbro-reference .zwei,.enbro-reference .reg-raster,.enbro-reference .markt-raster,.enbro-reference .fw-raster,.enbro-reference .fragen-raster,.enbro-reference .enbro-raster{grid-template-columns:1fr}
.enbro-reference .enbro-zahlen{grid-template-columns:repeat(2,1fr);gap:22px 18px;margin-top:40px}
.enbro-reference .enbro-karte{max-width:300px}
.enbro-reference .karten{grid-template-columns:repeat(2,1fr)}
.enbro-reference .vorteile{grid-template-columns:repeat(2,1fr)}
.enbro-reference .schritte{grid-template-columns:1fr;gap:22px;max-width:460px;margin-inline:auto}
.enbro-reference .schritte::before{left:35px;right:auto;top:36px;bottom:36px;width:2px;height:auto;transform:scaleY(0);transform-origin:top}
.enbro-reference .schritte.da::before{transform:scaleY(1)}
.enbro-reference .schritte li{display:grid;grid-template-columns:72px 1fr;column-gap:18px;text-align:left;align-items:center}
.enbro-reference .schritt-kreis{margin:0;grid-row:span 2}
.enbro-reference .schritte p{margin:4px 0 0;max-width:none}
.enbro-reference .punkte-box{max-width:320px}
.enbro-reference .fuss nav{margin-left:0}
.enbro-reference .schritte::after{left:35px;top:30px}
.enbro-reference .schritte.da::after{animation-name:ref-wandern-v}
.enbro-reference .cta-band-in{justify-content:flex-start}}
@media (max-width:699px){.enbro-reference{scroll-padding-top:84px}
.enbro-reference .kopf{padding:10px 0}
.enbro-reference .kopf-in{height:58px}
.enbro-reference .hero{min-height:clamp(580px,100svh,820px)}
.enbro-reference .hero-bild img{object-position:30% 40%}
.enbro-reference .hero::before{background:linear-gradient(180deg,rgba(255,250,242,.82),rgba(255,248,238,.62) 60%,rgba(255,246,234,.3))}
.enbro-reference .hero-in{padding:112px 0 96px}
.enbro-reference .hero-text{font-size:16px}
.enbro-reference .band,.enbro-reference .angebot,.enbro-reference .ablauf,.enbro-reference .fuer-wen,.enbro-reference .fragen,.enbro-reference .enbro{padding:56px 0 62px}
.enbro-reference .enbro-adresse{gap:14px;padding:14px}
.enbro-reference .enbro-adresse p{padding-left:14px}
.enbro-reference .leitsatz{padding:60px 0 64px}
.enbro-reference .faq summary{font-size:15.5px;padding:17px 56px 17px 18px}
.enbro-reference .faq .antwort p{padding:0 18px 18px}
.enbro-reference .markt{padding-top:60px}
.enbro-reference .registrieren{padding:64px 0 70px}
.enbro-reference .vorteile li{gap:12px}
.enbro-reference .karte figcaption{padding:0 12px 13px}
.enbro-reference .karte figcaption b{font-size:14px}
.enbro-reference .portal iframe{height:620px}
.enbro-reference .portal-koerper{min-height:620px}
.enbro-reference .portal-adresse{display:none}
.enbro-reference .cta-band{padding:56px 0}
.enbro-reference .schwebe{right:14px;bottom:14px;padding:12px 18px;font-size:15px}}
@media (max-width:420px){.enbro-reference .vorteile{grid-template-columns:1fr}
.enbro-reference .kacheln{gap:10px}
.enbro-reference .kacheln li{padding:20px 10px 18px}
.enbro-reference .kacheln strong{font-size:14px}
.enbro-reference .kacheln span{font-size:12.5px}
.enbro-reference .kopf .knopf{padding:9px 13px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.enbro-reference{scroll-behavior:auto}
.enbro-reference *,.enbro-reference *::before,.enbro-reference *::after{animation:none!important;transition:none!important}
.enbro-reference .js [data-r]{opacity:1;transform:none}
.enbro-reference .js [data-r="zeilen"] .zeile>span{transform:none}
.enbro-reference .schritte::before{transform:none}
.enbro-reference .hero-licht,.enbro-reference .strom-svg,.enbro-reference .scroll-hinweis span,.enbro-reference .portal-lade{display:none}
.enbro-reference .mobil{transition:none}
.enbro-reference mark.marker{background-size:100% 100%}
.enbro-reference .schritte::after{display:none}
.enbro-reference .punkte i{background:var(--farbe,var(--licht))}
.enbro-reference .js .zitat .w,.enbro-reference .js .zitat-zeichen{opacity:1;transform:none;filter:none}
.enbro-reference .zitat-linie,.enbro-reference .reg-schritte::before{transform:none}
.enbro-reference .enbro .ort{opacity:1}
.enbro-reference .js .enbro .netz .spur{stroke-dashoffset:0}
.enbro-reference .js .enbro .netz .ziel{opacity:1}
.enbro-reference .enbro .land{stroke-dasharray:none}}