.knopf{--knopf-grund:#e30613;--knopf-text:#fff;--knopf-kante:#b8050f4d;--button-fill:#fff;--button-over:#e30613}.knopf-neben{--knopf-grund:transparent;--knopf-text:var(--text,#384150);--knopf-kante:var(--linie,#3841504d);--button-fill:var(--text,#384150);--button-over:var(--grund,#fff)}[data-glasgrund] .knopf-neben{--knopf-grund:#ffffff14;--knopf-text:#fff;--knopf-kante:#ffffff8c;--button-fill:#fff;--button-over:#384150}.knopf-tief{--knopf-grund:var(--portal-text,#384150);--knopf-text:var(--grund,#fff);--button-fill:var(--grund,#fff);--button-over:var(--portal-text,#384150)}:is(.portal-rahmen,.portal-anmeldung,.mein-khit,.mein-zugang){--knopf-kappe:1.5rem;--knopf-einzug:.1875rem;--knopf-links:.625rem;--knopf-luecke:.625rem;--knopf-label-luft:.125rem}.verzeichnis-navigation,.knopf-klein{--knopf-kappe:1.75rem;--knopf-einzug:.25rem;--knopf-links:.75rem;--knopf-luecke:.75rem;--knopf-label-luft:.25rem}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche){isolation:isolate;justify-content:space-between;align-items:center;gap:var(--knopf-luecke,1.25rem);max-width:100%;padding:var(--knopf-einzug,.375rem);padding-left:var(--knopf-links,1.25rem);border:1px solid var(--knopf-kante);background:var(--knopf-grund);color:var(--knopf-text);text-align:left;-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:.25rem;font-weight:500;text-decoration:none;transition:box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s,transform .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:none;box-shadow:inset 0 1px #ffffff3d,0 3px 12px #00000009}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche):is(:hover,:focus-visible){background:var(--knopf-grund);color:var(--knopf-text);transform:none}.knopf-flaeche{z-index:-1;right:var(--knopf-einzug,.375rem);top:var(--knopf-einzug,.375rem);bottom:var(--knopf-einzug,.375rem);width:var(--knopf-kappe,2.25rem);background:var(--button-fill);pointer-events:none;border-radius:.125rem;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:inset 0 1px #ffffff73}.knopf-beschriftung{z-index:1;min-width:0;padding-block:var(--knopf-label-luft,.4rem);overflow-wrap:anywhere;position:relative}.knopf-farbwechsel{padding-block:var(--knopf-label-luft,.4rem);color:var(--button-over);clip-path:inset(0 0 0 100%);pointer-events:none;transition:clip-path .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.knopf-bild{width:var(--knopf-kappe,2.25rem);min-height:var(--knopf-kappe,2.25rem);color:var(--button-over);pointer-events:none;flex:none;place-items:center;display:grid;position:relative}.knopf-bild svg{width:1.25rem;height:1.25rem;transition:translate .5s cubic-bezier(.22,1,.36,1)}.knopf-vorwaerts{rotate:180deg}:is(a,button):not(:disabled,[aria-disabled=true],[aria-busy=true]):is(:hover,:focus-visible)>.knopf-flaeche{width:calc(100% - 2 * var(--knopf-einzug,.375rem))}:is(a,button):not(:disabled,[aria-disabled=true],[aria-busy=true]):is(:hover,:focus-visible)>.knopf-beschriftung>.knopf-farbwechsel{clip-path:inset(0)}:is(a,button):not(:disabled,[aria-disabled=true],[aria-busy=true]):is(:hover,:focus-visible)>.knopf-bild svg{translate:2px}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche):not(:disabled,[aria-disabled=true],[aria-busy=true]):active{transform:translateY(1px)}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche):focus-visible{outline:3px solid var(--button-fill);outline-offset:4px}:root body :is(a,button).knopf:has(>.knopf-flaeche):focus-visible{outline-color:var(--text,#384150)}:root body [data-glasgrund] :is(a,button).knopf:has(>.knopf-flaeche):focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){.knopf-flaeche,.knopf-farbwechsel,.knopf-bild svg{transition:none}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche){transition:none}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche):active{transform:none}:is(a,button):is(:hover,:focus-visible)>.knopf-bild svg{translate:none}}@media (forced-colors:active){.knopf-flaeche,.knopf-farbwechsel{display:none}.knopf-bild{color:buttontext}:root body :is(a,button):is(.knopf,.knopf-neben):not(.knopf-text):has(>.knopf-flaeche){border-color:buttontext}}.verzeichnis-navigation.schwebend .knopf{--knopf-grund:#fff;--knopf-text:#111b30;--knopf-kante:#3841504d;--button-fill:#384150;--button-over:#fff}.portal-rahmen .knopf-neben{--knopf-grund:var(--portal-neben,var(--grund));--knopf-text:var(--portal-text);--knopf-kante:var(--portal-knopfkante,var(--linie));--button-fill:var(--portal-text);--button-over:var(--grund)}.hauptfuss .hauptfuss-newsletter-knopf{--knopf-grund:#ffffff14;--knopf-text:#fff;--knopf-kante:#ffffff8c;--button-fill:#fff;--button-over:#384150}