/* Automatisch erzeugt von tools/mockup-import.py aus den <style>-Blöcken der Design-Mockups.
   Nicht von Hand ändern – neue Mockup-Version importieren. */
body{margin:0;background:#0a1628}
*{box-sizing:border-box}
a{color:#0a7548}
a:hover{color:#0a1628}
.btn-cta{transition:background-color 160ms cubic-bezier(.4,0,.2,1),transform 160ms cubic-bezier(.4,0,.2,1),box-shadow 240ms}
.btn-cta:hover{background:#6ee7a8 !important;color:#0a1628 !important}
.btn-cta-light:hover{background:#0c8f57 !important;color:#0a1628 !important}
.btn-cta:active{transform:scale(.97)}
.cta-arrow{transition:transform 160ms cubic-bezier(.4,0,.2,1)}
.btn-cta:hover .cta-arrow{transform:translateX(3px)}
.opt{transition:background-color 160ms,border-color 160ms,color 160ms,transform 160ms}
.opt:hover{border-color:#0a1628 !important}
.opt:active{transform:scale(.98)}
.opt:disabled{cursor:not-allowed}
.navlink:hover{color:#ffffff !important}
.loop:hover{border-color:#34d98b !important}
.loop:hover .loop-arrow{transform:translateY(3px)}
.loop-arrow{display:inline-block;transition:transform 160ms}
.kc-row:hover{background:rgba(10,22,40,.04)}
.vtile{transition:transform 240ms cubic-bezier(.4,0,.2,1),box-shadow 240ms cubic-bezier(.4,0,.2,1)}
.vtile:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(10,22,40,0.16) !important}
.ghost-dark{transition:background-color 160ms,border-color 160ms}
.ghost-dark:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.5) !important}
@media (max-width: 760px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.vgrid > *{grid-column:span 1 !important}.vgrid > :first-child{grid-column:span 2 !important}}
.video:hover .play{transform:scale(1.08)}
.video:focus-visible{outline-offset:-4px !important}
.play{transition:transform 160ms}
.backlink:hover{color:#0a1628 !important}
.field{transition:border-color 160ms}
.field:focus{border-color:#0a1628 !important}
.field::placeholder{color:#a3a9b1}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.faq-plus{transition:transform 160ms cubic-bezier(.4,0,.2,1)}
details[open] .faq-plus{transform:rotate(45deg)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #34d98b;outline-offset:3px}
@media (max-width: 760px){.seg-legend{grid-template-columns:minmax(0,1fr) !important}.seg-label{display:none}}
@media (prefers-reduced-motion: reduce){*{transition:none !important}}
@media (max-width: 700px){.umb-arrow{transform:rotate(90deg);margin:16px 0}}
@media (max-width: 600px){.pg-row{grid-template-columns:1fr !important;gap:6px !important}}
.dsx a{color:#0b5fe0;text-decoration:underline;text-underline-offset:2px}
.dsx a:hover{color:#0a1628}
.ds-row summary:hover .ds-title{color:#0a7548}
.card{transition:transform 240ms cubic-bezier(.4,0,.2,1),box-shadow 240ms cubic-bezier(.4,0,.2,1)}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(10,22,40,0.14) !important}
.card:hover .card-title{color:#0b5fe0}
.scroll-hint{display:none}
@media (max-width: 640px){.scroll-hint{display:block}}
.art-wrap{display:flex;flex-wrap:wrap;gap:56px 64px;align-items:flex-start}
.art-body{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:26px}
.art-rail{flex:0 1 320px;min-width:min(100%,280px);position:sticky;top:32px;display:flex;flex-direction:column;gap:20px}
@media (max-width: 900px){.art-rail{position:static;order:-1;flex-basis:100%}}
@media (max-width: 640px){.footnote,.lead-row{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}}
.art-body ul.dash{list-style:none;padding-left:0}
.art-body ul.dash li{position:relative;padding-left:24px}
.art-body ul.dash li::before{content:"";position:absolute;left:0;top:0.72em;width:12px;height:2px;border-radius:1px;background:#0b5fe0}