:where([data-marke=sicherheit]) :is(.leitstelle,.einstieg){background:radial-gradient(var(--schein,1100px 520px at 78% 18%), var(--verlauf-sicherheit,#12407a) 0%, transparent 60%), linear-gradient(#ffffff08 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #ffffff08 1px, transparent 1px) 0 0 / 48px 48px, var(--nacht)}:where([data-marke=sicherheit]) :is(.leitstelle,.einstieg) h1{font-size:min(var(--text-titel), 7.9vw)}:where([data-marke=sicherheit]) :is(.register,.einstieg .fakten){background:linear-gradient(#0d2a52cc,#071d3dcc);border:1px solid #ffffff1f;border-radius:14px}:where([data-marke=sicherheit]) :is(.register-kopf,.fakten-kopf){color:var(--tafel-kopf);border-bottom:1px solid #ffffff1a;padding:14px 0 12px}:where([data-marke=sicherheit]) :is(.register,.einstieg .fakten) li+li{border-top:1px solid #ffffff12}:where([data-marke=sicherheit]) .haken{width:18px;height:18px;color:var(--brand);margin-top:3px}:where([data-marke=sicherheit]) .anlass,:where([data-marke=sicherheit]) .nachweis{align-items:flex-start;gap:10px;display:flex}:where([data-marke=sicherheit]) .anlass{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 16px}:where([data-marke=sicherheit]) :is(.anlass,.nachweis)>span{overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:10 4 4;min-width:0}:where([data-marke=sicherheit]) .vorteil{border-left:3px solid var(--akzent);background:var(--surface);color:var(--ink);border-radius:0 10px 10px 0;padding:12px 16px}:where([data-marke=sicherheit]) .vorteil strong{color:var(--brand)}:where([data-marke=sicherheit]) .rechtspunkt,:where([data-marke=sicherheit]) .kontakt{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:22px 20px 24px}:where([data-marke=sicherheit]) .kontakt{padding:26px 24px 28px}:where([data-marke=sicherheit]) .rechtspunkt{overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:10 4 4;min-width:0}:where([data-marke=sicherheit]) .card{overflow-wrap:break-word}:where([data-marke=sicherheit]) .umbruch{overflow-wrap:anywhere}:where([data-marke=sicherheit]) .schritt{border-top:1px solid #ffffff1a;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;display:grid}:where([data-marke=sicherheit]) .schritt:last-child{border-bottom:1px solid #ffffff1a}:where([data-marke=sicherheit]) .schritt h3{color:#fff}:where([data-marke=sicherheit]) .angabe{background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;gap:14px;padding:14px 16px;display:flex}:where([data-marke=sicherheit]) .angabe .tech{margin-top:2px}:where([data-marke=sicherheit]) .akzent-auf-brand{color:var(--akzent-auf-brand)}:where([data-marke=sicherheit]) main{counter-reset:s-abschnitt}:where([data-marke=sicherheit]) .rail>p.tech:first-child{counter-increment:s-abschnitt;flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}:where([data-marke=sicherheit]) .rail>p.tech:first-child:before{content:"S-" counter(s-abschnitt, decimal-leading-zero);border:1px solid color-mix(in srgb, currentColor 42%, transparent);letter-spacing:.08em;background:radial-gradient(circle at 9px,currentColor 3px,#0000 3.6px);border-radius:4px;padding:3px 7px 3px 19px}:where([data-marke=sicherheit]) .rail>p.tech:first-child:after{content:"";opacity:.75;background:linear-gradient(90deg,currentColor,#0000);width:64px;height:1px}:where([data-marke=sicherheit]) :is(.leitstelle,.einstieg) .rail>p.tech:first-child{counter-increment:none}:where([data-marke=sicherheit]) :is(.leitstelle,.einstieg) .rail>p.tech:first-child:before{content:"";background:var(--akzent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--akzent) 22%, transparent), 0 0 12px var(--akzent);border:0;border-radius:50%;padding:0}:where([data-marke=sicherheit]) .kennung{font-family:var(--font-tech);font-size:var(--text-etikett);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);align-items:center;gap:7px;line-height:1;display:inline-flex}:where([data-marke=sicherheit]) .kennung:before{content:"";background:var(--akzent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--akzent) 24%, transparent);border-radius:50%}:where([data-marke=sicherheit]) [data-flaeche=dunkel] .kennung{color:var(--tafel-kopf)}:where([data-marke=sicherheit]) .kachel-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}:where([data-marke=sicherheit]) .ico-chip .ico{width:24px;height:24px}:where([data-marke=sicherheit]) .ico-chip--klein .ico{width:17px;height:17px}:where([data-marke=sicherheit]) .ico-chip .ico-40{stroke-width:2.8px}:where([data-marke=sicherheit]) .eck-marken{--eck-farbe:var(--akzent)}:where([data-marke=sicherheit]) :is(.card,.rechtspunkt,.kontakt,.verweis,.zert).eck-marken:before{border-top-left-radius:14px}:where([data-marke=sicherheit]) :is(.card,.rechtspunkt,.kontakt,.verweis,.zert).eck-marken:after{border-bottom-right-radius:14px}:where([data-marke=sicherheit]) .haken{box-sizing:content-box;background:color-mix(in srgb, var(--brand) 11%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 26%, transparent);stroke-width:2.2px;border-radius:5px;flex:none;margin-top:0;padding:3px}:where([data-marke=sicherheit]) [data-flaeche=dunkel] .haken{color:var(--akzent);background:color-mix(in srgb, var(--akzent) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--akzent) 38%, transparent)}:where([data-marke=sicherheit]) .anlass{position:relative}:where([data-marke=sicherheit]) .anlass:before{content:"";background:var(--akzent);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-1px;left:16px}:where([data-marke=sicherheit]) :is(.fakten-kopf,.led-kopf,.register-kopf>span:first-child){align-items:center;gap:9px;display:flex}:where([data-marke=sicherheit]) :is(.fakten-kopf,.led-kopf,.register-kopf>span:first-child):before{content:"";background:var(--akzent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--akzent) 22%, transparent);border-radius:50%;flex:none}:where([data-marke=sicherheit]) .karten-fuss{border-top:1px dashed var(--line);align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}:where([data-marke=sicherheit]) .rechtspunkt .kachel-kopf{margin-bottom:14px}:where([data-marke=sicherheit]) .schritte .schritt{align-items:start;position:relative}:where([data-marke=sicherheit]) .schritte .schritt:not(:last-child):after{content:"";border-left:1px dashed color-mix(in srgb, var(--akzent) 50%, transparent);position:absolute;top:58px;bottom:-14px;left:17px}:where([data-marke=sicherheit]) .schritt-nr{margin-bottom:4px;display:block}:where([data-marke=sicherheit]) .angabe>.tech:first-child{border:1px solid color-mix(in srgb, var(--akzent-auf-brand) 55%, transparent);border-radius:4px;flex:none;place-items:center;min-width:32px;height:22px;margin-top:0;padding:0 6px;display:inline-grid}:where([data-marke=sicherheit]) .mit-raster{position:relative;overflow:hidden}:where([data-marke=sicherheit]) .mit-raster>.wrap{position:relative}:where([data-marke=sicherheit]) .s-raster{width:48%;height:100%;top:0;right:0;-webkit-mask-image:radial-gradient(at 100% 0,#000 12%,#0000 66%);mask-image:radial-gradient(at 100% 0,#000 12%,#0000 66%)}:where([data-marke=sicherheit]) .verweis .ico-chip{background:color-mix(in srgb, var(--akzent) 14%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--akzent) 40%, transparent);color:var(--akzent)}:where([data-marke=sicherheit]) .cta-band{position:relative;overflow:hidden}:where([data-marke=sicherheit]) .cta-band:before{content:"";background-image:radial-gradient(var(--akzent-auf-brand) 1.5px, transparent 1.8px);opacity:.28;pointer-events:none;background-size:14px 14px;width:46%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:radial-gradient(at 100%,#000 15%,#0000 70%);mask-image:radial-gradient(at 100%,#000 15%,#0000 70%)}:where([data-marke=sicherheit]) .cta-band__innen{position:relative}