/* Berufs- und Ratgeberseiten (ata, ota, intan, pflege, Ratgeber) – ergänzt materialien.css */
.thema-karten{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:36px}
.thema-karten .karte{padding:22px}.thema-karten h3{font-size:17px;margin:0}
.thema-karten .karte p{font-size:15px}
.beruf-hero .etikett{color:var(--c-dunkel,var(--tinte3))}
.beruf-hero h1 .grad{background:linear-gradient(90deg,var(--c,#0A84FF),color-mix(in srgb,var(--c,#0A84FF) 55%,#00C25A));-webkit-background-clip:text;background-clip:text;color:transparent}
.fall-karte{background:color-mix(in srgb,var(--c,#0A84FF) 10%,#fff);border-radius:var(--r);box-shadow:inset 0 5px 0 var(--c,#0A84FF);padding:30px 32px;max-width:820px;margin:36px auto 0}
.fall-karte h3{margin:0 0 8px;font-size:20px}.fall-karte p{margin:8px 0 0;color:var(--tinte2)}
.fall-karte .fragen{margin:14px 0 0;padding-left:20px;color:var(--tinte2)}
.paket-liste{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin-top:36px}
.paket-liste .karte{padding:24px}.paket-liste h3{margin:0;font-size:18px}
.karte ol,.karte ul.klein{margin:8px 0 0;padding-left:20px;color:var(--tinte2);font-size:15px;line-height:1.5}
.karte .meta{font-size:14px;color:var(--tinte3);margin-top:6px}
.hinweis-kasten{background:var(--flaeche);border-radius:var(--r);box-shadow:var(--sch1);padding:24px 28px;max-width:820px;margin:36px auto 0}
.hinweis-kasten h3{margin:0 0 6px;font-size:18px}.hinweis-kasten p{margin:0;color:var(--tinte2)}
.quellen{font-size:15px;color:var(--tinte2);margin-top:28px}.quellen a{color:var(--marke)}
.tab-formate{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}
.tab-formate th,.tab-formate td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(16,32,58,.1);vertical-align:top}
.tab-formate th{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte3)}
.raster-liste{margin:8px 0 0;padding:0;list-style:none;font-size:15px;color:var(--tinte2)}
.raster-liste li{padding:4px 0 4px 26px;position:relative}.raster-liste li::before{content:"☐";position:absolute;left:0;color:var(--tinte3)}
.schmal-text{max-width:760px;margin:0 auto}.schmal-text p{color:var(--tinte2);font-size:17px}.schmal-text h2{margin-top:40px}
@media (max-width:640px){.fall-karte{padding:22px}.tab-formate{font-size:14px}}