.cb-ud-mag-liste{.mag-meta > * { white-space: nowrap; }
.mag-ed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 48px); margin-top: clamp(20px, 3vw, 36px); }
.mag-ed > li { padding-block: 32px; border-bottom: 1px solid var(--linie); }
.mag-ed > li:first-child { grid-column: 1 / -1; padding-top: 0; padding-bottom: 40px; }
.mag-ed-link { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 20px; align-items: start; color: inherit; text-decoration: none; }
.mag-ed > li:first-child .mag-ed-link { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.mag-cover { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 12px; background: var(--feld-himmel); --linie-c: var(--akzent); }
.mag-ed > li:first-child .mag-cover { aspect-ratio: 21 / 9; border-radius: 18px; }
.mag-cover > svg, .mag-bild { position: absolute; inset: 0; width: 100%; height: 100%; }
.mag-bild { object-fit: cover; }
.mag-cover path { fill: none; stroke: var(--linie-c); stroke-width: 1.25; vector-effect: non-scaling-stroke; opacity: 0.7; }
.mag-cover path.voll { fill: var(--linie-c); stroke: none; opacity: 0.16; }
.mag-cover path.voll.stark { opacity: 0.24; }
.mag-cover .v { display: none; }
.mag-cover .v-kontur { display: inline; }
.mag-cover[data-rubrik="Sicherheit"] { background: var(--feld-himmel); --linie-c: var(--akzent); }
.mag-cover[data-rubrik="Web"] { background: var(--feld-tief); --linie-c: var(--akzent); }
.mag-cover[data-rubrik="Web"] .v-kontur { display: none; } .mag-cover[data-rubrik="Web"] .v-raster { display: inline; }
.mag-cover[data-rubrik="Recht"] { background: var(--feld-sand); --linie-c: light-dark(#8a5a1e, #d9a35f); }
.mag-cover[data-rubrik="Recht"] .v-kontur { display: none; } .mag-cover[data-rubrik="Recht"] .v-segment { display: inline; }
.mag-cover[data-rubrik="Suche"] { background: var(--feld-salbei); --linie-c: var(--ok); }
.mag-cover[data-rubrik="Suche"] .v-kontur { display: none; } .mag-cover[data-rubrik="Suche"] .v-voll { display: inline; }
.mag-cover[data-rubrik="Datenschutz"] { background: var(--feld-salbei); --linie-c: var(--ok); }
.mag-cover[data-rubrik="Datenschutz"] .v-kontur { display: none; } .mag-cover[data-rubrik="Datenschutz"] .v-segment { display: inline; }
.mag-cover[data-rubrik="Studio"] { background: var(--feld-sand); --linie-c: light-dark(#8a5a1e, #d9a35f); }
.mag-cover[data-rubrik="Studio"] .v-kontur { display: none; } .mag-cover[data-rubrik="Studio"] .v-raster { display: inline; }
.mag-cover[data-rubrik="Umzug"] { background: var(--feld-tief); --linie-c: var(--akzent); }
.mag-cover[data-rubrik="Umzug"] .v-kontur { display: none; } .mag-cover[data-rubrik="Umzug"] .v-voll { display: inline; }
.mag-ed-text { display: grid; gap: 12px; justify-items: start; min-width: 0; }
.mag-ed-titel { font: 600 1.25rem/1.22 var(--display); letter-spacing: -0.025em; text-wrap: balance; transition: color 0.2s; }
.mag-ed > li:first-child .mag-ed-titel { font: 640 clamp(1.9rem, 1rem + 2.2vw, 2.9rem)/1.04 var(--display); letter-spacing: -0.04em; }
.mag-ed-link:hover .mag-ed-titel, .mag-a:hover .mag-a-titel { color: var(--akzent); }
.mag-anriss { color: var(--leise); font-size: 0.9375rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mag-ed > li:first-child .mag-anriss { -webkit-line-clamp: 4; font-size: 1.0625rem; }
.mag-autor-z:empty { display: none; }
.mag-ed .mehr .ic { transition: transform 0.3s var(--ease); }
.mag-ed-link:hover .mehr .ic { transform: translateX(4px); }
.mag-archiv { border-top: 1px solid var(--linie); }
.mag-archiv.ohne3 > li:nth-child(-n+3) { display: none; }
.mag-archiv > li { border-bottom: 1px solid var(--linie); }
.mag-a { display: grid; grid-template-columns: 5rem 8rem minmax(0, 1fr) 18px; gap: 6px 24px; align-items: baseline; padding: 18px 0; color: inherit; text-decoration: none; }
.mag-a time { font: 0.75rem/1.3 var(--mono); font-variant-numeric: tabular-nums; color: var(--leise); }
.mag-a .mag-rubrik { font: 0.75rem/1.3 var(--mono); }
.mag-a-titel { font: 600 1.0625rem/1.35 var(--display); letter-spacing: -0.02em; text-wrap: pretty; transition: color 0.2s; }
.mag-a-pfeil { width: 18px; height: 18px; align-self: center; color: var(--leise); }
@media (max-width: 760px) {
.mag-ed { grid-template-columns: minmax(0, 1fr); }
.mag-ed > li:first-child .mag-ed-link { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.mag-ed-link { grid-template-columns: 5.5rem minmax(0, 1fr); gap: 16px; }
.mag-ed > li:not(:first-child) .mag-cover { aspect-ratio: 1; }
.mag-a { grid-template-columns: auto minmax(0, 1fr) 18px; gap: 6px 14px; }
.mag-a-titel { grid-column: 1 / 3; }
.mag-a-pfeil { grid-row: 1 / 3; grid-column: 3; }
}}