@keyframes forum-focus-pulse {
    0%,
    100% {
        background-color: var(--surface-alt);
    }
    50% { background-color: color-mix(in srgb, var(--warning) 28%, var(--surface-alt)); }
}
@keyframes cta-submit-blink {
    0%,
    100% { box-shadow: 0 0 0 0 transparent; filter: none; }
    50% { box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--warning) 70%, transparent); filter: brightness(1.2); }
}
@keyframes forum-rec-pulse {
    0%,
    100% {
        opacity:1
    }
    50% { opacity:.3}
}
@keyframes video-compress-modal-indet {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}
@keyframes ph-spin {
    to { transform: rotate(360deg); }
}
@keyframes pnTyping {
    0%,
    60%,
    100% {
        transform:translateY(0);opacity:.4
    }
    30% { transform:translateY(-3px);opacity:1}
}
@keyframes forum-save-spin {
    to { transform:rotate(360deg)}
}
@keyframes einstufung-dreh { to { transform: rotate(360deg); } }
@keyframes staffel-ticker-lauf { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes pn-msg-puls-fremd {
    0%, 100% { background-color: var(--surface); box-shadow: 0 0 0 3px transparent; }
    50% { background-color: color-mix(in srgb, var(--warning) 28%, var(--surface)); box-shadow: 0 0 0 3px var(--accent); }
}
@keyframes pn-msg-puls-eigen {
    0%, 100% { background-color: var(--primary); box-shadow: 0 0 0 3px transparent; }
    50% { background-color: color-mix(in srgb, var(--warning) 28%, var(--primary)); box-shadow: 0 0 0 3px var(--accent); }
}
@keyframes klingel-welle { from { transform: scale(1); opacity: 0.9; } to { transform: scale(1.7); opacity: 0; } }
@keyframes klingel-wackeln { 0%, 50%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(-14deg); } 20%, 40% { transform: rotate(14deg); } }
@keyframes eg-v-fr-tor { 0% { transform: scale(.12); opacity: 0; } 8% { opacity: 1; } 78% { transform: scale(1.25); opacity: 1; } 90%, 100% { transform: scale(2.6); opacity: 0; } }
@keyframes eg-v-fr-auto { 0%, 20% { transform: translateX(0); } 45%, 100% { transform: translateX(38px); } }
@keyframes eg-v-fr-gruen { 0%, 70% { fill: #1e6b3a; } 71%, 100% { fill: #2fbf55; } }
@keyframes eg-v-fr-strich { to { stroke-dashoffset: -14; } }
@keyframes eg-v-fr-schranke { 0%, 70% { transform: rotate(0); } 80%, 100% { transform: rotate(30deg); } }
@keyframes eg-sob { 0%, 100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(4px) scaleY(0.96); } }
@keyframes eg-tear { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(30px); opacity: 0; } }
@keyframes eg-bob { 0%, 100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(-4px) rotate(1.2deg); } }
@keyframes eg-wag { from { transform: rotate(-14deg); } to { transform: rotate(14deg); } }
@keyframes eg-v-laser { 0% { stroke-dashoffset: 71; opacity: 1; } 30% { stroke-dashoffset: 0; opacity: 1; } 55% { stroke-dashoffset: 0; opacity: 0; } 100% { stroke-dashoffset: 71; opacity: 0; } }
@keyframes eg-v-treffer { 0%, 25% { transform: scale(0); opacity: 0; } 32% { transform: scale(1.3); opacity: 1; } 60%, 100% { transform: scale(.4); opacity: 0; } }
@keyframes eg-v-raster { 0%, 100% { transform: translate(112px, 0); } 10% { transform: translate(84px, 0); } 20% { transform: translate(56px, 0); } 30% { transform: translate(28px, 0); } 40% { transform: translate(0, 0); } 50% { transform: translate(0, 28px); } 60% { transform: translate(28px, 28px); } 70% { transform: translate(56px, 28px); } 80% { transform: translate(84px, 28px); } 90% { transform: translate(112px, 28px); } }
@keyframes eg-v-kopf { 0%, 100% { transform: translate(112px, 0) rotate(-90deg); } 10% { transform: translate(84px, 0) rotate(180deg); } 20% { transform: translate(56px, 0) rotate(180deg); } 30% { transform: translate(28px, 0) rotate(180deg); } 40% { transform: translate(0, 0) rotate(180deg); } 50% { transform: translate(0, 28px) rotate(90deg); } 60% { transform: translate(28px, 28px) rotate(0deg); } 70% { transform: translate(56px, 28px) rotate(0deg); } 80% { transform: translate(84px, 28px) rotate(0deg); } 90% { transform: translate(112px, 28px) rotate(0deg); } }
@keyframes eg-v-schwingen { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
@keyframes eg-v-linie { 0% { stroke-dashoffset: 84; opacity: 1; } 17% { stroke-dashoffset: 42; } 33%, 88% { stroke-dashoffset: 0; opacity: 1; } 92%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes eg-v-kreis1 { 0% { fill: #2a1a32; } 2%, 88% { fill: #e8b859; } 92%, 100% { fill: #2a1a32; } }
@keyframes eg-v-text1 { 0% { fill: #ece0ec; } 2%, 88% { fill: #1a0d20; } 92%, 100% { fill: #ece0ec; } }
@keyframes eg-v-kreis2 { 0%, 15% { fill: #2a1a32; } 17%, 88% { fill: #e8b859; } 92%, 100% { fill: #2a1a32; } }
@keyframes eg-v-text2 { 0%, 15% { fill: #ece0ec; } 17%, 88% { fill: #1a0d20; } 92%, 100% { fill: #ece0ec; } }
@keyframes eg-v-kreis3 { 0%, 31% { fill: #2a1a32; } 33%, 88% { fill: #e8b859; } 92%, 100% { fill: #2a1a32; } }
@keyframes eg-v-text3 { 0%, 31% { fill: #ece0ec; } 33%, 88% { fill: #1a0d20; } 92%, 100% { fill: #ece0ec; } }
@keyframes eg-v-streicheln { 0%, 100% { transform: translateX(-30px); } 50% { transform: translateX(30px); } }
@keyframes eg-v-herz { 0% { transform: translateY(0) scale(.6); opacity: 0; } 20% { opacity: 1; } 100% { transform: translateY(-30px) scale(1.1); opacity: 0; } }
@keyframes eg-v-wolke { 0%, 100% { transform: translateX(-3px); } 50% { transform: translateX(3px); } }
@keyframes eg-v-blitz { 0%, 55% { opacity: 1; } 60%, 100% { opacity: 0; } }
@keyframes eg-twitch { 0%, 86%, 100% { transform: rotate(0); } 90% { transform: rotate(-9deg); } 94% { transform: rotate(6deg); } }
@keyframes eg-nod { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-7deg); } }
@keyframes eg-sway { from { transform: rotate(-8deg); } to { transform: rotate(8deg); } }
@keyframes eg-wig { from { transform: skewX(-7deg); } to { transform: skewX(7deg); } }
@keyframes eg-fahne-puls { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.8); } 50% { transform: scale(1.18); box-shadow: 0 0 0 calc(10px * var(--egk, 1)) rgba(229, 57, 53, 0); } }
@keyframes eg-a-platzen { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
@keyframes eg-a-auftauchen { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: scale(1); } }
@keyframes eg-a-herz { 0% { transform: translate(0, 0) scale(.6); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(0, -40px) scale(1.1); opacity: 0; } }
@keyframes eg-a-wolke { 0% { transform: scale(.2); opacity: 0; } 20%, 80% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
@keyframes eg-a-streicheln { 0%, 100% { transform: translate(0, -90px); } 20% { transform: translate(0, 0); } 35%, 65% { transform: translate(-14px, 2px); } 50%, 80% { transform: translate(14px, 0); } }
@keyframes eg-a-freuen { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-8px) scaleY(1.04); } 100% { transform: translateY(0) scaleY(.95); } }
@keyframes eg-a-hand-weg { 0% { transform: translate(0, -90px); } 22%, 34% { transform: translate(0, 0); } 52%, 100% { transform: translate(10px, -110px); } }
@keyframes eg-a-schuetteln { 0%, 100% { transform: rotate(0) translateX(0); } 20%, 60% { transform: rotate(-9deg) translateX(-6px); } 40% { transform: rotate(9deg) translateX(6px); } 80% { transform: rotate(6deg) translateX(4px); } }
@keyframes eg-a-funke { from { transform: translate(0, 0) scale(1); opacity: 1; } to { transform: translate(var(--egdx), var(--egdy)) scale(.2); opacity: 0; } }
@keyframes eg-a-traene { from { transform: translate(0, 0); opacity: 1; } to { transform: translate(var(--egdx), var(--egdy)); opacity: 0; } }
@keyframes eg-a-aus { from { opacity: 1; } to { opacity: 0; } }
@keyframes eg-a-blitz { from { transform: scale(.4); opacity: 1; } to { transform: scale(3.2); opacity: 0; } }
@keyframes eg-a-schild { 0% { transform: scale(.5); opacity: 0; } 25% { transform: scale(1.08); opacity: 1; } 70% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
@keyframes eg-a-aufblitzen { 0%, 100% { opacity: 0; } 30% { opacity: 1; } }
@keyframes eg-a-ausweichen { 0%, 100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(-7deg) translateY(-4px); } 50% { transform: rotate(7deg) translateY(0); } 75% { transform: rotate(-5deg) translateY(-6px); } }
@keyframes eg-a-sterben { 0% { transform: translate(0, 0) rotate(0) scale(1); opacity: 1; } 8%, 24% { transform: translate(-7px, 0) rotate(-9deg) scale(1.12); } 16%, 32% { transform: translate(7px, 0) rotate(9deg) scale(1.12); } 50% { transform: translate(0, -16px) rotate(0) scale(1.18); opacity: 1; } 78% { transform: translate(0, 12px) rotate(-110deg) scale(.7); opacity: 1; } 100% { transform: translate(0, 60px) rotate(-220deg) scale(.1); opacity: 0; } }
@keyframes eg-a-huepfen { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes eg-a-wesen-weg { from { transform: translate(-50%, -50%) scaleX(1); } to { transform: translate(-50%, -62%) scaleX(0); } }
@keyframes eg-a-wesen-her { from { transform: translate(-50%, -62%) scaleX(0); } to { transform: translate(-50%, -50%) scaleX(1); } }
@keyframes eg-a-bonus { 0% { transform: translate(-50%, 0) scale(.5); opacity: 0; } 25% { transform: translate(-50%, -10px) scale(1.15); opacity: 1; } 75% { transform: translate(-50%, -30px) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50px) scale(1); opacity: 0; } }
:root { --abstand-1: 0.25rem; --abstand-2: 0.5rem; --abstand-3: 0.75rem; --abstand-4: 1rem; --abstand-5: 1.5rem; --abstand-6: 2rem; --schrift-1: 0.75rem; --schrift-2: 0.85rem; --schrift-3: 1rem; --schrift-4: 1.25rem; --schrift-5: 1.5rem; --schrift-6: 2rem; --schrift-7: 3rem; --radius-1: 4px; --radius-2: 6px; --radius-3: 8px; --radius-4: 12px; --radius-rund: 50%; --radius-pille: 999px; --zeile-1: 1; --zeile-2: 1.25; --zeile-3: 1.5; --dauer-1: 0.1s; --dauer-2: 0.15s; --dauer-3: 0.2s; --dauer-4: 0.3s; --schleier-1: color-mix(in srgb, var(--scrim) 30%, transparent); --schleier-2: color-mix(in srgb, var(--scrim) 55%, transparent); --schleier-3: color-mix(in srgb, var(--scrim) 80%, transparent); --schatten-1: 0 2px 8px color-mix(in srgb, var(--scrim) 35%, transparent); --schatten-2: 0 6px 20px color-mix(in srgb, var(--scrim) 35%, transparent); --schatten-3: 0 12px 40px color-mix(in srgb, var(--scrim) 45%, transparent); --papier: #fff; --tinte: #000; --druck-linie: #999; --marke-youtube: #f00; }
details > summary { align-items: center; display: flex; gap: var(--abstand-2); cursor: pointer; padding: var(--abstand-1) 0; list-style: none; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:where(li) { text-align: inherit; }
@media (max-width: 900px) {
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select { font-size: max(16px, 1em) !important; }
}
body { font-family: system-ui, -apple-system, sans-serif; color: var(--text); background: var(--background); line-height: var(--zeile-3); font-size: var(--schrift-3); }
code, pre { font-family: ui-monospace, 'Cascadia Code', 'Fira Code', monospace; }
html { scroll-padding-top: 72px; font-size: 19px; }
main { padding: var(--abstand-6) 0; min-height: 60vh; }
main h1 { font-size: var(--schrift-6); margin-top: var(--abstand-4); margin-bottom: var(--abstand-4); color: var(--primary); }
main h2 { font-size: var(--schrift-5); margin: var(--abstand-6) 0 var(--abstand-3); color: var(--primary); }
main h3 { font-size: var(--schrift-4); margin: var(--abstand-5) 0 var(--abstand-2); }
details > summary::before { content: '\25B8'; font-size: var(--schrift-5); color: var(--accent); transition: transform var(--dauer-3); flex-shrink: 0; }
@media print {
html { font-size: 12px; }
h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; }
main { min-height: 0 !important; }
main article img, main .content img { display: block !important; margin-inline: auto !important; max-height: 90mm !important; width: auto !important; max-width: 100% !important; }
a { color: inherit !important; text-decoration: none !important; }
}
@supports selector(::-webkit-details-marker) {
details > summary::-webkit-details-marker, .cta-status-block > summary::-webkit-details-marker, .dashboard-grading-user > summary::-webkit-details-marker, .cta-kebab summary::-webkit-details-marker, .cta-snippet-head::-webkit-details-marker, .nl-segment-summary::-webkit-details-marker, .nl-field summary::-webkit-details-marker, .nl-simulate-wrap summary::-webkit-details-marker, .pn-msg-transkript-auf summary::-webkit-details-marker, .pp-menu > summary::-webkit-details-marker, .cookie-appendix-data > summary::-webkit-details-marker, .cookie-tree details > summary::-webkit-details-marker { display: none; }
}
video:fullscreen, video:-webkit-full-screen { max-width: 100vw !important; max-height: 100vh !important; width: 100vw !important; height: 100vh !important; object-fit: contain; border-radius: 0; background: var(--video-bg); }
.user-card-meta .user-pill { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.dashboard-duration-widget select { width: auto; }
.dashboard-trainer-card > ul { margin: 0; padding-inline-start: var(--abstand-5); }
.nl-gallery-edit-item img { width: 56px; height: 56px; object-fit: cover; border-radius: var(--radius-1); flex: 0 0 auto; background: var(--surface); }
.nl-gallery-bulk-delete { align-self: flex-start; margin-top: var(--abstand-1); }
.u-w-5.u-w-5.u-w-5.u-w-5.u-w-5 { width: 5rem; }
.facet-pill-remove { color: var(--danger); text-decoration: none; font-weight: bold; margin-inline-start: var(--abstand-2); padding: 0 var(--abstand-1); line-height: var(--zeile-1); border-radius: var(--radius-1); }
.facet-filter-trigger-count { background: var(--accent); color: var(--on-accent); border-radius: var(--radius-pille); padding: var(--abstand-1) var(--abstand-2); font-size: var(--schrift-2); line-height: var(--zeile-2); }
.facet-filter-modal { border: none; border-radius: 0; padding: 0; margin: 0; width: 100vw; max-width: 100vw; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; background: var(--background); color: var(--text); overflow: hidden; }
.facet-filter-modal::backdrop { background: var(--scrim); opacity: 0.6; }
.facet-filter-modal-header { padding: var(--abstand-3) var(--abstand-4); border-bottom: 1px solid var(--border); flex-shrink: 0; }
.facet-filter-modal-header h2 { margin: 0; font-size: var(--schrift-4); }
.facet-filter-modal-body { padding: var(--abstand-4) var(--abstand-4); overflow-y: auto; }
.facet-filter-grid { display: grid; grid-template-columns: 1fr; gap: var(--abstand-2); align-items: start; }
@media (min-width: 560px) {
.facet-filter-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 840px) {
.facet-filter-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1120px) {
.facet-filter-grid { grid-template-columns: repeat(4, 1fr); }
}
.facet-filter-modal-footer { justify-content: flex-end; padding: var(--abstand-3) var(--abstand-4); border-top: 1px solid var(--border); flex-shrink: 0; background: var(--surface); }
.facet-filter-options { list-style: none; padding: 0; margin: var(--abstand-2) 0 0; }
.facet-filter-options label { font-size: var(--schrift-2); cursor: pointer; }
.facet-filter-apply { padding: var(--abstand-2) var(--abstand-4); background: var(--primary); color: var(--on-primary); border: none; border-radius: var(--radius-1); cursor: pointer; font-weight: 600; }
.facet-filter-clear { padding: var(--abstand-2) var(--abstand-4); color: var(--text-muted); text-decoration: none; border: 1px solid var(--border); border-radius: var(--radius-1); }
.nimda-media-list img { display: block; object-fit: cover; width: 100%; height: 140px; background: var(--background); }
.nimda-colors, .nimda-zugriff-group { border: 1px solid var(--border); border-radius: var(--radius-2); padding: var(--abstand-4) var(--abstand-5) var(--abstand-5); margin-bottom: var(--abstand-4); }
.nimda-colors legend { padding: 0 var(--abstand-2); font-size: 0.85em; }
.nimda-colors label { margin: var(--abstand-1) 0; font-weight: 400; }
.nimda-media-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--abstand-4); margin: var(--abstand-4) 0; }
.u-ai-center-cur-pointer-s2.u-ai-center-cur-pointer-s2.u-ai-center-cur-pointer-s2 { cursor: pointer; font-weight: normal; }
.u-bd-1px-solid-border-br-4px-s1.u-bd-1px-solid-border-br-4px-s1.u-bd-1px-solid-border-br-4px-s1 { border: 1px solid var(--border); border-radius: var(--radius-1); cursor: pointer; height: 2rem; padding: 0; width: 3rem; }
.kasse-beschreibung-kopf label { margin: 0 var(--abstand-1) 0 0; }
.nimda-facet-tags-heading { margin: var(--abstand-5) 0 var(--abstand-1); font-size: var(--schrift-3); font-weight: 600; opacity: 0.8; border-bottom: 1px solid var(--border); padding-bottom: var(--abstand-1); }
.u-bd-1px-solid-border-br-8px-p-1.u-bd-1px-solid-border-br-8px-p-1.u-bd-1px-solid-border-br-8px-p-1 { border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-4); }
.u-c-text-muted-fs-085-ws-nowrap.u-c-text-muted-fs-085-ws-nowrap.u-c-text-muted-fs-085-ws-nowrap { color: var(--text-muted); font-size: var(--schrift-2); white-space: nowrap; }
.u-flex-1-ow-anywhere.u-flex-1-ow-anywhere.u-flex-1-ow-anywhere { flex: 1; overflow-wrap: anywhere; }
.nimda-colors legend, #theme-menu .theme-menu-header, .te-group legend, .nl-segment-summary-style, .nimda-zugriff-group legend, .card-slug, .nimda-section h2 { color: var(--text-muted); letter-spacing: 0.05em; text-transform: uppercase; }
.site-header-hidden { transform: translateY(-100%); }
#share-menu, #user-menu, #theme-menu { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2); position: absolute; inset-inline-end: 0; top: 100%; margin-top: var(--abstand-2); padding: var(--abstand-1) 0; width: max-content; min-width: 14rem; z-index: 50; font-size: var(--schrift-3); }
#share-menu a, #user-menu a, #theme-menu a { padding: var(--abstand-2) var(--abstand-4); color: var(--text); text-decoration: none; font-size: var(--schrift-2); }
#share-menu a:hover, #share-menu a:focus-visible, #user-menu a:hover, #theme-menu a:hover, #user-menu a:focus-visible, #theme-menu a:focus-visible { background: var(--surface-hover); outline: 2px solid var(--accent); outline-offset: -2px; }
#theme-menu, #user-menu { max-height: 75vh; overflow-y: auto; overscroll-behavior: contain; }
#theme-menu .theme-menu-check { display: inline-block; width: 1rem; color: var(--accent); }
#theme-menu .theme-menu-sep { height: 1px; background: var(--border); margin: var(--abstand-1) 0; }
#theme-menu .theme-menu-header { padding: var(--abstand-2) var(--abstand-4) var(--abstand-1); font-size: var(--schrift-1); font-weight: 600; }
#theme-menu .theme-menu-scale, .gf-faq-item, .nimda-pill span { padding: var(--abstand-2) var(--abstand-4); }
#theme-menu .theme-menu-scale-row { font-size: var(--schrift-2); color: var(--text-muted); display: flex; justify-content: space-between; align-items: center; }
#theme-menu .theme-menu-scale-val input { width: 4em; margin: 0; padding: 0 var(--abstand-1); text-align: end; font: inherit; color: var(--text); background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-1); }
.einstufung-leiste { justify-content: space-between; flex-wrap: wrap; margin: var(--abstand-5) 0; }
.reihe, .dashboard-duration-widget .dashboard-duration-row, .nl-gallery-edit-item, .facet-filter-options label, .nimda-colors label, .zeile-mittel.zeile-mittel.zeile-mittel.zeile-mittel, .kasse-beschreibung-kopf, .zeile-eng.zeile-eng.zeile-eng.zeile-eng, .zeile-eng-6.zeile-eng-6.zeile-eng-6.zeile-eng-6, .te-drag, #user-menu a, .einstufung-leiste, .taskdb-row.taskdb-row-line, .taskdb-row-line, .kauf-wahl-option, .haken-zeile.haken-zeile.haken-zeile.haken-zeile, .notification-actions, .user-card-head, .kauf-aktion-zeile, .knopf-zeile-eng.knopf-zeile-eng.knopf-zeile-eng.knopf-zeile-eng, .zeile-umbruch.zeile-umbruch.zeile-umbruch.zeile-umbruch, .cta-status-block > summary, .cta-att-pill, .bool-pill, .auth-buttons, .device-ua, .dashboard-grading-user > summary, .dashboard-historie-progress-list li, .forum-it-display, .forum-draw-opt, .forum-draw-tools .form-hint, .forum-poll-editopt, .form-group.sprachwahl-zeile, [data-zuletzt-aktiv="1"] li a, .practice-live-liste li a, .nimda-avatar-karte, .staffel-ticker, .staffel-ticker-eintrag, .pn-anhang-eintrag { display: flex; align-items: center; gap: var(--abstand-2); }
.nl-gallery-edit, .te-body, .taskdb-row, .cta-att-list, .blocked-list, .device-list, .forum-rec, .forum-rec-done, .forum-draw-tools, .spalte, .cta-att-group, .cta-nimda-modal-body, .cta-composer, .pn-msg-players, .user-billing-radios, .dashboard-historie-event, .cta-thread-list, .cta-thread-item, .pn-thread-list, .user-device-list, .pn-fullscreen-composer, .forum-files, .forum-audios, .practice-bild-knoepfe, .pp-leute-liste { display: flex; flex-direction: column; gap: var(--abstand-2); }
.taskdb-row.taskdb-row-line, .taskdb-row-line { flex-direction: row; flex-wrap: wrap; }
.kauf-wahl { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--abstand-3); margin: var(--abstand-2) 0 var(--abstand-4); }
.kauf-wahl-option { border: 1px solid var(--border); color: var(--text); cursor: pointer; padding: var(--abstand-3) var(--abstand-4); border-radius: var(--radius-3); min-width: 0; hyphens: auto; overflow-wrap: anywhere; }
.kauf-wahl-option input { accent-color: var(--accent); margin: 0; flex: none; }
.kauf-wahl-option:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.kauf-wahl-option:has(input:disabled) { filter: grayscale(1); opacity: 0.5; cursor: not-allowed; }
.kauf-wahl:has(.taskdb-korrektor-karte) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.haken-zeile.haken-zeile.haken-zeile.haken-zeile { cursor: pointer; margin-top: var(--abstand-2); }
.zeile-luftig.zeile-luftig.zeile-luftig.zeile-luftig, .user-card-link, .blocked-item, .device-item, .pn-thread-link, .user-device, .pn-fullscreen-blocked-banner, .einstufung-stufe, .einstufung-stufe-oeffnen, .push-device-item, .nl-segment-summary, .nl-simulate-wrap summary, [data-notif-bild="1"] { align-items: center; display: flex; gap: var(--abstand-4); }
#theme-menu .theme-menu-scale, .user-card-body, .forum-it-prev-block, .forum-draw-menu, .forum-mode-btn, .cta-kebab-form label, .cta-snippets-body, .pn-thread-body, .user-edit-head-body, .cm-media-item, .upcoming-item, .card-preview, .forum-edit-it-block, .badges-iframe-headcol, .link-karten { display: flex; flex-direction: column; gap: var(--abstand-1); }
.user-card-link:hover, .trainer-chip:hover { border-color: var(--accent); text-decoration: none; }
.user-card-email, .cta-kebab-form label, .dashboard-historie-pager-info, .dashboard-historie-ts, .user-device-meta, .avatar-dropzone-text, .user-edit-empty, .nimda-newsletter-meta, .u-c-text-muted-fs-085.u-c-text-muted-fs-085.u-c-text-muted-fs-085, .notification-time, .nl-archive-pagination .nl-pag-info, .facet-pagination-info, .form-hint-inline, .forum-time { color: var(--text-muted); font-size: var(--schrift-2); }
.user-card-link { padding: var(--abstand-4) var(--abstand-4); text-decoration: none; color: inherit; transition: border-color var(--dauer-2), transform var(--dauer-1); }
.user-card-link:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent); }
.user-card-link:active { transform: scale(0.995); }
.user-card.is-locked .user-card-link { border-style: dashed; border-color: color-mix(in srgb, var(--danger) 45%, var(--border)); }
.user-card-name { font-size: var(--schrift-3); font-weight: 600; color: var(--text); }
@media (max-width: 480px) {
.user-card-link { padding: var(--abstand-3) var(--abstand-3); gap: var(--abstand-3); }
.user-card-email { font-size: var(--schrift-2); }
}
.dashboard-teilnehmer-list.user-card-grid .user-card { display: flex; flex-direction: column; overflow: hidden; }
.dashboard-teilnehmer-list .user-card .user-card-link { background: transparent; border: none; border-radius: 0; margin: 0; }
.dashboard-teilnehmer-list .user-card .user-card-link:hover, .dashboard-teilnehmer-list .user-card .user-card-link:focus-visible { box-shadow: none; border: none; }
.dashboard-teilnehmer-list .user-card .user-card-historie-link { margin: 0; padding: var(--abstand-2) var(--abstand-4) var(--abstand-3); border-top: 1px solid var(--border); background: var(--primary); color: var(--on-primary); font-weight: 600; }
.dashboard-teilnehmer-list .user-card .user-card-historie-link:hover, .dashboard-teilnehmer-list .user-card .user-card-historie-link:focus-visible { background: var(--primary-hover); color: var(--on-primary); }
.user-card-head, .kauf-aktion-zeile, .knopf-zeile-eng.knopf-zeile-eng.knopf-zeile-eng.knopf-zeile-eng, .zeile-umbruch.zeile-umbruch.zeile-umbruch.zeile-umbruch, .formular-zeile.formular-zeile.formular-zeile.formular-zeile, .nimda-staffeln-list .nimda-newsletter-item, .notification-actions { flex-wrap: wrap; }
.kauf-aktion-zeile > input { flex: 1 1 12rem; max-width: 20rem; }
.kauf-rechnung-zeilen { white-space: pre; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
.user-edit-card { padding: var(--abstand-5) var(--abstand-5); margin-bottom: var(--abstand-4); }
.user-edit-card-title { margin: 0 0 var(--abstand-4) 0 !important; font-size: var(--schrift-3) !important; font-weight: 600; color: var(--text) !important; }
@media (max-width: 540px) {
.user-edit-card { padding: var(--abstand-4) var(--abstand-4); }
}
.u-d-iflex-gap-03.u-d-iflex-gap-03.u-d-iflex-gap-03 { display: inline-flex; gap: var(--abstand-1); }
.user-list-gap-05-gtc-repeat-auto-fill-m-s1.user-list-gap-05-gtc-repeat-auto-fill-m-s1.user-list-gap-05-gtc-repeat-auto-fill-m-s1 { gap: var(--abstand-2); grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); list-style: none; padding: 0; }
.staffel-teilnehmer-karte { flex-wrap: wrap; padding: var(--abstand-2) var(--abstand-3); }
.feld-schmal.feld-schmal.feld-schmal.feld-schmal { width: auto; flex: 0 0 auto; }
.cta-status-block { margin: 0 0 var(--abstand-2); border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-2) var(--abstand-2); }
.cta-status-block > summary { cursor: pointer; list-style: none; }
.cta-att-input { inset-inline-start: -9999px; }
.cta-att-pill { padding: var(--abstand-1) var(--abstand-2) var(--abstand-1) var(--abstand-3); font-size: 0.85em; }
.cta-att-name { flex: 1 1 auto; color: var(--text); word-break: break-all; }
.cta-att-counter { width: max-content; padding: var(--abstand-1) var(--abstand-2); font-size: 0.8em; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.crop-overlay { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 85%, transparent); z-index: 9999; }
.crop-container { max-width: 90vw; }
.crop-header { padding: var(--abstand-3) var(--abstand-4); font-weight: bold; }
.crop-area { position: relative; display: inline-block; cursor: crosshair; overflow: hidden; }
.crop-box { position: absolute; border: 2px solid var(--on-scrim); box-shadow: 0 0 0 9999px color-mix(in srgb, var(--scrim) 50%, transparent); cursor: move; touch-action: none; }
.crop-handle { position: absolute; width: 20px; height: 20px; background: var(--on-scrim); border-radius: var(--radius-rund); touch-action: none; }
.crop-handle-tl { top: -10px; inset-inline-start: -10px; cursor: nwse-resize; }
.crop-handle-tr { top: -10px; inset-inline-end: -10px; cursor: nesw-resize; }
.crop-handle-bl { bottom: -10px; inset-inline-start: -10px; cursor: nesw-resize; }
.crop-handle-br { bottom: -10px; inset-inline-end: -10px; cursor: nwse-resize; }
.crop-footer { padding: var(--abstand-3) var(--abstand-4); text-align: end; }
.avatar-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--abstand-4); }
.avatar-upload-col, .gf-modal[open] { display: flex; flex-direction: column; }
.avatar-upload-col > form { flex: 1 1 auto; display: flex; }
.avatar-thumb { position: relative; width: 100%; aspect-ratio: 1 / 1; align-self: start; border-radius: var(--radius-rund); overflow: hidden; border: 4px solid transparent; transition: border-color var(--dauer-3); }
.avatar-actions { position: absolute; bottom: 0; inset-inline-start: 0; inset-inline-end: 0; display: flex; justify-content: center; gap: var(--abstand-3); padding: var(--abstand-3) 0; background: color-mix(in srgb, var(--scrim) 60%, transparent); opacity: 1; transition: opacity var(--dauer-3); }
.avatar-action-btn { background: var(--surface); border: 2px solid var(--on-scrim); color: var(--on-scrim); cursor: pointer; font-size: var(--schrift-5); line-height: var(--zeile-1); width: 56px; height: 56px; border-radius: var(--radius-rund); padding: 0; }
.avatar-action-btn:hover, .avatar-action-btn:focus-visible { background: var(--accent); color: #fff; border-color: var(--accent); }
.avatar-delete:hover, .avatar-delete:focus-visible { background: var(--danger); color: #fff; }
.bool-pill { width: 100%; justify-content: center; padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-3); border: 1px solid transparent; font: inherit; font-weight: 600; text-align: center; cursor: pointer; transition: background var(--dauer-2), border-color var(--dauer-2); }
.blocked-name { font-family: ui-monospace, monospace; color: var(--text); }
.blocked-add { margin-top: var(--abstand-4); padding-top: var(--abstand-4); border-top: 1px solid var(--border); }
.yw-preview { border: 1px dashed var(--border); border-radius: var(--radius-3); padding: var(--abstand-2); background: var(--background); }
.u-fontf-ui-monospace-monos-ls-0-08em.u-fontf-ui-monospace-monos-ls-0-08em.u-fontf-ui-monospace-monos-ls-0-08em.u-fontf-ui-monospace-monos-ls-0-08em.u-fontf-ui-monospace-monos-ls-0-08em { font-family: ui-monospace,monospace; letter-spacing: 0.08em; }
.u-m-075-0-125.u-m-075-0-125.u-m-075-0-125 { margin: var(--abstand-3) 0 var(--abstand-5); }
.pn-bearbeiten-form .auth-buttons, .ausgaben-zeile .auth-buttons { display: flex; flex-direction: row-reverse; justify-content: space-between; gap: var(--abstand-2); }
.auth-buttons { margin-top: var(--abstand-4); margin-bottom: var(--abstand-5); flex-wrap: wrap; }
@media (min-width: 900px) {
.ausgaben-zeile > .auth-buttons { margin: 0; }
}
.forum-rec-done .auth-buttons, .th-leiste.auth-buttons, .kasse-zahlwege.auth-buttons, .yt-phrase { display: grid; grid-template-columns: 1fr 1fr; gap: var(--abstand-2); }
.device-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-3) var(--abstand-4); flex-wrap: wrap; }
.device-meta { flex: 1 1 14rem; min-width: 0; }
.device-ua { font-weight: 500; flex-wrap: wrap; }
.device-id { font-family: ui-monospace, monospace; font-size: var(--schrift-1); color: var(--text-muted); margin-top: var(--abstand-1); word-break: break-all; }
.device-logout-btn { padding: var(--abstand-2) var(--abstand-4); font-size: var(--schrift-2); }
.facet-filter-count, .dashboard-grading-user-date { color: var(--text-muted); font-size: var(--schrift-2); margin-inline-start: auto; }
.dashboard-grading-user[open] > summary::before, .cta-snippet[open] > .cta-snippet-head::before, .nl-segment-details[open] > .nl-segment-summary::before, .nl-field[open] > summary::before, .pn-msg-transkript-auf[open] summary::before { content: '▾'; }
.dashboard-grading-section > summary { cursor: pointer; font-weight: 600; padding: var(--abstand-2) 0; border-top: 1px dashed var(--border); margin-top: var(--abstand-4); }
.dashboard-grading-user { margin: var(--abstand-2) 0; overflow: hidden; }
.dashboard-grading-user > summary { cursor: pointer; list-style: none; flex-wrap: wrap; padding: var(--abstand-2) var(--abstand-4); }
.dashboard-grading-user > summary::before, .cta-snippet-head::before, .nl-segment-summary::before, .nl-field summary::before { content: '▸'; color: var(--text-muted); font-size: var(--schrift-2); }
.dashboard-grading-card { padding: var(--abstand-3) var(--abstand-4); background: var(--background); border-radius: var(--radius-2); margin: 0 var(--abstand-4) var(--abstand-4); }
.grading-chip { padding: var(--abstand-1) var(--abstand-2); cursor: pointer; color: var(--text); }
.grading-chip input { margin-inline-end: var(--abstand-1); }
.grading-offen { background: color-mix(in srgb, var(--text) 10%, transparent); }
.grading-draft { background: color-mix(in srgb, var(--text) 6%, transparent); color: var(--text-muted); }
.grading-bitte_ueberarbeiten { background: color-mix(in srgb, var(--warning) 30%, var(--surface)); }
.grading-bestanden { background: color-mix(in srgb, var(--success) 25%, var(--surface)); }
.grading-sehr_gut_bestanden { background: color-mix(in srgb, var(--success) 45%, var(--surface)); font-weight: 600; }
.dashboard-grading-historie-link { font-size: var(--schrift-2); font-weight: normal; margin-inline-start: var(--abstand-2); text-decoration: none; color: var(--accent); }
.u-maxw-240px.u-maxw-240px.u-maxw-240px { max-width: 240px; }
.cta-att-list, .device-list, .dashboard-historie-progress-list, .pn-thread-list, .user-device-list { list-style: none; padding: 0; margin: 0; }
.dashboard-historie-progress > summary { cursor: pointer; font-size: var(--schrift-3); font-weight: 700; }
.dashboard-historie-progress-list li { padding: var(--abstand-1) 0; }
.dashboard-historie-progress-title { flex: 1 1 auto; min-width: 0; word-break: break-word; }
.dashboard-historie-progress-state { flex: 0 0 auto; font-size: var(--schrift-2); color: var(--text-muted); }
.form-hint a:hover, .pn-msg-ki-hint a:hover, .content a:hover, .kauf-verzicht a:hover { text-decoration-thickness: 2px; }
.form-hint a, .footer-legal a:hover, .belege-liste a, .auth-links a { color: var(--accent); text-decoration: underline; }
.forum-mode-btn { border: 1px solid var(--border); color: var(--text); cursor: pointer; align-items: center; min-width: 64px; background: var(--surface-alt); border-radius: var(--radius-4); padding: var(--abstand-2) var(--abstand-1); transition: var(--dauer-1); }
.nimda-avatar-karte { flex-direction: column; }
.nimda-avatar-karte img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--radius-rund); border: 1px solid var(--border); }
.nimda-avatar-karte.ist-aktiv img { outline: 3px solid var(--primary); outline-offset: 2px; }
.staffel-ticker { position: relative; margin: var(--abstand-5) 0; }
.staffel-ticker-fenster { flex: 1; min-width: 0; overflow: hidden; touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.staffel-ticker-band { display: flex; width: max-content; animation: staffel-ticker-lauf 90s linear infinite; }
.staffel-ticker-band ul { display: flex; gap: var(--abstand-3); list-style: none; margin: 0; padding: 0 var(--abstand-3) 0 0; }
.staffel-ticker.is-paused .staffel-ticker-band, body:has(.eg-overlay.eg-da) .eg-vorschau, body:has(.eg-overlay.eg-da) .eg-vorschau * { animation-play-state: paused; }
.staffel-ticker-eintrag { padding: var(--abstand-1) var(--abstand-4) var(--abstand-1) var(--abstand-1); color: var(--text); text-decoration: none; white-space: nowrap; }
.staffel-ticker-eintrag img { width: 2.2rem; height: 2.2rem; border-radius: var(--radius-rund); object-fit: cover; margin: 0; }
.staffel-ticker-zeit, .staffel-ticker-punkte { color: var(--text-muted); font-size: 0.9em; }
.staffel-ticker-text { display: flex; flex-direction: column; line-height: var(--zeile-2); }
.staffel-ticker-rechts { display: flex; flex-direction: column; align-items: flex-end; margin-left: var(--abstand-2); line-height: var(--zeile-2); }
@media (prefers-reduced-motion: reduce) {
.staffel-ticker-fenster { overflow-x: auto; touch-action: auto; cursor: auto; }
}
.forum-mode-panel[hidden], .form-group[hidden], .cta-prerequisite-gate .cta-form-gated, .cta-snooze-wrap[hidden], .pn-typing-indicator[hidden], .pn-call-btn[hidden], .pn-rec-btn .pn-rec-stop, .pn-rec-btn.is-rec .pn-rec-start, .pn-rec-zeit[hidden], .practice-themen-knopf[hidden], #user-menu a.pwa-start, .print-domain, dialog.rtc-notes-modal:not([open]), .profile-public [role="tabpanel"] .profile-timeline > h2, .nl-send-modal[hidden], .ph-upload-overlay[hidden], .forum-it-display label.forum-it-speed-wrap[hidden], .forum-rec-running[hidden], .forum-rec-done[hidden], .forum-draw-menu[hidden], .forum-poll-editbox[hidden], .forum-post-gallery.gallery-3plus .forum-gallery-item:nth-child(n+4), .yt-overlay[hidden], .user-card-gruppen .user-pill:nth-child(n+5):not(.user-pill-more), .einstufung-wartet[hidden], dialog.forum-composer-modal:not([open]), .pwa-install-banner[hidden], .taskdb-druck, .forum-lightbox[hidden], .forum-lightbox-caption[hidden], #theme-editor-panel.te-collapsed .te-body, #theme-editor-panel.te-collapsed .te-footer, #theme-editor-panel.te-collapsed .te-resize, .yt-cover-playing::after, .yt-cover-playing::before, .forum-lightbox-del[hidden], .inapp-warn-skript[hidden], #main:has(#stufe-a1:not(:checked)) .stufe[data-stufe="a1"], #main:has(#stufe-a2:not(:checked)) .stufe[data-stufe="a2"], #main:has(#stufe-b1:not(:checked)) .stufe[data-stufe="b1"], #main:has(#stufe-b2:not(:checked)) .stufe[data-stufe="b2"], #main:has(#stufe-c1:not(:checked)) .stufe[data-stufe="c1"], #main:has(#stufe-c2:not(:checked)) .stufe[data-stufe="c2"], #kauf-checkout[hidden], #abo-knoepfe[hidden], .nimda-slug-prefix:empty, .toggle-pill .toggle-state-on, .toggle-pill:has(input:checked) .toggle-state-off, .forum-save-progress[hidden], .forum-save-spinner[hidden], .cta-submit-blink[hidden], .practice-pause-form[open] ~ *, .practice-countdown:empty, .practice-dash-tn-body:empty, .rtc-notes-badge[hidden], [data-gs-frei][hidden], .pn-zitat-leiste[hidden], .pn-nach-unten[hidden], .pn-nach-unten-zahl[hidden], .gluecksrad-knoepfe[hidden], .gluecksrad-intensitaet[hidden], #egplay.eg-wortkreis .eg-hint, .eg-task:empty, .eg-hint:empty, #egsnkreuz[hidden], .eg-worttipp:empty { display: none; }
.cta-msg-counter { display: block; width: max-content; margin: var(--abstand-1) 0 0 auto; padding: var(--abstand-1) var(--abstand-2); font-variant-numeric: tabular-nums; font-size: 0.96em; font-weight: 700; color: var(--text-muted); align-self: flex-end; }
.cta-section { margin-top: 40px; padding: 32px; min-width: 0; max-width: 100%; }
.cta-section hgroup { margin: 0 0 20px; }
.cta-section hgroup p, .cta-section hgroup h3 { font-size: var(--schrift-3); font-weight: 700; color: var(--text); margin: 4px 0 0; }
.cta-columns { display: grid; grid-template-columns: 1fr; gap: var(--abstand-6); }
@media (min-width: 600px) {
.cta-columns { grid-template-columns: 1fr auto; align-items: start; }
}
.cta-prereq-claim-option { padding: var(--abstand-2) 0; cursor: pointer; }
.cta-prerequisite-gate:has(.cta-prereq-claim-input:checked) .cta-form-gated { display: block; margin-top: var(--abstand-5); }
.cta-login-required { padding: var(--abstand-4); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-1); }
.cta-login-link { text-align: center; display: block; text-decoration: none; }
.cta-phone { text-align: center; padding: var(--abstand-4); }
.cta-phone-number { display: block; font-size: var(--schrift-5); font-weight: 700; color: var(--primary); text-decoration: none; }
.cta-att-pill, .cta-att-counter, .grading-chip, .staffel-ticker-eintrag, .cta-msg-counter, .cta-system-chip, .cta-other-thread a, .facet-active-filter-pill, .exdb-thema-pill, .gf-glossar-term, .exdb-wf-chip, .exdb-wf-undo, .exdb-play { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pille); }
.cta-kebab summary, .cta-snippet-insert, .pn-attach-btn { background: var(--background); border: 1px solid var(--border); color: var(--text-muted); }
.facet-filter-clear:hover, .nimda-media-insert:hover, .te-btn-ghost:hover, .cta-nimda-modal-body a:hover, .cta-kebab summary:hover, .cta-snippet-insert:hover, .cta-other-thread a:hover, .header-btn:hover, .hamburger:hover, #theme-toggle:hover, .user-search-clear:hover, .code-refresh:hover, .pn-attach-btn:hover, .nimda-pill.nimda-pill [data-farbe="accent"] + span { border-color: var(--accent); color: var(--accent); }
.cta-head { padding: var(--abstand-2) var(--abstand-2); border-bottom: 1px solid var(--border); margin-bottom: var(--abstand-3); }
.cta-head-avatar { flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: var(--radius-rund); font-weight: 700; font-size: var(--schrift-2); background: var(--accent); color: var(--background); }
.cta-head-name { font-weight: 600; flex-wrap: wrap; }
.cta-head-email { color: var(--text-muted); font-size: var(--schrift-2); overflow: hidden; text-overflow: ellipsis; }
.u-c-inherit-td-none.u-c-inherit-td-none.u-c-inherit-td-none, .cta-head-email a { color: inherit; text-decoration: none; }
.cta-kebab summary, .pn-attach-btn { flex: 0 0 auto; width: 2.7rem; height: 2.2rem; padding: 0; font-size: var(--schrift-3); border-radius: var(--radius-3); cursor: pointer; list-style: none; }
.cta-kebab-form { position: absolute; inset-inline-end: 0; top: 100%; z-index: 5; padding: var(--abstand-3); box-shadow: var(--schatten-2); min-width: 14rem; }
.cta-bubble-imgs { display: grid; grid-template-columns: repeat(auto-fill, 100px); gap: var(--abstand-2); margin-top: var(--abstand-1); }
.cta-bubble-img-link { display: block; margin-top: 0; }
.cta-bubble-img { width: 100px; height: 100px; object-fit: cover; display: block; border-radius: var(--radius-3); cursor: zoom-in; }
.cta-bubble-file { flex-direction: column; gap: 0.3em; width: 100px; height: 100px; padding: 0.35em; color: var(--text); text-decoration: none; font-size: 0.7em; line-height: var(--zeile-2); text-align: center; overflow: hidden; cursor: pointer; }
.cta-bubble-file-name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.cta-msg { display: flex; flex-direction: column; max-width: 80%; }
.cta-msg:has(.yt-player) { width: 80%; }
.cta-msg.cta-msg-other, .pn-msg-other { align-self: flex-start; align-items: flex-start; }
.cta-msg.cta-msg-mine, .pn-msg-mine { align-self: flex-end; align-items: flex-end; }
.cta-msg.cta-msg-system { align-self: center; align-items: center; max-width: 100%; }
.cta-system-chip { padding: var(--abstand-1) var(--abstand-3); color: var(--text-muted); font-size: 0.8em; }
.cta-system-time { opacity: 0.7; }
.cta-bubble { padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-4); word-wrap: break-word; }
.cta-msg-other .cta-bubble { background: var(--surface); border: 1px solid var(--border); border-end-start-radius: var(--radius-1); }
.cta-msg-mine .cta-bubble { background: var(--primary); color: var(--on-primary); border-end-end-radius: var(--radius-1); }
.cta-bubble.cta-bubble strong, .cta-bubble b, .cta-bubble-meta a { color: inherit; }
.cta-bubble-del, .cta-system-del { background: none; border: none; cursor: pointer; line-height: var(--zeile-1); color: var(--text-muted); font-size: var(--schrift-2); padding: 0 var(--abstand-1); }
.cta-system-del { margin-inline-start: var(--abstand-1); }
.cta-composer-heading { margin: var(--abstand-3) 0 var(--abstand-2); }
.cta-head-fs { flex: 1 1 auto; min-width: 0; border-bottom: 0; margin-bottom: 0; padding: 0; }
.cta-fs-footer { flex: 0 0 auto; padding: var(--abstand-3) var(--abstand-4); border-top: 1px solid var(--border); background: var(--surface); max-height: 60dvh; overflow-y: auto; }
.cta-bubble-claim, .cta-bubble-subject { display: inline-block; padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-1); font-size: var(--schrift-1); }
.cta-other-thread a { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); color: var(--text-muted); text-decoration: none; }
.dashboard-historie-progress-sub, .u-m-06-0-03.u-m-06-0-03.u-m-06-0-03 { margin: var(--abstand-2) 0 var(--abstand-1); }
.cta-snippets-modal { max-width: min(40rem, 92vw); }
.cta-snippet-cat > summary { cursor: pointer; font-weight: 600; padding: var(--abstand-2) 0; }
.cta-snippet-head { cursor: pointer; list-style: none; padding: var(--abstand-2) 0; }
.cta-snippet-title { flex: 1 1 auto; font-weight: 600; }
.cta-snippet-insert { padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-2); cursor: pointer; }
.cta-snippet-text { margin: 0 0 var(--abstand-2) var(--abstand-4); font-size: var(--schrift-2); color: var(--text-muted); white-space: pre-wrap; max-height: 9rem; overflow: auto; }
.cta-other-thread { text-align: center; margin: var(--abstand-2) 0; }
.u-paddi-06.u-paddi-06.u-paddi-06 { padding-inline-start: var(--abstand-2); }
.cta-bubble-meta, .pn-msg-meta { font-size: var(--schrift-1); color: var(--text-muted); margin-top: var(--abstand-1); padding: 0 var(--abstand-1); }
.pn-msg-video, .pn-msg-image { display: block; max-width: 100%; max-height: 24rem; border-radius: var(--radius-4); }
.pn-msg-gallery { display: grid; gap: 4px; margin: var(--abstand-2) 0; max-width: 100%; }
.pn-msg-bubble { padding: var(--abstand-2) var(--abstand-4); line-height: var(--zeile-3); word-wrap: break-word; max-width: 100%; }
.pn-msg-ki-hint { margin: var(--abstand-1) 0 var(--abstand-1); padding: var(--abstand-1) var(--abstand-2); border-inline-start: 3px solid var(--accent, var(--primary)); background: var(--surface); color: var(--text); font-size: var(--schrift-2); line-height: var(--zeile-2); max-width: 100%; }
.pn-msg-meta .pn-msg-menu > summary { width: 1.8rem; height: 1.4rem; font-size: var(--schrift-3); border: none; background: none; color: var(--text-muted); }
.pn-msg-bearbeitet { font-style: italic; }
.pn-msg-bubble:has(.pn-msg-audio) { width: min(22rem, 78vw); }
.dashboard-historie-filter li a:hover, .cta-tab-btn:hover, .dashboard-element-filter li a:hover { color: var(--text); background: var(--surface); }
.dashboard-historie-title, .dashboard-historie-event a { text-decoration: none; color: var(--text); }
.dashboard-historie-event p { margin: var(--abstand-1) 0 0; font-size: var(--schrift-2); color: var(--text-muted); }
.dashboard-historie-submission { border-inline-start: 3px solid color-mix(in srgb, var(--success) 60%, var(--surface)); }
.dashboard-historie-content { margin-top: var(--abstand-2); color: var(--text); font-size: var(--schrift-3); }
.dashboard-historie-content p { margin: var(--abstand-1) 0; color: var(--text); font-size: var(--schrift-3); }
.dashboard-trainer-card > p, .profile-badges p.form-hint, .forum-draw-tools .form-hint, .cta-section hgroup h2, .cta-assign-inline, .cta-bubble-text p, .cta-fs-footer .cta-composer, .pn-msg-image, .dashboard-element-delete-form, .dashboard-element-activate-form, .card-stack > .card, .badges-iframe-body, .toggle-pill input, .forum-it-lower p, .abschluss-request-form, .dashboard-abschluss-notify-cell form, .summary-list.kauf-bank, .staffel-ticker-eintrag .practice-countdown, .dashboard-card-badges form, .pp-menu-form, .u-m-0.u-m-0.u-m-0, .punkte-scrollbox .punkte-liste, .sprachwahl-zeile label, .pn-msg-emoji-eins p, .pn-msg-emoji-viele p { margin: 0; }
.dashboard-historie-context { margin-top: var(--abstand-2); padding: var(--abstand-2) var(--abstand-2); border-inline-start: 2px solid var(--border); color: var(--text-muted); font-size: var(--schrift-2); }
.dashboard-historie-context em { display: block; margin-bottom: var(--abstand-1); font-style: normal; font-weight: 600; }
.dashboard-historie-sub-block { margin-top: var(--abstand-2); margin-bottom: var(--abstand-5); }
.dashboard-historie-sub-block strong { display: block; margin-bottom: var(--abstand-1); }
.dashboard-historie-sub-text { white-space: pre-wrap; }
.dashboard-historie-sub-img { max-width: 300px; max-height: 300px; border-radius: var(--radius-2); margin-top: var(--abstand-1); display: block; }
.dashboard-historie-sub-video { max-width: 100%; max-height: 360px; margin-top: var(--abstand-1); display: block; border-radius: var(--radius-2); }
.dashboard-historie-pager { justify-content: space-between; margin: var(--abstand-4) 0; padding: var(--abstand-2) var(--abstand-3); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.dashboard-historie-pager a { text-decoration: none; color: var(--accent); font-weight: 600; }
.dashboard-historie-filter-count { display: inline-block; margin-inline-start: var(--abstand-1); padding: 0 var(--abstand-2); min-width: 1.25rem; border-radius: var(--radius-pille); background: var(--border); color: var(--text-muted); font-size: var(--schrift-1); line-height: var(--zeile-3); text-align: center; }
.dashboard-historie-feedback { margin: var(--abstand-2) 0 var(--abstand-3); padding: var(--abstand-2) var(--abstand-2); background: color-mix(in srgb, var(--accent) 6%, transparent); border-radius: var(--radius-1); }
.dashboard-historie-feedback-meta { font-size: var(--schrift-1); color: var(--text-muted); margin-bottom: var(--abstand-1); }
.blocked-list, .cta-thread-list { list-style: none; padding: 0; margin: 0 0 var(--abstand-4); }
.cta-thread-item { border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-3); transition: background var(--dauer-2); align-items: stretch; }
.cta-thread-has-avatar .cta-assign-inline { margin-inline-start: calc(2.5rem + 0.7rem); }
.cta-assign-select { max-width: 9rem; }
.cta-thread-link { display: flex; align-items: flex-start; gap: var(--abstand-3); text-decoration: none; color: inherit; }
.te-btn-icon, .pn-thread-del-btn, #theme-toggle, .skip-link, .nimda-media-delete, .gf-modal-close, .cta-tab-btn, .u-bg-none-bd-0-s1.u-bg-none-bd-0-s1.u-bg-none-bd-0-s1, .kreuz-klein.kreuz-klein.kreuz-klein.kreuz-klein { background: none; color: var(--text-muted); cursor: pointer; }
.pn-thread-virtual { display: inline-block; flex-shrink: 0; padding: 0 var(--abstand-2); font-size: var(--schrift-1); line-height: 1.3rem; color: var(--text-muted); background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius-pille); }
.user-card-meta, .nimda-edit-form .form-row > .form-group, .cta-thread-item > .cta-thread-link, .pn-thread-preview-row, #egtask.eg-mono span { min-width: 0; }
.pn-thread-item.pn-unread { border-inline-start: 4px solid var(--accent); }
.pn-thread-link { flex: 1 1 auto; min-width: 0; padding: var(--abstand-4) var(--abstand-4); text-decoration: none; color: inherit; }
.pn-thread-del-form { flex: 0 0 auto; display: flex; align-items: center; padding-inline-end: var(--abstand-2); }
.pn-thread-del-btn { border: none; font-size: var(--schrift-5); line-height: var(--zeile-1); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-2); opacity: 0.55; transition: opacity var(--dauer-2), color var(--dauer-2); }
.pn-thread-del-btn:hover { color: var(--accent); background: var(--border); opacity: 1; }
.pn-thread-avatar img { width: 2.75rem; height: 2.75rem; border-radius: var(--radius-rund); object-fit: cover; display: block; }
.pn-thread-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--abstand-4); align-items: baseline; }
@media (max-width: 30rem) {
.pn-thread-link { padding: var(--abstand-3); gap: var(--abstand-3); }
.pn-thread-del-btn { padding: var(--abstand-1); }
}
.pn-thread-time { color: var(--text-muted); font-size: var(--schrift-2); flex-shrink: 0; }
.pn-thread-preview { min-width: 0; color: var(--text-muted); font-size: var(--schrift-2); }
.user-edit-header { display: flex; align-items: center; gap: var(--abstand-5); padding: var(--abstand-5) var(--abstand-5); margin-bottom: var(--abstand-4); }
.user-edit-avatar { flex: 0 0 auto; width: 5.5rem; height: 5.5rem; border-radius: var(--radius-rund); overflow: hidden; background: var(--background); }
.user-edit-name { margin: 0 !important; font-size: var(--schrift-5) !important; line-height: var(--zeile-2); color: var(--text) !important; }
.user-edit-tags-title { margin: var(--abstand-4) 0 var(--abstand-2) !important; font-size: var(--schrift-2) !important; color: var(--text-muted) !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.user-device { padding: var(--abstand-3) var(--abstand-4); background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-4); }
.user-edit-card-footer { margin-top: var(--abstand-3); text-align: end; }
.user-edit-stamm { font-size: var(--schrift-2); color: var(--text-muted); text-align: center; padding: var(--abstand-4) 0; margin-top: var(--abstand-2); }
@media (max-width: 540px) {
.user-edit-header { flex-direction: column; text-align: center; }
.user-edit-head-body { align-items: center; }
}
.u-bg-none-bd-none-cur-pointer-m-0-p-0.u-bg-none-bd-none-cur-pointer-m-0-p-0.u-bg-none-bd-none-cur-pointer-m-0-p-0 { background: none; border: none; cursor: pointer; color: var(--text); font-size: var(--schrift-5); line-height: var(--zeile-1); margin: 0; padding: 0; }
.u-pe-none.u-pe-none.u-pe-none, #egwkkreis .eg-wklinie { pointer-events: none; }
.geheim-feld.geheim-feld.geheim-feld.geheim-feld { background: var(--background); border: 1px solid var(--border); color: var(--text); display: inline-block; padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-2); font-family: monospace; min-width: 10rem; -webkit-text-security: disc; text-security: disc; }
.forum-lightbox-del, .avatar-action-btn, .cta-head-avatar, .cta-kebab summary, .cta-snippet-insert, .pn-call-btn, .pn-reset-btn, .header-btn.inbox-btn, .pp-menu > summary, .user-search-submit, .user-search-clear, .cta-composer-row .cta-composer-send, .pn-attach-btn, .gf-search-reset, .avatar-img, .avatar-initial, .pn-msg-download, .toggle-pill, .user-pager a, .user-pager span, .user-pager button, .blog-post-nav-prev, .blog-post-nav-next, .forum-attach-del, .forum-composer-close { align-items: center; display: inline-flex; justify-content: center; }
.pn-peer-avatar { width: 2.25rem; height: 2.25rem; font-size: var(--schrift-3); }
.pn-reset-form { margin-inline-start: auto; flex-shrink: 0; display: inline-flex; }
.pn-call-btn, .pn-reset-btn { margin-inline-start: auto; text-decoration: none; }
.pn-fullscreen-logo { flex-shrink: 0; display: inline-flex; align-items: center; width: 2rem; height: 2rem; border-radius: var(--radius-2); overflow: hidden; }
.pn-fullscreen-logo img { object-fit: contain; }
.pn-fullscreen-composer { flex: 0 0 auto; align-items: stretch; padding: var(--abstand-3) var(--abstand-4); border-top: 1px solid var(--border); background: var(--surface); }
.pn-thread-peer { text-decoration: none; color: inherit; font-weight: 600; }
.pn-pagination { justify-content: space-between; margin-bottom: var(--abstand-4); }
.pn-anhang-weg { width: auto; min-width: 2.4rem; border-radius: 1.2rem; padding: 0 var(--abstand-2); }
.pn-rec-zeit { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-inline-start: var(--abstand-1); font-size: var(--schrift-2); font-variant-numeric: tabular-nums; color: var(--danger); white-space: nowrap; }
.pn-alt-hinweis { margin: var(--abstand-3) auto; max-width: 32rem; padding: var(--abstand-3) var(--abstand-4); border-radius: 1rem; background: var(--danger); color: var(--on-danger); text-align: center; line-height: var(--zeile-3); }
.pn-fullscreen-blocked-banner { justify-content: space-between; padding: var(--abstand-3) var(--abstand-4); background: color-mix(in srgb, var(--danger) 8%, var(--surface)); border-top: 1px solid color-mix(in srgb, var(--danger) 30%, var(--border)); }
.pn-fullscreen-blocked-banner .pn-blocked-text { color: var(--text-muted); font-size: var(--schrift-2); flex: 1; }
.pn-retention-hint { font-size: var(--schrift-1); opacity: .6; margin: var(--abstand-1) 0 var(--abstand-3); }
.pn-typing-indicator { padding: var(--abstand-1) var(--abstand-4) var(--abstand-2); font-size: var(--schrift-2); opacity: .7; }
.pn-typing-dots { display: inline-flex; gap: 3px; }
.pn-typing-dots i { width: 5px; height: 5px; border-radius: var(--radius-rund); background: currentColor; display: inline-block; animation: pnTyping 1.2s infinite ease-in-out; }
.pn-typing-dots i:nth-child(2) { animation-delay: .2s; }
.pn-typing-dots i:nth-child(3) { animation-delay: .4s; }
.pn-read-store { display: none!important; }
.pn-read-row { list-style: none; display: flex; justify-content: flex-end; gap: 3px; margin: 1px 0 3px; padding: 0 var(--abstand-4); }
.pn-read-av { display: inline-flex; }
.forum-file-card { padding: var(--abstand-2) var(--abstand-3); border: 1px solid var(--border); border-radius: var(--radius-4); background: var(--surface-alt); color: var(--text); text-decoration: none; }
.forum-file-card:hover { background: var(--surface-hover); border-color: var(--primary); }
.forum-file-icon { flex: 0 0 auto; font-size: var(--schrift-4); color: var(--primary); }
.forum-audio-icon { font-size: var(--schrift-6); line-height: var(--zeile-1); text-align: center; }
.forum-edit-it-block img, .forum-edit-it-block video { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius-1); }
.practice-zur-einrichtung, .user-tag { position: relative; cursor: pointer; }
.practice-zur-einrichtung .practice-einrichten::after { content: ""; position: absolute; inset: 0; }
dialog.practice-themen-modal h3 { padding-inline-end: 2.8rem; }
.practice-themen-liste { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.header-btn, .hamburger { background: none; color: var(--text-muted); cursor: pointer; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: var(--radius-rund); text-decoration: none; font-size: 16px; font-weight: 700; transition: border-color var(--dauer-3), color var(--dauer-3); }
.header-btn { font-family: Georgia, serif; font-size: 17.6px; }
.header-btn.inbox-btn { position: relative; text-decoration: none; color: inherit; }
.u-br-50p-h-100p-objf-cover-w-100p.u-br-50p-h-100p-objf-cover-w-100p.u-br-50p-h-100p-objf-cover-w-100p { border-radius: var(--radius-rund); }
.avatar-btn { font-weight: 700; font-size: 14.4px; }
.header-btn-badge { position: absolute; top: -4px; inset-inline-end: -5.6px; min-width: 17.6px; height: 17.6px; padding: 0 4.8px; font-size: 11.2px; line-height: 17.6px; font-weight: 600; text-align: center; color: var(--surface); background: var(--accent); border-radius: var(--radius-pille); }
#user-menu .menu-icon { flex: none; opacity: 0.85; }
.skip-link:focus { position: static; opacity: 1; pointer-events: auto; }
.breadcrumb a { color: var(--accent); text-decoration: none; white-space: nowrap; flex: 0 0 auto; }
.breadcrumb a:focus { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--radius-1); }
#theme-toggle, .skip-link { width: 44px; height: 44px; border: 1px solid var(--border); border-radius: var(--radius-rund); text-decoration: none; font-size: 16px; font-weight: 700; transition: border-color var(--dauer-3), color var(--dauer-3); }
.forum-lightbox-img, .mittig, .header-btn, .hamburger, #theme-toggle, .skip-link, .trainer-chip .trainer-avatar, .ausgaben-quartal, .ausgaben-monat-knopf, .forum-post-gallery.gallery-3plus[data-extra]:not([data-extra="0"]) .forum-gallery-item:nth-child(3)::after, .einstufung-stufe-haken, .avatar-upload-col .avatar-dropzone, .forum-post-card-image:has(video)::after, .forum-post-card-image.forum-post-card-video::after, .forum-it-slide a.forum-gallery-item, .forum-post-card-audio, .forum-post-card-file, .kasse-zahlwege .cta-submit { align-items: center; display: flex; justify-content: center; }
.trainer-chip { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pille); padding: var(--abstand-1) var(--abstand-3) var(--abstand-1) var(--abstand-1); text-decoration: none; color: inherit; transition: border-color var(--dauer-2), background var(--dauer-2); }
.trainer-chip .trainer-avatar { flex: 0 0 auto; width: 2.25rem; height: 2.25rem; border-radius: var(--radius-rund); overflow: hidden; background: var(--background); transition: transform var(--dauer-4) ease, box-shadow var(--dauer-4) ease; transform-origin: center center; }
.trainer-chip:hover .trainer-avatar { transform: scale(2.2); box-shadow: var(--schatten-2); position: relative; z-index: 2; }
.avatar-thumb img, .cta-composer-heading, .trainer-chip .trainer-avatar img, .trainer-chip .trainer-avatar .user-avatar-placeholder, .user-card-avatar img, .dashboard-element-group > h3 { font-size: var(--schrift-3); font-weight: 600; color: var(--text-muted); }
.trainer-chip .trainer-name { font-size: var(--schrift-3); color: var(--text); font-weight: 500; }
.ausgaben-tabelle td:nth-child(2) { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; }
.ausgaben-quartale { display: grid; gap: var(--abstand-2); margin: var(--abstand-4) 0 var(--abstand-5); }
.ausgaben-quartal-zeile { display: grid; grid-template-columns: 8rem repeat(3, minmax(0, 1fr)); gap: var(--abstand-2); }
.ausgaben-quartal, .einstufung-stufe-name, .eg-panel .eg-aufgabe, .eg-panel a.eg-kaufen { font-weight: 700; }
.ausgaben-monat-knopf:hover, .forum-poll-mine, .forum-it-thumb.active, .push-device-item.push-device-current, .link-karte:hover { border-color: var(--primary); }
.ausgaben-monat-knopf.is-leer, .nimda-newsletter-item.is-hidden, .dashboard-element-draft > a { opacity: 0.5; }
.ausgaben-monat-knopf.is-aktiv { border-color: var(--primary); box-shadow: inset 0 0 0 2px var(--primary); font-weight: 700; opacity: 1; }
@media (max-width: 600px) {
.ausgaben-quartal-zeile { grid-template-columns: 4.5rem repeat(3, minmax(0, 1fr)); gap: var(--abstand-1); }
}
@media (min-width: 900px) {
.ausgaben-zeile { display: flex; flex-wrap: wrap; gap: var(--abstand-3) var(--abstand-4); align-items: flex-end; }
.ausgaben-zeile #ag-kz { width: 100%; }
}
.forum-post-gallery.gallery-3plus[data-extra]:not([data-extra="0"]) .forum-gallery-item:nth-child(3)::after { content: "+" attr(data-extra); position: absolute; inset: 0; background: color-mix(in srgb, var(--scrim) 55%, transparent); color: var(--on-scrim); font-size: var(--schrift-5); font-weight: 700; pointer-events: none; }
.einstufung-stufe { min-height: 3.6rem; padding: var(--abstand-2) var(--abstand-4); border: 2px solid var(--border); border-radius: var(--radius-4); background: var(--surface); cursor: pointer; }
.einstufung-stufe:has(.einstufung-stufe-oeffnen) { padding: 0; gap: 0; align-items: stretch; overflow: hidden; }
.einstufung-stufe-oeffnen { flex: 1; min-width: 0; padding: var(--abstand-2) var(--abstand-4); color: inherit; text-decoration: none; }
.einstufung-stufe-oeffnen:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }
.einstufung-stufe-haken { flex: none; width: 4.2rem; border-left: 2px solid var(--border); cursor: pointer; background: var(--background); }
.einstufung-stufe:has(input:checked) { border-color: var(--accent); background: var(--surface-alt); }
.einstufung-marke { flex: none; min-width: 3.2rem; height: 3.2rem; padding: 0 var(--abstand-2); border-radius: var(--radius-4); display: grid; place-items: center; font-weight: 800; background: var(--primary); color: var(--on-primary); }
.einstufung-fertig { display: block; font-size: var(--schrift-3); background: var(--success); color: var(--on-success); padding: var(--abstand-3) var(--abstand-4); border-radius: var(--radius-3); }
.einstufung-trenner { color: var(--text-muted); font-size: var(--schrift-2); margin: var(--abstand-2) 0; }
.einstufung-trenner::before, .einstufung-trenner::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.einstufung-ansehen { display: block; margin-top: var(--abstand-2); font-size: var(--schrift-2); font-weight: 600; color: var(--accent); }
.einstufung-chip-pflicht { border: 1px solid var(--accent); color: var(--accent); }
.einstufung-pflicht-hinweis { border-left: 4px solid var(--accent); padding: var(--abstand-2) var(--abstand-4); background: var(--surface); border-radius: 0 var(--radius-4) var(--radius-4) 0; }
.user-card-body, .staffel-teilnehmer-karte select, .cta-head-id, .cta-thread-main, .user-device-body, .user-edit-head-body, .uid-check-row input, .forum-poll-editopt input[type=text], [data-notif-bild="1"] > div, .pn-msg-audio-zeile .pn-msg-audio { flex: 1 1 auto; min-width: 0; }
.input-toggle:hover, .pn-msg-download:hover, .pn-msg-download:focus-visible, .forum-card-slide.active { opacity: 1; }
.input-toggle-wrap { position: relative; display: flex; align-items: center; }
.input-toggle-wrap input { flex: 1; padding-inline-end: 2.5rem; }
.avatar-dropzone { border: 2px dashed var(--border); border-radius: var(--radius-3); padding: var(--abstand-5); text-align: center; cursor: pointer; transition: border-color var(--dauer-3), background var(--dauer-3); }
.avatar-dropzone:hover, .avatar-dropzone.dragover { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); }
.uid-check-btn { flex: 0 0 auto; cursor: pointer; font-size: var(--schrift-4); line-height: var(--zeile-1); padding: 0 var(--abstand-3); }
.blocked-item, .push-device-item { justify-content: space-between; padding: var(--abstand-2) var(--abstand-3); }
.push-device-info { font-size: var(--schrift-2); color: var(--text); word-break: break-word; }
.forum-post-card-image img, .forum-post-card-image video { object-fit: cover; }
.forum-post-card-image { margin-top: var(--abstand-2); position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: var(--radius-2); overflow: hidden; background: var(--video-bg); }
.forum-post-card-image:has(video)::after, .forum-post-card-image.forum-post-card-video::after { content: "▶"; position: absolute; inset: 0; color: var(--on-scrim); font-size: var(--schrift-7); line-height: var(--zeile-1); text-shadow: 0 2px 12px var(--schleier-2); pointer-events: none; }
.pn-msg-media .forum-gallery-item { display: block; cursor: zoom-in; }
.crop-container, .pn-msg-gallery .forum-gallery-item { background: var(--surface); border-radius: var(--radius-3); overflow: hidden; }
.pn-msg-gallery .forum-gallery-item, .forum-card-slider { aspect-ratio: 1 / 1; }
.forum-post-gallery .forum-gallery-item { display: block; background: var(--surface); overflow: hidden; }
.forum-post-gallery.gallery-3plus .forum-gallery-item:first-child { grid-row: 1 / span 2; }
.galerie-grid .forum-gallery-item { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--surface); border-radius: var(--radius-1); }
.md-lightbox .forum-gallery-item { display: block; cursor: zoom-in; text-decoration: none; color: inherit; }
.md-lightbox .forum-gallery-item::after { content: attr(data-caption); display: block; text-align: center; font-weight: 700; margin-top: var(--abstand-1); }
.forum-it-slide a.forum-gallery-item { width: 100%; height: 100%; cursor: zoom-in; }
.facet-filter-apply:hover, .te-btn-primary:hover, .cta-submit:hover { background: var(--primary-hover); }
@media print {
button, form:has(> input[name="nav_lang_choose"]), main p:has(> .exdb-play:only-child), [data-zuletzt-aktiv], body:has(.kasse-buchungsliste) [data-zuletzt-aktiv], .trainer-chip, .cta-submit, input[type="submit"], input[type="button"], .einstufung-ausw-druck .gf-modal-close, .site-header .skip-link, .site-footer, body:has(.kasse-buchungsliste) .site-header, .dashboard-submission-banner, .back-button, .page-sidebar, .pwa-install-banner, .site-header .header-actions, .site-header .breadcrumb, .user-search, .taskdb-feld textarea, .taskdb-feld input[type="text"], .taskdb-feld .taskdb-words, body:has(.kasse-buchungsliste) .cta-tabs, body:has(.kasse-buchungsliste) .page-content > h1, html.einstufung-ausw-druckt body > :not(dialog.einstufung-ausw-druck), .einstufung-ausw-druck .einstufung-ausw-knopf { display: none !important; }
}
.crop-canvas, .yw-preview iframe, .pn-msg-media, .cta-submit.element-download, #share-menu a, #theme-menu a, .forum-draw-pen svg, .forum-draw-eraser svg, .forum-draw-undo svg, .forum-draw-clear svg, .textdb-stufen .nimda-pill, .taskdb-row-full, .forum-audio-bild.an, .pn-msg-zitat-text { display: block; }
.knopf-paar > .cta-submit { flex: 1 1 10rem; white-space: nowrap; text-align: center; }
.cta-submit.cta-submit-muted { background: var(--text-muted); display: inline-block; text-align: center; text-decoration: none; }
.cta-submit.cta-submit-muted:hover { background: var(--text); }
.cta-submit.cta-submit-danger:hover { background: var(--danger-hover); }
.cta-submit { padding: var(--abstand-2) var(--abstand-5); background: var(--primary); color: var(--on-primary); border: none; border-radius: var(--radius-1); font-family: inherit; font-size: var(--schrift-3); font-weight: 600; line-height: normal; cursor: pointer; align-self: flex-start; transition: background var(--dauer-3); }
.th-leiste .cta-submit, .kasse-zahlwege .cta-submit, .knopf-raster .cta-submit { width: 100%; height: 100%; margin: 0; }
.kasse-zahlwege .cta-submit, .knopf-raster .cta-submit, .u-ta-center.u-ta-center.u-ta-center { text-align: center; }
.nimda-media-list li, .blocked-item, .uid-check-btn, .push-device-item, .flaeche, .content details, .dashboard-zoom-timing, .card, .content a.card, .pp-menu > summary { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2); }
#theme-editor-panel, .user-card-link, .dashboard-teilnehmer-list.user-card-grid .user-card, .user-edit-card, .dashboard-grading-user, .pn-msg-bubble, .user-edit-header, .nl-block, .nl-new-segment, .kandidat-karte.kandidat-karte.kandidat-karte.kandidat-karte, .profile-hero, .nl-subject-form, .nl-simulate, .nl-send-modal-inner, .video-compress-modal-card, .gf-modal, .ph-upload-box, #exdb-gate { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-4); }
.nimda-edit-form .form-group, .form-group, .content p, .nimda-newsletters-head, .nl-archive-view .nl-archive-head, .u-mb-1.u-mb-1.u-mb-1, .punkte-klapp[open] > summary { margin-bottom: var(--abstand-4); }
.content ul, .content ol { margin: 0 var(--abstand-5) var(--abstand-4); }
.content blockquote { border-inline-start: 3px solid var(--accent); padding: var(--abstand-2) var(--abstand-4); margin: var(--abstand-4) 0; color: var(--text-muted); background: var(--surface); }
.content hr { border: none; border-top: 1px solid var(--border); margin: var(--abstand-6) 0; }
.content img { width: 100%; height: auto; border-radius: var(--radius-1); margin: var(--abstand-4) 0; }
.avatar-thumb img, .u-br-50p-h-100p-objf-cover-w-100p.u-br-50p-h-100p-objf-cover-w-100p.u-br-50p-h-100p-objf-cover-w-100p, .trainer-chip .trainer-avatar img, .user-edit-avatar img, .user-card-avatar img { height: 100%; object-fit: cover; width: 100%; }
.content pre { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-1); padding: var(--abstand-4); overflow-x: auto; margin: var(--abstand-4) 0; }
.content code { background: var(--surface); padding: 0.15em 0.35em; border-radius: var(--radius-1); font-size: 0.9em; }
.content pre code { background: none; padding: 0; }
.content table { border-collapse: collapse; margin: 0; font-variant-numeric: tabular-nums; }
.content th, .content td { border: 1px solid var(--border); padding: var(--abstand-2) var(--abstand-3); text-align: start; vertical-align: top; }
.content th { background: var(--surface); font-weight: 600; }
.forum-post-card-audio, .forum-post-card-file, .content tbody tr:nth-child(even) td { background: var(--surface-alt); }
.content details { margin: var(--abstand-4) 0; padding: var(--abstand-2) var(--abstand-4); }
.content details details { background: var(--background); }
.pn-msg-mine .pn-msg-text.content a { color: var(--on-primary); text-decoration: underline; }
.content .kasse-buchungen tfoot td { font-weight: 700; border-top: 2px solid var(--border); }
.content ul[data-spalten="4"] { columns: 4 11rem; column-gap: var(--abstand-6); }
.content ul[data-spalten="4"] li { break-inside: avoid; }
.dashboard-draft-note { color: var(--accent); font-weight: 500; }
.dashboard-element-actions { flex-wrap: wrap; justify-content: flex-end; margin: var(--abstand-2) 0 var(--abstand-5); }
.dashboard-zoom-timing { margin: var(--abstand-4) 0; padding: var(--abstand-3) var(--abstand-4); }
.dashboard-zoom-timing h4 { margin-top: 0; font-size: var(--schrift-3); }
.nl-gallery-edit-item .nl-gallery-select { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: 0; cursor: pointer; }
.gallery-upload-spin { display: flex; justify-content: center; padding: var(--abstand-3) 0 var(--abstand-1); }
.dashboard-element-preview-link { align-self: center; }
.card, .content a.card { display: flex; flex-direction: column; padding: var(--abstand-5); text-decoration: none; color: var(--text); transition: transform var(--dauer-3), border-color var(--dauer-3), box-shadow var(--dauer-3); }
.card:hover { border-color: var(--accent); box-shadow: var(--schatten-2); transform: translateY(-2px); }
.pn-msg-menu .pp-menu-items { top: auto; bottom: calc(100% + 0.25rem); font-size: var(--schrift-2); }
.pn-msg-mine .pn-msg-menu .pp-menu-items { inset-inline-start: auto; inset-inline-end: 0; }
.pp-menu > summary { list-style: none; cursor: pointer; width: 2.25rem; height: 2.25rem; color: var(--text); font-size: var(--schrift-4); user-select: none; }
.pp-menu > summary:hover { background: color-mix(in srgb, var(--accent) 10%, var(--surface)); }
.pp-menu-items { position: absolute; inset-inline-start: 0; top: calc(100% + 0.25rem); min-width: 12rem; max-width: calc(100vw - 2rem); box-shadow: var(--schatten-2); z-index: 10; overflow: hidden; }
.yt-phrase { align-items: stretch; }
.yt-phrase > span { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2); display: block; padding: var(--abstand-2) var(--abstand-3); text-align: start; line-height: var(--zeile-2); hyphens: auto; overflow-wrap: break-word; cursor: pointer; transition: border-color var(--dauer-2), background var(--dauer-2); }
.yt-phrase > span:hover, .yt-phrase > span:focus-visible { border-color: var(--accent); background: var(--surface-hover, var(--surface)); outline: none; }
.trainer-section { margin: var(--abstand-6) 0 var(--abstand-5); }
.trainer-section-title { font-size: var(--schrift-1) !important; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted) !important; font-weight: 600; margin: 0 0 var(--abstand-3) !important; }
.edit-termin-btn { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); background: var(--surface); color: var(--accent); border: 1px solid var(--accent); border-radius: var(--radius-1); line-height: var(--zeile-1); font-weight: 600; text-decoration: none; cursor: pointer; vertical-align: middle; transition: background var(--dauer-3); }
.edit-termin-btn:hover, .edit-termin-btn:focus-visible { background: var(--surface-hover); color: var(--accent); text-decoration: none; }
.badge-format { background: var(--surface); color: var(--accent); border: 1px solid var(--accent); }
.upcoming-item .badge-format { background: color-mix(in srgb, var(--on-primary) 15%, transparent); color: var(--on-primary); border: 1px solid color-mix(in srgb, var(--on-primary) 30%, transparent); font-size: var(--schrift-1); }
.facet-active-filter-pill { color: var(--text); padding: var(--abstand-1) var(--abstand-3); font-size: var(--schrift-2); line-height: var(--zeile-3); }
.facet-filter-modal-form { display: flex; flex-direction: column; height: 100%; }
@media print {
.einstufung-druck-schluessel { break-before: page; page-break-before: always; }
}
.siblings, .parent-siblings { margin-top: 3rem; padding-top: var(--abstand-5); border-top: 1px solid var(--border); }
.siblings h2, .parent-siblings h2 { font-size: var(--schrift-3); color: var(--text-muted); margin-bottom: var(--abstand-3); }
.dashboard-group-title { margin-top: var(--abstand-6); font-size: var(--schrift-3); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.exdb-thema-pill { display: inline-block; padding: var(--abstand-1) var(--abstand-2); color: var(--text-muted); font-size: var(--schrift-1); font-weight: 600; }
.einstufung-druck-schluessel li { white-space: pre-wrap; margin-bottom: var(--abstand-1); }
.kasse-beschreibung-kopf, .zeile-eng.zeile-eng.zeile-eng.zeile-eng, .zeile-eng-6.zeile-eng-6.zeile-eng-6.zeile-eng-6, .cta-status-block[open] > summary, .grading-status-row, .dashboard-historie-progress[open] > summary, .termin-edit-box .form-group, .dashboard-trainer-adhoc-form .form-group, .content li, .exdb-wf-chips, .link-list li, .nimda-hinweise li, .cookie-appendix-data[open] > summary { margin-bottom: var(--abstand-2); }
.skip-link, .user-search-filter-opt input[type="radio"], .nimda-pill input, .nl-chip input { position: absolute; opacity: 0; pointer-events: none; }
:focus-visible, .cta-att-input:focus-visible + .cta-att-trigger, .bool-pill:focus-visible, .form-group input[type="file"]:focus-visible, .pn-attach-btn:focus-within, .nimda-pill input:focus-visible + span, .user-tag input:focus-visible + span, .nl-chip input:focus-visible + span, .toggle-switch input:focus-visible + .toggle-slider { outline: 2px solid var(--accent); outline-offset: 2px; }
#theme-menu .theme-menu-scale input[type="range"] { width: 100%; accent-color: var(--accent); margin: 0; }
.form-group input[type="datetime-local"], .form-group input[type="date"], .form-group input[type="time"] { -webkit-appearance: none; appearance: none; text-align: start; min-height: 48px; }
.ersatz-zusatz-feld { background: var(--background); border: 1px solid var(--border); color: var(--text); padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-1); font: inherit; font-size: 0.9em; }
.user-search-submit { flex: 0 0 auto; padding: 0 var(--abstand-4); border: 1px solid var(--accent); border-radius: var(--radius-4); background: var(--accent); color: var(--background); line-height: var(--zeile-1); cursor: pointer; }
.user-search-submit:hover { opacity: 0.9; }
.user-search-clear { flex: 0 0 auto; padding: 0 var(--abstand-4); border-radius: var(--radius-4); line-height: var(--zeile-1); cursor: pointer; text-decoration: none; }
.newsletter-preview { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-3); margin-top: var(--abstand-4); padding: var(--abstand-5); }
.newsletter-preview .newsletter-greeting { font-size: var(--schrift-3); margin-bottom: var(--abstand-4); }
.newsletter-preview .newsletter-segment { padding: var(--abstand-4) 0; border-top: 1px solid var(--border); }
.newsletter-preview .newsletter-segment:first-of-type, .newsletter-segment-simple:first-child { border-top: none; padding-top: 0; }
.newsletter-preview .newsletter-segment img { max-width: 100%; height: auto; border-radius: var(--radius-2); margin: var(--abstand-2) 0; }
.newsletter-preview .newsletter-footer { margin-top: var(--abstand-5); padding-top: var(--abstand-4); border-top: 1px solid var(--border); color: var(--text-muted); font-size: var(--schrift-2); }
.nl-new-segment select { background: var(--background); border: 1px solid var(--border); color: var(--text); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-1); height: 3rem; }
.u-bg-background-bd-1px-solid-borde-s1.u-bg-background-bd-1px-solid-borde-s1.u-bg-background-bd-1px-solid-borde-s1, .u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3, .forum-composer-v2 textarea, .form-group input:not([type="checkbox"]):not([type="radio"]), .form-group textarea, .form-group select, .cta-kebab-form select, .cta-composer textarea, .cta-nimda-modal-body a, .pn-fullscreen-composer textarea, .feld, .termin-edit-box select, .user-search-ap-op, .user-search-ap, .forum-composer-title-input, .forum-it-cap, .exdb-gap, .exdb-sel, .exdb-order-btns button, .cta-snooze-wrap input[type="date"], .nimda-colors input[type="text"], .user-search input[type="search"], .nl-new-segment input[type=text], .nl-gallery-edit-item input[type="text"], .nimda-toolbar input[type="search"], .nimda-edit-form input[type="text"], .nimda-edit-form input[type="date"], .nimda-edit-form input[type="number"], .te-row-inputs input[type="text"], .forum-composer-v2 input[type=text], .forum-composer-v2 input[type=url], .forum-composer-v2 input[type=number], .galerie-search-input, .nimda-toolbar select, .nimda-edit-form select, .nimda-edit-form textarea, .nimda-section input[type="file"] { background: var(--background); border: 1px solid var(--border); color: var(--text); }
.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3.u-bg-background-bd-1px-solid-borde-s3 { border-radius: var(--radius-4); max-width: 24rem; padding: var(--abstand-3) var(--abstand-4); width: 100%; }
.cta-kebab-form select, .cta-snooze-wrap input[type="date"] { padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-1); }
.cta-composer textarea { flex: 1 1 auto; padding: var(--abstand-2) var(--abstand-2); border-radius: var(--radius-1); resize: none; overflow-y: auto; font-family: inherit; font-size: var(--schrift-3); min-height: 4.5rem; max-height: 50dvh; line-height: var(--zeile-3); }
.cta-nimda-modal-body a { display: block; padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-3); text-decoration: none; font-size: var(--schrift-3); }
.pn-fullscreen-composer textarea { flex: 1 1 auto; resize: none; overflow-y: auto; min-height: 2.4rem; max-height: 40dvh; font-family: inherit; font-size: var(--schrift-3); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-3); line-height: var(--zeile-2); }
.facet-filter-trigger, .te-btn, .staffel-ticker-pause, .ausgaben-monat-knopf, .forum-new-post textarea, .forum-new-comment textarea { background: var(--surface); border: 1px solid var(--border); color: var(--text); }
.facet-filter-trigger { padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-1); cursor: pointer; font: inherit; margin: 0; }
.staffel-ticker-pause { flex: none; width: 2.2rem; height: 2.2rem; border-radius: var(--radius-rund); cursor: pointer; }
.ausgaben-quartal, .ausgaben-monat-knopf { flex-direction: column; gap: var(--abstand-1); min-height: 3.5rem; padding: var(--abstand-2) var(--abstand-2); border-radius: var(--radius-2); text-align: center; white-space: nowrap; }
@media (max-width: 600px) {
.ausgaben-quartal, .ausgaben-monat-knopf { font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-1); white-space: normal; }
}
.facet-search-input, .termin-edit-box select { width: 100%; padding: var(--abstand-2); border-radius: var(--radius-1); }
.nimda-slug-input input[type="text"] { flex: 1 1 auto; min-width: 0; border-radius: 0 var(--radius-2) var(--radius-2) 0; }
.nimda-colors input[type="color"] { width: 2.5rem; height: 2rem; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-1); }
.nimda-colors input[type="text"] { width: 8rem; padding: var(--abstand-1); border-radius: var(--radius-1); font-family: ui-monospace, monospace; }
.nimda-media-name, .user-card-email, .pn-thread-preview, .nl-segment-summary-title, .nl-field-preview, .pn-msg-zitat-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-grading-form, .cta-bubble-text p + p, .pn-msg-bubble .pn-msg-players + .pn-msg-media, .pn-msg-bubble .pn-msg-players + .pn-msg-gallery, .pn-msg-bubble .pn-msg-players + .pn-msg-text, .pn-msg-bubble .pn-msg-image + .pn-msg-text, .pn-msg-bubble .pn-msg-media + .pn-msg-text, .pn-msg-bubble .pn-msg-gallery + .pn-msg-text, .pn-msg-bubble .pn-msg-downloads + .pn-msg-text, .nl-segment-details > *:not(.nl-segment-summary), .nl-field > *:not(summary), .u-mt-06.u-mt-06.u-mt-06, .cm-copy, .forum-pdf-gallery, .forum-poll-voters, .practice-dash-tn, .u-mt-05.u-mt-05.u-mt-05, .dashboard-submission-form > .dashboard-submission-actions { margin-top: var(--abstand-2); }
.cta-prereq-claim-input, .cta-prereq-test, .nl-segment-summary::before, .nl-field summary::before { margin-inline-end: var(--abstand-2); }
.dashboard-abschluss-table td, .punkte-tabelle th, .punkte-tabelle td { vertical-align: top; }
.user-list, .user-card-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--abstand-3); }
.user-card-avatar { flex: 0 0 auto; width: 4.5rem; height: 4.5rem; border-radius: var(--radius-rund); overflow: hidden; background: var(--background); }
.dashboard-element-editor, .nl-editor { margin-bottom: 5rem; }
.nl-block, .nl-new-segment, .nl-subject-form, .dashboard-element-zoom-card { margin: var(--abstand-4) 0; padding: var(--abstand-4); }
.nl-block-fixed { border-style: dashed; background: var(--background); }
.nl-block-actions { display: inline-flex; gap: var(--abstand-1); flex-shrink: 0; }
.nl-new-segment { border-style: dashed; flex-wrap: wrap; }
.nl-image-preview { display: flex; align-items: flex-start; gap: var(--abstand-3); }
.nl-image-preview img { max-width: 6rem; max-height: 6rem; object-fit: cover; border-radius: var(--radius-2); border: 1px solid var(--border); }
.cta-bubble-file, .cta-composer, .pn-thread-item, .pp-menu-items, .dashboard-card-badges input[type="search"], .element-block-card, .exdb-choice, .nl-simulate-wrap, .termin-edit-box, .notification-item, .gf-faq-item, .exdb-umlaut-bar, .cm-media-item img, .gf-search-reset { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-3); }
.nl-segment-details { margin: -0.5rem; }
.nl-segment-summary-main { flex: 1; display: flex; align-items: baseline; gap: var(--abstand-3); min-width: 0; overflow: hidden; }
.nl-segment-summary-style { font-size: var(--schrift-1); }
.nl-field { margin: var(--abstand-2) 0; border: 1px solid var(--border); border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-2); background: var(--background); }
.nl-field-preview { flex: 1; color: var(--text); font-weight: normal; text-align: end; font-size: var(--schrift-2); }
.dashboard-abschluss-table, .tabelle-voll.tabelle-voll.tabelle-voll { width: 100%; border-collapse: collapse; margin-top: var(--abstand-2); }
.dashboard-abschluss-table th, .dashboard-abschluss-table td { padding: var(--abstand-2) var(--abstand-3); border-bottom: 1px solid var(--border); text-align: start; vertical-align: middle; }
.dashboard-abschluss-table th { font-size: var(--schrift-2); color: var(--text-muted, var(--text)); text-transform: uppercase; letter-spacing: 0.05em; }
.dashboard-abschluss-table th:first-child, .dashboard-abschluss-table td:first-child { min-width: 18rem; }
@media (max-width: 700px) {
.dashboard-abschluss-table, .dashboard-abschluss-table tbody, .dashboard-abschluss-table tr, .dashboard-abschluss-table td { display: block; width: auto; }
.dashboard-abschluss-table thead { display: none; }
.dashboard-abschluss-table tr { border: 1px solid var(--border); border-radius: var(--radius-4); padding: var(--abstand-3) var(--abstand-4); margin-bottom: var(--abstand-3); }
.dashboard-abschluss-table td { border: none; padding: var(--abstand-1) 0; }
.dashboard-abschluss-table th:first-child, .dashboard-abschluss-table td:first-child { min-width: 0; }
}
.u-maxw-7.u-maxw-7.u-maxw-7 { max-width: 7rem; }
.user-search-ap-op { margin-inline-start: 0.4em; padding: 0.1em 0.3em; border-radius: var(--radius-2); font: inherit; }
.user-search-ap { width: 6em; margin-inline-start: 0.4em; padding: 0.1em 0.4em; border-radius: var(--radius-2); font: inherit; }
.user-card-gruppen, .knopf-raster > form { display: contents; }
.forum-it-cap { border-radius: var(--radius-1); padding: 8px; font-size: 16px; font-family: inherit; }
.element-download .element-download-hint { display: block; text-align: end; margin-top: 0.4em; font-size: 0.8em; color: inherit; opacity: 0.9; }
.forum-lightbox-counter, .termin-edit-box select, .schrift-08.schrift-08.schrift-08.schrift-08 { font-size: var(--schrift-2); }
.nimda-back-nav { margin: var(--abstand-5) 0 var(--abstand-6); }
.nimda-back-nav a { margin-inline-end: var(--abstand-4); }
.nimda select { min-width: 0; max-width: 100%; text-overflow: ellipsis; }
.nimda-toolbar input[type="search"], .nimda-toolbar select { flex: 0 1 260px; height: 3rem; padding: 0 var(--abstand-3); border-radius: var(--radius-1); font-family: inherit; font-size: var(--schrift-3); line-height: var(--zeile-3); min-width: 220px; }
.nimda-toolbar { flex-wrap: wrap; margin-bottom: var(--abstand-4); }
.nimda-toolbar-inner { flex-wrap: wrap; flex: 1 1 auto; }
.nimda-toolbar > form:last-child, .u-ml-auto.u-ml-auto.u-ml-auto { margin-inline-start: auto; }
.nimda-section-hint { color: var(--text-muted); font-weight: 400; font-size: 0.9em; }
.nimda-zugriff-group legend { padding: 0 var(--abstand-2); font-size: 0.8em; }
.nimda-zugriff-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--abstand-1) var(--abstand-3); }
.nimda-media-delete { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-1); padding: var(--abstand-1) var(--abstand-2); font-size: 0.85em; font-family: inherit; }
.user-search-filter-opt { display: inline-flex; align-items: center; padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-pille); cursor: pointer; font-size: var(--schrift-2); user-select: none; }
.forum-composer-open { border: 1px solid var(--border); color: var(--text); cursor: pointer; width: auto; height: auto; padding: var(--abstand-2) var(--abstand-4); margin: 0 0 var(--abstand-4); border-radius: var(--radius-3); background: var(--surface,var(--background)); font: inherit; }
.forum-composer-open:hover { border-color: var(--accent,var(--primary)); color: var(--accent,var(--primary)); }
.forum-composer-open svg { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; }
dialog.rtc-notes-modal { background: var(--background); border: 1px solid var(--border); color: var(--text); position: fixed; top: 2rem; bottom: 2rem; left: 0; right: 0; margin-inline: auto; width: min(960px,92vw); height: calc(100dvh - 4rem); border-radius: var(--radius-4); padding: var(--abstand-5) var(--abstand-5) var(--abstand-6); z-index: 8700; overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--schatten-3); }
.exdb-choice { padding: var(--abstand-2) var(--abstand-4); margin: var(--abstand-2) 0; }
@media print {
select.exdb-sel { -webkit-appearance: none; appearance: none; background: none !important; border: 0 !important; border-bottom: 1px solid var(--tinte) !important; border-radius: 0 !important; min-width: 30mm; color: transparent !important; }
}
.exdb-gap, .exdb-sel { display: inline-block; width: auto; max-width: 100%; padding: 6px 10px; border-radius: var(--radius-2); font-family: inherit; font-size: 16px; line-height: var(--zeile-3); vertical-align: baseline; }
.nimda-media-actions, .exdb-order-btns { display: flex; gap: var(--abstand-1); }
.exdb-order-btns button { font-family: inherit; cursor: pointer; border-radius: var(--radius-2); padding: 2px 8px; }
.profile-hero { position: relative; isolation: isolate; z-index: 1; }
.profile-hero-backdrop-clip { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; z-index: -1; pointer-events: none; }
.profile-hero-backdrop { position: absolute; inset: -40px; background-size: cover; background-position: center; filter: blur(40px) saturate(1.2); opacity: 0.55; z-index: -1; transform: scale(1.1); }
.profile-hero-has-avatar::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, color-mix(in srgb, var(--scrim) 15%, transparent), color-mix(in srgb, var(--scrim) 35%, transparent)); z-index: -1; }
.profile-hero-content { display: flex; gap: var(--abstand-5); align-items: center; flex-wrap: wrap; padding: var(--abstand-6) var(--abstand-5); }
@media (min-width: 900px) {
.profile-public [data-pp-layout="spalten"] > aside .profile-hero-content { flex-direction: column; align-items: flex-start; }
}
.profile-hero-avatar { width: 10rem; height: 10rem; border-radius: var(--radius-rund); object-fit: cover; flex: 0 0 auto; background: var(--background); border: 4px solid var(--surface); box-shadow: var(--schatten-3); }
.profile-hero-avatar-placeholder { font-size: 3.5rem; color: var(--text-muted); font-weight: 300; }
.profile-hero-meta { flex: 1 1 14rem; }
.profile-hero-meta h1 { margin: 0; font-size: var(--schrift-6); word-break: break-word; color: var(--on-scrim); text-shadow: 0 2px 8px color-mix(in srgb, var(--scrim) 50%, transparent); }
.profile-hero:not(.profile-hero-has-avatar) .profile-hero-meta h1 { color: inherit; text-shadow: none; }
.profile-avatar-strip-item { width: 2.75rem; height: 2.75rem; border-radius: var(--radius-rund); overflow: hidden; border: 2px solid var(--surface); box-shadow: var(--schatten-1); transition: transform var(--dauer-3) ease; }
.profile-avatar-strip-item:hover { transform: scale(1.4); z-index: 2; position: relative; }
.badges-iframe-main .profile-hero-content { padding: clamp(0.75rem, 3.5vmin, 2rem) clamp(0.75rem, 3vmin, 1.5rem); gap: clamp(0.75rem, 3vmin, 1.5rem); }
.badges-iframe-main .profile-hero-avatar, .badges-iframe-main .profile-hero-avatar-placeholder { width: clamp(3rem, 16vmin, 10rem); height: clamp(3rem, 16vmin, 10rem); }
.badges-iframe-main .profile-hero-avatar-placeholder { font-size: clamp(1rem, 6vmin, 3.5rem); }
.badges-iframe-main .profile-hero-meta h1 { font-size: clamp(1.1rem, 5.5vmin, 2.25rem); }
.profile-hero-badges:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35em; margin-top: 0.25em; }
.nl-actionbar { position: sticky; bottom: 0; inset-inline-start: 0; inset-inline-end: 0; flex-wrap: wrap; justify-content: space-between; padding: var(--abstand-3) var(--abstand-4); margin-top: var(--abstand-5); background: var(--background); border-top: 1px solid var(--border); }
.nl-send-estimate { flex-basis: 100%; margin: 0; font-size: var(--schrift-3); text-align: center; }
.nl-override-warning { margin: var(--abstand-2) 0 0; padding: var(--abstand-3) var(--abstand-4); background: color-mix(in srgb, var(--danger) 12%, transparent); border: 1px solid var(--danger); border-radius: var(--radius-2); color: var(--danger); font-size: var(--schrift-2); font-weight: 600; }
.cta-composer, .nl-segment-summary, .nl-simulate-wrap summary { padding: var(--abstand-2); }
.nl-simulate { margin-bottom: var(--abstand-5); padding: var(--abstand-4); }
.newsletter-preview-mail { display: block; width: 100%; min-height: 60vh; margin-top: var(--abstand-4); border: 1px solid var(--border); border-radius: var(--radius-3); background: var(--papier); }
.nl-preview-empty-hint { margin-top: var(--abstand-4); padding: var(--abstand-5); text-align: center; background: color-mix(in srgb, var(--text-muted) 10%, transparent); border: 1px dashed var(--border); border-radius: var(--radius-3); color: var(--text-muted); font-style: italic; }
.nl-simulate-wrap summary::after { content: '▼'; color: var(--text-muted); font-size: var(--schrift-1); }
.nl-simulate-wrap[open] summary::after { content: '▲'; }
.nl-simulate-summary { color: var(--text-muted); font-size: var(--schrift-2); font-weight: normal; }
.nl-simulate-wrap .nl-simulate { padding: var(--abstand-2) var(--abstand-4) var(--abstand-4); border-top: 1px solid var(--border); }
.nl-field summary, .nl-segment-summary, .nl-simulate-wrap summary { cursor: pointer; list-style: none; justify-content: space-between; }
.nimda-btn-danger { color: var(--danger) !important; border-color: color-mix(in srgb, var(--danger) 40%, var(--border)) !important; }
.nimda-btn-danger:hover, .nimda-btn-danger:focus-visible { background: color-mix(in srgb, var(--danger) 10%, transparent) !important; }
.nl-sending-chip { display: inline-block; margin-inline-start: var(--abstand-2); padding: var(--abstand-1) var(--abstand-2); background: color-mix(in srgb, var(--accent) 15%, transparent); border: 1px solid var(--accent); border-radius: var(--radius-pille); font-size: var(--schrift-2); color: var(--accent); font-weight: 600; }
.nl-send-modal { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 60%, transparent); z-index: 9999; padding: var(--abstand-4); }
.nl-send-progress { height: 8px; background: var(--border); border-radius: var(--radius-pille); overflow: hidden; margin: var(--abstand-4) 0 var(--abstand-2); }
.nl-send-progress-bar { height: 100%; width: 0%; background: var(--accent); transition: width var(--dauer-4) ease; }
.nl-send-counter { margin: 0 0 var(--abstand-4); font-variant-numeric: tabular-nums; font-weight: 600; }
.facet-results-count, .video-compress-modal-warn { color: var(--text-muted); margin: 0 0 var(--abstand-4); }
.nimda-media-list li, body.video-compress-modal-locked { overflow: hidden; }
.nl-send-modal-inner, .video-compress-modal-card { padding: var(--abstand-5); max-width: 28rem; width: 100%; color: var(--text); }
.video-compress-modal { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 65%, transparent); display: none; align-items: center; justify-content: center; z-index: 9999; padding: var(--abstand-4); }
.video-compress-modal-card { box-shadow: var(--schatten-3); }
.video-compress-modal-bar { height: 0.5rem; background: color-mix(in srgb, var(--text-muted) 25%, transparent); border-radius: var(--radius-pille); overflow: hidden; }
.video-compress-modal-bar-fill { height: 100%; width: 0; background: var(--accent); transition: width var(--dauer-3) ease; }
.video-compress-modal-bar-fill.video-compress-modal-bar-indeterminate { background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 20%, transparent) 0%, var(--accent) 50%, color-mix(in srgb, var(--accent) 20%, transparent) 100%); background-size: 200% 100%; animation: video-compress-modal-indet 1.2s linear infinite; transition: none; }
.video-compress-modal-stage { margin: var(--abstand-2) 0 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85em; }
.gf-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; max-width: min(92vw, 36rem); max-height: min(85dvh, 40rem); padding: clamp(1rem, 3vw, 1.75rem); color: var(--text); box-shadow: var(--schatten-3); }
.gf-modal::backdrop { background: var(--schleier-2); }
.gf-modal-close { flex: 0 0 auto; border: none; font-size: var(--schrift-5); line-height: var(--zeile-1); padding: var(--abstand-1) var(--abstand-2); }
@media print {
.gf-modal.einstufung-ausw-druck { position: absolute; inset: 0 auto auto 0; margin: 0; transform: none; width: 100%; max-width: none; height: auto; max-height: none; overflow: visible; border: none; border-radius: 0; box-shadow: none; padding: 0; background: var(--papier); color: var(--tinte); display: block; }
.einstufung-ausw-druck .gf-modal-body { overflow: visible; max-height: none; color: var(--tinte); }
}
.ph-upload-overlay { position: fixed; inset: 0; z-index: 1000; background: color-mix(in srgb, var(--scrim) 70%, transparent); }
.ph-upload-box { padding: var(--abstand-4) var(--abstand-5); color: var(--text); font-weight: 600; box-shadow: var(--schatten-3); }
.exdb-ok { border-color: var(--success) !important; box-shadow: 0 0 0 2px var(--success); }
.exdb-wrong { border-color: var(--danger) !important; box-shadow: 0 0 0 2px var(--danger); }
#exdb-gate { padding: var(--abstand-4) var(--abstand-4); margin: var(--abstand-4) 0; }
.exdb-correction { color: var(--success); font-weight: 600; margin-inline-start: 0.45em; white-space: nowrap; }
.termin-details { margin-top: var(--abstand-3); font-size: var(--schrift-2); color: var(--text-muted); display: none; flex-direction: column; gap: var(--abstand-1); }
.termin-edit-box { margin-top: var(--abstand-3); padding: var(--abstand-4); max-width: 320px; }
.card-mosaic { display: grid; gap: 4px; aspect-ratio: 4/3; overflow: hidden; margin: -1.25rem -1.25rem var(--abstand-3); border-radius: var(--radius-2) var(--radius-2) 0 0; background: transparent; }
.card-mosaic-3 .mosaic-cell:first-child { grid-row: 1 / 3; }
.mosaic-cell { position: relative; overflow: hidden; }
.element-block-card, .notification-item { padding: var(--abstand-4) var(--abstand-5); }
.notification-item.notification-unread { border-inline-start: 4px solid var(--accent); background: var(--surface-hover, var(--surface)); }
.notification-head { display: flex; justify-content: space-between; gap: var(--abstand-4); align-items: baseline; margin-bottom: var(--abstand-2); flex-wrap: wrap; }
.notification-body { color: var(--text); line-height: var(--zeile-3); margin-bottom: var(--abstand-3); }
.cta-email-changed { cursor: help; }
.cta-status-chip { display: inline-block; padding: var(--abstand-1) var(--abstand-2); border-radius: 1rem; font-size: var(--schrift-1); font-weight: 600; background: var(--surface); border: 1px solid var(--border); }
.cta-status-neu { background: color-mix(in srgb, var(--accent) 15%, transparent); border-color: var(--accent); }
.cta-status-offen { background: color-mix(in srgb, var(--text) 10%, transparent); border-color: var(--text); }
.cta-status-pending { background: color-mix(in srgb, var(--text-muted) 15%, transparent); border-color: var(--text-muted); font-style: italic; }
.cta-status-gebucht_keine_zahlung { background: transparent; border-color: var(--danger); color: var(--danger); }
.cta-status-gebucht_teilzahlung { background: color-mix(in srgb, var(--accent) 12%, transparent); border-color: var(--accent); }
.cta-status-abgesagt { background: transparent; border-color: var(--text-muted); color: var(--text-muted); text-decoration: line-through; }
.cta-status-antwort_verschieben { background: color-mix(in srgb, var(--text-muted) 10%, transparent); border-color: var(--text-muted); color: var(--text-muted); font-style: italic; }
.cta-composer-row { display: flex; align-items: flex-end; gap: var(--abstand-2); }
.cta-composer-row .cta-composer-send { align-self: flex-end; }
.pn-fullscreen { position: fixed; inset: 0; display: flex; flex-direction: column; background: var(--background); z-index: 10000; height: 100vh; height: 100dvh; overflow: hidden; }
.pn-fullscreen-header { flex: 0 0 auto; padding: var(--abstand-3) var(--abstand-4); border-bottom: 1px solid var(--border); background: var(--surface); }
.pn-back-arrow { font-size: var(--schrift-5); line-height: var(--zeile-1); text-decoration: none; color: var(--text); padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-2); flex-shrink: 0; }
.pn-back-arrow:hover { background: var(--border); color: var(--accent); }
.pn-fullscreen-body { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; padding: var(--abstand-4); scroll-behavior: smooth; overscroll-behavior: contain; }
.messages-back { margin-top: 2.5rem; padding-top: var(--abstand-5); border-top: 1px solid var(--border); }
.pn-fullscreen.pn-dragover::after { content: ""; position: fixed; inset: 0; z-index: 5; pointer-events: none; background: rgba(0,0,0,.04); outline: 3px dashed var(--primary); outline-offset: -10px; border-radius: var(--radius-3); }
.pn-fullscreen.pn-dragover .pn-fullscreen-composer { outline: 2px solid var(--primary); border-radius: var(--radius-3); }
.cm-copybox { width: 100%; font-family: ui-monospace, monospace; font-size: var(--schrift-2); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-3); }
textarea.cm-copybox { resize: vertical; line-height: var(--zeile-3); min-height: 8rem; }
.user-search-row input[type="search"] { flex: 1 1 auto; width: auto; min-width: 0; }
.user-search input[type="search"] { width: 100%; font-size: var(--schrift-3); padding: var(--abstand-4) var(--abstand-5); border-radius: var(--radius-4); }
.user-tag input[type="checkbox"] { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.nl-new-segment input[type=text] { flex: 1 1 auto; padding: var(--abstand-3); border-radius: var(--radius-1); font-size: var(--schrift-3); line-height: var(--zeile-3); height: 3rem; }
.dashboard-duration-widget input[type=number], .u-w-6.u-w-6.u-w-6.u-w-6.u-w-6 { width: 6rem; }
.nl-gallery-edit-item input[type="text"] { flex: 1 1 auto; min-width: 0; padding: 12px; border-radius: var(--radius-1); font-family: inherit; font-size: 16px; line-height: var(--zeile-3); height: 48px; }
.forum-draw-tools input[type="range"] { width: 8rem; }
.dashboard-card-badges input[type="search"] { flex: 1 1 auto; max-width: 24rem; padding: var(--abstand-2) var(--abstand-3); color: var(--text); }
.te-row-inputs input[type="color"] { width: 1.8em; height: 1.6em; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-1); background: none; cursor: pointer; }
.te-row-inputs input[type="text"] { width: 5.5em; padding: var(--abstand-1) var(--abstand-1); border-radius: var(--radius-1); font-family: ui-monospace, monospace; font-size: 0.85em; }
.einstufung-stufe input[type="checkbox"] { flex: none; width: 1.4rem; height: 1.4rem; margin: 0; accent-color: var(--accent); order: 3; }
.cm-media-item { text-decoration: none; color: var(--text-muted); font-size: var(--schrift-2); word-break: break-all; }
.cm-media-item img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.cm-unused > summary { cursor: pointer; color: var(--text-muted); font-size: var(--schrift-2); }
.gf-search-reset { min-width: 2rem; height: 2rem; color: var(--text-muted); text-decoration: none; font-size: var(--schrift-3); line-height: var(--zeile-1); }
.gf-search-reset:hover { background: var(--surface-hover, var(--surface)); color: var(--text); }
.dashboard-historie-progress, .gf-faq-accordion { margin: var(--abstand-2) 0 var(--abstand-4); }
.gf-faq-item[open] { padding-bottom: var(--abstand-3); }
.gf-faq-body { margin-top: var(--abstand-2); color: var(--text); }
.exdb-umlaut-bar { position: absolute; z-index: 500; display: flex; gap: 2px; padding: 3px 5px; box-shadow: 0 2px 8px var(--scrim); }
.exdb-umlaut-bar button { font-family: inherit; font-size: 16px; padding: 2px 8px; cursor: pointer; border: none; background: transparent; color: var(--text); border-radius: var(--radius-2); }
.facet-filter-modal-close, .cta-att-rm, .crop-cancel, .ausgaben-loeschen, .input-toggle, .forum-draw-opt, .forum-poll-opt-edit, .u-bg-none-bd-none-s1.u-bg-none-bd-none-s1.u-bg-none-bd-none-s1, .pp-menu-item, .forum-poll-opt-del, [data-notif-bild="1"] > button { background: none; border: none; cursor: pointer; color: var(--text); font-size: var(--schrift-5); line-height: var(--zeile-1); padding: var(--abstand-1) var(--abstand-2); }
.cta-att-rm { color: var(--text-muted); font-size: 1.1em; line-height: var(--zeile-1); padding: 0 var(--abstand-1); }
.input-toggle { position: absolute; inset-inline-end: 0.5rem; font-size: var(--schrift-4); opacity: 0.6; padding: var(--abstand-1); }
.exdb-gap-part { border: none; border-bottom: 2px solid var(--border); border-radius: 0; background: transparent; padding: 0 2px; }
.exdb-gap-part:focus { border-bottom-color: var(--accent); }
.exdb-choice .exdb-opt { display: block; padding: var(--abstand-1) 0; cursor: pointer; color: var(--text); }
.exdb-choice .exdb-opt input { accent-color: var(--accent); }
.exdb-order-line { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-3); display: flex; gap: var(--abstand-2); align-items: flex-start; color: var(--text); padding: var(--abstand-2) var(--abstand-3); margin: var(--abstand-2) 0; }
.gf-glossar-term { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); color: var(--text); font: inherit; cursor: pointer; transition: background var(--dauer-1), border-color var(--dauer-1), color var(--dauer-1); }
.exdb-gap-part.exdb-ok { box-shadow: none; border-bottom-color: var(--success) !important; color: var(--success); }
.exdb-gap-part.exdb-wrong { box-shadow: none; border-bottom-color: var(--danger) !important; color: var(--danger); }
.exdb-wf-out { min-height: 1.9em; border-bottom: 2px solid var(--border); margin-bottom: var(--abstand-2); padding: 0.25em 0.35em; font-weight: 600; color: var(--text); }
.exdb-wf-chip, .exdb-wf-undo, .exdb-play { font-family: inherit; font-size: 16px; padding: 6px 14px; color: var(--text); cursor: pointer; }
.nl-archive-item .nl-archive-link { display: block; padding: var(--abstand-4) var(--abstand-5); color: inherit; text-decoration: none; border-radius: var(--radius-3); transition: background var(--dauer-1) ease; }
.nl-archive-item .nl-archive-link:hover, .nl-archive-item .nl-archive-link:focus-visible { background: color-mix(in srgb, var(--accent) 10%, transparent); outline: none; }
.nl-archive-pagination { justify-content: space-between; margin-top: var(--abstand-4); flex-wrap: wrap; }
.nl-archive-pagination .nl-pag-disabled { opacity: 0.4; pointer-events: none; cursor: default; }
.exdb-controls { flex-wrap: wrap; margin: var(--abstand-4) 0; }
.kauf-knopfzeile { justify-content: space-between; flex-wrap: wrap; }
[data-notif-bild="1"] > img, [data-notif-bild="1"] > button { flex: 0 0 auto; align-self: flex-start; max-width: 100px; height: auto; border-radius: var(--radius-1); }
.nl-archive-item, [data-notif-bild="1"] > button { padding: 0; }
[data-notif-bild="1"] > button > img { display: block; max-width: 100px; height: auto; border-radius: var(--radius-1); }
.notification-actions [data-knopfgruppe="1"] { display: inline-flex; gap: var(--abstand-2); }
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--abstand-5); }
.site-header > .container { padding: 0 24px; }
@media (min-width: 900px) {
main.container:has(.blog-post-nav-prev) { padding-inline-start: 4.5rem; }
main.container:has(.blog-post-nav-next) { padding-inline-end: 4.5rem; }
}
.facet-filter-modal-header, .forum-lightbox-bar, .crop-header, .site-header > .container, .nimda-newsletters-head { align-items: center; display: flex; justify-content: space-between; }
.upcoming-title { letter-spacing: 0.08em; margin: 0 0 var(--abstand-3); }
.upcoming-item { padding: var(--abstand-4) var(--abstand-4); background: var(--primary); color: var(--on-primary); border-radius: var(--radius-2); text-decoration: none; transition: background var(--dauer-3), transform var(--dauer-3); }
.upcoming-item:hover { background: var(--primary-hover); transform: translateY(-1px); }
.upcoming-date { font-size: var(--schrift-3); font-weight: 700; }
.upcoming-name { font-size: var(--schrift-2); opacity: 0.9; }
.upcoming-item .badge-slug { background: color-mix(in srgb, var(--on-primary) 10%, transparent); color: var(--on-primary); border: 1px solid color-mix(in srgb, var(--on-primary) 25%, transparent); font-size: var(--schrift-1); text-transform: uppercase; letter-spacing: 0.03em; }
.upcoming-open { align-self: flex-end; font-size: var(--schrift-1); color: var(--on-primary); opacity: 0.85; }
.card-mosaic-2 { grid-template-columns: 1fr 1fr; }
.card-mosaic-3, .card-mosaic-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.mosaic-cell img { position: absolute; top: 0; inset-inline-start: 0; height: 100%; object-position: top center; filter: brightness(0.75); transition: filter var(--dauer-4); }
.card-flags { font-size: var(--schrift-5); letter-spacing: 0.2rem; margin-bottom: var(--abstand-1); }
.card-excerpt { font-size: var(--schrift-2); color: var(--text-muted); margin: 0 0 var(--abstand-2); line-height: var(--zeile-3); }
.card-aktivierungen { padding: var(--abstand-4); background: var(--surface); }
.card-aktivierung { flex: 1; min-height: 0; padding: var(--abstand-2) var(--abstand-4); border: 1px dashed var(--border); border-radius: var(--radius-3); background: var(--background); text-align: center; text-decoration: none; }
.card-preview-item { background: var(--background); border: 1px solid var(--border); color: var(--text-muted); font-size: var(--schrift-2); align-self: flex-start; padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-1); }
.card-preview-more { font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-2); color: var(--accent); font-style: italic; }
.forum-audio { background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-3); }
.badges-iframe-brand-text { font-weight: 700; color: var(--primary); text-decoration: none; white-space: nowrap; }
.badges-iframe-heading { font-weight: 600; color: var(--text-muted); white-space: nowrap; }
.badges-iframe-main { padding: 2vmin; }
.badges-iframe-links a { color: var(--on-scrim); text-decoration: underline; }
.avatar-img, .avatar-initial { border-radius: var(--radius-rund); object-fit: cover; flex-shrink: 0; }
.avatar-initial { font-weight: 600; color: var(--surface); background: var(--accent); text-transform: uppercase; }
.cta-att-input, .pn-attach-input, .toggle-pill input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cta-kebab, .pn-rec-btn, .forum-post-card-image:has(video), .forum-post-card-image.forum-post-card-video, .forum-post-gallery.gallery-3plus .forum-gallery-item:nth-child(3), .forum-gallery-item, .forum-post-card, .pn-fullscreen.pn-dragover, .forum-audio, .forum-pdf, .forum-draw-dd, .card-image:has(img[src*="yt-"][src*=".cover.jpg"]), .forum-gallery-video, .forum-attach-cell, .pn-fullscreen-composer:has(> .pn-nach-unten), #egplay, #egwk, #egbl, .forum-poll-opt > input, .forum-poll-opt > .forum-poll-text, .forum-poll-opt > .forum-poll-count { position: relative; }
.user-pager { flex-wrap: wrap; margin-top: var(--abstand-5); font-size: var(--schrift-2); }
.user-pager a, .user-pager span, .user-pager button { min-width: 2.25rem; height: 2.25rem; padding: 0 var(--abstand-2); border: 1px solid var(--border); border-radius: var(--radius-3); color: var(--text-muted); text-decoration: none; }
.user-pager button { background: transparent; font: inherit; cursor: pointer; }
.user-pager-current { background: var(--accent); color: var(--background) !important; border-color: transparent !important; font-weight: 600; }
.user-pager-count { border: none !important; color: var(--text-muted); margin-inline-start: auto; padding: 0 !important; }
.blog-post-nav-prev, .blog-post-nav-next { background: var(--surface); border: 1px solid var(--border); color: var(--text); pointer-events: auto; width: 2.5rem; height: 2.5rem; border-radius: var(--radius-rund); font-size: var(--schrift-5); line-height: var(--zeile-1); text-decoration: none; transition: background var(--dauer-2), border-color var(--dauer-2), transform var(--dauer-2); }
.blog-post-nav-prev:hover, .blog-post-nav-next:hover { background: var(--surface-hover); border-color: var(--accent); transform: scale(1.08); }
.cta-composer-tools-right, .blog-post-nav:has(.blog-post-nav-next:only-child), .pn-msg-mine > .pn-msg-reaktionen { justify-content: flex-end; }
.blog-post-nav:has(.blog-post-nav-prev:only-child) { justify-content: flex-start; }
@media (min-width: 900px) {
.blog-post-nav-prev, .blog-post-nav-next { width: 3rem; height: 3rem; font-size: var(--schrift-6); }
}
.forum-attach-del:hover, .forum-it-prev-del:hover, .cta-submit-bg-danger-c0392b.cta-submit-bg-danger-c0392b.cta-submit-bg-danger-c0392b { background: var(--danger); }
.forum-attach-del { position: absolute; top: .4rem; inset-inline-end: .4rem; z-index: 2; border: 2px solid var(--tinte); border-radius: var(--radius-rund); width: 2.4rem; height: 2.4rem; line-height: var(--zeile-1); text-align: center; padding: 0; background: var(--papier); color: var(--tinte); cursor: pointer; font-size: var(--schrift-4); box-shadow: var(--schatten-1); }
.forum-composer-close { border: 1px solid var(--border); color: var(--text); cursor: pointer; position: absolute; top: .6rem; inset-inline-end: .6rem; z-index: 2; width: 3rem; height: 3rem; line-height: var(--zeile-1); border-radius: var(--radius-rund); background: color-mix(in srgb,var(--scrim) 16%,transparent); font-size: var(--schrift-6); }
.forum-composer-close:hover { background: color-mix(in srgb,var(--scrim) 22%,transparent); }
dialog.rtc-notes-modal .forum-composer-close { position: absolute; top: .8rem; right: .8rem; align-self: auto; flex: 0 0 auto; z-index: 2; }
.forum-post { margin-bottom: var(--abstand-5); padding: var(--abstand-4) var(--abstand-5); }
.forum-poll-opt-del, .forum-poll-opt-edit { font-size: var(--schrift-3); line-height: var(--zeile-1); padding: var(--abstand-1); border-radius: var(--radius-2); opacity: .55; }
.forum-poll-opt-del:hover, .forum-poll-opt-edit:hover { opacity: 1; background: color-mix(in srgb,var(--scrim) 12%,transparent); }
.forum-poll-editbox { flex: 0 0 100%; flex-wrap: wrap; margin: var(--abstand-1) 0 var(--abstand-2); }
.forum-poll-editinput { flex: 1 1 12rem; min-width: 0; }
.forum-edit-form textarea { background: var(--surface); border: 1px solid var(--border); color: var(--text); width: 100%; font-family: inherit; font-size: var(--schrift-3); padding: var(--abstand-2); border-radius: var(--radius-1); resize: vertical; }
.card-image { margin: -1.25rem -1.25rem var(--abstand-3); overflow: hidden; border-radius: var(--radius-2) var(--radius-2) 0 0; aspect-ratio: 4/3; }
.card-image img { height: 100%; transition: transform var(--dauer-4); }
.facet-filter-modal-footer, .dashboard-historie-pager, .einstufung-trenner, .dashboard-element-actions, .nl-field summary, .nimda-toolbar, .nimda-toolbar-inner, .nimda-newsletter-item, .nimda-staffeln-toolbar, .kandidat-karte.kandidat-karte.kandidat-karte.kandidat-karte, .ph-upload-box, .pn-fullscreen-header, .nl-archive-pagination, .exdb-controls, .kauf-knopfzeile { align-items: center; display: flex; gap: var(--abstand-3); }
.facet-filter-trigger, .u-ai-center-cur-pointer-s2.u-ai-center-cur-pointer-s2.u-ai-center-cur-pointer-s2, .pn-msg-meta, .pn-thread-peer, .trainer-chip, .forum-composer-open, .cta-tab-btn { align-items: center; display: inline-flex; gap: var(--abstand-2); }
#kauf-checkout .auth-buttons, .element-blocks-grid, .kauf-knopfreihe, .gluecksrad-knoepfe { display: flex; flex-wrap: wrap; gap: var(--abstand-3); }
.upcoming-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--abstand-4); }
.card-preview { flex-wrap: wrap; margin-top: auto; padding-top: var(--abstand-2); }
.badges-iframe-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18%, 1fr)); gap: 1.5%; }
.badges-iframe-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--abstand-1) var(--abstand-2); font-size: clamp(0.75rem, 2.4vmin, 1rem); }
.badges-iframe-headcol { align-items: flex-end; }
.badges-iframe-links-inheader { justify-content: flex-end; font-size: clamp(0.7rem, 1.9vmin, 0.9rem); }
.pn-msg-download { gap: var(--abstand-1); min-width: 2rem; height: 2rem; padding: 0 var(--abstand-1); border-radius: var(--radius-pille); border: 1px solid currentColor; color: inherit; opacity: 0.75; text-decoration: none; flex: none; font-size: var(--schrift-2); }
.toggle-pill { gap: var(--abstand-2); padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-3); border: 1px solid var(--danger); background: var(--danger); color: var(--on-danger); font-weight: 600; cursor: pointer; text-align: center; transition: background var(--dauer-1) ease, color var(--dauer-1) ease, border-color var(--dauer-1) ease; }
.blog-post-nav { margin-top: var(--abstand-5); display: flex; justify-content: space-between; gap: var(--abstand-4); pointer-events: none; }
@media (min-width: 900px) {
.blog-post-nav { position: absolute; top: 50%; left: -3.5rem; right: -3.5rem; transform: translateY(-50%); margin: 0; }
}
.einstufung-ausw-status-ok { color: var(--success); font-weight: 700; }
.einstufung-ausw-status-teil { color: var(--warning); font-weight: 700; }
.forum-post-gallery.gallery-1 .forum-gallery-item img { max-height: 520px; height: auto; object-fit: contain; background: var(--video-bg); }
.forum-it-slide img, .forum-it-slide video { display: block; height: auto; max-width: 100%; max-height: 100%; width: auto; object-fit: contain; }
.forum-post-title { margin: var(--abstand-2) 0 var(--abstand-1); font-size: var(--schrift-4); line-height: var(--zeile-2); }
.forum-it-card-media { display: block; width: 100%; aspect-ratio: 1; }
.forum-it-card-cap { padding: var(--abstand-2) var(--abstand-2); font-size: var(--schrift-2); flex: 1; word-break: break-word; }
.forum-it-slider { position: relative; margin: var(--abstand-2) 0; }
.forum-it-stage { position: relative; overflow: hidden; border-radius: var(--radius-3); background: var(--video-bg); height: clamp(220px, 55vh, 560px); }
.forum-it-slides { display: flex; transition: transform var(--dauer-4) ease; height: 100%; }
.forum-it-lower { position: absolute; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; padding: var(--abstand-3) var(--abstand-4); color: var(--on-scrim); background: linear-gradient(to top, var(--schleier-3), transparent); font-size: var(--schrift-3); }
.forum-it-nav { position: absolute; top: 50%; transform: translateY(-50%); border: none; cursor: pointer; background: var(--schleier-2); color: var(--on-scrim); font-size: var(--schrift-5); line-height: var(--zeile-1); width: 2.2rem; height: 2.2rem; border-radius: var(--radius-rund); }
.forum-it-prev { inset-inline-start: 0.5rem; }
.forum-it-next { inset-inline-end: 0.5rem; }
.forum-it-nav:hover { background: var(--schleier-3); }
.forum-it-dots { position: absolute; inset-inline-start: 0; inset-inline-end: 0; bottom: 0.4rem; display: flex; gap: var(--abstand-1); justify-content: center; }
.forum-it-dot { width: 8px; height: 8px; border-radius: var(--radius-rund); border: none; padding: 0; cursor: pointer; background: color-mix(in srgb, var(--on-scrim) 45%, transparent); }
.forum-it-thumbs { display: flex; gap: var(--abstand-2); overflow-x: auto; padding: var(--abstand-2) 0; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.forum-it-thumb { flex: 0 0 auto; width: clamp(56px, 18vw, 100px); height: clamp(56px, 18vw, 100px); padding: 0; border: 2px solid transparent; border-radius: var(--radius-3); overflow: hidden; background: var(--video-bg); cursor: pointer; }
.forum-it-thumb-vid { width: 100%; height: 100%; color: var(--on-scrim); font-size: var(--schrift-5); }
.forum-pdf-gallery img { width: 90px; border-radius: var(--radius-2); border: 1px solid var(--border); display: block; }
.newsletter-segment-simple { margin: var(--abstand-5) 0; padding-top: var(--abstand-4); border-top: 1px solid var(--border); }
.newsletter-cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--abstand-3); margin: var(--abstand-5) 0; }
.newsletter-card { background: color-mix(in srgb, var(--accent) 6%, var(--surface)); border: 1px solid var(--border); border-radius: var(--radius-4); overflow: hidden; display: flex; flex-direction: column; }
.newsletter-card-image { height: auto; max-height: 10rem; }
.forum-card-slide, .profile-avatar-strip-item img, .mosaic-cell img, .forum-it-prev-block img, .card-image img, .pn-msg-gallery .forum-gallery-item img, .forum-post-gallery .forum-gallery-item img, .galerie-grid .forum-gallery-item img, .forum-it-card-media img, .forum-it-card-media video, .forum-it-thumb img, .newsletter-card-image, .yt-cover img { display: block; object-fit: cover; width: 100%; }
.pn-msg-gallery .forum-gallery-item img, .forum-post-gallery .forum-gallery-item img, .galerie-grid .forum-gallery-item img { height: 100%; cursor: zoom-in; }
.profile-avatar-strip-item img, .forum-it-card-media img, .forum-it-card-media video, .forum-it-thumb img { height: 100%; }
.newsletter-card-body { padding: var(--abstand-3) var(--abstand-4); }
.newsletter-card-body p { margin: var(--abstand-1) 0; font-size: var(--schrift-2); }
.nl-archive-view .nl-archive-meta { margin: 0; color: var(--text-muted); font-size: var(--schrift-2); }
.nl-archive-view .nl-archive-greeting { margin: var(--abstand-5) 0 var(--abstand-5); font-size: var(--schrift-3); }
.yt-cover img { position: absolute; inset: 0; height: 100%; object-position: center; filter: brightness(0.92); transition: filter var(--dauer-4); }
.yt-cover:hover img { filter: brightness(1); }
.yt-cover iframe { border: none; }
.yt-overlay { position: absolute; inset: 0; background: var(--schleier-2); color: var(--on-scrim); flex-direction: column; gap: var(--abstand-4); padding: clamp(0.75rem, 2vw, 1.5rem); text-align: center; z-index: 2; }
.yt-overlay p { margin: 0; max-width: 56ch; font-size: clamp(0.85rem, 1.4vw, 1rem); line-height: var(--zeile-3); }
.yt-overlay button { background: var(--primary); color: var(--on-primary); border: none; padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-2); font-size: var(--schrift-3); cursor: pointer; font-family: inherit; }
.stufe > .card-slug { text-transform: none; }
.nimda-section > summary, .facet-filter-section > summary { cursor: pointer; font-weight: 600; padding: var(--abstand-1) 0; }
.nimda-section > summary { list-style: revert; }
.nimda-section h2 { font-size: var(--schrift-2); margin: 0 0 var(--abstand-2); }
.newsletter-card-body h3, .dashboard-section-card h2 { margin: 0 0 var(--abstand-2); font-size: var(--schrift-3); }
.nimda-section { padding: var(--abstand-2) var(--abstand-4); margin-top: var(--abstand-4); margin-bottom: var(--abstand-4); }
.nimda-section[open] { padding: var(--abstand-3) var(--abstand-5) var(--abstand-5); }
.nimda-section .nimda-optim { display: block; margin: var(--abstand-2) 0; font-weight: 400; }
.newsletter-table tr:last-child td, .nav-item:last-child { border-bottom: none; }
.newsletter-table { width: 100%; border-collapse: collapse; margin-bottom: var(--abstand-5); }
.newsletter-table th { color: var(--text-muted); letter-spacing: 0.05em; text-transform: uppercase; text-align: start; padding: var(--abstand-2) var(--abstand-3); border-bottom: 2px solid var(--border); font-size: var(--schrift-2); }
.newsletter-table td { padding: var(--abstand-2) var(--abstand-3); border-bottom: 1px solid var(--border); font-size: var(--schrift-2); }
@media (max-width: 600px) {
.newsletter-table, .newsletter-table tbody { display: block; width: 100%; }
.newsletter-table tr { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "topic toggle" "target target"; column-gap: var(--abstand-3); row-gap: var(--abstand-1); padding: var(--abstand-2) 0; border-bottom: 1px solid var(--border); }
.newsletter-table tr.newsletter-lang-row { display: block; border-bottom: none; padding: var(--abstand-4) 0 var(--abstand-1); }
.newsletter-table tr.newsletter-lang-row td { padding: 0 !important; border: none !important; }
.newsletter-table td { display: block; padding: 0; border: none; min-width: 0; }
.newsletter-table tr td:nth-child(1) { grid-area: topic; font-weight: 500; word-break: break-word; }
.newsletter-table tr td:nth-child(2) { grid-area: target; color: var(--text-muted); font-size: var(--schrift-2); word-break: break-word; }
.newsletter-table tr td.newsletter-toggle { grid-area: toggle; width: auto; align-self: center; }
}
.nimda-pill span, .nl-chip span { background: var(--background); border: 1px solid var(--border); color: var(--text-muted); display: inline-block; font-size: var(--schrift-2); border-radius: 1rem; transition: all var(--dauer-1); }
.nimda-pill, .nl-chip { display: inline-flex; cursor: pointer; position: relative; }
.nimda-pill input:disabled + span { opacity: 0.4; cursor: not-allowed; }
.textdb-stufen .nimda-pill span { display: block; padding: var(--abstand-2) var(--abstand-1); text-align: center; }
.nimda-pill [data-farbe="primary"]:checked + span, .nimda-view-toggle .toggle-btn.active { background: var(--primary); color: var(--on-primary); }
.cta-bubble-claim, .nimda-pill [data-farbe="warning"]:checked + span { background: var(--warning); color: var(--on-warning); }
.cta-bubble-subject, .einstufung-stufe:has(input:checked) .einstufung-marke, .nimda-pill [data-farbe="accent"]:checked + span { background: var(--accent); color: var(--on-accent); }
.user-pill { background: var(--background); border: 1px solid var(--border); color: var(--text-muted); font-size: var(--schrift-1); padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-pille); line-height: var(--zeile-3); }
.user-pill.user-pill-more { font-style: italic; opacity: 0.7; }
.user-tag > span { background: var(--background); border: 1px solid var(--border); color: var(--text-muted); display: inline-block; padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-pille); font-size: var(--schrift-2); line-height: var(--zeile-2); transition: all var(--dauer-2); user-select: none; }
.user-tag.user-tag-role input:checked + span, #egkrgitter .eg-kz.eg-frage span.eg-an { background: var(--primary); }
.user-tag.is-disabled { cursor: not-allowed; opacity: 0.55; filter: grayscale(0.7); }
.user-tag.is-disabled input { cursor: not-allowed; }
.user-tag.is-disabled.user-tag-role input:checked + span, .user-tag.is-disabled.user-tag-trainer input:checked + span, .user-tag.is-disabled.user-tag-alumni input:checked + span { background: var(--border); color: var(--text-muted); }
.user-tag.user-tag-orphan input:checked + span { background: color-mix(in srgb, var(--danger) 15%, transparent); }
.cta-att-counter.cta-att-over, .bool-pill.is-off, .cta-msg-counter.cta-counter-low, .pn-rec-btn.is-rec, .cta-status-gebucht_faellig, .nl-chip.nl-override-chip input:checked + span { background: var(--danger); color: var(--on-danger); border-color: var(--danger); }
.bool-pill.is-on, .cta-msg-counter.cta-counter-ok, #exdb-reveal, .toggle-pill:has(input:checked) { background: var(--success); color: var(--on-success); border-color: var(--success); }
.nimda-slug-prefix:empty + input[type="text"], .md-lightbox .forum-gallery-item img { border-radius: var(--radius-2); }
.yt-overlay button:hover { background: var(--primary-hover, var(--accent)); }
.nimda-pill [data-farbe="success"] + span { border-color: var(--success); color: var(--success); }
.nimda-pill [data-farbe="primary"] + span { border-color: var(--primary); color: var(--primary); }
.nimda-pill [data-farbe="warning"] + span { border-color: var(--warning); color: var(--warning); }
.nimda-pill:hover span, .user-tag:hover > span, .nl-chip:hover span { border-color: var(--accent); color: var(--text); }
.user-tag.user-tag-add:hover > span { background: var(--accent-hover, var(--accent)); color: var(--background); border-color: transparent; }
.nl-chip span { padding: var(--abstand-1) var(--abstand-3); }
.pn-bearbeiten-media img, .pn-bearbeiten-media video { display: block; max-width: 100%; max-height: 8rem; border-radius: var(--radius-2); }
.pn-bearbeiten-media audio { max-width: 100%; margin-top: 3rem; }
.profile-hero-meta, .profile-public > * { min-width: 0; max-width: 100%; }
.profile-public [data-pp-layout="spalten"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--abstand-5); align-items: start; margin-top: var(--abstand-5); }
.pillen-zeile.pillen-zeile.pillen-zeile.pillen-zeile, .grading-status-row, [data-zuletzt-aktiv="1"] ul, .practice-live-liste ul, .pn-pagination, .user-edit-tags, .nl-chips, .knopf-reihe.knopf-reihe.knopf-reihe.knopf-reihe, .exdb-wf-chips, .forum-mode-picker, .forum-pdf-gallery, .nimda-pills, .knopf-paar, .pn-bearbeiten-media, .profile-hero-roles, .profile-hero-actions, .punkte-stand-knoepfe, .einstufung-start, .dashboard-submission-actions, .yt-overlay .yt-actions { display: flex; flex-wrap: wrap; gap: var(--abstand-2); }
@media (min-width: 900px) {
.profile-public [data-pp-layout="spalten"] { grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); }
}
.profile-bio p { margin: 0 0 1em; }
.profile-bio h1, .profile-bio h2, .profile-bio h3, .profile-bio h4 { font-size: var(--schrift-5) !important; font-weight: 600 !important; margin: 2.5em 0 1em !important; display: flex !important; align-items: center; gap: 0.35em; letter-spacing: 0.02em; line-height: var(--zeile-2) !important; }
.profile-bio > h1:first-child, .profile-bio > h2:first-child, .profile-bio > h3:first-child, .profile-bio > h4:first-child { margin-top: 0 !important; }
.einstufung-lauf a, ol.eg-beste li.eg-du { color: var(--accent); font-weight: 700; }
.einstufung-lauf { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--abstand-2) var(--abstand-4); }
.einstufung-wartet { position: fixed; inset: 0; z-index: 9000; background: var(--scrim); color: var(--on-scrim); display: grid; place-items: center; padding: var(--abstand-4); text-align: center; }
.einstufung-wartet-karte { max-width: 26rem; }
.einstufung-wartet-karte h2 { color: var(--on-scrim); }
a.cta-submit:hover, a.cta-submit:visited, #egkrgitter .eg-kz.eg-frage span.eg-an i, .forum-auto-post-card h2, .forum-auto-post-card .forum-auto-post-card-text, .forum-auto-post-card .dashboard-card-open { color: var(--on-primary); }
.card-aktivierungen .card-aktivierung.card-aktivierung:hover h3, .badges-iframe-links-inheader a, .facet-filter-modal-close:hover, .cta-phone-number:hover, .cta-bubble-del:hover, .cta-system-del:hover, .pn-thread-peer:hover, .header-btn.inbox-btn:hover, .content details > summary:hover, .profile-bio a, .nav-item details summary:hover .nav-category-label, .nimda-tree .tree-edit:hover, .nimda-tree .tree-view:hover, .card:hover h3, .user-edit-back a:hover, .pn-reagieren-kreis:hover, .pn-reagieren-kreis:focus-visible, ol.eg-beste li.eg-du a { color: var(--accent); }
.user-pager a:hover, .user-pager button:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.cta-head-email a:hover, .dashboard-historie-pager a:hover, .breadcrumb a:hover, .dashboard-grading-historie-link:hover, .nimda .nimda-back-nav a:hover, .nimda .nimda-section a:hover, .dashboard-preview-banner a:hover, .link-list a:hover, .nav-item a:hover, .nimda-pages a:hover, .nimda-tree a:hover, .forum-author:hover, .forum-mention:hover { text-decoration: underline; }
.einstufung-wartet-kreis { width: 3rem; height: 3rem; margin: 0 auto var(--abstand-4); border-radius: var(--radius-rund); border: 4px solid color-mix(in srgb, var(--on-scrim) 25%, transparent); border-top-color: var(--on-scrim); animation: einstufung-dreh 1s linear infinite; }
@media (max-width: 600px) {
.newsletter-table thead, .einstufung-start .einstufung-druck-knopf { display: none; }
}
.yt-player { display: block; width: 100%; position: relative; background: transparent; border-radius: var(--radius-2); overflow: hidden; margin: 0 0 var(--abstand-4); }
.yt-cover { aspect-ratio: 16 / 9; position: relative; cursor: pointer; overflow: hidden; background: var(--surface-alt, var(--surface)); }
.yt-cover-empty { background: var(--surface-alt, var(--surface)); }
.card-image:has(img[src*="yt-"][src*=".cover.jpg"])::after, .yt-cover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 22%; aspect-ratio: 16 / 11; max-width: 80px; min-width: 44px; background-color: color-mix(in srgb, var(--marke-youtube) 92%, transparent); border-radius: 14%; z-index: 1; pointer-events: none; transition: background-color var(--dauer-3); }
.card-image:has(img[src*="yt-"][src*=".cover.jpg"])::before, .yt-cover::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%); width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent var(--on-scrim); z-index: 2; pointer-events: none; }
.facet-active-filters, .user-card-meta, .pn-msg-downloads, .user-edit-pills, .exdb-thema-pills, .upcoming-badges, .forum-poll-row, .dashboard-abschluss-verdicts, .forum-reactions, .forum-pagination ul { display: flex; flex-wrap: wrap; gap: var(--abstand-1); }
.device-action, .dashboard-historie-progress-dot, .cta-snippet-head::before, .dashboard-historie-filter li, .pn-thread-avatar, .user-device-actions, .cta-composer-tools, .dashboard-element-filter li, .nimda-toolbar .nimda-view-toggle, .pn-suche-kopf { flex: 0 0 auto; }
.dashboard-abschluss-verdict-pill { border: 1px solid var(--border); color: var(--text); cursor: pointer; background: none; border-radius: var(--radius-pille); padding: var(--abstand-1) var(--abstand-3); font-size: var(--schrift-2); }
.abschluss-tn-name { margin-bottom: var(--abstand-1); }
.abschluss-contact-data { font-size: var(--schrift-2); margin-top: var(--abstand-1); max-width: 22rem; }
.abschluss-contact-data h4 { font-size: var(--schrift-1); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-muted); margin: var(--abstand-2) 0 var(--abstand-1); }
.abschluss-contact-data .ro-line { display: block; padding: var(--abstand-1) 0; }
.abschluss-contact-data .ro-label { display: block; color: var(--text-muted); font-size: var(--schrift-1); }
.abschluss-contact-data .ro-val { display: block; color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.dashboard-abschluss-verdict-form { display: inline-block; margin: 0; padding: 0; }
@media (max-width: 700px) {
.dashboard-abschluss-verdicts { flex-direction: column; align-items: stretch; }
.dashboard-abschluss-verdict-form { width: 100%; }
.dashboard-abschluss-verdict-pill { width: 100%; text-align: center; }
.abschluss-contact-data { max-width: none; }
.abschluss-contact-data .ro-label { flex: 0 0 7rem; }
}
.forum-pagination a:hover, .forum-react-btn:hover { border-color: var(--text-muted); }
.facet-filter-trigger:hover, .dashboard-teilnehmer-list .user-card:hover, .avatar-active, .device-item.device-current, .staffel-ticker-eintrag:hover, .staffel-ticker-eintrag:focus, .cta-bubble-file:hover, .einstufung-stufe:hover, .uid-check-btn:hover, .forum-post-card:hover, .forum-post-card-new, .exdb-order-btns button:hover, .exdb-wf-chip:hover, .exdb-wf-undo:hover, .exdb-play:hover, .dashboard-abschluss-verdict-pill:hover, .facet-pagination a:hover, .device-card:hover { border-color: var(--accent); }
.forum-pagination ul { list-style: none; padding: 0; justify-content: center; }
.forum-pagination a { display: inline-block; padding: var(--abstand-1) var(--abstand-3); border: 1px solid var(--border); border-radius: var(--radius-1); text-decoration: none; color: var(--text); }
.gf-letter-nav { display: flex; flex-wrap: wrap; gap: var(--abstand-1); margin: var(--abstand-2) 0 var(--abstand-5); padding: var(--abstand-2) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.gf-letter-nav a { display: inline-block; min-width: 2rem; padding: var(--abstand-1) var(--abstand-2); border: 1px solid var(--border); border-radius: var(--radius-2); text-align: center; color: var(--text); text-decoration: none; font-weight: 600; }
.nimda a, .dashboard-preview-banner a, .link-list a, .nimda-pages a, .nimda-tree a { color: var(--accent); text-decoration: none; }
.gf-letter-nav a:hover, .pp-leute-knopf:hover, .pp-leute-knopf:focus-visible { background: var(--surface-hover, var(--surface)); }
.gf-glossar-section { margin: var(--abstand-5) 0 0; }
.gf-letter-heading { margin: var(--abstand-3) 0 var(--abstand-2); font-size: var(--schrift-5); color: var(--accent); }
.hinweis-links { display: flex; flex-wrap: wrap; gap: var(--abstand-1); list-style: none; padding: 0; margin: var(--abstand-2) 0 0; }
.site-logo img { display: block; height: auto; max-width: 100%; max-height: 44px; width: auto; border-radius: var(--radius-2); background: var(--logo); object-fit: contain; }
.header-left { display: flex; align-items: center; gap: 12px; min-width: 0; overflow: hidden; }
.site-logo { display: flex; min-width: 0; }
@media print {
.site-header .print-domain { display: inline !important; font-weight: 700; margin-inline-end: var(--abstand-3); }
}
.site-footer { border-top: 1px solid var(--border); padding: 32px 0; margin-top: 48px; color: var(--text-muted); font-size: 13.6px; }
.footer-content { display: flex; align-items: center; gap: 24px; }
.footer-logo img { width: auto; max-height: 180px; border-radius: var(--radius-4); padding: 16px; background: var(--logo); object-fit: contain; }
.footer-info p { margin-bottom: 8px; }
.footer-legal { display: flex; gap: 16px; flex-wrap: wrap; }
.element-blocks-grid > .element-block-card { margin: 0; flex: 1 1 14rem; min-width: 14rem; }
.dashboard-element-group > h3 { margin: 0 0 var(--abstand-3); padding-bottom: var(--abstand-1); border-bottom: 2px solid var(--border); letter-spacing: 0.03em; text-transform: uppercase; }
.dashboard-element-detail { margin-bottom: 3rem; }
.dashboard-element-detail-meta { margin: var(--abstand-1) 0 var(--abstand-4); }
.dashboard-element-zoom-card a { word-break: break-all; }
.kauf-bank-qr { width: 220px; margin: var(--abstand-2) 0 var(--abstand-4); border-radius: var(--radius-2); }
.footer-logo img, .element-block-media video, .kauf-bank-qr, .beleg-bild { display: block; height: auto; max-width: 100%; }
.beleg-bild { border-radius: var(--radius-4); margin: var(--abstand-5) 0 0; }
.cta-tabs-sub .cta-tab-btn { font-size: var(--schrift-2); font-weight: 500; padding: var(--abstand-1) var(--abstand-3); }
@media (min-width: 900px) {
.profile-public .cta-tab-btn[data-pp-reiter="ueber"] { display: none; }
}
.u-bg-none-bd-0-s1.u-bg-none-bd-0-s1.u-bg-none-bd-0-s1, .kreuz-klein.kreuz-klein.kreuz-klein.kreuz-klein { border: none; font-size: var(--schrift-3); line-height: var(--zeile-1); padding: 0 0 0 var(--abstand-2); }
.u-maxw-24-w-100p.u-maxw-24-w-100p.u-maxw-24-w-100p { max-width: 24rem; width: 100%; }
a.badge { text-decoration: none; cursor: pointer; }
a.badge:hover { filter: brightness(1.08); }
.upcoming-badges .badge { padding: var(--abstand-1) var(--abstand-2); }
.exdb-gap:disabled, .exdb-sel:disabled, .user-edit-header.is-locked, .termin-badge-link:hover .badge { opacity: 0.85; }
.hinweis-kopf { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--abstand-1) var(--abstand-3); }
.hinweis-zeit { display: inline-flex; align-items: baseline; gap: var(--abstand-2); white-space: nowrap; }
.summary-list dd { font-size: var(--schrift-3); margin: var(--abstand-1) 0 0; }
.summary-list.kauf-bank dd { font-weight: 600; font-variant-numeric: tabular-nums; }
.geld-paypal-modus { border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-2) var(--abstand-4) var(--abstand-1); margin: 0 0 var(--abstand-4); min-width: 0; }
.geld-paypal-modus > legend { color: var(--text-muted); font-size: var(--schrift-2); text-transform: uppercase; padding: 0 var(--abstand-2); font-weight: 700; }
.newsletter-toggle { text-align: center; width: 60px; }
.toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; cursor: pointer; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-slider { position: absolute; inset: 0; background: var(--border); border-radius: 24px; transition: background var(--dauer-3); }
.toggle-slider::before { content: ''; position: absolute; width: 18px; height: 18px; inset-inline-start: 3px; top: 3px; background: var(--on-scrim); border-radius: var(--radius-rund); transition: transform var(--dauer-3); }
.toggle-switch input:checked + .toggle-slider::before { transform: translateX(20px); }
.source-search-banner { margin: var(--abstand-4) 0 var(--abstand-5); padding: var(--abstand-4) var(--abstand-5); border-inline-start: 4px solid var(--accent); }
.exdb-order, .link-list { list-style: none; padding: 0; }
.nav-tree { list-style: none; padding-inline-start: var(--abstand-5); }
.nav-tree-root { padding-inline-start: 0; }
.nav-item { padding: var(--abstand-2) 0; border-bottom: 1px solid var(--border); }
.nav-tree .nav-item > a { display: block; margin: -0.4rem 0; padding: var(--abstand-2) 0; }
.nav-tree .nav-tree { margin-top: var(--abstand-1); border-inline-start: 2px solid var(--border); }
.forum-comments, .nav-tree .gf-nav-extra:first-of-type { margin-top: var(--abstand-4); border-top: 1px solid var(--border); padding-top: var(--abstand-3); }
@media (max-width: 720px) {
.nimda-pages td.nimda-path { display: none; }
}
.nimda-tree ul { list-style: none; padding-inline-start: var(--abstand-4); border-inline-start: 1px dashed var(--border); margin-inline-start: var(--abstand-2); }
.nimda-tree summary { cursor: pointer; padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-1); }
.nimda-tree summary:hover { background: var(--surface); }
.nimda-tree .tree-leaf { padding: var(--abstand-1) var(--abstand-2) var(--abstand-1) var(--abstand-4); }
.nimda-tree .tree-label { font-family: system-ui, sans-serif; }
.nimda-tree .tree-edit, .nimda-tree .tree-view { margin-inline-start: var(--abstand-2); font-size: 0.85em; color: var(--text-muted); text-decoration: none; }
.forum-author-avatar-link { display: inline-flex; flex-shrink: 0; text-decoration: none; }
.forum-author-meta { line-height: var(--zeile-2); }
.breadcrumb .sep { margin: 0 6px; color: var(--border); flex: 0 0 auto; }
.breadcrumb .current { color: var(--text); flex: 0 0 auto; }
.header-actions { display: flex; align-items: center; gap: 8px; position: relative; flex-shrink: 0; }
.facet-pagination { gap: var(--abstand-4); margin: var(--abstand-6) 0; }
.facet-pagination a { padding: var(--abstand-2) var(--abstand-3); border: 1px solid var(--border); border-radius: var(--radius-1); text-decoration: none; color: var(--accent); }
.punkte-klapp > summary { font-size: var(--schrift-4); font-weight: 700; }
.nimda-hinweis-loeschen { display: inline; margin: 0; }
details[open] > summary::before, .cookie-appendix-data[open] > summary::before, .cookie-tree details[open] > summary::before { transform: rotate(90deg); }
.cookie-appendix { display: block; margin: var(--abstand-5) 0; }
.cookie-appendix-data > summary, .cookie-tree details > summary { cursor: pointer; padding: var(--abstand-1) 0; list-style: none; }
.cookie-appendix-data > summary::before, .cookie-tree details > summary::before { content: '▸ '; display: inline-block; transition: transform var(--dauer-2); color: var(--text-muted); }
.cookie-tree ul, .cookie-tree ul.cookie-list { list-style: none !important; padding-inline-start: var(--abstand-5); margin: var(--abstand-1) 0; border-inline-start: 1px dashed var(--border); }
.cookie-tree li { padding: var(--abstand-1) 0; margin: 0; }
.cookie-tree li::marker { content: ''; }
.cookie-tree .cookie-key { color: var(--text-muted, var(--text)); }
.cookie-tree .cookie-mask { color: var(--danger, var(--text)); letter-spacing: 0.15em; font-weight: 700; }
.cookie-tree .cookie-bool { font-style: italic; opacity: 0.85; }
.cookie-tree .cookie-null { font-style: italic; opacity: 0.6; }
.cookie-tree .cookie-empty { opacity: 0.5; font-style: italic; }
.content-table { --content-table-ground: var(--background); overflow-x: auto; margin: var(--abstand-4) 0; background: linear-gradient(to right, var(--content-table-ground) 40%, transparent) left center / 2rem 100% no-repeat local, linear-gradient(to left, var(--content-table-ground) 40%, transparent) right center / 2rem 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--text) 22%, transparent), transparent) left center / 0.75rem 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--text) 22%, transparent), transparent) right center / 0.75rem 100% no-repeat scroll; }
@media print {
blockquote, main img, .md-lightbox .forum-gallery-item, .exdb-choice, .exdb-order, .content-table, .einstufung-druck-aufgabe, .taskdb-feld, .exdb-wf, .exdb-block, .ausgaben-druck-monat, .ausgaben-druck-block { break-inside: avoid; page-break-inside: avoid; }
}
.pn-msg-bubble .content-table { --content-table-ground: var(--surface); }
.pn-msg-mine .pn-msg-bubble .content-table { --content-table-ground: var(--primary); }
@media print {
.kasse-buchungsliste .content-table { overflow: visible; break-inside: auto; page-break-inside: auto; background: none; }
}
.kauf-verzicht input { width: 1.2rem; height: 1.2rem; margin-top: var(--abstand-1); flex: none; accent-color: var(--accent); }
.content details[open] { padding-bottom: var(--abstand-4); }
.card:hover .card-image img { transform: scale(1.05); }
.card h3 { font-size: var(--schrift-3); margin: 0 0 var(--abstand-2); color: var(--primary); transition: color var(--dauer-3); }
.card.forum-auto-post-card:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.yt-cover:hover::after, a.card:hover .card-image:has(img[src*="yt-"][src*=".cover.jpg"])::after { background-color: var(--marke-youtube); }
.user-edit-avatar .user-avatar-placeholder { font-size: var(--schrift-6); }
dialog.forum-composer-modal { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border: none; padding: var(--abstand-4); background: color-mix(in srgb,var(--scrim) 55%,transparent); color: var(--text); z-index: 8800; overflow: auto; align-items: center; justify-content: center; }
dialog.forum-composer-modal .practice-dialog-karte > p { white-space: pre-line; max-height: 60vh; overflow-y: auto; }
.forum-poll { margin: var(--abstand-2) 0; max-width: 560px; }
.forum-poll-opt { position: relative; padding: var(--abstand-2) var(--abstand-2); margin: var(--abstand-1) 0; border: 1px solid var(--border); border-radius: var(--radius-2); overflow: hidden; cursor: pointer; }
.forum-poll-fill { position: absolute; inset-inline-start: 0; top: 0; bottom: 0; background: color-mix(in srgb, var(--primary) 22%, transparent); pointer-events: none; }
.forum-poll-add-icon { flex: 0 0 auto; padding: 0 var(--abstand-3); pointer-events: none; user-select: none; }
.forum-poll-row .forum-poll-opt { flex: 1 1 auto; margin: 0; }
.forum-poll-voters > summary { cursor: pointer; list-style: revert; display: list-item; }
.forum-poll-form.forum-poll-sendet { opacity: .6; pointer-events: none; }
.upcoming-events, .category-intro, .dashboard-offene-vorgaenge, .einstufung-druck-aufgabe { margin-bottom: var(--abstand-6); }
@media print {
.upcoming-grid, .card-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}
.card-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.pn-thread-body, .einstufung-stufe-mitte, .device-card-body { flex: 1; min-width: 0; }
.device-card-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.device-card { cursor: pointer; display: flex; gap: var(--abstand-3); align-items: flex-start; transition: border-color var(--dauer-2), box-shadow var(--dauer-2), background var(--dauer-2); }
.device-card .device-card-check { margin-top: var(--abstand-1); flex-shrink: 0; width: 1.1rem; height: 1.1rem; cursor: pointer; }
.device-card:has(.device-card-check:checked) { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent); box-shadow: var(--schatten-1); }
.forum-file-name, .device-card-body strong { word-break: break-word; }
.zusatz-grau.zusatz-grau.zusatz-grau.zusatz-grau { display: block; color: var(--text-muted); margin-top: var(--abstand-1); }
.card > .facet-active-filter-pill, .profile-public > .back-button { align-self: flex-start; }
.back-button:hover { border-color: var(--accent); color: var(--primary); }
button.back-button { background: none; font-family: inherit; cursor: pointer; }
[data-legal-diff] ins { text-decoration: none; background: color-mix(in srgb, var(--success) 25%, transparent); padding: 0 var(--abstand-1); border-radius: var(--radius-1); }
[data-legal-diff] details { margin: var(--abstand-2) 0; color: var(--text-muted); }
.forum-comment .forum-body { margin: var(--abstand-1) 0; font-size: var(--schrift-3); }
.container-maxw-900px.container-maxw-900px.container-maxw-900px { max-width: 900px; }
.cta-submit-bg-text-muted-cur-not-allowed-op-5.cta-submit-bg-text-muted-cur-not-allowed-op-5.cta-submit-bg-text-muted-cur-not-allowed-op-5 { background: var(--text-muted); cursor: not-allowed; opacity: .5; }
.u-bd-1px-solid-border-br-4px-s2.u-bd-1px-solid-border-br-4px-s2.u-bd-1px-solid-border-br-4px-s2 { border: 1px solid var(--border); border-radius: var(--radius-1); min-width: 18rem; padding: var(--abstand-2) var(--abstand-2); }
.close-account-table th, .close-account-table td:not([colspan]) { border-bottom: 1px solid var(--border); padding: var(--abstand-2); text-align: start; }
.close-account-table th + th, .close-account-table td:not([colspan]) + td, .pn-suche-loeschung-mein { text-align: end; }
.close-account-table th + th { width: 14rem; }
.u-bg-background-muted-r-c-text-mut-s1.u-bg-background-muted-r-c-text-mut-s1.u-bg-background-muted-r-c-text-mut-s1 { background: var(--background-muted,rgba(0,0,0,.04)); color: var(--text-muted); font-size: .85em; padding: var(--abstand-2) var(--abstand-2); }
.u-ml-05.u-ml-05.u-ml-05 { margin-inline-start: var(--abstand-2); }
.facet-filter-section { border: 1px solid var(--border); border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-3); }
.grenzen-banner.grenzen-banner strong { display: block; color: var(--warning); margin-bottom: var(--abstand-2); }
.grenzen-banner ul { list-style: none; margin: 0 0 var(--abstand-2); padding: 0; }
.dashboard-historie-filter ul, .dashboard-element-filter ul { display: flex; flex-wrap: nowrap; gap: var(--abstand-1); list-style: none; padding: 0; margin: 0; border-bottom: 1px solid var(--border); width: max-content; min-width: 100%; }
.page-sidebar { position: sticky; top: 4rem; align-self: start; padding-top: 3rem; max-height: calc(100vh - 5rem); overflow-y: auto; }
.pwa-install-banner.show { transform: none; }
.uid-check-row, .code-input-wrap, .user-search-row { display: flex; gap: var(--abstand-2); align-items: stretch; }
.nimda-staffeln-toolbar .user-search { flex: 1; margin-bottom: 0; }
.taskdb-feld audio, .taskdb-anhaenge audio { width: 100%; max-width: 32rem; }
@media (min-width: 900px) {
.page-content { position: relative; }
}
@media print {
html, body, html.einstufung-ausw-druckt body { background: var(--papier) !important; }
.page-layout, .taskdb-druck { display: block !important; }
.taskdb-druck-zeilen { height: calc(var(--zeilen) * 9mm); background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(9mm - 1px), var(--druck-linie) calc(9mm - 1px), var(--druck-linie) 9mm); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.site-header, .site-header-hidden { position: static !important; transform: none !important; }
}
.mention-popup li { padding: var(--abstand-1) var(--abstand-3); cursor: pointer; color: var(--text); }
.mention-popup li:hover, .mention-popup li.active { background: var(--accent); color: var(--background); }
.forum-lightbox { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 92%, transparent); z-index: 100000; display: flex; flex-direction: column; touch-action: manipulation; }
.forum-lightbox-img { flex: 1; min-height: 0; overflow: hidden; padding: var(--abstand-4); }
.forum-lightbox-img img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; touch-action: none; user-select: none; }
.forum-lightbox-zoom .forum-lightbox-img img { cursor: zoom-out; }
.forum-lightbox-zieht .forum-lightbox-img img { cursor: grabbing; }
.forum-lightbox button { background: transparent; border: 1px solid color-mix(in srgb, var(--on-scrim) 40%, transparent); color: var(--on-scrim); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-2); cursor: pointer; font-size: var(--schrift-3); }
.forum-lightbox button:disabled { opacity: 0.3; cursor: default; }
.dashboard-historie-progress-time, .ausgaben-tabelle td, .user-pill, .close-account-table td + td, #theme-menu a, #user-menu a, .einstufung-druck-luecke { white-space: nowrap; }
#theme-editor-panel { position: fixed; color: var(--text); box-shadow: var(--schatten-3); display: flex; flex-direction: column; z-index: 8500; min-width: 280px; min-height: 240px; font-size: 14px; }
#theme-editor-panel.te-collapsed { height: auto !important; min-height: 0; }
.yt-cover iframe, #egwkkreis .eg-wklinie { position: absolute; inset: 0; width: 100%; height: 100%; }
.te-header { padding: var(--abstand-2) var(--abstand-2); background: var(--surface-alt); border-bottom: 1px solid var(--border); border-radius: var(--radius-4) var(--radius-4) 0 0; flex: 0 0 auto; }
.te-drag { flex: 1 1 auto; cursor: move; user-select: none; padding: var(--abstand-1) var(--abstand-1); touch-action: none; }
.te-btn-icon:hover { border-color: var(--border); color: var(--text); }
.te-body { flex: 1 1 auto; overflow-y: auto; padding: var(--abstand-2) var(--abstand-3) var(--abstand-2); }
.te-group legend { padding: 0 var(--abstand-1); font-size: 0.78em; font-weight: 600; }
.te-row-name code { font-family: ui-monospace, monospace; font-size: 0.85em; color: var(--text); background: none; padding: 0; }
.te-footer { padding: var(--abstand-2) var(--abstand-3); background: var(--surface-alt); border-top: 1px solid var(--border); border-radius: 0 0 var(--radius-4) var(--radius-4); flex: 0 0 auto; flex-wrap: wrap; }
.te-footer-account { border-radius: 0; border-bottom: none; background: var(--surface); padding: var(--abstand-2) var(--abstand-3); }
.te-btn-danger { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 40%, var(--border)); }
.te-btn-danger:hover { background: color-mix(in srgb, var(--danger) 10%, transparent); border-color: var(--danger); }
.te-resize { position: absolute; inset-inline-end: 2px; bottom: 2px; width: 16px; height: 16px; cursor: nwse-resize; touch-action: none; background: linear-gradient(135deg, transparent 0%, transparent 50%, var(--border) 50%, var(--border) 60%, transparent 60%, transparent 75%, var(--border) 75%, var(--border) 85%, transparent 85%); border-end-end-radius: var(--radius-4); }
.forum-attach-del:hover, .forum-lightbox-del:hover { background: var(--danger); border-color: var(--papier); }
.pwa-install-icon { flex: none; display: flex; align-items: center; }
.erwaehnung-spiegel { position: absolute; visibility: hidden; white-space: pre-wrap; overflow-wrap: break-word; top: 0; left: -9999px; }
.ausgaben-druck-tabelle .sp-datum { width: 11%; }
.ausgaben-druck-tabelle .sp-kz { width: 8%; }
.ausgaben-druck-tabelle .sp-weg { width: 15%; }
.ausgaben-druck-tabelle .sp-satz { width: 10%; }
.ausgaben-druck-tabelle .sp-betrag, .ausgaben-druck-tabelle .sp-beleg { width: 14%; }
@media print {
main .md-lightbox img { width: 100% !important; max-height: none !important; }
}
.pn-msg-transkript-auf summary { cursor: pointer; font-size: var(--schrift-2); opacity: 0.85; list-style: none; color: inherit; }
.gf-faq-item > summary, .taskdb-info summary { font-weight: 600; cursor: pointer; }
.pn-msg-transkript-auf summary::before { content: "▸"; display: inline-block; width: 1.1em; color: currentColor; }
.cta-kebab summary::before, .pp-menu > summary::before, .practice-pause-form > summary::before { content: none; }
.pn-thread-item, .nimda-slug-input { display: flex; align-items: stretch; }
.toggle-pill .toggle-state { font-weight: 700; opacity: 0.9; }
.forum-save-bar { height: .7rem; border-radius: var(--radius-pille); background: color-mix(in srgb, var(--on-scrim) 25%, transparent); overflow: hidden; }
.forum-save-bar > i { display: block; height: 100%; width: 0; background: var(--on-scrim); transition: width var(--dauer-2); }
.pn-fullscreen-logo img, .forum-post-card-image img, .forum-post-card-image video, .gluecksrad-rad, .eg-bar i, .eg-profil-badge .eg-vorschau svg { display: block; width: 100%; height: 100%; }
.forum-save-box { text-align: center; max-width: min(460px,90vw); }
.cta-submit-blink { animation: cta-submit-blink 1.2s ease-in-out infinite; }
.kachel-knopf.kachel-knopf.kachel-knopf.kachel-knopf { cursor: pointer; align-items: center; justify-content: center; font: inherit; }
.plus-gross.plus-gross.plus-gross.plus-gross { font-size: var(--schrift-7); line-height: var(--zeile-1); }
.hinweis-zeit .practice-countdown { margin: 0; font-size: var(--schrift-3); }
.dashboard-trainer-element-list li { list-style: none; margin: var(--abstand-1) 0; }
.dashboard-trainer-element-list li a { display: block; padding: var(--abstand-2) var(--abstand-2); border-radius: var(--radius-1); text-decoration: none; }
.dashboard-historie-filter li a, .dashboard-element-filter li a { display: inline-block; white-space: nowrap; padding: var(--abstand-2) var(--abstand-4); border-radius: var(--radius-2) var(--radius-2) 0 0; text-decoration: none; color: var(--text-muted); border: 1px solid transparent; border-bottom: 0; }
.practice-live-liste li a, [data-zuletzt-aktiv="1"] li a { text-decoration: none; color: var(--primary); font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3) var(--abstand-1) var(--abstand-1); }
.gf-modal[id^="legal-overlay-"] { width: min(40rem, 92vw); max-width: min(40rem, 92vw); }
.gf-modal[id^="legal-overlay-"] .gf-modal-title { hyphens: auto; word-break: normal; }
@media (max-width: 540px) {
.gf-modal[id^="legal-overlay-"] { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
}
.gf-modal.einstufung-ausw-modal { width: min(96vw, 64rem); max-width: min(96vw, 64rem); max-height: 90dvh; }
.einstufung-ausw-tabelle { width: 100%; border-collapse: collapse; table-layout: fixed; }
.einstufung-ausw-tabelle th, .einstufung-ausw-tabelle td { border: 1px solid var(--border); padding: var(--abstand-2) var(--abstand-2); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.einstufung-ausw-tabelle th { background: var(--surface-2, rgba(127, 127, 127, 0.12)); font-weight: 600; }
.einstufung-ausw-vorspann img { max-width: 100%; height: auto; }
.einstufung-ausw-gesamt { padding: 0 0 var(--abstand-6); }
.einstufung-ausw-gesamt-tabelle { table-layout: auto; }
.einstufung-ausw-gesamt-tabelle th { width: 1%; white-space: nowrap; }
.notification-actions[data-umbruch="1"] > form, .notification-actions[data-umbruch="1"] > [data-knopfgruppe="1"] { display: flex; flex: 1 0 100%; }
.notification-actions[data-umbruch="1"] [data-knopfgruppe="1"] > form { display: flex; flex: 1 1 0; }
@media (max-width: 899px) {
.profile-public [data-pp-layout="spalten"] > aside > .card-grid, .profile-public [data-pp-layout="spalten"] > aside > .profile-bio { display: none; }
}
.pn-thread-head > .pn-thread-name { flex: 1 1 14rem; min-width: 0; white-space: nowrap; overflow: hidden; }
.dashboard-card-badges img { max-width: 180px; }
.punkte-liste li { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--abstand-4); padding: var(--abstand-2) 0; border-bottom: 1px solid var(--border); }
.punkte-liste .punkte-zahl { margin-left: auto; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600; }
.punkte-scrollbox .punkte-liste li:last-child { border-bottom: 0; }
.sprachwahl-zeile select { flex: 1; width: auto; min-width: 0; }
.pn-message { display: flex; flex-direction: column; max-width: 97%; }
.pn-message:has(.yt-player) { width: 90%; }
.u-m-0-pe-none.u-m-0-pe-none.u-m-0-pe-none { margin: 0; pointer-events: none; }
.formular-pille-zeile.formular-pille-zeile.formular-pille-zeile.formular-pille-zeile { flex-wrap: wrap; margin: var(--abstand-1) var(--abstand-1) var(--abstand-1) 0; }
.formular-pille.formular-pille.formular-pille.formular-pille { display: inline-block; margin: var(--abstand-1) var(--abstand-1) var(--abstand-1) 0; }
.cta-thread-avatar { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; }
.cta-tab-btn.is-active { color: var(--text); background: var(--surface); border-color: var(--border); border-bottom-color: var(--surface); }
.einstufung-ausw-status-falsch, .footer-disk-warn { color: var(--danger); font-weight: 700; }
.nimda-pill [data-farbe="success"]:checked + span, .user-tag.user-tag-trainer input:checked + span, .badge-active, .einstufung-chip-ok { background: var(--success); color: var(--on-success); }
.dashboard-preview-banner { margin-bottom: var(--abstand-4); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-1); background: color-mix(in srgb, var(--accent) 12%, transparent); border-inline-start: 3px solid var(--accent); font-size: var(--schrift-2); }
.dashboard-banner-warn { border-inline-start-color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, transparent); }
.cta-tab-btn { flex: 0 0 auto; white-space: nowrap; padding: var(--abstand-2) var(--abstand-4); border: 1px solid transparent; border-bottom: none; border-radius: var(--radius-3) var(--radius-3) 0 0; font-size: var(--schrift-3); font-weight: 600; margin-bottom: -1px; text-decoration: none; }
.badge { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); border-radius: var(--radius-1); font-weight: 600; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.03em; }
.hinweis-titel { margin: 0; font-size: var(--schrift-3); padding-inline-end: 3.4rem; }
.hinweis-termin { font-weight: 600; font-size: var(--schrift-3); }
.hinweis-pill { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); border: 1px solid var(--primary); border-radius: var(--radius-pille); background: var(--primary); color: var(--on-primary); font-weight: 600; text-decoration: none; }
.upcoming-title, .summary-list dt { color: var(--text-muted); font-size: var(--schrift-2); text-transform: uppercase; }
.summary-list dt { font-weight: 700; margin-top: var(--abstand-3); }
.forum-react-btn { border: 1px solid var(--border); color: var(--text); cursor: pointer; background: var(--primary); border-radius: var(--radius-pille); padding: var(--abstand-1) var(--abstand-2); font-size: var(--schrift-2); line-height: var(--zeile-3); }
.site-header { position: sticky; top: 0; z-index: 100; background: var(--background); border-bottom: 1px solid var(--border); padding: 12px 0; transition: transform var(--dauer-4) ease; will-change: transform; font-size: 16px; }
.breadcrumb { font-size: 14px; color: var(--text-muted); display: flex; flex-wrap: nowrap; align-items: center; overflow: hidden; scrollbar-width: thin; min-width: 0; flex-shrink: 99; white-space: nowrap; }
.nav-item a, .forum-mention { color: var(--accent); text-decoration: none; font-weight: 500; }
.pn-msg-ki-hint a, .content a, .kauf-verzicht a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.nav-category-label { color: var(--primary); font-weight: 700; }
.nav-active > a, .nav-active > details > summary > .nav-category-label { color: var(--text) !important; font-weight: 700; }
.nimda-media-name, .nimda-pages td.nimda-path { color: var(--text-muted); font-size: 0.85em; font-family: ui-monospace, monospace; }
.nimda-tree { list-style: none; padding-inline-start: 0; font-family: ui-monospace, monospace; }
.forum-author-line { font-size: var(--schrift-2); margin-bottom: var(--abstand-2); }
.forum-author { font-weight: 600; text-decoration: none; color: var(--text); }
.cookie-appendix-warning { margin: 0 0 var(--abstand-2); font-size: var(--schrift-2); opacity: 0.75; font-style: italic; }
.cookie-tree { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--schrift-2); line-height: var(--zeile-3); }
.footer-legal a, .user-edit-back a { color: var(--text-muted); text-decoration: none; }
.cta-msg-mine .cta-bubble a, .cta-bubble-claim a, .cta-bubble-subject a, .cta-error a, .cta-info a { color: inherit; text-decoration: underline; }
.user-avatar-placeholder { font-weight: 600; font-size: var(--schrift-6); color: var(--text-muted); }
html.pwa-moeglich #user-menu a.pwa-start, .video-compress-modal-active, .termin-details.has-user-time, dialog.forum-composer-modal[open] { display: flex; }
.formular-zeile.formular-zeile.formular-zeile.formular-zeile, .user-pill.forum-mention, #theme-menu .theme-menu-scale-val, .formular-pille-zeile.formular-pille-zeile.formular-pille-zeile.formular-pille-zeile, .forum-it-display label, .forum-draw-shape-trigger { display: inline-flex; align-items: center; gap: var(--abstand-1); }
[data-gs-frei] .user-pill { display: inline-block; margin: var(--abstand-1) var(--abstand-1) 0 0; }
.nimda-media-insert, .te-btn-primary, .pn-thread-name, .dashboard-grading-user-name, .staffel-ticker-titel, .cta-thread-name, .nl-segment-summary-title, .forum-composer-open-lbl, .termin-details .termin-label, .forum-poll-count { font-weight: 600; }
.cta-snippet-actions, .forum-poll-manage { display: inline-flex; gap: var(--abstand-1); flex: 0 0 auto; }
.forum-poll-voter-list { margin: var(--abstand-1) 0 0; padding-inline-start: var(--abstand-5); font-size: var(--schrift-2); color: var(--text-muted,var(--text)); }
.badge-inquiry { background: var(--surface); color: var(--text-muted); border: 1px solid var(--border); }
.einstufung-druck-nummer { display: inline-block; width: 2.2em; height: 1.6em; border: 1px solid currentColor; border-radius: var(--radius-1); vertical-align: middle; margin-inline-end: var(--abstand-2); }
.dashboard-historie-progress-sub, .nl-field summary, .form-group label { font-size: var(--schrift-2); font-weight: 600; color: var(--text-muted); }
.back-button { display: inline-block; margin-top: var(--abstand-5); margin-bottom: var(--abstand-4); padding: var(--abstand-2) var(--abstand-3); color: var(--accent); border: 1px solid var(--border); border-radius: var(--radius-1); text-decoration: none; font-size: var(--schrift-2); transition: border-color var(--dauer-3), color var(--dauer-3); }
.taskdb-grafik { margin: var(--abstand-4) 0; color: var(--text); }
[data-legal-diff] { margin: var(--abstand-2) 0 var(--abstand-2); }
.kasse-zahlwege.auth-buttons, .termin-info, .kurs-termine.card, .dashboard-submission-banner, .user-search, .category-intro:has(+ .staffel-ticker), .dashboard-submission-block, .nimda-staffeln-toolbar, .forum-new-post, .u-mb-15.u-mb-15.u-mb-15, .category-intro:has(+ .hinweise), .pn-suche-treffer-eintrag { margin-bottom: var(--abstand-5); }
.gutschein-suche .auth-buttons { grid-column: 1 / -1; margin-top: 0; }
.dashboard-historie-filter, .dashboard-element-filter { margin: var(--abstand-3) 0 var(--abstand-5); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; max-width: 100%; }
.forum-body { margin: var(--abstand-2) 0; line-height: var(--zeile-3); }
.forum-body a, .forum-body a:visited, .forum-auto-post a, .forum-auto-post a:visited { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
.forum-link-btn, .forum-link { background: none; border: none; cursor: pointer; line-height: var(--zeile-1); color: var(--text-muted); text-decoration: none; padding: 0; font-size: inherit; font-family: inherit; }
.ausgaben-loeschen, .u-ml-08.u-ml-08.u-ml-08 { margin-inline-start: var(--abstand-3); }
.ausgaben-loeschen, .u-bg-none-bd-none-s1.u-bg-none-bd-none-s1.u-bg-none-bd-none-s1 { color: var(--danger); font: inherit; padding: 0; }
.grenzen-banner { margin: 0 0 var(--abstand-5); padding: var(--abstand-4) var(--abstand-4); background: color-mix(in srgb, var(--warning) 14%, var(--surface)); border-radius: var(--radius-2); color: var(--text); }
.grenzen-banner-fehler { background: color-mix(in srgb, var(--danger) 14%, var(--surface)); }
.pwa-install-banner { position: fixed; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; z-index: 1200; max-width: 1400px; margin-inline-start: auto; margin-inline-end: auto; display: flex; align-items: center; gap: var(--abstand-3); padding: var(--abstand-4) var(--abstand-4); padding-bottom: calc(0.9rem + env(safe-area-inset-bottom, 0px)); background: var(--primary); color: var(--on-primary); box-shadow: 0 -2px 14px var(--schleier-1); }
#exdb-veil > p, .dashboard-abschluss-bulk, .taskdb-feld { margin: 0 0 var(--abstand-4); }
.cta-tabs { display: flex; flex-wrap: nowrap; gap: var(--abstand-1); border-bottom: 1px solid var(--border); margin-bottom: var(--abstand-4); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; max-width: 100%; }
@media print {
.einstufung-ausw-druck::backdrop, .textdb-stufen-block { display: none; }
}
.page-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--abstand-6); }
@media (min-width: 900px) {
.page-layout { grid-template-columns: minmax(0, 1fr) 260px; }
}
.pwa-install-text, .pwa-install-ios, .pwa-install-ios26 { flex: 1; font-size: var(--schrift-3); line-height: var(--zeile-2); }
.pwa-schritte { margin: var(--abstand-1) 0 0; padding-inline-start: var(--abstand-5); }
.inapp-warn-skript { display: block; margin-top: var(--abstand-2); }
.pwa-install-go { flex: none; background: var(--on-primary); color: var(--primary); border: none; border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-4); font-weight: 600; cursor: pointer; white-space: nowrap; }
.mention-popup { list-style: none; margin: 0; padding: var(--abstand-1) 0; box-shadow: var(--schatten-2); min-width: 12rem; max-height: 16rem; overflow-y: auto; z-index: 10000; font-size: var(--schrift-3); }
.forum-lightbox-bar { flex: 0 0 auto; padding: var(--abstand-2) var(--abstand-4); color: var(--on-scrim); background: color-mix(in srgb, var(--scrim) 50%, transparent); }
.forum-lightbox-caption { flex: 0 0 auto; color: var(--on-scrim); text-align: center; padding: var(--abstand-2) var(--abstand-4) 0; font-size: var(--schrift-3); line-height: var(--zeile-2); }
.forum-lightbox-close { position: absolute; top: 1rem; inset-inline-end: 1rem; background: color-mix(in srgb, var(--scrim) 60%, transparent); border: 2px solid var(--on-scrim); color: var(--on-scrim); width: 3rem; height: 3rem; border-radius: var(--radius-rund); font-size: var(--schrift-6); cursor: pointer; }
.te-title { font-weight: 600; font-size: 0.95em; }
.te-dirty { color: var(--accent); font-size: 1.1em; line-height: var(--zeile-1); }
.te-btn-icon { border: 1px solid transparent; border-radius: var(--radius-1); width: 1.8em; height: 1.8em; font-size: 1.2em; line-height: var(--zeile-1); padding: 0; }
.te-group { border: 1px solid var(--border); border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-3) var(--abstand-2); margin: 0; }
.te-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--abstand-2); padding: var(--abstand-1) var(--abstand-1); border-radius: var(--radius-1); transition: background var(--dauer-1); }
.te-btn { padding: var(--abstand-1) var(--abstand-3); border-radius: var(--radius-1); cursor: pointer; font: inherit; font-size: 0.9em; }
.te-status { flex: 1 1 auto; text-align: end; color: var(--text-muted); font-size: 0.85em; }
.forum-lightbox-del { position: absolute; top: 1rem; inset-inline-start: 1rem; z-index: 3; border: 2px solid var(--tinte); border-radius: var(--radius-rund); width: 2.8rem; height: 2.8rem; line-height: var(--zeile-1); text-align: center; padding: 0; background: var(--papier); color: var(--tinte); cursor: pointer; font-size: var(--schrift-5); box-shadow: var(--schatten-1); }
.js-fehler { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 10001; max-width: 40rem; margin: 0 auto; box-shadow: var(--schatten-2); }
.js-fehler-detail { font-size: var(--schrift-2); opacity: 0.8; word-break: break-word; }
.ausgaben-druck-tabelle { table-layout: fixed; width: 100%; margin: 0; }
.md-lightbox { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr)); gap: var(--abstand-3); margin: var(--abstand-4) 0; align-items: start; }
.pn-msg-transkript { margin: var(--abstand-2) 0 0; padding: var(--abstand-1) 0 var(--abstand-1) var(--abstand-3); border-inline-start: 3px solid currentColor; opacity: 0.85; font-style: italic; white-space: pre-line; }
.nimda-slug-prefix { display: flex; align-items: center; padding: 0 var(--abstand-2); background: var(--surface); border: 1px solid var(--border); border-inline-end: 0; border-radius: var(--radius-2) 0 0 var(--radius-2); color: var(--text-muted); font-family: ui-monospace, monospace; font-size: var(--schrift-3); white-space: nowrap; }
.forum-save-text { font-size: var(--schrift-4); font-weight: 600; line-height: var(--zeile-3); }
.forum-save-pct { display: block; margin-top: var(--abstand-2); font-size: var(--schrift-3); opacity: .9; }
.forum-save-overlay { position: fixed; inset: 0; z-index: 200000; background: var(--schleier-3); color: var(--on-scrim); padding: var(--abstand-6); }
.forum-save-spinner { width: 2.6rem; height: 2.6rem; margin: var(--abstand-4) auto 0; border: .32rem solid color-mix(in srgb, var(--on-scrim) 25%, transparent); border-top-color: var(--on-scrim); border-radius: var(--radius-rund); animation: forum-save-spin .8s linear infinite; }
.practice-countdown { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--accent); margin: -0.25rem 0 var(--abstand-2); }
.unread-count { display: inline-block; min-width: 1.4rem; padding: 0 var(--abstand-2); margin-inline-start: var(--abstand-1); font-size: var(--schrift-1); line-height: 1.4rem; text-align: center; color: var(--on-accent); background: var(--accent); border-radius: var(--radius-pille); vertical-align: baseline; font-weight: 600; }
.practice-dash-tn-body { margin: 0.4rem 0 0 calc(1.375rem - 1px); padding-inline-start: var(--abstand-2); border-inline-start: 2px solid var(--border); font-size: var(--schrift-2); color: var(--text-muted); line-height: var(--zeile-3); }
.grading-pill { padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-pille); font-size: var(--schrift-1); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text); }
.rtc-notes-badge { position: absolute; top: -6px; right: -6px; min-width: 1.1rem; height: 1.1rem; line-height: 1.1rem; padding: 0 var(--abstand-1); border-radius: var(--radius-pille); background: var(--success); color: var(--on-success); font-size: var(--schrift-1); text-align: center; font-weight: 600; }
.dashboard-trainer-element-list { margin: 0 0 var(--abstand-4); padding-inline-start: 0; }
.dashboard-staffel-complete { border-inline-start: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); padding: var(--abstand-4) var(--abstand-5); margin: var(--abstand-4) 0 var(--abstand-5); }
.gf-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--abstand-4); margin: 0 0 var(--abstand-3); }
.gf-modal-title { margin: 0; font-size: var(--schrift-4); color: var(--text); word-break: break-word; }
.gf-modal-body { flex: 0 1 auto; min-height: 0; overflow: auto; color: var(--text); }
.card-slug, .forum-reply-to { font-size: var(--schrift-2); margin-bottom: var(--abstand-1); }
.unread-count-zero { background: var(--surface-alt); color: var(--text-muted); }
.punkte-liste { list-style: none; margin: 0 0 var(--abstand-5); padding: 0; }
.pn-msg-audio { display: block; width: 100%; min-width: 14rem; }
.pn-thread-avatar-el, .forum-author-avatar { width: 2.75rem; height: 2.75rem; font-size: var(--schrift-3); }
.cta-thread-preview { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color: var(--text); font-size: var(--schrift-3); overflow: hidden; }
.cta-ball-chip { display: inline-block; padding: var(--abstand-1) var(--abstand-2); border-radius: 1rem; font-size: var(--schrift-1); font-weight: 600; background: var(--accent); color: var(--background); }
.dashboard-abschluss-verdict-pill.dashboard-abschluss-verdict-nicht_bestanden.is-active { background: var(--danger); border-color: var(--danger); }
.dashboard-abschluss-verdict-pill.dashboard-abschluss-verdict-sehrgut_bestanden.is-active { background: var(--warning); color: var(--on-warning); border-color: var(--warning); }
.cta-tabs-sub { margin-top: -0.5rem; }
.forum-post-card-link:focus-visible, .cta-tab-btn:focus-visible, .nimda-view-toggle .toggle-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.nimda-view-toggle { display: inline-flex; max-width: 100%; border: 1px solid var(--border); border-radius: var(--radius-2); overflow-x: auto; overflow-y: hidden; }
.nimda-view-toggle .toggle-btn { flex: 0 0 auto; white-space: nowrap; padding: var(--abstand-2) var(--abstand-3); color: var(--text); text-decoration: none; background: var(--background); }
.cta-thread-sub { display: block; color: var(--text-muted); font-size: var(--schrift-2); margin-bottom: var(--abstand-1); }
.pn-bearbeiten-media .forum-attach-cell { position: relative; max-width: 10rem; }
.cta-att-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; cursor: pointer; max-width: 100%; color: var(--text); font-size: 14px; }
.cta-att-trigger:hover { background: var(--surface-hover, var(--border)); }
.dashboard-submission-form > * { margin-top: 0; margin-bottom: 0; }
.cta-phone p, .form-hint { font-size: var(--schrift-2); color: var(--text-muted); margin-bottom: var(--abstand-2); }
.taskdb-row, .dashboard-element-meta-cat, .newsletter-preview .newsletter-segment h3, .nl-send-modal-inner h3, .video-compress-modal-title, .forum-composer-title, .cookie-appendix-title, .practice-dash-tn-body p, .u-m-0-0-05.u-m-0-0-05.u-m-0-0-05, .taskdb-zitat { margin: 0 0 var(--abstand-2); }
.nl-archive-view .nl-archive-head h2, .textdb-stufen-label, .dashboard-submission-block-title { margin: 0 0 var(--abstand-1); }
.dashboard-historie-grid, #exdb-veil, .summary-list, .site-nav, .punkte-klapp, .u-m-1-0.u-m-1-0.u-m-1-0, .taskdb-actions, .taskdb-info { margin: var(--abstand-4) 0; }
.u-m-15-0.u-m-15-0.u-m-15-0, .element-block, .dashboard-element-group, .element-blocks-grid, .card-stack, .textdb-stufen-block, #kauf { margin: var(--abstand-5) 0; }
.cta-fs-header, .form-group > .nimda-pills:has([data-betrag]) { gap: var(--abstand-2); }
.form-group { display: flex; flex-direction: column; gap: 4px; }
.u-mt-125.u-mt-125.u-mt-125, .cta-success + p:has(> .cta-submit), .nl-simulate-wrap, .forum-pagination, p + .summary-list.kauf-bank, .summary-list.kauf-bank + form, form:has(> input[name="legal_gate"]), .card#blocked, .staffel-ticker ~ .card-grid, .form-group:has([data-staffel-ab]), .newsletter-abmelden > .form-hint, .nimda-section[data-section="geld-grenzen"], .ausgaben-deponiert, .u-mt-15.u-mt-15.u-mt-15, .dashboard-section-grid, .profile-public [role="tabpanel"] .profile-badge-grid + h3, .kauf-knopfreihe + p, .kauf-knopfreihe + form, .cta-tabs + .form-hint, details[data-section^="legal-diff-"], .taskdb-loeschen-form, .hinweise ~ .card-grid { margin-top: var(--abstand-5); }
.cta-fs-footer .cta-composer-heading, .stufe .content > :first-child, .element-block-body h1, .element-block-body h2, .element-block-body h3, .element-block h3, .element-block-body > :first-child, .gf-faq-body p:first-child, .abschluss-contact-data h4:first-child, .summary-list.kauf-bank dt:first-child, .forum-it-card-cap p:first-child, .hinweis-text > :first-child, .oben-buendig.oben-buendig.oben-buendig.oben-buendig, .card > h2:first-child, .back-button + h1, .forum-body p:first-child, .dashboard-staffel-complete h3, .gf-modal-body p:first-child, .back-button + .page-layout > .page-content > h1:first-child, .u-mt-0.u-mt-0.u-mt-0, .einstufung-ausw-tabelle td > :first-child { margin-top: 0; }
.taskdb-feld + .taskdb-feld, .forum-save-progress, #kauf-checkout section > .form-group + .form-group, .profile-public [data-pp-layout="spalten"] > aside > .profile-bio, .u-mt-1.u-mt-1.u-mt-1, .u-mt-09.u-mt-09.u-mt-09, .taskdb-korrektor-karte input, .practice-bild-knoepfe, .dashboard-group-title:first-of-type, .card > p + .kauf-knopfreihe { margin-top: var(--abstand-4); }
dialog.forum-composer-modal .practice-dialog-karte { width: min(30rem,94vw); margin: 0; padding: var(--abstand-5); }
.cta-msg:has(.yt-player) .cta-bubble, .pn-message:has(.yt-player) .pn-msg-bubble, .forum-audio audio, .notification-actions[data-umbruch="1"] .cta-submit, .forum-composer-v2 input[type=text], .forum-composer-v2 input[type=url], .dashboard-abschluss-table .dashboard-abschluss-verdict-cell, .forum-composer-title-input, .forum-it-prev-block .forum-it-cap, .staffel-participant-list .user-device-actions, .forum-rec-start, .forum-rec-playback, .forum-composer-v2 textarea, .forum-rec-done, .taskdb-feld textarea, .taskdb-feld input[type="text"], .toggle-pill-grid .toggle-pill, .taskdb-row-full input, .taskdb-row-full textarea { width: 100%; }
@media (max-width: 700px) {
.dashboard-abschluss-table .dashboard-abschluss-verdict-cell { width: auto; }
}
.element-block-body > :last-child, .gf-faq-body p:last-child, .forum-it-card-cap p:last-child, .profile-bio p:last-child, .hinweis-text > :last-child, .practice-dash-tn > .forum-author-line, .forum-body p:last-child, .gf-modal-body p:last-child, .einstufung-ausw-tabelle td > :last-child, .dashboard-submission-block:last-child, .pn-suche-liste { margin-bottom: 0; }
.forum-mode-picker, .forum-draw-tools, .pn-bearbeiten-media, .kauf-knopfreihe + form .form-group { margin-bottom: var(--abstand-3); }
.galerie-search-input, .form-group input:not([type="checkbox"]):not([type="radio"]), .form-group textarea, .form-group select { width: 100%; padding: 12px; border-radius: var(--radius-1); font-family: inherit; font-size: 16px; line-height: var(--zeile-3); height: 48px; }
.form-group textarea { height: auto; min-height: 48px; resize: vertical; }
.forum-new-comment textarea, .forum-new-post textarea { width: 100%; font-family: inherit; font-size: var(--schrift-3); padding: var(--abstand-2); border-radius: var(--radius-1); resize: vertical; }
.forum-composer-v2 input[type=text], .forum-composer-v2 input[type=url], .forum-composer-v2 input[type=number], .forum-composer-title-input, .forum-composer-v2 textarea { padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-2); font: inherit; }
.dashboard-historie-title strong, .forum-new-comment textarea, .einstufung-ausw-aufgabe > summary, .schrift-095.schrift-095.schrift-095.schrift-095, .pn-anhang-eintrag { font-size: var(--schrift-3); }
.pn-fullscreen-composer textarea:focus, .user-search input[type="search"]:focus, .nl-gallery-edit-item input[type="text"]:focus, .forum-it-cap:focus, .galerie-search-input:focus, .exdb-gap:focus, .exdb-sel:focus, .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--accent); }
.nimda-edit-form input[type="text"], .nimda-edit-form input[type="date"], .nimda-edit-form input[type="number"], .nimda-section input[type="file"], .nimda-edit-form select, .nimda-edit-form textarea { width: 100%; padding: var(--abstand-2) var(--abstand-2); border-radius: var(--radius-2); font-size: var(--schrift-3); font-family: inherit; }
@media (min-width: 900px) {
.ausgaben-zeile > .form-group { margin-bottom: 0; flex: 0 0 auto; }
.ausgaben-zeile > .form-group:has(#ag-kz) { flex: 1 1 14rem; min-width: 0; }
.ausgaben-zeile > .form-group:has(#ag-bez) { flex: 2 1 14rem; }
}
.field-grid > .form-group { flex: 1 1 170px; min-width: 0; }
.form-group label.kauf-verzicht { display: flex; align-items: flex-start; gap: var(--abstand-2); font-size: var(--schrift-3); font-weight: 400; color: var(--text); line-height: var(--zeile-3); cursor: pointer; }
.avatar-upload-col .avatar-dropzone, .kasse-schritt-wahl > .form-group, .forum-draw-spacer { flex: 1 1 auto; }
.kasse-filter-segment > .form-group { flex: 1 1 5rem; }
.form-group.sprachwahl-zeile { flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
.pn-thread-preview-row, .te-row-inputs, .pn-msg-audio-zeile { display: flex; align-items: center; gap: var(--abstand-1); }
.nimda-wa-qr { display: block; margin: var(--abstand-2) 0; padding: 8px; background: var(--papier); border-radius: var(--radius-3); }
.pn-message-list { list-style: none; padding: 0; margin: 0 0 var(--abstand-5) 0; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: none; }
.cta-form { display: flex; flex-direction: column; gap: 12px; }
.cta-prereq-claim, .u-mt-2.u-mt-2.u-mt-2 { margin-top: var(--abstand-6); }
.auth-links { margin-top: var(--abstand-5); font-size: var(--schrift-2); }
.form-hint, .profile-bio { line-height: var(--zeile-3); }
.cta-success { padding: var(--abstand-4); background: var(--success); color: var(--on-success); border-radius: var(--radius-1); font-weight: 600; }
.cta-error { padding: var(--abstand-3); background: var(--danger); color: var(--on-danger); border-radius: var(--radius-1); margin-bottom: var(--abstand-4); }
.cta-info { padding: var(--abstand-3); background: var(--accent); color: var(--on-accent); border-radius: var(--radius-1); margin-bottom: var(--abstand-4); }
.taskdb-feld-label { display: block; font-weight: 600; margin: 0 0 var(--abstand-2); }
.taskdb-korrektor-option { display: block; margin: var(--abstand-2) 0; }
.taskdb-status { border: 1px solid var(--border); margin: var(--abstand-4) 0; }
.auth-form { max-width: 520px; margin: 0 auto; }
.taskdb-korrektor fieldset { border: none; padding: 0; margin: 0 0 var(--abstand-4); }
.taskdb-korrektor-karte { align-items: flex-start; }
.taskdb-korrektor-hinweis { font-size: var(--schrift-2); color: var(--text-muted); line-height: var(--zeile-2); }
.step-indicator { display: flex; gap: var(--abstand-2); margin-bottom: var(--abstand-5); }
.step-dot { width: 2rem; height: 2rem; border-radius: var(--radius-rund); font-size: var(--schrift-2); font-weight: 700; background: var(--surface); color: var(--text-muted); border: 2px solid var(--border); }
.newsletter-lang-row td { padding-top: var(--abstand-5) !important; padding-bottom: var(--abstand-2) !important; border-bottom: none !important; font-size: var(--schrift-4); }
.toggle-switch input:checked + .toggle-slider, .eg-bar i { background: var(--accent); }
@supports selector(::-webkit-progress-value) {
.einstufung-stufe:has(input:checked) .einstufung-fortschritt::-webkit-progress-value { background: var(--accent); }
}
@supports selector(::-moz-progress-bar) {
.einstufung-stufe:has(input:checked) .einstufung-fortschritt::-moz-progress-bar { background: var(--accent); }
}
.zeile-mittig.zeile-mittig.zeile-mittig.zeile-mittig { display: flex; align-items: center; }
.nimda-edit-form textarea { font-family: ui-monospace, monospace; min-height: 20rem; resize: vertical; }
.nimda-edit-form.kasse-form textarea { min-height: 4.5rem; }
.nimda-edit-form .form-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--abstand-3); }
@media (max-width: 640px) {
.nimda-edit-form .form-row { grid-template-columns: 1fr; }
}
.nimda-edit-form .form-hint { color: var(--text-muted); font-size: 0.85em; margin: 0 0 var(--abstand-2); }
.kauf-knopfreihe, .textdb-woerter { margin: var(--abstand-4) 0 0; }
.kauf-knopfreihe.punkte-knoepfe { margin-top: var(--abstand-2); gap: var(--abstand-2); }
.pn-rec-btn.is-rec .pn-rec-stop, .nl-actionform, .toggle-pill .toggle-state-off, .toggle-pill:has(input:checked) .toggle-state-on, .ausgaben-tabelle .pp-menu-form, .inline.inline.inline.inline { display: inline; }
.card-aktivierung:hover { border-style: solid; border-color: var(--accent); }
.category-hero { position: relative; min-height: 14rem; background-size: cover; background-position: center; border-radius: var(--radius-3); overflow: hidden; margin-bottom: var(--abstand-6); }
.category-hero-overlay { position: absolute; inset: 0; padding: var(--abstand-6); display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--scrim) 65%, transparent) 100%); color: var(--on-scrim); }
.category-hero-overlay h1 { color: var(--on-scrim); margin: 0 0 var(--abstand-2); }
.category-untertitel { font-size: var(--schrift-4); color: var(--text-muted); margin: 0 0 var(--abstand-6); font-style: italic; }
.category-hero .category-untertitel { color: color-mix(in srgb, var(--on-scrim) 90%, transparent); margin: 0; }
.dashboard-trainer-card, .cta-login-required, .profile-hero-meta, .card-aktivierungen { display: flex; flex-direction: column; gap: var(--abstand-3); }
.nimda-zugriff-item { font-weight: 400; }
.u-maxw-16.u-maxw-16.u-maxw-16 { max-width: 16rem; }
.punkte-tabelle, .taskdb-punkte-tabelle { width: 100%; border-collapse: collapse; }
.abschluss-contact-trigger.is-complete, .abschluss-contact-trigger.is-complete:hover, .abschluss-contact-trigger.is-complete:focus-visible, .user-pill-trainer { background: var(--success); border-color: transparent; color: var(--on-success); font-weight: 600; }
.abschluss-contact-trigger.is-incomplete, .abschluss-contact-trigger.is-incomplete:hover, .abschluss-contact-trigger.is-incomplete:focus-visible, .user-pill-locked { background: var(--danger); border-color: transparent; color: var(--on-danger); font-weight: 600; }
.ro-missing-input, .exdb-error { color: var(--danger); font-weight: 600; }
.cta-thread-snooze, .nav-open-category-item a { font-style: italic; color: var(--text-muted); }
.field-grid { display: flex; flex-wrap: wrap; gap: 0 var(--abstand-4); }
.staffel-teilnehmer-karte > .user-device-actions, .field-grid .field-full { flex-basis: 100%; }
.field-grid:has(#gs-leer), .field-grid:has([name="auszug"]) { row-gap: var(--abstand-3); margin-bottom: var(--abstand-4); }
.textdb-stufen { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--abstand-2); max-width: 26rem; }
.kauf-wahl-option:focus-within, .toggle-pill:focus-within, .punkte-scrollbox:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.punkte-scrollbox { max-height: 60vh; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--border); border-radius: var(--radius-3); padding: 0 var(--abstand-4); margin: 0 0 var(--abstand-5); }
.nl-gallery-edit, .pillen-zeile.pillen-zeile.pillen-zeile.pillen-zeile, .dashboard-historie-sub-status, .forum-files, .forum-audios, .practice-themen-knopf, .toggle-pill.toggle-pill-solo, .forum-reactions, .dashboard-submission-inputs > li, .galerie-search, .galerie-search-empty, .pp-leute-liste { margin: var(--abstand-2) 0; }
.dashboard-submission-inputs { list-style: none; padding: var(--abstand-2) 0 0; margin: 0; }
.galerie-grid { display: grid; gap: 4px; margin: var(--abstand-3) 0; }
.forum-edit-it-blocks, .toggle-pill-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--abstand-3); margin: var(--abstand-2) 0; }
.toggle-pill-grid .cta-submit { display: block; width: 100%; text-align: center; align-self: stretch; }
textarea.js-autogrow { overflow-y: hidden; resize: none; min-height: 9rem; }
.user-edit-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-size: var(--schrift-3); }
.cta-snippet-count, .user-edit-card-count { font-weight: 400; color: var(--text-muted); font-size: var(--schrift-2); }
.staffel-participant-list .user-device { flex-direction: column; align-items: stretch; gap: var(--abstand-2); }
@media (max-width: 540px) {
.user-edit-email { max-width: 100%; }
}
.code-input-wrap input { flex: 1 1 auto; font-family: ui-monospace, monospace; letter-spacing: 0.08em; }
.code-refresh { flex: 0 0 auto; width: 3rem; height: 3rem; color: var(--text-muted); cursor: pointer; font-size: var(--schrift-4); transition: border-color var(--dauer-2), color var(--dauer-2); }
.nimda-newsletter-item { padding: var(--abstand-2) var(--abstand-3); border: 1px solid var(--border); border-radius: var(--radius-3); }
.nimda-newsletter-link { flex: 1; text-decoration: none; color: var(--text); }
.nimda-staffeln-list .nimda-newsletter-meta { flex-basis: 100%; margin-top: var(--abstand-1); }
.knopf-raster { display: grid; gap: var(--abstand-2); grid-template-columns: repeat(auto-fit, minmax(clamp(25% - 0.375rem, (40rem - 100%) * 999, min(100%, max(50% - 0.25rem, (20rem - 100%) * 999))), 1fr)); }
.knopf-raster > :not(form):not(.cta-submit) { grid-column: 1 / -1; }
.u-p-0-1-1.u-p-0-1-1.u-p-0-1-1 { padding: 0 var(--abstand-4) var(--abstand-4); }
.geld-vorschau { border-collapse: collapse; margin: 0 0 var(--abstand-4); }
.punkte-tabelle th, .punkte-tabelle td, .geld-vorschau th, .geld-vorschau td { padding: var(--abstand-1) var(--abstand-2); border-bottom: 1px solid var(--border); text-align: start; }
.kasse-buchungen { width: 100%; font-size: var(--schrift-2); }
@media print {
.kasse-buchungen, .kasse-buchungen th, .kasse-buchungen td { color: var(--tinte) !important; border-color: var(--druck-linie) !important; background: none !important; }
.kasse-buchungen thead { display: table-header-group; }
}
.gutschein-suche { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 var(--abstand-4); align-items: end; margin-bottom: var(--abstand-4); }
.kandidat-karte.kandidat-karte.kandidat-karte.kandidat-karte { width: 100%; cursor: pointer; padding: var(--abstand-2) var(--abstand-3); }
.staffel-teilnehmer-karte .user-device-actions > form:has(select) { flex-basis: 100%; min-width: 0; }
.avatar-klein.avatar-klein.avatar-klein.avatar-klein { width: 2.5rem; height: 2.5rem; }
.pille-knopf.pille-knopf.pille-knopf.pille-knopf { border: none; cursor: pointer; font-weight: 600; }
.user-pill-bounce, .user-pill-warn { background: var(--warning); color: var(--on-warning); border-color: transparent; font-weight: 600; }
.user-empty { color: var(--text-muted); text-align: center; padding: var(--abstand-6) 0; }
.user-edit-back { margin-bottom: var(--abstand-3); font-size: var(--schrift-2); }
.user-edit-hint { font-size: var(--schrift-2); color: var(--text-muted); margin-bottom: var(--abstand-3); }
.user-tag.user-tag-alumni input:checked + span { background: var(--text-muted); color: var(--background); }
.user-edit-danger { text-align: center; padding: var(--abstand-6) 0; border-top: 1px solid var(--border); margin-top: var(--abstand-4); }
.dashboard-submission-form, .card-stack, .profile-public { display: flex; flex-direction: column; gap: var(--abstand-5); }
.profile-bio ul, .profile-bio ol { margin: 0 1.5em 1em; }
.practice-live-liste ul, [data-zuletzt-aktiv="1"] ul, ol.eg-beste { list-style: none; margin: var(--abstand-2) 0; padding: 0; }
.profile-bio blockquote { margin: 0 0 1em; padding: 0.5em 1em; border-inline-start: 3px solid var(--accent); color: var(--text-muted); font-style: italic; }
.profile-bio code { background: var(--surface-alt); padding: 0.1em 0.35em; border-radius: var(--radius-1); font-size: 0.92em; }
.profile-badge-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: var(--abstand-4); margin-top: var(--abstand-2); }
.profile-badge-grid:has(> .profile-badge img) { grid-auto-rows: 1fr; }
.profile-badge { position: relative; border-radius: var(--radius-4); overflow: hidden; text-decoration: none; background: var(--surface-alt); border: 1px solid var(--border); transition: transform var(--dauer-1) ease, box-shadow var(--dauer-1) ease; }
.profile-badge:hover, .profile-badge:focus { transform: translateY(-2px); box-shadow: var(--schatten-2); }
.profile-badge-text .profile-badge-zusatz { color: var(--text); text-shadow: 0 0 4px var(--background), 0 0 2px var(--background); }
button.profile-badge { width: 100%; font: inherit; font-weight: 600; font-size: var(--schrift-4); color: var(--text); cursor: pointer; }
.profile-badge-text { aspect-ratio: 5 / 4; position: relative; padding: var(--abstand-5); text-align: center; font-weight: 600; font-size: var(--schrift-4); color: var(--text); }
.profile-badge-text::before { content: ""; position: absolute; inset: 0; background-image: var(--badge-bg, none); background-size: 70%; background-position: center; background-repeat: no-repeat; opacity: 0.33; pointer-events: none; }
.profile-badge-text > span { position: relative; line-height: var(--zeile-2); word-break: break-word; hyphens: auto; -webkit-hyphens: auto; text-shadow: -1px -1px 0 var(--background), 1px -1px 0 var(--background), -1px 1px 0 var(--background), 1px 1px 0 var(--background), 0 0 6px var(--background); }
.ausgaben-monat-knopf, .termin-badge-link, a.profile-badge, a.profile-badge:hover, a.profile-badge:focus, a.profile-badge:visited, a.profile-badge:active, button.profile-badge, button.profile-badge:hover, button.profile-badge:focus, a.profile-badge *, button.profile-badge * { text-decoration: none; }
.profile-badge-zusatz { position: absolute; left: 0.6rem; right: 0.6rem; bottom: 0.45rem; font-size: var(--schrift-2); font-weight: 700; line-height: var(--zeile-2); text-align: right; color: var(--on-scrim); text-shadow: 0 0 4px var(--schleier-3), 0 0 2px var(--schleier-3); }
.profile-badge-hell .profile-badge-zusatz { color: var(--tinte); text-shadow: 0 0 4px color-mix(in srgb, var(--papier) 80%, transparent), 0 0 2px color-mix(in srgb, var(--papier) 80%, transparent); }
.nl-override-chip, .punkte-warnung, .forum-post-card-stats { margin: var(--abstand-2) 0 0; }
.forum-post-card-link { position: absolute; inset: 0; z-index: 1; text-indent: -9999px; overflow: hidden; border-radius: inherit; }
.forum-post-card-preview { margin: var(--abstand-2) 0 var(--abstand-1); color: var(--text); }
.forum-card-image-badge { position: absolute; bottom: 0.4rem; inset-inline-end: 0.4rem; padding: var(--abstand-1) var(--abstand-2); background: color-mix(in srgb, var(--scrim) 65%, transparent); color: var(--on-scrim); border-radius: var(--radius-pille); font-size: var(--schrift-1); font-weight: 600; z-index: 2; }
.forum-card-slide { position: absolute; inset: 0; height: 100%; opacity: 0; transition: opacity var(--dauer-4) ease; }
.forum-post-card-title { margin: var(--abstand-1) 0 var(--abstand-1); line-height: var(--zeile-2); }
.forum-audio-card-ico, .forum-file-card-ico { font-size: 3.5rem; line-height: var(--zeile-1); }
.forum-audio-card-play { position: absolute; inset-inline-end: 0.6rem; bottom: 0.6rem; width: 2rem; height: 2rem; border-radius: var(--radius-rund); background: var(--schleier-2); color: var(--on-scrim); font-size: var(--schrift-2); }
.forum-file-card-badge { position: absolute; inset-inline-end: 0.6rem; bottom: 0.6rem; width: 2rem; height: 2rem; border-radius: var(--radius-rund); background: var(--primary); color: var(--on-primary); font-size: var(--schrift-2); }
.yt-card-private { background: var(--video-bg); }
.yt-card-private .yt-private-label { color: var(--on-scrim); font-weight: 700; font-size: clamp(1rem, 2.4vw, 1.4rem); letter-spacing: 0.18em; text-transform: uppercase; position: relative; z-index: 1; user-select: none; -webkit-user-select: none; pointer-events: none; }
.forum-poll-card-opts { margin: var(--abstand-1) 0 0; padding-inline-start: var(--abstand-4); color: var(--text); font-size: var(--schrift-3); }
.cta-status-name, .user-device-ua, .content details > summary, .nl-archive-subject, .notification-type, .practice-dash-tn-body strong, .yt-phrase-de { color: var(--text); font-weight: 600; }
.content strong, .nimda a.card, .dashboard-offene-vorgaenge a.card, .gf-modal-close:hover, .termin-details .termin-time, .link-karte-beitrag, .eg-karte p.eg-hs b, .eg-acct b, .eg-status b { color: var(--text); }
.facet-active-filter-field, .cta-thread-customer, .push-device-when, .yt-phrase-en, .card-aktivierungen:hover .card-aktivierung h3, .badges-iframe-empty, .user-pill-muted, .u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted.u-c-text-muted, [data-legal-diff] del, .text-grau.text-grau.text-grau.text-grau, .eg-panel .eg-mut { color: var(--text-muted); }
.u-c-success-2aa84a.u-c-success-2aa84a.u-c-success-2aa84a, .staffel-ticker-punkte.is-kostenlos, .einstufung-ausw-ok { color: var(--success); }
.einstufung-ausw-reihe { margin: var(--abstand-1) 0; padding-left: var(--abstand-5); }
.nl-archive-item .forum-card-new-badge { position: static; display: inline-block; vertical-align: middle; margin-inline-start: 0.4em; }
.forum-card-new-badge { position: absolute; top: 0.5rem; inset-inline-end: 0.5rem; z-index: 2; pointer-events: none; background: var(--accent); color: #fff; font-size: var(--schrift-1); font-weight: 600; line-height: var(--zeile-1); padding: 0.22em 0.5em; border-radius: var(--radius-pille); text-transform: uppercase; letter-spacing: 0.03em; }
.pwa-pille { display: inline-flex; align-items: center; gap: 0.45em; vertical-align: middle; max-width: 100%; padding: 0.1em 0.6em; border: 1.5px solid currentColor; border-radius: var(--radius-pille); font-weight: 600; white-space: nowrap; }
.forum-attach-cell, .pwa-begriff { display: inline-block; }
.pwa-pille svg { width: 1.1em; height: 1.1em; flex: none; }
.teilen-icon { display: inline-block; vertical-align: -0.2em; margin: 0 0.1em; }
.pwa-pfeil { display: inline-block; vertical-align: -0.25em; }
.pn-msg-bubble .pn-msg-transkript { font-size: 0.6em; }
.pp-menu-item { display: block; width: 100%; text-align: start; padding: var(--abstand-2) var(--abstand-4); color: var(--text); font: inherit; text-decoration: none; }
.cta-msg-other .cta-bubble a, .pp-menu-item-primary, .u-c-primary.u-c-primary.u-c-primary, .eg-panel .eg-regel { color: var(--primary); }
.pp-menu-item:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); }
.pp-menu-item-danger:hover { background: color-mix(in srgb, var(--danger) 10%, transparent); }
.pp-menu-item-primary:hover { background: color-mix(in srgb, var(--primary) 10%, transparent); }
.profile-badge-yt { flex-direction: column; gap: var(--abstand-2); padding: var(--abstand-5) var(--abstand-4); color: var(--text); text-align: center; font-weight: 600; aspect-ratio: 5 / 4; }
.zahl-grau.zahl-grau.zahl-grau.zahl-grau { align-self: center; color: var(--text-muted); }
.knopf-link.knopf-link.knopf-link.knopf-link { display: inline-block; text-decoration: none; }
.cm-unused, .forum-new-comment, .dashboard-staffel-list, .u-mt-075.u-mt-075.u-mt-075, .u-mt-08.u-mt-08.u-mt-08 { margin-top: var(--abstand-3); }
.forum-auto-post-card { margin: var(--abstand-2) 0 var(--abstand-3); }
.forum-auto-post { padding: var(--abstand-2) var(--abstand-3); background: var(--surface-alt); border-radius: var(--radius-1); margin: var(--abstand-2) 0; font-size: var(--schrift-2); }
.dashboard-card-open { display: block; text-align: end; margin-top: var(--abstand-2); font-size: 0.8em; color: var(--accent); }
@media (min-width: 768px) {
.practice-breit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); grid-auto-flow: row dense; column-gap: var(--abstand-6); row-gap: 0; align-content: start; }
.practice-breit > * { grid-column: 1; }
.practice-breit > .practice-breit-rechts { grid-column: 2; grid-row: 1 / span 30; align-self: start; }
.practice-breit-rechts > :first-child { margin-top: 0; }
}
.nimda-media-actions form, .dashboard-card-badges .form-group { flex: 1; margin: 0; }
.dashboard-section-card:hover { border-color: var(--accent); box-shadow: var(--schatten-1); }
.badges-iframe-sep, .u-op-0-6.u-op-0-6.u-op-0-6, .dashboard-section-card-hidden { opacity: 0.6; }
.dashboard-task-status { display: inline-block; margin-inline-end: var(--abstand-2); }
.page-sidebar .link-list small { color: var(--text-muted); font-weight: normal; }
.forum-heading { margin: var(--abstand-5) 0 var(--abstand-3); }
.dashboard-card-badges, .forum-it-display { flex-wrap: wrap; margin: var(--abstand-2) 0; }
.forum-poll-maxn, .forum-composer-v2 input.forum-poll-maxn { width: 4.5rem; }
.forum-mode-btn svg { width: 24px; height: 24px; }
.forum-mode-lbl { font-size: var(--schrift-1); letter-spacing: 0.02em; }
.forum-mode-soon { font-size: var(--schrift-1); text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); }
.forum-mode-panel-soon { padding: var(--abstand-4); border: 1px dashed var(--border); border-radius: var(--radius-4); }
.forum-it-prev-block { position: relative; margin: 0; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius-3); padding: var(--abstand-2); }
.forum-it-prev-block img { aspect-ratio: 1; border-radius: var(--radius-2); }
.forum-it-prev-del { position: absolute; top: 0.5rem; inset-inline-end: 0.5rem; z-index: 2; width: 1.7rem; height: 1.7rem; line-height: var(--zeile-1); padding: 0; border: none; border-radius: var(--radius-rund); background: color-mix(in srgb, var(--scrim) 55%, transparent); color: var(--on-scrim); font-size: var(--schrift-4); cursor: pointer; }
.forum-it-speed-val { font-variant-numeric: tabular-nums; color: var(--text-muted); }
.forum-rec-running { display: grid; grid-template-columns: auto auto auto; justify-content: start; align-items: center; gap: var(--abstand-2); }
.forum-rec-dot { width: 12px; height: 12px; border-radius: var(--radius-rund); background: var(--danger); display: inline-block; animation: forum-rec-pulse 1s infinite; }
.forum-rec-time { font-variant-numeric: tabular-nums; }
.forum-draw-stage { position: relative; display: block; }
.forum-draw-canvas { background: var(--papier); border: 1px solid var(--border); border-radius: var(--radius-3); touch-action: none; cursor: crosshair; }
.forum-draw-cursor { position: absolute; display: none; pointer-events: none; transform: translate(-50%,-50%); z-index: 2; }
.forum-draw-cur-prev, .forum-draw-opt-prev { display: block; border-radius: var(--radius-1); }
.forum-draw-menu { position: absolute; top: 100%; inset-inline-start: 0; z-index: 6; margin-top: var(--abstand-1); min-width: 9rem; padding: var(--abstand-1); background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-4); box-shadow: var(--schatten-2); }
.forum-draw-opt { width: 100%; padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-3); color: inherit; font: inherit; text-align: start; }
.forum-draw-opt:hover, .forum-draw-opt[aria-checked="true"] { background: rgba(127,127,127,0.18); }
.facet-pill-remove:hover, .nimda-pill [data-farbe="danger"]:checked + span, .einstufung-chip-nein, .cta-submit-bg-danger-c-on-danger.cta-submit-bg-danger-c-on-danger.cta-submit-bg-danger-c-on-danger, .cta-submit.cta-submit-danger { background: var(--danger); color: var(--on-danger); }
.dashboard-historie-filter li.active .dashboard-historie-filter-count { background: var(--text-muted); color: var(--surface); }
.pn-msg-mine .pn-msg-bubble, .card.forum-auto-post-card, .te-btn-primary, .step-dot.active, .eg-overlay .eg-niveaus button.eg-an { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
.cta-status-gebucht, .nimda-pill input:checked + span, .nl-chip input:checked + span, .user-search-filter-opt.is-active, .forum-pagination li.active a, .step-dot.done, #egwkkreis .eg-wkb.eg-an { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.user-tag input:checked + span, .user-tag.user-tag-add > span, .dashboard-abschluss-verdict-pill.is-active, .user-pill-role { background: var(--accent); color: var(--on-accent); border-color: transparent; font-weight: 600; }
.card.nimda-kachel { padding: var(--abstand-4) var(--abstand-4); font-size: var(--schrift-3); font-weight: 700; color: var(--text); text-decoration: none; }
.user-device.is-active { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); }
.dashboard-element-filter li.active a, .dashboard-historie-filter li.active a { color: var(--text); background: var(--surface); border-color: var(--border); position: relative; top: 1px; }
.forum-mode-btn:hover, .forum-mode-btn.active { background: var(--surface-hover); border-color: var(--primary); color: var(--primary); }
.forum-it-dot.active { background: var(--on-scrim); }
.nimda-section li.active a { color: var(--accent); font-weight: 600; }
.u-c-danger.u-c-danger.u-c-danger, .cta-att-rm:hover, .pp-menu-item-danger, .forum-danger:hover, .grenzen-banner-fehler.grenzen-banner-fehler strong, .ro-val.ro-missing, .taskdb-pflicht, .kauf-aktion-fehler, .einstufung-ausw-falsch, #egkrgitter .eg-kz.eg-feld.eg-falsch { color: var(--danger); }
.forum-post-focus, .forum-comment-focus { background: var(--surface-alt); animation: forum-focus-pulse 1.2s ease-in-out 5; }
.gf-glossar-term:hover, .gf-glossar-term:focus-visible, .forum-post-focus:focus, .forum-comment-focus:focus { outline: none; }
.forum-comment { padding: var(--abstand-2) var(--abstand-3); border-inline-start: 2px solid var(--border); margin: var(--abstand-2) 0; }
.practice-name-zeile { display: flex; align-items: center; white-space: nowrap; min-width: 0; }
.practice-name { min-width: 0; overflow: hidden; }
.practice-name-zeile .user-badge-tipp { flex: none; }
.forum-post-card .forum-author-line, .forum-post-card .forum-author-line a { position: relative; z-index: 2; }
.forum-react-btn.forum-react-on { background: var(--surface); border-color: var(--accent, var(--primary)); font-weight: 600; }
.forum-react-count { font-size: var(--schrift-2); margin-inline-start: var(--abstand-1); opacity: 0.75; }
.forum-link:hover, .forum-link-btn:hover { color: var(--text); text-decoration: underline; }
.forum-edit-form { margin-top: var(--abstand-3); padding: var(--abstand-3); background: var(--surface-alt); border-radius: var(--radius-1); }
.user-card-trainer { border-inline-start: 3px solid var(--accent); }
.user-card-historie-link { display: block; font-size: var(--schrift-2); margin-top: var(--abstand-1); padding: 0 var(--abstand-2) var(--abstand-2); text-decoration: none; color: var(--accent); }
.gf-glossar-term:hover, .gf-glossar-term:focus-visible, .gf-letter-nav a.active { background: var(--accent); border-color: var(--accent); color: var(--on-accent, var(--background)); }
.dashboard-trainer-adhoc { margin-top: var(--abstand-5); border-top: 1px dashed var(--border); padding-top: var(--abstand-4); }
.dashboard-trainer-adhoc > h3, .gf-modal[id^="legal-overlay-"] .content p { margin: 0 0 var(--abstand-3); }
.gf-modal[id^="legal-overlay-"] .content h2 { font-size: var(--schrift-3); margin: var(--abstand-5) 0 var(--abstand-2); }
.dashboard-submission-readonly-text { font-family: monospace; white-space: pre-wrap; background: var(--surface); border-inline-start: 3px solid var(--border); padding: var(--abstand-2) var(--abstand-3); margin: var(--abstand-1) 0; font-size: var(--schrift-3); }
.dashboard-grading-feedback { margin: var(--abstand-2) 0; padding: var(--abstand-2) var(--abstand-3); background: var(--surface); border-inline-start: 3px solid var(--border); border-radius: 0 var(--radius-1) var(--radius-1) 0; }
.forum-post-gallery { margin: var(--abstand-3) 0; display: grid; gap: 4px; border-radius: var(--radius-3); overflow: hidden; }
.forum-post-gallery.gallery-1 { grid-template-columns: 1fr; }
.forum-post-gallery.gallery-2 { grid-template-columns: 1fr 1fr; aspect-ratio: 16 / 9; }
.forum-post-gallery.gallery-3plus { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 4 / 3; }
.gallery-upload-modal .ph-upload-spinner { width: 2.4rem; height: 2.4rem; border-width: 4px; }
.ph-upload-spinner { width: 1.4rem; height: 1.4rem; flex: 0 0 auto; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: var(--radius-rund); animation: ph-spin 0.8s linear infinite; }
.user-pill.kurs-zeitraum, .einstufung-druck-wahl { white-space: normal; }
.einstufung-druck-bank { border: 1px solid currentColor; border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-4); margin-bottom: var(--abstand-4); }
.zeile-luftig.zeile-luftig.zeile-luftig.zeile-luftig, .forum-poll-addopt, .u-m-035-0-06.u-m-035-0-06.u-m-035-0-06 { margin: var(--abstand-1) 0 var(--abstand-2); }
.profile-badge-grid-gtc-14-jc-center-m-0-auto-06.profile-badge-grid-gtc-14-jc-center-m-0-auto-06.profile-badge-grid-gtc-14-jc-center-m-0-auto-06 { grid-template-columns: 14rem; justify-content: center; margin: 0 auto var(--abstand-2); }
.zeile-verteilt.zeile-verteilt.zeile-verteilt.zeile-verteilt { display: flex; gap: var(--abstand-3); justify-content: space-between; margin-top: var(--abstand-5); }
.forum-imgtext-grid, .forum-it-preview { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--abstand-2); margin: var(--abstand-2) 0; }
.forum-it-card { position: relative; display: flex; flex-direction: column; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius-3); overflow: hidden; }
.forum-it-slide { position: relative; margin: 0; flex: 0 0 100%; height: 100%; }
.forum-file-meta, .link-karte-text { display: flex; flex-direction: column; min-width: 0; }
.dashboard-historie-pager .disabled { color: var(--text-muted); opacity: 0.5; }
.dashboard-preview-input-placeholder { font-style: italic; text-align: center; padding: var(--abstand-2); border: 1px dashed var(--border); border-radius: var(--radius-1); margin: var(--abstand-1) 0 var(--abstand-3); }
.tabelle-voll.tabelle-voll.tabelle-voll { font-size: .95em; }
@media (max-width: 700px) {
.dashboard-abschluss-table td[data-label]::before { content: attr(data-label); display: block; font-size: var(--schrift-1); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-muted); margin-bottom: var(--abstand-1); }
}
.cta-submit-small { padding: var(--abstand-1) var(--abstand-2); font-size: var(--schrift-2); }
a.cta-submit { display: inline-block; text-decoration: none; color: var(--on-primary); }
.uid-check-row .cta-submit, .kauf-aktion-zeile > .cta-submit { align-self: stretch; }
.practice-bild-knoepfe .cta-submit { align-self: stretch; text-align: center; }
.practice-dialog-karte .cta-submit:disabled { opacity: 0.45; cursor: not-allowed; }
.forum-cleanup-grid, .card-grid { display: grid; gap: var(--abstand-4); margin: var(--abstand-5) 0; }
.yt-overlay .yt-actions, .u-jc-center.u-jc-center.u-jc-center, .gluecksrad-knoepfe { justify-content: center; }
.yt-phrases { display: grid; gap: var(--abstand-2); margin: 0 0 var(--abstand-5); }
.ph-claim-card, .ph-proof-card { cursor: pointer; transition: border-color var(--dauer-2), background var(--dauer-2); }
.ph-claim-card:hover, .ph-proof-card:hover { border-color: var(--accent); background: var(--surface-hover); }
.u-bd-1px-solid-border-br-6px-s1.u-bd-1px-solid-border-br-6px-s1.u-bd-1px-solid-border-br-6px-s1 { border: 1px solid var(--border); border-radius: var(--radius-2); height: auto; max-height: 14rem; max-width: 14rem; width: auto; }
.u-m-0-0-1-ta-center.u-m-0-0-1-ta-center.u-m-0-0-1-ta-center { margin: 0 0 var(--abstand-4); text-align: center; }
.u-mb-075-scrol-1-ta-center.u-mb-075-scrol-1-ta-center.u-mb-075-scrol-1-ta-center { margin-bottom: var(--abstand-3); scroll-margin-top: 1rem; text-align: center; }
.u-mb-075-ta-center.u-mb-075-ta-center.u-mb-075-ta-center { margin-bottom: var(--abstand-3); text-align: center; }
.badges-iframe-grid .profile-badge { container-type: inline-size; }
.badges-iframe-grid .profile-badge-text { padding: 9%; }
.badges-iframe-grid .profile-badge-text > span { font-size: 13cqi; }
.pn-read-avatar { width: 14px!important; height: 14px!important; min-width: 14px!important; font-size: 8px!important; line-height: 14px!important; border-radius: var(--radius-rund)!important; object-fit: cover; }
dialog.forum-composer-modal .practice-dialog-karte .auth-buttons { display: flex; justify-content: flex-end; gap: var(--abstand-2); margin-top: var(--abstand-4); }
.exdb-body p { line-height: 2.4; }
.exdb-play-left { color: var(--text-muted); font-size: 0.85em; }
.exdb-play-time { color: var(--text-muted); font-size: 0.85em; font-variant-numeric: tabular-nums; margin-inline-start: 0.4em; }
.cta-submit-cur-not-allowed-op-5.cta-submit-cur-not-allowed-op-5.cta-submit-cur-not-allowed-op-5 { cursor: not-allowed; opacity: .5; }
.u-m-04-0-0-ta-right.u-m-04-0-0-ta-right.u-m-04-0-0-ta-right { margin: var(--abstand-2) 0 0; text-align: end; }
.nimda-back-nav-m-025-0-0.nimda-back-nav-m-025-0-0.nimda-back-nav-m-025-0-0, .u-m-035-0-0.u-m-035-0-0.u-m-035-0-0, .taskdb-words, .meine-abgaben-eintrag h3 { margin: var(--abstand-1) 0 0; }
.u-bg-background-bd-1px-solid-borde-s1.u-bg-background-bd-1px-solid-borde-s1.u-bg-background-bd-1px-solid-borde-s1, .cta-assign-select, .nimda-media-insert { border-radius: var(--radius-2); font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-2); }
.u-bg-background-bd-1px-solid-borde-s2.u-bg-background-bd-1px-solid-borde-s2.u-bg-background-bd-1px-solid-borde-s2 { background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-2); height: 48px; object-fit: contain; padding: 6px; width: 48px; }
.u-cur-not-allowed-op-0-55.u-cur-not-allowed-op-0-55.u-cur-not-allowed-op-0-55 { cursor: not-allowed; opacity: 0.55; }
.u-fontf-ui-monospace-monos-w-8.u-fontf-ui-monospace-monos-w-8.u-fontf-ui-monospace-monos-w-8 { font-family: ui-monospace,monospace; width: 8rem; }
.u-m-1-0-2.u-m-1-0-2.u-m-1-0-2 { margin: var(--abstand-4) 0 var(--abstand-6); }
.u-maxw-28.u-maxw-28.u-maxw-28 { max-width: 28rem; }
.zeile-mittel.zeile-mittel.zeile-mittel.zeile-mittel { margin: var(--abstand-1) 0 var(--abstand-3); }
.u-c-red.u-c-red.u-c-red { color: red; }
.u-fontf-ui-monospace-monos-ws-prewrap.u-fontf-ui-monospace-monos-ws-prewrap.u-fontf-ui-monospace-monos-ws-prewrap { font-family: ui-monospace,monospace; white-space: pre-wrap; }
.u-fs-085-mt-2-ta-center.u-fs-085-mt-2-ta-center.u-fs-085-mt-2-ta-center { font-size: var(--schrift-2); margin-top: var(--abstand-6); text-align: center; }
.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center.u-fs-15-ls-0-3em-ta-center { font-size: var(--schrift-5); letter-spacing: 0.3em; text-align: center; }
.u-maxh-360px-maxw-100p.u-maxh-360px-maxw-100p.u-maxh-360px-maxw-100p { max-height: 360px; max-width: 100%; }
.u-maxw-10.u-maxw-10.u-maxw-10 { max-width: 10rem; }
.einstufung-stufe:has(input:focus-visible), button.einstufung-ergebnis:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
button.einstufung-ergebnis { display: block; width: 100%; text-align: start; font: inherit; color: inherit; }
.einstufung-fortschritt { display: block; width: 100%; height: 0.55rem; margin-top: var(--abstand-1); border: none; border-radius: var(--radius-pille); background: var(--background); overflow: hidden; appearance: none; -webkit-appearance: none; accent-color: var(--accent); }
@supports selector(::-webkit-progress-bar) {
.einstufung-fortschritt::-webkit-progress-bar { background: var(--background); border-radius: var(--radius-pille); }
}
@supports selector(::-webkit-progress-value) {
.einstufung-fortschritt::-webkit-progress-value { background: var(--primary); border-radius: var(--radius-pille); }
}
@supports selector(::-moz-progress-bar) {
.einstufung-fortschritt::-moz-progress-bar { background: var(--primary); border-radius: var(--radius-pille); }
}
.einstufung-chip { display: inline-block; white-space: nowrap; font-size: var(--schrift-1); font-weight: 700; padding: var(--abstand-1) var(--abstand-2); border-radius: var(--radius-pille); vertical-align: 0.1em; }
.einstufung-chip-offen { border: 1px solid var(--border); color: var(--text-muted); }
.very-important-notice-for-ai, .content .very-important-notice-for-ai { position: absolute; left: -10000px; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; }
@media (hover: none) and (pointer: coarse) {
.einstufung-reiter-druck, .einstufung-druck-reiter, .einstufung-ausw-knopf { display: none; }
}
.taskdb-anhaenge { margin: var(--abstand-4) 0; display: grid; gap: var(--abstand-2); }
.taskdb-video, .medium-360.medium-360.medium-360.medium-360 { max-width: 100%; max-height: 360px; display: block; }
.taskdb-stufen-in { width: 10rem; }
.taskdb-korrektur-inhalt blockquote { margin: var(--abstand-2) 0; padding-inline-start: var(--abstand-2); border-inline-start: 2px solid var(--border); color: var(--text-muted); }
.taskdb-punkte-tabelle td { padding: var(--abstand-1) 0; border-bottom: 1px solid var(--border); }
.taskdb-punkte-summe td { font-weight: 600; border-bottom: 0; }
.taskdb-punkte-zahl, .content .kasse-buchungen .zahl { text-align: end; white-space: nowrap; }
.punkte-stand-zahl { font-size: var(--schrift-5); font-weight: 600; margin: 0; }
[data-teil="umrechnung"] { white-space: pre-line; margin-top: var(--abstand-5); }
.form-group:has(> .nimda-pills [data-betrag]) { margin: var(--abstand-4) 0 var(--abstand-5); }
.card-grid.card-grid-teilen { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.card-grid.nimda-kacheln { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: var(--abstand-3); margin: var(--abstand-4) 0; }
.card-grid.nimda-kacheln[data-spalten="3"] { grid-template-columns: repeat(auto-fill, minmax(max(15rem, calc((100% - 1.6rem) / 3)), 1fr)); }
.card-grid.nimda-kacheln[data-spalten="3"] .nimda-kachel { overflow-wrap: break-word; hyphens: auto; }
.kasse-schritt-wahl { display: flex; flex-wrap: wrap; gap: 0 var(--abstand-5); }
.kasse-scan-video:not([hidden]) { display: block; width: 100%; max-width: 20rem; margin-top: var(--abstand-2); }
.card > .summary-list.kauf-bank + .form-hint { margin: var(--abstand-3) 0 0; }
@media (min-width: 701px) {
.kasse-abschluss td + td { white-space: nowrap; text-align: end; }
.kasse-abschluss th + th { text-align: end; hyphens: auto; letter-spacing: 0; }
}
.kasse-qr { width: 16rem; max-width: 100%; height: auto; background: var(--papier); }
#kasse-filter { display: flex; flex-wrap: wrap; }
.kasse-filter-segment { display: flex; flex-wrap: wrap; gap: 0 var(--abstand-2); align-items: end; flex: 1 1 18rem; }
h2.taskdb-abschnitt { margin: var(--abstand-6) 0 var(--abstand-3); }
.taskdb-rueckmeldung-von { margin: var(--abstand-3) 0 var(--abstand-5); justify-content: flex-end; }
[data-mail-png] { display: inline-block; vertical-align: middle; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
[data-zuletzt-aktiv="1"] { margin-top: var(--abstand-6); margin-bottom: var(--abstand-5); }
.user-card-meta, .u-mt-025.u-mt-025.u-mt-025, .pn-msg-downloads, .user-edit-pills, .uid-status, .exdb-thema-pills, .hinweis-text, .card .badge, .pn-suche-loeschung, .link-karten { margin-top: var(--abstand-1); }
.nav-item .badge { margin-inline-start: var(--abstand-2); vertical-align: middle; }
.kauf-knopfzeile .kauf-vor { margin-left: auto; }
.text-grau-buendig.text-grau-buendig.text-grau-buendig.text-grau-buendig, .card-aktivierung h3, .gluecksrad-hinweis { margin: 0; color: var(--text-muted); }
dialog.forum-composer-modal .forum-composer-v2 { margin: 0; position: relative; width: min(680px,94vw); max-height: calc(100% - 2rem); overflow: auto; background: var(--surface,var(--background)); border-radius: var(--radius-4); }
.avatar-delete, .nimda-pill [data-farbe="danger"] + span, .user-tag.user-tag-orphan > span, .nimda-media-delete:hover, .eg-wkz.eg-wkfehlt span { color: var(--danger); border-color: var(--danger); }
.taskdb-punkte-tabelle td:first-child { overflow-wrap: anywhere; }
@media (min-width: 701px) {
.kasse-abschluss th:first-child, .kasse-abschluss td:first-child { min-width: 0; }
}
[data-zuletzt-aktiv="1"] .forum-author-avatar, .practice-live-liste .forum-author-avatar { width: 1.6rem; height: 1.6rem; font-size: var(--schrift-1); }
.user-pill.forum-mention { vertical-align: middle; font-size: 0.9em; padding: var(--abstand-1) var(--abstand-3) var(--abstand-1) var(--abstand-1); color: var(--primary); text-decoration: none; }
.user-pill.forum-mention .forum-author-avatar { width: 1.4em; height: 1.4em; font-size: 0.7em; margin: 0; border-radius: var(--radius-rund); object-fit: cover; }
.tipp { position: relative; display: inline-block; cursor: help; }
.tipp::after { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: var(--text); color: var(--background); font-size: var(--schrift-2); font-weight: 600; font-style: normal; line-height: var(--zeile-2); letter-spacing: normal; text-transform: none; padding: 0.35em 0.6em; border-radius: var(--radius-2); white-space: normal; width: max-content; max-width: min(16rem, 80vw); box-shadow: var(--schatten-1); z-index: 1000; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity var(--dauer-1); }
.tipp:hover::after, .tipp:focus-visible::after, .tipp.tipp-offen::after { content: attr(data-tipp); opacity: 1; visibility: visible; }
.profile-badge.tipp { display: flex; overflow: visible; }
.zeiger.zeiger.zeiger.zeiger, .dashboard-section-card, a.profile-badge.tipp, button.profile-badge.tipp, .pn-reaktion, .forum-reaktion, .forum-reagieren, .eg-cell { cursor: pointer; }
.profile-badge.tipp img { border-radius: var(--radius-4); }
.user-badge-tipp { vertical-align: -0.17em; margin-inline-start: 0.25em; flex: none; line-height: 0; }
.user-badge { width: 1.05em; height: 1.05em; display: block; }
.profile-hero-name { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; vertical-align: bottom; }
.profile-hero-badges .user-badge-tipp { margin-inline-start: 0; }
.user-badge-haken { stroke: var(--badge-haken, #fff); }
.user-badge-text { fill: var(--badge-haken, #fff); }
.user-badge-person { color: var(--success); --badge-haken: var(--on-success); }
.user-badge-organisation { color: var(--warning); --badge-haken: var(--on-warning); }
.user-badge-staff { color: var(--primary); --badge-haken: var(--on-primary); }
.user-badge-ai { color: var(--tinte); --badge-haken: #fff; }
.user-badge-folge { color: var(--accent); --badge-haken: var(--background); }
.user-badge-yt { color: var(--marke-youtube); --badge-haken: #fff; }
.profile-badge-yt .user-badge { width: 3.5rem; height: 3.5rem; }
.nimda-social-zeile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--abstand-2); margin-bottom: var(--abstand-2); }
@media (max-width: 560px) {
.newsletter-cards-grid, .nimda-social-zeile { grid-template-columns: 1fr; }
}
.kurs-kauf-modal { width: min(46rem, 96vw); }
.kurs-kauf-rahmen { display: block; width: 100%; height: 75vh; border: none; }
.einstufung-ausw-neutral .einstufung-ausw-ok, .einstufung-ausw-neutral .einstufung-ausw-falsch { color: inherit; font-weight: 700; }
@media print {
.einstufung-ausw-druck .einstufung-ausw-aufgabe { break-inside: avoid-page; }
.einstufung-ausw-druck .einstufung-ausw-status-ok, .einstufung-ausw-druck .einstufung-ausw-ok { color: #09a23f !important; }
.einstufung-ausw-druck .einstufung-ausw-status-falsch, .einstufung-ausw-druck .einstufung-ausw-falsch { color: #c62828 !important; }
.einstufung-ausw-druck .einstufung-ausw-tabelle th, .einstufung-ausw-druck .einstufung-ausw-tabelle td { border: 1px solid var(--druck-linie); color: var(--tinte); }
}
.staffel-ticker-eintrag .avatar-initial { width: 2.2rem; height: 2.2rem; }
@media (prefers-reduced-motion: reduce) {
.staffel-ticker-pause, .staffel-ticker-band ul[aria-hidden] { display: none; }
}
.hinweise { display: grid; gap: var(--abstand-2); margin: var(--abstand-5) 0; }
.hinweis { position: relative; padding: var(--abstand-2) var(--abstand-4); min-width: 0; }
.pn-message > .pn-msg-reaktionen { position: relative; z-index: 1; margin: -1rem var(--abstand-2) 0; max-width: calc(100% - 2 * var(--abstand-2)); flex-wrap: wrap; align-items: center; }
.pn-reagieren-kreis { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: var(--radius-rund); background: var(--background); color: var(--text-muted); cursor: pointer; touch-action: manipulation; }
.pn-reagieren-kreis svg { width: 1.6rem; height: 1.6rem; }
.pn-emoji-eigenes { display: block; width: 100%; box-sizing: border-box; margin: 0 0 var(--abstand-3); padding: var(--abstand-2) var(--abstand-3); background: var(--background); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-2); font: inherit; }
.pn-emoji-modal { width: min(26rem, 94vw); max-width: min(26rem, 94vw); }
.pn-emoji-reiter { display: flex; margin: 0 0 var(--abstand-2); border-bottom: 1px solid var(--border); }
.pn-emoji-reiter-aktiv { border-bottom-color: var(--accent); opacity: 1; }
.pn-emoji-raster button:hover, .pn-emoji-raster button:focus-visible, .pn-emoji-reiter button:hover { background: var(--border); }
.pn-reagieren-kreis, .pn-msg-bubble { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.pn-emoji-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(2.6rem, 1fr)); height: min(18rem, 50dvh); overflow-y: auto; overscroll-behavior: contain; align-content: start; }
.pn-msg-zitat { display: block; margin: 0 0 var(--abstand-2); padding: var(--abstand-1) var(--abstand-2); border-inline-start: 3px solid currentColor; border-radius: var(--radius-2); background: color-mix(in srgb, currentColor 12%, transparent); color: inherit; text-decoration: none; font-size: var(--schrift-2); line-height: var(--zeile-2); }
.pn-msg-zitat-von { display: block; font-weight: 600; }
.pn-zitat-leiste { display: flex; align-items: center; gap: var(--abstand-2); margin: 0 0 var(--abstand-2); color: var(--text); }
.pn-zitat-leiste .pn-msg-zitat { flex: 1; min-width: 0; margin: 0; }
.pn-zitat-weg { flex: none; padding: 0 var(--abstand-2); background: none; border: 0; color: var(--text-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.pn-msg-angesprungen .pn-msg-bubble { animation: pn-msg-puls-fremd 1.2s ease-in-out 5; }
.pn-msg-mine.pn-msg-angesprungen .pn-msg-bubble { animation-name: pn-msg-puls-eigen; }
.klingel-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); transition: background 0.35s ease; }
.klingel-karte { display: flex; flex-direction: column; align-items: center; gap: var(--abstand-4); width: min(20rem, 88vw); padding: var(--abstand-6) var(--abstand-5) var(--abstand-5); border: 1px solid var(--border); border-radius: 1.6rem; background: var(--surface); color: var(--text); text-align: center; transform: translateY(110vh); transition: transform 0.55s cubic-bezier(0.2, 0.9, 0.25, 1.15); }
.klingel-bild { position: relative; width: 7.5rem; height: 7.5rem; }
.klingel-bild img { position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.klingel-initial { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: var(--accent); color: var(--surface); font-size: 3rem; font-weight: 700; }
.klingel-bild::before, .klingel-bild::after { content: ""; position: absolute; inset: 0; border: 3px solid var(--accent); border-radius: 50%; animation: klingel-welle 1.8s ease-out infinite; }
.klingel-bild::after { animation-delay: 0.9s; }
.klingel-name { font-size: 1.3rem; font-weight: 700; overflow-wrap: anywhere; }
.klingel-ruft { margin-top: calc(-1 * var(--abstand-3)); color: var(--text-muted); }
.klingel-titel { color: var(--text-muted); font-size: 0.95rem; }
.klingel-knoepfe { display: flex; gap: 3.5rem; margin-top: var(--abstand-2); }
.klingel-knoepfe svg { width: 1.9rem; height: 1.9rem; }
.klingel-knoepfe small { display: block; margin-top: 0.45rem; color: var(--text-muted); font-size: 0.8rem; }
.klingel-ab { background: #d93636; }
.klingel-ab svg { transform: rotate(135deg); }
.klingel-an { background: #2fae5a; animation: klingel-wackeln 1.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
.klingel-karte { transition: none; }
}
.pp-leute-person { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-3); flex-wrap: wrap; justify-content: space-between; padding: var(--abstand-2) var(--abstand-3); }
.cta-section .cta-att-trigger, .u-maxw-100p.u-maxw-100p.u-maxw-100p, .pp-leute-name { max-width: 100%; }
.pp-leute-knoepfe { flex-shrink: 0; gap: var(--abstand-1); margin-inline-start: auto; }
.pp-leute-knopf { align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pille); display: inline-flex; justify-content: center; min-height: 2.25rem; min-width: 2.25rem; text-decoration: none; }
.pp-leute-liste .pp-leute-person .pp-leute-name a > :first-child { font-size: var(--schrift-3); height: 40px; width: 40px; }
.hinweis-x { align-items: center; background: transparent; border: 1px solid currentColor; border-radius: var(--radius-pille); color: inherit; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: var(--schrift-3); justify-content: center; min-height: 2.25rem; min-width: 2.25rem; padding: 0; }
.pwa-install-banner:has(.hinweis-x) { padding-inline-end: calc(2.25rem + var(--abstand-2) * 2); }
.pwa-install-banner .hinweis-x { position: absolute; top: var(--abstand-2); inset-inline-end: var(--abstand-2); }
.pwa-install-banner .hinweis-x::after { left: auto; right: auto; transform: none; inset-inline-end: 0; }
.pn-att-pill { padding-inline-start: var(--abstand-1); border-radius: var(--radius-3); }
.pn-att-vorschau { width: 3rem; height: 3rem; flex: 0 0 auto; object-fit: cover; border-radius: var(--radius-2); background: var(--background); }
.pn-att-zeichen { width: 3rem; height: 3rem; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem; border-radius: var(--radius-2); background: var(--background); }
.pn-nach-unten { position: absolute; bottom: calc(100% + var(--abstand-3)); inset-inline-end: var(--abstand-4); z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid var(--accent); border-radius: var(--radius-rund); background: var(--accent); color: var(--on-accent); box-shadow: var(--schatten-1); cursor: pointer; }
.hinweis-pill:hover, .hinweis-pill:focus, .pn-nach-unten:hover, .pn-nach-unten:focus-visible { filter: brightness(1.1); }
.pn-nach-unten-zahl { position: absolute; top: -0.4rem; inset-inline-end: -0.4rem; min-width: 1.3rem; height: 1.3rem; padding: 0 0.3rem; border-radius: var(--radius-pille); background: var(--surface); color: var(--text); border: 1px solid var(--border); box-sizing: border-box; font-size: var(--schrift-1); font-weight: 700; line-height: 1.3rem; text-align: center; }
.pn-msg-emoji-eins { font-size: 5em; line-height: 1.1; }
.pn-msg-emoji-viele { font-size: 2em; line-height: 1.2; }
.link-karte, a.link-karte { display: flex; gap: var(--abstand-2); align-items: stretch; padding: var(--abstand-1); border: 1px solid var(--border); border-radius: var(--radius-2); background: var(--background); color: var(--text); text-decoration: none; overflow: hidden; }
.link-karte-bild, img.link-karte-bild { width: 6rem; height: 4.5rem; flex: 0 0 auto; object-fit: cover; border-radius: var(--radius-1); }
.forum-draw-canvas, .md-lightbox .forum-gallery-item img, .element-block-media img, .profile-badge img, .forum-audio-bild img { display: block; width: 100%; height: auto; }
.link-karte-text { gap: 2px; }
.link-karte-titel { font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.link-karte-beschr { font-size: var(--schrift-1); color: var(--text-muted); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pn-att-name, .link-karte-host { font-size: var(--schrift-1); color: var(--text-muted); }
.link-karte-avatar { flex: 0 0 auto; width: 3rem; height: 3rem; }
.link-karte-avatar .link-karte-avatar-el { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.forum-emoji-frage { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: var(--abstand-3); background: rgba(0, 0, 0, .55); }
.forum-emoji-frage-karte { display: flex; flex-direction: column; gap: var(--abstand-2); min-width: min(22rem, 100%); max-width: 100%; padding: var(--abstand-3); border: 1px solid var(--border); border-radius: var(--radius-3); background: var(--surface); color: var(--text); }
.forum-emoji-frage-titel { margin: 0; font-size: var(--schrift-4); text-align: center; }
.forum-emoji-frage-liste { display: flex; flex-direction: column; gap: var(--abstand-2); max-height: 50vh; overflow-y: auto; }
.forum-emoji-frage-ziel { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.forum-emoji-frage-auszug { font-size: var(--schrift-1); opacity: .8; }
.forum-audio-bilder { margin-bottom: var(--abstand-1); border-radius: var(--radius-2); overflow: hidden; }
.forum-audio-bild { display: none; position: relative; }
.pn-suche-modal { width: min(30rem, 94vw); max-width: min(30rem, 94vw); }
.pn-suche-reiter { gap: 0; margin: var(--abstand-3) 0; overflow-x: visible; }
.pn-suche-reiter-btn { flex: 1 1 auto; min-width: 0; justify-content: center; padding-inline: 0.25rem; }
.pn-anhang-liste { top: auto; bottom: calc(100% + 0.25rem); min-width: 13rem; }
.pn-anhang-zeit { position: static; transform: none; margin-inline-start: auto; color: inherit; display: inline-flex; align-items: center; gap: var(--abstand-1); }
.pn-anhang-punkt { width: 0.7rem; height: 0.7rem; border-radius: 50%; background: var(--danger); flex: 0 0 auto; }
.pn-anhang-eintrag.is-rec { background: none; color: var(--text); border-color: transparent; }
.gluecksrad-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: var(--abstand-4); background: rgba(0, 0, 0, 0); transition: background 0.35s ease; overflow-y: auto; }
.gluecksrad-karte { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--abstand-3); width: min(30rem, 94vw); max-height: 100%; padding: var(--abstand-5) var(--abstand-4); border: 1px solid var(--border); border-radius: 1.6rem; background: var(--surface); color: var(--text); text-align: center; transform: translateY(110vh); transition: transform 0.55s cubic-bezier(0.2, 0.9, 0.25, 1.15); }
.gluecksrad-zu { position: absolute; top: var(--abstand-2); inset-inline-end: var(--abstand-3); border: 0; background: none; color: var(--text-muted); font-size: var(--schrift-5); line-height: 1; cursor: pointer; }
.gluecksrad-stand { margin: 0; font-size: var(--schrift-5); font-weight: 700; }
.gluecksrad-huelle { position: relative; width: min(84vw, 26rem); aspect-ratio: 1; }
.gluecksrad-zeiger { position: absolute; left: 50%; top: -6px; transform: translateX(-50%); width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 34px solid #e8b859; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6)); }
.gluecksrad-intensitaet { display: flex; align-items: center; gap: var(--abstand-2); color: var(--text-muted); font-weight: 600; }
.gluecksrad-intensitaet input { width: min(50vw, 14rem); accent-color: #e8b859; }
.gluecksrad-dreh { padding: var(--abstand-3) var(--abstand-5); border: 0; border-radius: 999px; background: #e8b859; color: #2a1633; font: inherit; font-weight: 700; cursor: pointer; touch-action: manipulation; }
.cta-thread-item:hover, .einstufung-stufe-oeffnen:hover, .einstufung-stufe-haken:hover, .exdb-umlaut-bar button:hover, .te-row-hovered, .eg-karte button:hover, .eg-overlay button:hover, .eg-karte button.eg-zweit:hover { background: var(--surface-hover); }
.cta-thread-item.cta-ball-us { background: color-mix(in srgb, var(--accent) 8%, transparent); }
.gluecksrad-ergebnis { min-height: 1.6em; font-size: var(--schrift-5); font-weight: 700; color: #e8b859; }
.eg-konto { display: flex; flex-wrap: wrap; gap: var(--abstand-2) var(--abstand-5); font-size: var(--schrift-4); font-weight: 700; margin-bottom: var(--abstand-5); }
.eg-konto span { color: var(--text-muted); font-weight: 400; }
#exdb-result, .eg-konto b { color: var(--text); font-weight: 700; }
.eg-karten { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: var(--abstand-4); }
.eg-karte { display: flex; flex-direction: column; gap: var(--abstand-2); padding: var(--abstand-4); border: 1px solid var(--border); border-radius: 1.6rem; background: var(--surface); }
.eg-karte h2 { font-size: var(--schrift-4); color: var(--primary); margin: 0; }
.eg-karte p { color: var(--text-muted); flex: 1; margin: 0; }
.facet-filter-options li, .pwa-schritte li, .forum-poll-editopt, .forum-poll-card-opts li, .exdb-play, .nimda-tree li, .cookie-tree details, .forum-poll-voter-list li, .grenzen-banner li, .pn-msg-bubble .link-karte-platz, .eg-panel p { margin: var(--abstand-1) 0; }
.eg-karte p.eg-hs { flex: 0; }
.eg-vorschau { display: flex; justify-content: center; gap: var(--abstand-2); height: 8rem; cursor: pointer; }
.eg-vorschau svg { height: 100%; width: auto; }
.zeile-schlicht.zeile-schlicht.zeile-schlicht.zeile-schlicht, .eg-kartenknoepfe { display: flex; gap: var(--abstand-2); }
.exdb-play:disabled, .gluecksrad-dreh:disabled, .eg-overlay button:disabled { opacity: 0.5; cursor: default; }
.eg-karte button:hover, .eg-overlay .eg-primary:hover { background: var(--accent-hover); }
.eg-karte button.eg-zweit { background: var(--surface-alt); color: var(--text); border: 1px solid var(--border); }
.eg-overlay { position: fixed; inset: 0; z-index: 9990; display: flex; align-items: center; justify-content: center; padding: var(--abstand-2); background: rgba(0, 0, 0, 0); transition: background 0.35s ease; overflow: hidden; color: var(--text); -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.dashboard-hidden-when-aa, .eg-overlay[hidden], .eg-overlay [hidden] { display: none !important; }
.klingel-overlay.klingel-da, .gluecksrad-overlay.gluecksrad-da, .eg-overlay.eg-da { background: rgba(0, 0, 0, 0.88); }
.eg-sp-karte { position: relative; display: flex; flex-direction: column; width: min(34rem, 96vw); max-height: calc(100dvh - 1rem); overflow: hidden; padding: var(--abstand-4) var(--abstand-3); border: 1px solid var(--border); border-radius: 1.6rem; background: var(--surface); transform: translateY(110vh); transition: transform 0.55s cubic-bezier(0.2, 0.9, 0.25, 1.15); }
.klingel-da .klingel-karte, .gluecksrad-da .gluecksrad-karte, .eg-overlay.eg-da .eg-sp-karte { transform: translateY(0); }
.eg-sp-karte.eg-spielt { height: min(calc(100dvh - 1rem), 52rem); }
#egplay { flex: 1; min-height: 0; flex-direction: column; }
.pn-msg-reaktionen > button, #egplay > * { flex-shrink: 0; }
.pn-emoji-reiter button { flex: 1; padding: var(--abstand-1) 0 var(--abstand-2); background: none; border: 0; border-bottom: 2px solid transparent; font-size: 1.3rem; line-height: 1; cursor: pointer; opacity: 0.55; }
.pn-emoji-raster button { aspect-ratio: 1; padding: 0; background: none; border: 0; border-radius: var(--radius-2); font-size: 1.7rem; line-height: 1; cursor: pointer; }
.klingel-knoepfe button { display: flex; align-items: center; justify-content: center; width: 4.2rem; height: 4.2rem; border: 0; border-radius: 50%; color: #fff; cursor: pointer; }
.eg-karte button, .eg-overlay button { -webkit-hyphens: auto; hyphens: auto; font: inherit; font-weight: 600; min-height: 44px; padding: 0 var(--abstand-5); border: 1px solid var(--border); border-radius: 999px; background: var(--surface-alt); color: var(--text); cursor: pointer; touch-action: manipulation; }
.eg-kartenknoepfe button { flex: 1 1 0; padding: 0 var(--abstand-2); }
.eg-karte button, .eg-overlay .eg-primary { border: 0; background: var(--accent); color: var(--on-accent); font-weight: 700; }
#egplay > svg.eg-scene, #egplay > #egqz, #egplay > #egsn, #egplay > #egbl, #egplay > #egkr, #egplay > #egwk, #egplay > #egfr { flex: 1 1 0; min-height: 0; }
#egfr, #egqz, #egwk, #egkr, #egsn, #egbl { flex-direction: column; gap: var(--abstand-2); }
.forum-poll-row, .link-karte-profil, #egwk, #egkr, #egsn { align-items: center; }
#egtask, #egfrwahl { transition: opacity .3s ease; }
#egtask.eg-fr-weg, #egfrwahl.eg-fr-weg { opacity: 0; }
#egfrszene { flex: 1 1 0; min-height: 0; position: relative; border-radius: 1rem; overflow: hidden; background: #1b1440; }
#egfrcanvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
#egfrwahl { display: grid; gap: var(--abstand-2); }
.eg-overlay #egfrwahl button { min-height: 56px; padding: var(--abstand-1); border-radius: 14px; line-height: 1.2; overflow-wrap: break-word; }
.einstufung-stufe-pflicht, .nimda-pill:has([data-staffel-ab]), .zeiger-normal.zeiger-normal.zeiger-normal.zeiger-normal, .eg-overlay #egfrwahl.eg-fr-fest button { cursor: default; }
.eg-overlay #egfrwahl.eg-fr-fest button:not(.eg-fr-an) { opacity: .45; }
.eg-overlay #egfrwahl button.eg-fr-an { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent) inset; }
.eg-overlay #egfrwahl button.eg-fr-gut { border-color: var(--success); box-shadow: 0 0 0 2px var(--success) inset; }
.eg-overlay #egfrwahl button.eg-fr-schlecht { border-color: var(--danger); box-shadow: 0 0 0 2px var(--danger) inset; }
.eg-fr-auto { display: block; margin: 0 auto; width: min(200px, 46vw, 18dvh); height: auto; }
#egfrbox { align-self: center; white-space: nowrap; }
.eg-vorschau .eg-v-fr-tor { transform-box: view-box; transform-origin: 100px 52px; animation: eg-v-fr-tor 3.2s ease-in infinite; }
.eg-vorschau .eg-v-fr-auto { animation: eg-v-fr-auto 3.2s ease-in-out infinite; }
.eg-vorschau .eg-v-fr-gruen { animation: eg-v-fr-gruen 3.2s steps(1) infinite; }
.eg-vorschau .eg-v-fr-strich { stroke-dasharray: 6 8; animation: eg-v-fr-strich .5s linear infinite; }
.eg-vorschau .eg-v-fr-schranke { transform-box: fill-box; transform-origin: 100% 50%; animation: eg-v-fr-schranke 3.2s ease-in-out infinite; }
#egwkzeilen { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1 1 0; min-height: 0; justify-content: center; overflow: hidden; }
.eg-wkz { display: flex; gap: 4px; }
.eg-wkz span { width: var(--wks, 1.7rem); height: var(--wks, 1.7rem); border-radius: 5px; background: var(--surface-alt); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: calc(var(--wks, 32px) * 0.6); }
.eg-wkz.eg-wkda span, .eg-overlay .eg-qb.eg-ok, .eg-overlay .eg-qb.eg-ok:hover { background: var(--success); color: var(--on-success, #1a0d20); border-color: var(--success); }
#egwkwort { min-height: 1.6em; margin: 0; font-weight: 700; letter-spacing: 0.15em; color: var(--accent); }
#egwkwort.eg-meldung { letter-spacing: 0; color: var(--text-muted); font-weight: 400; text-align: center; }
#egwkkreis { position: relative; width: min(30rem, 94vw, 42dvh); aspect-ratio: 1; border-radius: 50%; background: var(--surface-alt); touch-action: none; flex: none; }
#egwkkreis .eg-wkwesen { position: absolute; left: 50%; top: 50%; width: 46%; height: 46%; transform: translate(-50%, -50%); pointer-events: none; }
#egwkkreis .eg-wkb { transition: left 0.45s cubic-bezier(0.4, 1.4, 0.5, 1), top 0.45s cubic-bezier(0.4, 1.4, 0.5, 1); position: absolute; transform: translate(-50%, -50%); width: var(--wkd, 3rem); height: var(--wkd, 3rem); min-height: 0; padding: 0; border-radius: 50%; font-weight: 700; font-size: calc(var(--wkd, 48px) * 0.52); background: var(--surface); touch-action: none; }
.eg-knoepfe { display: flex; gap: calc(var(--abstand-2) * var(--egk, 1)); }
.eg-wkbonus { white-space: nowrap; position: absolute; left: 50%; top: 40%; padding: var(--abstand-2) var(--abstand-4); border-radius: 999px; background: var(--accent); color: var(--on-accent); font-weight: 800; font-size: var(--schrift-5); letter-spacing: 0.08em; pointer-events: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); }
#egkrgitter { display: grid; gap: 2px; flex: none; }
#egkrgitter .eg-kz { border-radius: 4px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#egkrgitter .eg-kz.eg-leer { background: transparent; }
#egkrgitter .eg-kz.eg-feld { background: #fff; color: #1a0d20; font-weight: 700; font-size: calc(var(--z) * 0.6); cursor: pointer; }
#egkrgitter .eg-kz.eg-feld.eg-wortan { background: #f3e3ff; }
#egkrgitter .eg-kz.eg-feld.eg-cursor { background: #ffd166; }
#egkrgitter .eg-kz.eg-feld.eg-kgruen { background: #2f9e44; color: #fff; }
#egkrgitter .eg-kz.eg-feld.eg-krot { background: #e03131; color: #fff; }
#egkrgitter .eg-kz.eg-feld.eg-cursor.eg-kgruen, #egkrgitter .eg-kz.eg-feld.eg-cursor.eg-krot { box-shadow: inset 0 0 0 3px #ffd166; }
#egkrgitter .eg-kz.eg-frage { background: #1a0d20; border: 1px solid var(--border); flex-direction: column; align-items: stretch; padding: 1px; }
#egkrgitter .eg-kz.eg-frage span { flex: 1; display: flex; flex-direction: row; gap: 2px; justify-content: center; align-items: center; line-height: 1; cursor: pointer; min-height: 0; }
.cta-snippet, #egkrgitter .eg-kz.eg-frage span + span { border-top: 1px solid var(--border); }
#egkrgitter .eg-kz.eg-frage i { font-style: normal; font-weight: 700; font-size: calc(var(--z) * 0.42); color: var(--text); }
#egkrgitter .eg-kz.eg-frage b { font-size: calc(var(--z) * 0.42); color: var(--accent); }
#egkrgitter .eg-kz.eg-frage span + span i, #egkrgitter .eg-kz.eg-frage span + span b, #egkrgitter .eg-kz.eg-frage span:has(+ span) i, #egkrgitter .eg-kz.eg-frage span:has(+ span) b { font-size: calc(var(--z) * 0.3); }
#egkrtast, #egbltast { display: flex; flex-direction: column; gap: var(--abstand-1); width: 100%; flex: none; }
#egkrtast div, #egbltast div, #egsntast div { display: flex; gap: 3px; justify-content: center; }
#egkrtast button, #egbltast button, #egsntast button { flex: 1 1 0; min-width: 0; padding: 0; border-radius: var(--abstand-2); min-height: 42px; }
#egblszene { flex: 1 1 0; min-height: 0; width: 100%; overflow: visible; }
#egbltast button.eg-treffer, #egsntast button.eg-treffer { background: var(--success); color: var(--on-success, #1a0d20); opacity: 1; }
#egbltast button.eg-niete, #egsntast button.eg-niete { background: var(--danger); color: #fff; opacity: 0.6; }
#egsnfeld { flex: none; border-radius: var(--abstand-2); touch-action: none; }
#egsnkreuz { display: grid; grid-template-columns: repeat(3, 76px); grid-template-rows: repeat(2, 58px); gap: 8px; justify-content: center; flex: none; touch-action: none; order: 1; margin-top: 16px; }
#egsnkreuz button { font-size: 1.7rem; padding: 0; border-radius: var(--abstand-2); }
#egsnkreuz button.eg-gedrueckt, #egsnkreuz button:active { background: var(--accent); color: var(--on-accent); transform: translateY(2px); }
#egsnkreuz button[data-kreuz="0,-1"] { grid-column: 2; grid-row: 1; }
#egsnkreuz button[data-kreuz="-1,0"] { grid-column: 1; grid-row: 2; }
#egsnkreuz button[data-kreuz="0,1"] { grid-column: 2; grid-row: 2; }
#egsnkreuz button[data-kreuz="1,0"] { grid-column: 3; grid-row: 2; }
#egsntast { flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; gap: var(--abstand-1); width: 100%; }
.eg-snknoepfe { display: flex; width: 100%; }
.u-flex-1.u-flex-1.u-flex-1, .forum-poll-text, .fuellen.fuellen.fuellen.fuellen, .eg-snknoepfe button, ol.eg-beste li span:nth-child(2) { flex: 1; }
#egtask span { display: inline-block; min-width: 0.55em; text-align: center; }
#egtask.eg-mono { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: 0.15em; }
#egtask .eg-wort { white-space: nowrap; font-weight: inherit; }
#egqopts { flex: 1; min-height: 0; display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: var(--abstand-2); }
.eg-overlay .eg-zu { position: absolute; top: var(--abstand-2); inset-inline-end: var(--abstand-3); border: 0; background: none; color: var(--text-muted); font-size: var(--schrift-5); line-height: 1; min-height: 0; padding: 0; z-index: 1; }
.eg-overlay .eg-zu:hover { background: none; color: var(--text); }
.eg-acct { display: flex; justify-content: center; gap: var(--abstand-4); color: var(--text-muted); margin: 0 0 var(--abstand-2); }
.eg-status { font-size: calc(1em * var(--egk, 1)); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--abstand-2); margin-top: var(--abstand-2); color: var(--text-muted); margin-bottom: var(--abstand-1); }
.eg-bar { height: 6px; background: var(--surface-alt); border-radius: 3px; overflow: hidden; }
.eg-overlay .eg-tipp { min-height: 0; padding: 0 calc(var(--abstand-3) * var(--egk, 1)); line-height: 1.8; }
.eg-task { font-size: 2rem; line-height: 1.2; font-weight: 700; margin: var(--abstand-2) 0; text-align: center; }
.eg-overlay .eg-qb { display: block; width: 100%; min-height: 0; height: 100%; max-height: 4rem; margin: 0; border-radius: var(--abstand-4); border-width: 1.5px; }
.eg-overlay .eg-qb.eg-sel, .eg-overlay .eg-qb.eg-sel:hover { background: #ff8c1a; border-color: #ff8c1a; color: #1a0d20; }
.device-item.device-inactive, .forum-mode-btn[data-soon], .eg-overlay .eg-qb.eg-bad { opacity: 0.55; }
.eg-overlay .eg-qb.eg-bad.eg-sel { opacity: 1; background: var(--danger); border-color: var(--danger); color: #fff; }
.eg-cry .ch { animation: eg-sob 1.1s ease-in-out infinite !important; }
.eg-tear { transform-box: fill-box; animation: eg-tear 1.4s ease-in infinite; }
.eg-cryfig { width: min(150px, 18dvh); display: block; margin: 0 auto var(--abstand-2); }
.eg-hint { color: var(--text-muted); text-align: center; margin: 0; }
.eg-worttipp { color: var(--text-muted); text-align: center; margin: var(--abstand-2) 0 0; }
#egweiter { position: absolute; left: 50%; bottom: var(--abstand-1); transform: translateX(-50%); z-index: 2; width: min(20rem, 90%); margin: 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45); }
.eg-panel { text-align: center; overflow-y: auto; }
.eg-panel > div svg { width: min(110px, 16dvh) !important; }
.eg-panel h2 { font-size: var(--schrift-4); font-weight: 700; color: var(--accent); margin: var(--abstand-2) 0; }
.eg-panel a.eg-kaufen, ol.eg-beste a { color: var(--primary); text-decoration: underline; text-underline-offset: 0.15em; }
.eg-niveaus { display: flex; justify-content: center; gap: var(--abstand-1); margin: var(--abstand-1) 0 var(--abstand-3); }
.eg-overlay .eg-niveaus button { flex: 1 1 0; padding: 0; min-width: 0; }
.eg-overlay .eg-niveaus button:disabled { opacity: 0.35; }
.eg-stepper { display: flex; align-items: center; justify-content: center; gap: var(--abstand-3); margin: var(--abstand-3) 0 var(--abstand-1); }
.eg-overlay .eg-stepper button { width: 44px; padding: 0; font-size: var(--schrift-4); }
.eg-stepper b { min-width: 2.2rem; text-align: center; font-size: var(--schrift-5); }
.eg-row { display: flex; gap: var(--abstand-2); justify-content: center; margin-top: var(--abstand-3); }
.eg-overlay .eg-row button { padding: 0 var(--abstand-3); flex: 1 1 0; }
ol.eg-beste { text-align: start; }
ol.eg-beste li { display: flex; gap: var(--abstand-3); padding: var(--abstand-1) var(--abstand-2); border-bottom: 1px solid var(--border); }
svg.eg-scene { display: block; width: 100%; touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; }
.eg-scene .eg-fx, .eg-overlay .ch, .eg-overlay .wag, .eg-overlay .ear, .eg-overlay .nod, .eg-overlay .sway, .eg-overlay .wig, .eg-vorschau .ch, .eg-vorschau .wag, .eg-vorschau .ear, .eg-vorschau .nod, .eg-vorschau .sway, .eg-vorschau .wig { transform-box: fill-box; }
.eg-overlay .ch, .eg-vorschau .ch { transform-origin: 50% 100%; animation: eg-bob 2.4s ease-in-out infinite; }
.eg-overlay .wag, .eg-vorschau .wag { transform-origin: 0% 100%; animation: eg-wag 0.4s ease-in-out infinite alternate; }
.eg-overlay .slow, .eg-vorschau .slow { animation-duration: 1.6s; }
.eg-overlay .ear, .eg-vorschau .ear { transform-origin: 50% 100%; animation: eg-twitch 3.2s infinite; }
.eg-overlay .nod, .eg-vorschau .nod { transform-origin: 0% 50%; animation: eg-nod 2.6s ease-in-out infinite; }
.eg-overlay .sway, .eg-vorschau .sway { transform-origin: 50% 100%; animation: eg-sway 1.8s ease-in-out infinite alternate; }
.eg-overlay .wig, .eg-vorschau .wig { transform-origin: 50% 0%; animation: eg-wig 1.4s ease-in-out infinite alternate; }
.eg-vorschau .eg-v-hand { animation: eg-v-streicheln 1.4s ease-in-out infinite; }
.eg-vorschau .eg-v-herz { transform-box: fill-box; transform-origin: center; opacity: 0; animation: eg-v-herz 1.8s ease-out var(--egv, 0s) infinite; }
.eg-vorschau .eg-v-wolke { animation: eg-v-wolke 2.4s ease-in-out infinite; }
.eg-vorschau .eg-v-blitz { animation: eg-v-blitz 1.2s steps(1) infinite; }
.eg-vorschau .eg-v-laser line { stroke-dasharray: 71; animation: eg-v-laser 1.6s ease-in infinite; }
.eg-vorschau .eg-v-treffer { transform-box: fill-box; transform-origin: center; animation: eg-v-treffer 1.6s ease-out infinite; }
.eg-vorschau .eg-v-raster { animation: eg-v-raster 3.5s steps(1, end) infinite; }
.eg-vorschau .eg-v-kopf { transform-box: fill-box; transform-origin: center; animation-name: eg-v-kopf; }
.eg-vorschau .eg-v-schwingen { transform-box: view-box; transform-origin: 90px 20px; animation: eg-v-schwingen 2.6s ease-in-out infinite; }
.eg-vorschau .eg-v-linie { stroke-dasharray: 84; animation: eg-v-linie 3s linear infinite; }
.eg-vorschau circle.eg-v-an { animation: eg-v-kreis1 3s linear infinite; }
.eg-vorschau text.eg-v-an { animation: eg-v-text1 3s linear infinite; }
.eg-vorschau circle.eg-v-an2 { animation-name: eg-v-kreis2; }
.eg-vorschau text.eg-v-an2 { animation-name: eg-v-text2; }
.eg-vorschau circle.eg-v-an3 { animation-name: eg-v-kreis3; }
.eg-vorschau text.eg-v-an3 { animation-name: eg-v-text3; }
.eg-fuss { margin: var(--abstand-2) 0 0; text-align: center; }
.pp-menu, .eg-potbox { position: relative; display: inline-block; }
.eg-overlay .eg-bonus { position: absolute; left: 100%; top: -0.35em; margin-left: 0.1em; font-size: 0.65em; line-height: 1; color: #2fbf55; white-space: nowrap; }
.eg-overlay .eg-fahne { padding: 0 calc(var(--abstand-2) * var(--egk, 1)); cursor: pointer; }
.eg-overlay .eg-fahne::after { bottom: auto; top: calc(100% + 6px); }
.eg-overlay .eg-fahne.eg-fahne-drueck { animation: eg-fahne-puls 0.6s ease-in-out infinite; }
.eg-overlay .eg-melden { min-height: 0; padding: 0; border: 0; background: none; color: var(--text-muted); font-size: var(--schrift-2); font-weight: 400; text-decoration: underline; text-underline-offset: 0.15em; }
.gluecksrad-konfetti, .eg-konfetti { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
@media (max-width: 36rem) {
.eg-overlay { padding: 0; }
.eg-sp-karte { width: 100vw; max-height: 100dvh; padding-inline: var(--abstand-1); border-width: 0; border-radius: 0; }
.eg-sp-karte.eg-spielt { height: 100dvh; }
}
#egblfigur .ch { animation: none; }
.eg-overlay .eg-blschwingt { transform-box: fill-box; transform-origin: 50% 100%; animation: eg-bob 2.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
.eg-vorschau .eg-v-fr-tor { animation: none; transform: scale(.95); }
.eg-vorschau .eg-v-fr-auto { animation: none; transform: translateX(38px); }
.eg-vorschau .eg-v-fr-gruen { animation: none; fill: #2fbf55; }
.eg-vorschau .eg-v-fr-schranke { animation: none; transform: rotate(30deg); }
.staffel-ticker-band, .forum-post-focus, .cta-submit-blink, .forum-comment-focus, .einstufung-wartet-kreis, .klingel-an, .klingel-bild::before, .klingel-bild::after, .eg-vorschau .eg-v-fr-strich, .eg-vorschau .eg-v-hand, .eg-vorschau .eg-v-herz, .eg-vorschau .eg-v-wolke, .eg-vorschau .eg-v-blitz, .eg-vorschau .eg-v-laser line, .eg-vorschau .eg-v-treffer, .eg-vorschau .eg-v-schwingen, .eg-vorschau .eg-v-linie, .eg-vorschau .eg-v-an, .eg-overlay .ch, .eg-overlay .wag, .eg-overlay .ear, .eg-overlay .nod, .eg-overlay .sway, .eg-overlay .wig, .eg-vorschau .ch, .eg-vorschau .wag, .eg-vorschau .ear, .eg-vorschau .nod, .eg-vorschau .sway, .eg-vorschau .wig, .eg-overlay .eg-blschwingt { animation: none; }
.eg-vorschau .eg-v-herz { opacity: 1; }
}
#egweiter.eg-anstelle { position: static; transform: none; width: 100%; box-shadow: none; flex: none; }
.eg-profil-badge .eg-vorschau { position: absolute; inset: 0; display: block; height: auto; background: var(--surface); border-radius: inherit; overflow: hidden; }
.eg-profil-badge .eg-vorschau::after { content: ""; position: absolute; inset: 0; pointer-events: none; border: 2px solid #000; border-radius: inherit; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .55) 100%); }
.eg-profil-badge { position: relative; display: block; width: 100%; aspect-ratio: 5 / 4; }
.eg-profil-badge .eg-profil-platz { position: absolute; inset: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 3rem; font-weight: 900; line-height: 1; color: #fff; text-shadow: 0 0 .15em #000, 0 .05em .3em #000c; }
.eg-profil-badge .eg-profil-platz > span { white-space: nowrap; padding: .08em .3em .12em; border: max(2px, .05em) solid #f4c24d; border-radius: .22em; background: rgba(20, 12, 30, .72); box-shadow: 0 .08em .25em rgba(0, 0, 0, .65); }
.eg-overlay .eg-a-platzen { animation: eg-a-platzen .25s forwards; }
.eg-overlay .eg-a-auftauchen { animation: eg-a-auftauchen .35s ease-out; }
.eg-overlay .eg-a-herz { animation: eg-a-herz 1.1s both; }
.eg-overlay .eg-a-wolke { animation: eg-a-wolke 1.4s both; }
.eg-overlay .eg-a-streicheln { animation: eg-a-streicheln 2s ease-in-out; }
.eg-overlay .eg-a-freuen { animation: eg-a-freuen .5s 4; }
.eg-overlay .eg-a-hand-weg { animation: eg-a-hand-weg 1.2s ease-in; }
.eg-overlay .eg-a-schuetteln { animation: eg-a-schuetteln .8s ease-in-out .26s; }
.eg-overlay .eg-a-funke { animation: eg-a-funke .7s ease-out forwards; }
.eg-overlay .eg-a-traene { animation: eg-a-traene .7s ease-out forwards; }
.eg-overlay .eg-a-aus { animation: eg-a-aus .32s forwards; }
.eg-overlay .eg-a-verblassen { animation: eg-a-aus .7s forwards; }
.eg-overlay .eg-a-blitz { animation: eg-a-blitz .42s forwards; }
.eg-overlay .eg-a-schild { animation: eg-a-schild 1.3s .12s both; }
.eg-overlay .eg-a-aufblitzen { animation: eg-a-aufblitzen .5s .2s both; }
.eg-overlay .eg-a-ausweichen { animation: eg-a-ausweichen .9s ease-in-out .3s; }
.eg-overlay .eg-a-sterben { animation: eg-a-sterben 1.9s ease-in-out forwards; }
.eg-overlay .eg-a-huepfen { animation: eg-a-huepfen .5s ease-out; }
.eg-overlay .eg-a-wesen-weg { animation: eg-a-wesen-weg .2s ease-in forwards; }
.eg-overlay .eg-a-wesen-her { animation: eg-a-wesen-her .25s cubic-bezier(.4, 1.4, .5, 1); }
.eg-overlay .eg-a-bonus { animation: eg-a-bonus 1.6s ease-out forwards; }