/* Site integration and topic-specific components. The reference stylesheet is scoped. */
.enbro-reference{position:relative;overflow:clip;isolation:isolate;text-align:left;font-family:EnbroReferenceRoboto,Calibri,Arial,sans-serif}
.enbro-reference .ref-content{position:relative}
.enbro-reference section[id]{scroll-margin-top:120px}
.enbro-reference .hero{min-height:690px}
.enbro-reference .hero .hero-in{position:relative;display:block;padding:90px 0 85px;max-width:none}
.enbro-reference .hero .hero-text{max-width:610px}
.enbro-reference .hero .hero-titel{max-width:850px;text-transform:none}
.enbro-reference .hero .wrap{grid-template-columns:none}
.enbro-reference .hero h1 .zeile{color:inherit}
.enbro-reference .hero h1 .zeile.blau{color:var(--blau)}
.enbro-reference .ref-motion{position:absolute;top:22px;right:0;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid #011c4c20;background:#ffffffb8;color:#193a56;font-size:11px;font-weight:500;min-height:34px;z-index:2}
.enbro-reference .ref-motion:hover{background:#fff}
.enbro-reference .ref-motion span{font-size:14px;font-weight:700}
.enbro-reference .knopf{min-height:44px;line-height:1.25;border:0;border-radius:7px;padding:13px 20px}
.enbro-reference .knopf svg{flex-shrink:0}
.enbro-reference .hero .eyebrow{max-width:650px}
.enbro-reference .hero .hero-bild img{object-position:65% 40%}
.enbro-reference .ref-topic{padding:90px 0;background:#fff}
.enbro-reference .ref-topic-intro{color:#434b58;font-size:17px;line-height:1.75}
.enbro-reference .ref-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}
.enbro-reference .ref-topic-grid article{position:relative;padding:32px 26px 30px;border-top:1px solid #bedcef;background:linear-gradient(155deg,#f0f9ff,#fff);border-radius:0 0 18px 18px;transition:transform .35s,box-shadow .35s}
.enbro-reference .ref-topic-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 40px #011c4c10}
.enbro-reference .ref-topic-no{position:absolute;right:26px;top:26px;font-size:38px;font-weight:700;color:#c6e1ef;line-height:1}
.enbro-reference .ref-topic-grid article h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;color:var(--navy);margin:24px 0 12px}
.enbro-reference .ref-topic-grid article p{font-size:15px;line-height:1.8;color:#45596c}
.enbro-reference .ref-topic-dark{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(70% 90% at 15% 20%,#15689865,transparent 65%),linear-gradient(150deg,#011c4c,#000f2b)}
.enbro-reference .ref-topic-dark:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:radial-gradient(#73d4ff 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000)}
.enbro-reference .ref-topic-dark .titel-36,.enbro-reference .ref-topic-dark h3{color:#fff}
.enbro-reference .ref-topic-dark .ref-topic-intro,.enbro-reference .ref-topic-dark article p{color:#c7dfef}
.enbro-reference .ref-topic-dark article{border-top-color:#246488;background:linear-gradient(155deg,#17557a66,#ffffff05)}
.enbro-reference .ref-topic-dark .ref-topic-no{color:#367399}
.enbro-reference .ref-topic-dark .mf{fill:#082751}
.enbro-reference .ref-ai{background:radial-gradient(ellipse at 18% 60%,#006e9e55,transparent 55%),#00132e;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:80px 0}
.enbro-reference .ref-ai-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.enbro-reference .ref-ai .titel-36{color:#fff}
.enbro-reference .ref-ai-copy{font-size:17px;line-height:1.75;color:#cde4f2;margin-top:24px;max-width:570px}
.enbro-reference .ref-ai-orbit{position:relative;display:grid;place-items:center;width:min(100%,360px);aspect-ratio:1;justify-self:center}
.enbro-reference .ref-orbit{position:absolute;inset:5%;border:1px solid #5bd0ff45;border-radius:50%;animation:ref-orbit 24s linear infinite}
.enbro-reference .ref-orbit:before,.enbro-reference .ref-orbit:after{content:"";position:absolute;width:8px;height:8px;background:#9ae8ff;border-radius:50%;top:14%;left:14%;box-shadow:0 0 25px #00a8ff}
.enbro-reference .ref-orbit:after{top:auto;left:auto;bottom:14%;right:14%;background:#2daae1}
.enbro-reference .ring-two{inset:17%;animation-direction:reverse;animation-duration:17s;border-style:dashed}
.enbro-reference .ref-ai-core{position:relative;display:flex;align-items:baseline;font-size:48px;letter-spacing:-.07em;font-weight:700;width:150px;height:150px;border-radius:50%;justify-content:center;align-items:center;background:linear-gradient(140deg,#00a8ff,#045d8b);box-shadow:0 0 60px #00a8ff3b,inset 0 0 0 1px #80d8ff88;animation:ref-ai-glow 5s ease-in-out infinite}
.enbro-reference .ref-ai-core span{font-size:22px;letter-spacing:.02em;margin-top:17px}
.enbro-reference .ref-satellite{position:absolute;font-style:normal;font-size:15px;font-weight:700;padding:10px 15px;border:1px solid #46c8ff4d;border-radius:99px;background:#082b50;color:#c9f1ff;animation:ref-float 5s ease-in-out infinite}
.enbro-reference .sat-one{top:10%;right:2%}.enbro-reference .sat-two{bottom:12%;left:5%;animation-delay:-2s}
@keyframes ref-orbit{to{transform:rotate(360deg)}}
@keyframes ref-ai-glow{50%{box-shadow:0 0 90px #00a8ff66,inset 0 0 0 1px #80d8ff88;transform:scale(1.04)}}
@keyframes ref-float{50%{transform:translateY(-8px)}}
.enbro-reference .ref-related{padding:50px 0;background:#fff}
.enbro-reference .ref-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.enbro-reference .ref-related-grid a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #c4e0ed;font-size:15px;font-weight:700;color:var(--navy);transition:color .2s,padding .2s}
.enbro-reference .ref-related-grid a:hover{color:#0089c9;padding-left:6px}
.enbro-reference .ref-related-grid svg{width:19px;min-width:19px;height:19px}
.enbro-reference .ref-close-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.enbro-reference .ref-closing:before{background:linear-gradient(90deg,#00132ff5,#011c4cc9)}
.enbro-reference .ref-close-copy{margin-top:24px;font-size:17px;line-height:1.7;max-width:530px;color:#e1eff8}
.enbro-reference .ref-entry-cards{display:grid;gap:20px}
.enbro-reference .ref-entry-cards>a{position:relative;border:1px solid #9ddfff40;background:#ffffff0d;backdrop-filter:blur(6px);padding:28px;border-radius:16px;transition:background .3s,transform .3s}
.enbro-reference .ref-entry-cards>a:hover{background:#0b97dd33;transform:translateX(5px)}
.enbro-reference .ref-entry-cards span{display:block;font-size:11px;letter-spacing:.12em;color:#92d9fc;font-weight:700;margin-bottom:15px}
.enbro-reference .ref-entry-cards strong{display:block;font-size:28px;line-height:1.12;color:#fff;letter-spacing:-.025em}
.enbro-reference .ref-entry-cards svg{position:absolute;right:28px;bottom:28px;width:24px;height:24px;color:#7ed7ff}
.enbro-reference .ref-fineprint{padding:20px 0;color:#607282;background:#e6f6ff;font-size:12px}
.enbro-reference .ref-motion-paused *,.enbro-reference .ref-motion-paused *:before,.enbro-reference .ref-motion-paused *:after,.enbro-reference.ref-sleep *,.enbro-reference.ref-sleep *:before,.enbro-reference.ref-sleep *:after{animation-play-state:paused!important}
.enbro-reference .ref-motion-paused [data-r],.enbro-reference .ref-motion-paused .zeile>span,.enbro-reference .ref-motion-paused .w,.enbro-reference .ref-motion-paused .zitat-zeichen{opacity:1!important;transform:none!important;filter:none!important}
.enbro-reference .ref-motion-paused .hero-bild,.enbro-reference .ref-motion-paused [data-par]{transform:none!important}
.enbro-reference .ref-motion-paused .knopf{translate:none!important}
.enbro-reference .ref-progress{position:sticky;top:var(--ref-header-offset,100px);height:3px;z-index:20;pointer-events:none;margin-bottom:-3px;background:#00a8ff20}
.enbro-reference .ref-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#00a8ff,#6bd7ff);transform:scaleX(0);transform-origin:left}
@media(max-width:980px){.enbro-reference .ref-topic-grid{gap:16px}.enbro-reference .ref-topic-grid article{padding:24px 20px}.enbro-reference .ref-ai-layout,.enbro-reference .ref-close-layout{gap:45px}.enbro-reference .ref-related-grid{grid-template-columns:repeat(2,1fr)}.enbro-reference .hero .hero-titel{font-size:clamp(37px,6.5vw,68px)}}
@media(max-width:699px){.enbro-reference .hero{min-height:650px}.enbro-reference .hero .hero-in{padding:82px 0 80px}.enbro-reference .hero .hero-titel{font-size:clamp(33px,8.5vw,52px)}.enbro-reference .ref-motion{top:20px;font-size:10px}.enbro-reference .ref-topic{padding:60px 0}.enbro-reference .ref-topic-grid{grid-template-columns:1fr;margin-top:30px;gap:20px}.enbro-reference .ref-ai-layout,.enbro-reference .ref-close-layout{grid-template-columns:1fr;gap:35px}.enbro-reference .ref-ai-orbit{max-width:260px}.enbro-reference .ref-ai{padding:55px 0}.enbro-reference .ref-ai-core{width:120px;height:120px;font-size:40px}.enbro-reference .ref-ai-core span{font-size:19px}.enbro-reference .ref-close-layout{gap:40px}.enbro-reference .ref-related-grid{grid-template-columns:1fr}.enbro-reference .ref-related{padding:35px 0}.enbro-reference .ref-content .titel-36{font-size:clamp(26px,7vw,36px)}.enbro-reference .ref-topic-grid article h3{font-size:22px}.enbro-reference .ref-close-copy{font-size:16px}.enbro-reference .ref-progress{top:var(--ref-header-offset,84px)}}
@media(prefers-reduced-motion:reduce){.enbro-reference *,.enbro-reference *:before,.enbro-reference *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.enbro-reference .hero-bild,.enbro-reference [data-par]{transform:none!important}.enbro-reference .ref-motion{display:none}}
.enbro-reference .ref-motion-paused .rein,.enbro-reference .ref-motion-paused .hero .eyebrow{opacity:1!important;transform:none!important;letter-spacing:normal!important}
.enbro-reference .ref-motion-paused .zitat-linie,.enbro-reference .ref-motion-paused .schritte:before{transform:none!important}
.enbro-reference .ref-motion-paused .spot{opacity:0!important}
.enbro-reference .ref-topic .ico{width:48px;height:48px;stroke:var(--blau-hi)}
.enbro-reference .ref-topic .ico .mf{fill:#f0f9ff}
.enbro-reference .ref-topic-dark .ico .mf{fill:#082751}
.enbro-reference .fragen .titel-36{color:var(--navy)}
@media(max-width:360px){.enbro-reference .hero .hero-titel{font-size:29px}.enbro-reference .hero .hero-text{font-size:15px}.enbro-reference .knopf{padding:12px 15px}.enbro-reference .ref-motion{font-size:9px}.enbro-reference .ref-close-layout .titel-36{font-size:29px}}