.sym { display: block; flex: none; width: 40px; height: 40px; color: var(--tinte); }
.sym-gold { fill: var(--gold); }
.sym [stroke-width="2.4"] { stroke-width: 2px; vector-effect: non-scaling-stroke; }
.sym [stroke-width="1"] { stroke-width: 1px; vector-effect: non-scaling-stroke; }
@media screen {
  :root { --papier: #2a2927; --tinte: #f6ecdd; --tinte-weich: rgb(246 236 221 / .86); --linie: rgb(246 236 221 / .22); --gold: #d9a441;
    --marke-grund: #2a2927; --marke-blatt: #4a463f; --marke-licht: #d9a441; --marke-rahmen: #d9a441; }
  
  .tuermarke { overflow: visible; }
  .tm-grund { stroke: #d9a441; stroke-width: 3; }
  html, body { background: #2a2927; color: #f6ecdd; }
  .hervor { color: #f6ecdd; }
  
  .kacheln li, .teaser a, .feld, .fall { background: rgb(246 236 221 / .06); }
  
  .leiste-oben { background: #2a2927; -webkit-backdrop-filter: none; backdrop-filter: none; }  
  
  .knopf { color: #f6ecdd; border-color: #f6ecdd; }
  
  .knopf--voll { background: linear-gradient(150deg, rgb(217 164 65 / .3), rgb(217 164 65 / .16)), rgb(42 41 39 / .6); border-color: rgb(217 164 65 / .8); color: #f6ecdd; box-shadow: inset 0 1px 0 rgb(246 236 221 / .26), 0 8px 22px rgb(0 0 0 / .24); -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); }
  .knopf--voll .sym { color: #f6ecdd; }
  .knopf--voll:hover { background: linear-gradient(150deg, rgb(217 164 65 / .36), rgb(217 164 65 / .22)), rgb(42 41 39 / .72); border-color: #d9a441; box-shadow: inset 0 1px 0 rgb(246 236 221 / .3), 0 0 0 1px #d9a441, 0 8px 22px rgb(0 0 0 / .24); }
  
  .kurve g[stroke] { stroke: #f6ecdd; }
  
  .kurve__abschnitt { stroke: #f6ecdd; stroke-width: 3px; opacity: .42; vector-effect: non-scaling-stroke; }
  .kurve__abschnitt:nth-child(even) { opacity: .78; }
  .kurve__abschnitt.ist-aktiv { stroke: var(--gold); stroke-width: 5px; opacity: 1; }
  .kurve__gold { stroke: #f6ecdd; }
  
  .rahmen { display: none; }
  
  .kurve__name, .kurve__name--gross { font-family: var(--sans); font-weight: 500; letter-spacing: .02em; }
  .kurve__jahr--gross { font-family: var(--sans); }
  
  .beruf { margin: 18px 0 0; font: 500 clamp(11.5px, 3.6vw, 15px)/1.4 var(--sans); letter-spacing: 0; white-space: nowrap; color: var(--tinte-weich); }
  
  .art-station, .art-einstieg { align-items: safe center; align-content: safe center; }  
  .station__erfolg { margin: 0 0 24px; }
  .station__zahl { width: fit-content; margin: 0; font: 400 56px/1.15 var(--serif); white-space: nowrap; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: .14em; text-decoration-skip-ink: none; }
  .station__etikett { margin: 8px 0 0; font: 500 14px/1.4 var(--sans); color: var(--tinte-weich); }
  .station__wort { color: var(--tinte); }
  .station__satz { margin: 4px 0 0; font: 400 17px/1.4 var(--serif); }
  .station__kopf { display: flex; align-items: center; gap: 16px; margin: 0 0 8px; }
  @media (max-width: 760px) { .art-station .station__kopf { align-items: flex-start; } }
  .station__kopf .sym { width: 64px; height: 64px; }
  .art-station .titel { display: flex; align-items: center; margin: 0; font-size: 40px; line-height: 1.15; }
  .art-station .zeit { margin: 0 0 16px; white-space: nowrap; letter-spacing: 0; font-size: min(14px, 3.7vw); }
  
  .kopf__wege .weg--hier[href^="bewerberprofil"], .kopf__wege .weg--hier[href^="bewerberprofil"]:hover { background: none; border-color: var(--gold); color: var(--tinte); }
  
  .weg[href^="index"], .weg[href^="index"]:hover { background: #f6ecdd; border-color: #f6ecdd; color: #2a2927; }
  .art-station .zwischen { margin: 0 0 4px; }
  .art-station .kurvenfeld { align-self: center; margin-top: 0; }
  
  .folie.eng.art-station .station__zahl { font-size: 40px; }
  .folie.eng.art-station .station__erfolg { margin-bottom: 16px; }
  .folie.eng.art-station .titel { font-size: 28px; }
  .folie.eng.art-station .station__kopf .sym { width: 40px; height: 40px; }
  .folie.eng.art-station .zeit { margin-bottom: 8px; }
  .folie.eng.art-station .aufgaben--kurz { margin-bottom: 0; font-size: 15px; line-height: 1.35; }
  .folie.eng.art-station .aufgaben--kurz li { margin-bottom: 3px; }
  .folie.knapp.art-station .station__erfolg { margin-bottom: 8px; }
  .folie.knapp.art-station .station__etikett { margin-top: 4px; line-height: 1.25; }
  .folie.knapp.art-station .station__satz { margin-top: 2px; font-size: 15px; line-height: 1.25; }
  @media (max-width: 760px) { .folie.knapp.art-station .titel { min-height: 0 !important; } }
  .folie.knapp.art-station .zeit { margin-bottom: 4px; }
  .folie.knapp.art-station .zwischen { margin: 0; }
  .folie.knapp.art-station .aufgaben--kurz { font-size: 14px; line-height: 1.25; }
  .folie.knapp.art-station .aufgaben--kurz li { margin-bottom: 1px; }
  .folie.sehr-eng.art-station .station__zahl { font-size: 21px; line-height: 1.5; }
  .folie.sehr-eng.art-station .station__erfolg { margin-bottom: 4px; }
  .folie.sehr-eng.art-station .station__etikett { margin-top: 2px; line-height: 1.2; }
  @media (max-width: 760px) { .folie.sehr-eng.art-station .station__etikett { min-height: 50px; } }  
  .folie.sehr-eng.art-station .station__satz { margin-top: 2px; font-size: 14px; line-height: 1.2; }
  .folie.sehr-eng.art-station .titel { font-size: 17px; }
  .folie.sehr-eng.art-station .station__kopf { gap: 8px; }
  .folie.sehr-eng.art-station .station__kopf .sym { width: 24px; height: 24px; }
  .folie.sehr-eng.art-station .zwischen { display: none; }
  .folie.sehr-eng.art-station .aufgaben--kurz { font-size: 14px; line-height: 1.15; padding-left: 1em; }
  .folie.sehr-eng.art-station .aufgaben--kurz li { margin-bottom: 0; }
  .folie.sehr-eng.art-station { padding-bottom: 0; }
  .folie.sehr-eng.art-station .station__kopf { margin-bottom: 0; }
  .folie.sehr-eng.art-station .zeit { margin-bottom: 0; }
  .art-schluss { place-items: center; text-align: center; }
  .art-schluss .textfeld { max-width: 42rem; }
  .art-schluss .satz { font-size: clamp(24px, 2.1vw, 34px); line-height: 1.4; margin: 0 0 .4em; }
  .art-schluss .wege { margin-top: 28px; }
  
  .art-einstieg .satz--profil { font-size: clamp(22px, 2vw, 30px); line-height: 1.35; }
  @media (max-width: 760px) {
    .art-station, .art-einstieg { grid-template-columns: minmax(0, 1fr); }
    .folie { padding-left: 16px; padding-right: 16px; }
    .art-einstieg .titel { padding-right: 96px; font-size: 28px; line-height: 1.2; margin-bottom: 16px; }
    .art-einstieg .satz--profil { font-size: 21px; margin-bottom: 16px; }
    
    .station__zahl, .station__etikett { padding-right: 104px; }
    .station__zahl { width: auto; font-size: 40px; text-decoration: none; }
    .station__zahl--zwei { font-size: 28px; line-height: 1.43; }
    .station__zahl::first-line { text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: .14em; text-decoration-skip-ink: none; }
    .station__kopf { gap: 12px; }
    .station__kopf .sym { width: 40px; height: 40px; }
    .art-station .titel { font-size: 28px; }
    .folie.eng:not(.sehr-eng).art-station .station__zahl { font-size: 28px; line-height: 1.43; }
    .folie.eng:not(.sehr-eng).art-station .titel { font-size: 21px; }
  }
  
  @media (max-height: 650px) {
    .art-ende .beruf { margin-top: 6px; } .art-ende .zitat--gross p { font-size: 21px; line-height: 1.3; } .art-ende .wege { margin-top: 10px; }
  }
  @media (max-height: 500px) {
    .art-ende .ueber { margin-bottom: 0; } .art-ende .zitat--gross p { font-size: 18px; line-height: 1.25; } .art-ende .zitat--gross cite { margin-top: 2px; } .art-ende .beruf { margin-top: 2px; font-size: 13px; }
    .art-ende .wege { margin-top: 4px; } .art-ende .knopf { padding: 7px 18px; margin: 2px; } .art-ende .fuss { margin-top: 4px; padding-top: 4px; } .art-ende .kontaktzeile, .art-ende .recht { line-height: 1.25; }
  }
  .knopf { white-space: nowrap; }
  .art-schluss .knopf { padding: 14px 20px; letter-spacing: .06em; }
  .art-einstieg .blaettern { margin: 14px 0 0; font: 500 14px/1.4 var(--sans); color: var(--tinte-weich); }
  .kontaktzeile a, .recht a { position: relative; }
  .kontaktzeile a::after, .recht a::after { content: ""; position: absolute; inset: -12px -6px; }
  @media (max-width: 760px) and (min-height: 700px) { .stationsliste li { padding: 12px 0; } }
  
  @media (max-height: 500px) and (min-width: 561px) {
    .art-station { grid-template-columns: minmax(0, 1fr) clamp(96px, 20vw, 170px); gap: 12px; }
    .art-station .kurvenfeld { height: 110px; margin-top: 0; align-self: start; }
    .station__zahl, .station__etikett { padding-right: 0; }
    .folie.art-station .station__zahl { font-size: 28px; line-height: 1.2; }
    .folie.art-station .station__erfolg { margin-bottom: 4px; }
    .folie.art-station .station__etikett, .folie.art-station .station__satz { margin: 0; font-size: 14px; line-height: 1.25; }
    .folie.art-station .titel { font-size: 21px; }
    .folie.art-station .station__kopf { margin-bottom: 0; }
    .folie.art-station .station__kopf .sym { width: 24px; height: 24px; }
    .folie.art-station .zeit { margin-bottom: 2px; }
    .folie.art-station .zwischen { display: none; }
    .folie.art-station .aufgaben--kurz { font-size: 14px; line-height: 1.22; }
    .folie.art-station .aufgaben--kurz li { margin-bottom: 1px; }
    .folie.art-station .aufgaben--kurz { padding-bottom: 12px; }  
  }
  
  .stationsliste { border-top: 0; }
  .stationsliste li { position: relative; padding-left: 22px; border-bottom: 0; }
  .stationsliste li::before { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; width: 11px; height: 11px; margin-top: -6px; border-radius: 50%; background: #2a2927; border: 2px solid var(--gold); box-sizing: border-box; }
  .stationsliste li:not(:last-child)::after { content: ""; position: absolute; left: 5px; top: 50%; width: 1.5px; height: 100%; background: var(--linie); }
  
  @media (max-width: 760px) and (min-height: 501px) {
    .art-station { align-content: start; align-items: start; }
    .art-station .textfeld { padding-top: clamp(6px, 3svh, 36px); }
    @media (max-height: 660px) { .art-station .textfeld { padding-top: 0; } }
  }
  @media (max-width: 760px) { .folie:not(.eng).art-station .aufgaben--kurz { font-size: 17px; } }
  @media (min-width: 761px) and (max-width: 1000px) { .station__zahl { font-size: 40px; } .station__kopf .sym { width: 40px; height: 40px; } .art-station .titel { font-size: 28px; } }
  
  .steuerung { bottom: 8px; align-items: center; }
  .steuerung button:not(:focus-visible) { position: static; flex: 0 0 auto; width: 44px; height: 44px; overflow: visible; clip: auto; padding: 0; border: 0; background: none; opacity: 0; }
  .steuerung button[disabled] { visibility: hidden; }
  .steuerung .vor { order: 0; }
  .zur-uebersicht { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; font: 500 14px/1 var(--sans); white-space: nowrap; color: var(--tinte-weich); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
  .zur-uebersicht:hover { color: var(--tinte); }
  @media (max-width: 760px) { .steuerung { left: 8px; right: 16px; bottom: 0; flex-wrap: nowrap; gap: 4px; row-gap: 0; } .steuerung button:focus-visible { outline-offset: -3px; } }
  
  html:not(.geblaettert) .folie.aktiv { animation: none; }
  html:not(.bereit) .kopf { visibility: visible; }
  .mit-ziel .vorab { display: none; }
  
  :root { --glas: linear-gradient(150deg, rgb(246 236 221 / .12), rgb(246 236 221 / .045) 55%, rgb(246 236 221 / .07)); --glas-rand: rgb(246 236 221 / .18); --glas-schatten: inset 0 1px 0 rgb(246 236 221 / .2), inset 1px 0 0 rgb(246 236 221 / .05), inset 0 -1px 0 rgb(0 0 0 / .16), 0 14px 36px rgb(0 0 0 / .28); --glas-innen: rgb(246 236 221 / .06); --glas-radius: 18px; }
  body { background: none; }
  body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(52vmax 38vmax at 88% 4%, rgb(217 164 65 / .2), transparent 70%), radial-gradient(44vmax 36vmax at 4% 42%, rgb(217 164 65 / .1), transparent 72%), radial-gradient(50vmax 38vmax at 72% 100%, rgb(217 164 65 / .13), transparent 72%); }
  
  @media (min-width: 761px) and (hover: hover) {
    .start__name, .start__titelfeld, .start__kurzfeld, .start__bild, .start__kontakt, .kacheln li, .wolke, .erfolge-fenster, .portfolio .abschnitt--werdegang, .portfolio .abschnitt--erfolge, .portfolio .abschnitt--felder, .portfolio .abschnitt--lernen, .portfolio .abschnitt--kontakt, .portfolio .start__profil { -webkit-backdrop-filter: blur(22px) saturate(1.5); backdrop-filter: blur(22px) saturate(1.5); }
  }
  .leiste-oben { background: rgb(42 41 39 / .78); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); }
  
  .folie.aktiv { animation: none; }
  .folie.geht { display: none; }
  .station__erfolg, .station__rolle, .station__aufgabenfeld, .zeugnis__aussage, .art-ende .beruf, .art-ende .fuss, .art-schluss .textfeld, .art-einstieg .textfeld, .am-kurve .kurve-feld { box-sizing: border-box; border: 1px solid var(--glas-rand); border-radius: var(--glas-radius); background: var(--glas); box-shadow: var(--glas-schatten); }
  .art-station { gap: 16px; align-items: stretch; }
  .art-station .textfeld { display: flex; flex-direction: column; gap: 12px; }
  .station__erfolg, .station__rolle, .station__aufgabenfeld { padding: 16px 20px; }
  .folie.art-station .station__erfolg, .folie.eng.art-station .station__erfolg, .folie.knapp.art-station .station__erfolg, .folie.sehr-eng.art-station .station__erfolg { margin: 0; }
  .folie.art-station .station__kopf, .folie.sehr-eng.art-station .station__kopf { margin: 0 0 4px; }
  .folie.art-station .zeit, .folie.eng.art-station .zeit, .folie.knapp.art-station .zeit, .folie.sehr-eng.art-station .zeit { margin: 0; padding: 0; white-space: normal; }
  .folie.art-station .zwischen, .folie.knapp.art-station .zwischen { margin: 0 0 6px; }
  .folie.art-station .aufgaben--kurz, .folie.eng.art-station .aufgaben--kurz { margin: 0; }
  .folie.eng.art-station .textfeld { gap: 8px; }
  .folie.eng .station__erfolg, .folie.eng .station__rolle, .folie.eng .station__aufgabenfeld { padding: 10px 14px; }
  .folie.knapp .station__erfolg, .folie.knapp .station__rolle, .folie.knapp .station__aufgabenfeld { padding: 8px 12px; }
  .folie.sehr-eng .station__erfolg, .folie.sehr-eng .station__rolle, .folie.sehr-eng .station__aufgabenfeld { padding: 6px 10px; }
  .art-station .kurvenfeld { align-self: stretch; height: auto; min-height: min(46svh, 440px); margin: 0; }
  .am-kurve .kurve-feld { padding: 14px; }
  .kurve__achse { font: 500 var(--kurve-schrift, 40px) var(--sans); fill: var(--tinte); }
  .kurve-feld .kurve__jahr--gross { font: 600 var(--kurve-schrift, 42px) var(--sans); fill: var(--tinte); }
  .kurve-feld .kurve__name, .kurve-feld .kurve__name--gross { font-size: var(--kurve-schrift, 28px); }
  .art-einstieg { gap: 16px; }
  .art-einstieg .textfeld { padding: 24px; }
  .art-einstieg .titel { margin-top: 0; }
  .art-schluss .textfeld { padding: 32px; }
  
  .art-ende:has(.zitat--gross) .textfeld { width: 100%; gap: 12px; }
  .zeugnis__aussage { width: 100%; padding: clamp(20px, 6svh, 64px) clamp(16px, 4vw, 48px); }
  .zeugnis__aussage .etikett { margin: 0 0 16px; }
  .art-ende .zitat--gross { margin: 0 auto; }
  .art-ende .beruf { margin: 0; padding: 8px 16px; white-space: normal; }
  .art-ende .wege { margin: 4px 0; }
  .art-ende .nebenwege:empty { display: none; }
  .art-ende .fuss { width: auto; margin: clamp(4px, calc(14svh - 60px), 72px) 0 0; padding: 10px 20px; border-top: 1px solid var(--glas-rand); }  
  @media (max-width: 400px) { .zeugnis__aussage .ueber { letter-spacing: .06em; white-space: nowrap; } }
  
  @media (max-width: 760px) and (min-height: 501px) {
    .art-station { grid-template-columns: minmax(0, 1fr) 92px; gap: 8px; align-content: start; }
    .art-station .textfeld { display: contents; }
    .station__erfolg { grid-column: 1 / -1; grid-row: 1; }
    .station__rolle { grid-column: 1; grid-row: 2; }
    .art-station .kurvenfeld { display: block; order: 0; grid-column: 2; grid-row: 2; align-self: stretch; height: auto; min-height: 64px; margin: 0; }
    .station__aufgabenfeld { grid-column: 1 / -1; grid-row: 3; }
    .station__erfolg, .station__rolle, .station__aufgabenfeld { padding: 10px 12px; border-radius: 14px; }
    .station__zahl, .station__etikett { padding-right: 0; }
    .am-kurve .kurve-feld { top: 64px; right: 28px; padding: 4px; border-radius: 12px; }
    .art-einstieg .textfeld { padding: 12px; }
    .art-einstieg .titel { padding-right: 100px; }
    .art-schluss .textfeld { padding: 20px; }
  }
  
  .folie.sehr-eng.art-station .station__zahl { font-size: 28px; line-height: 1.2; }
  .folie.sehr-eng.art-station .titel { font-size: 21px; line-height: 1.15; }
  
  @media (max-height: 700px) {
    .zeugnis__aussage { padding: 12px; }
    .zeugnis__aussage .etikett { margin-bottom: 8px; }
    .art-ende:has(.zitat--gross) .textfeld { gap: 6px; }
    .art-ende .beruf { padding: 4px 12px; }
    .art-ende .wege { margin: 0; }
    .art-ende .fuss { padding: 6px 14px; }
    .art-ende .zitat--gross p { font-size: 22px; line-height: 1.25; }
    .art-ende .zitat--gross p::after { margin-top: 8px; }
  }
  
  @media (max-width: 760px) and (min-height: 501px) {
    .folie.knapp.art-station, .folie.sehr-eng.art-station { grid-template-columns: minmax(0, 1fr) 72px; gap: 6px; }
    .folie.eng.art-station .station__kopf .sym, .folie.knapp.art-station .station__kopf .sym, .folie.sehr-eng.art-station .station__kopf .sym { width: 32px; height: 32px; }
    .folie.eng.art-station .station__kopf, .folie.knapp.art-station .station__kopf, .folie.sehr-eng.art-station .station__kopf { gap: 8px; }
    .folie.eng.art-station .station__zahl, .folie.knapp.art-station .station__zahl, .folie.sehr-eng.art-station .station__zahl { font-size: 28px; line-height: 1.2; }
    .folie.eng.art-station .titel, .folie.knapp.art-station .titel, .folie.sehr-eng.art-station .titel { font-size: 21px; line-height: 1.15; }
    .folie.sehr-eng.art-station .aufgaben--kurz { line-height: 1.2; }
  }
  @media (max-width: 400px) {
    .art-schluss .textfeld { padding: 16px 12px; }
    .art-schluss .knopf { padding: 12px 14px; white-space: normal; }
  }
  
  @media (max-height: 500px) {
    .art-station { gap: 8px; }
    .art-station .textfeld { gap: 6px; }
    .station__erfolg, .station__rolle, .station__aufgabenfeld { padding: 6px 10px; border-radius: 12px; }
    .art-station .kurvenfeld { min-height: 110px; height: 110px; align-self: start; }
    .am-kurve .kurve-feld { padding: 4px; border-radius: 12px; }
    .zeugnis__aussage { padding: 8px 12px; }
    .zeugnis__aussage .etikett { margin-bottom: 4px; }
    .art-ende:has(.zitat--gross) .textfeld { gap: 4px; }
    .art-ende .beruf { padding: 2px 10px; }
    .art-ende .fuss { padding: 2px 12px; }
    .folie.art-station, .folie.sehr-eng.art-station { padding-bottom: 12px; }  
  }
  
  .am-station .kurve-feld { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .folie.art-station .station__rolle .kurvenfeld { display: block; order: 0; align-self: stretch; height: auto; margin: 0; }
  @media (min-width: 761px), (min-width: 561px) and (max-height: 500px) {
    .folie.art-station, .folie.knapp.art-station, .folie.sehr-eng.art-station { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; row-gap: 12px; align-items: stretch; max-width: 1240px; margin: 0 auto; }
    .art-station .textfeld { display: contents; }
    .station__erfolg { grid-column: 1; grid-row: 1; }
    .station__aufgabenfeld { grid-column: 1; grid-row: 2; }
    .station__rolle { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; min-width: 0; }
    .folie.art-station .station__rolle .kurvenfeld { flex: 1 1 auto; min-height: 150px; margin-top: 10px; }
    .art-station .station__zahl, .art-station .station__etikett { padding-right: 0; }
  }
  @media (max-height: 500px) { .folie.art-station .station__rolle .kurvenfeld { min-height: 90px; margin-top: 4px; } }
  @media (max-width: 760px) and (min-height: 501px), (max-width: 560px) {
    .folie.art-station, .folie.knapp.art-station, .folie.sehr-eng.art-station { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr); gap: 8px; align-content: stretch; }
    .art-station .textfeld { display: contents; }
    .station__erfolg { grid-column: 1; grid-row: 1; }
    .station__rolle { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: minmax(0, 1fr) clamp(104px, 33%, 140px); column-gap: 10px; align-items: center; }
    .station__rolle .station__kopf, .station__rolle .zeit { grid-column: 1; }
    .folie.art-station .station__rolle .kurvenfeld { grid-column: 2; grid-row: 1 / span 2; height: 84px; min-height: 84px; }
    .station__aufgabenfeld { grid-column: 1; grid-row: 3; }
  }
  @media (max-width: 760px), (max-height: 500px) {
    .kurve-feld .kurve__achse, .kurve-feld .kurve__jahr--gross, .kurve-feld .kurve__name--gross, .kurve-feld .kurve__name, .am-station .kurve-feld__jahr { display: none; }
  }
}


@media screen {
  .abschnitt--werdegang { --zl-datum: 136px; --zl-faden: 28px; --zl-mitte: 28px; }
  .abschnitt--werdegang .stationen { display: block; }
  .abschnitt--werdegang .stationen > li,
  .abschnitt--werdegang .stationen > li.ist-fokus,
  .abschnitt--werdegang .stationen > li.ist-marke { position: relative; display: grid; grid-template-columns: var(--zl-faden) minmax(0, 1fr); column-gap: 0; padding: 0 0 28px; border: 0; border-radius: 0; background: none; box-shadow: none; }
  
  .abschnitt--werdegang .stationen > li::before { content: ""; position: absolute; left: calc(var(--zl-faden) / 2 - 1px); top: 0; bottom: 0; width: 2px; background: var(--linie); }
  .abschnitt--werdegang .stationen > li.ist-fokus::before,
  .abschnitt--werdegang .stationen > li.ist-marke::before { background: var(--gold); }
  .abschnitt--werdegang .stationen > li:first-child::before { background: linear-gradient(to bottom, transparent, var(--linie) var(--zl-mitte)); }
  .abschnitt--werdegang .stationen > li:last-child { padding-bottom: 8px; }
  .abschnitt--werdegang .stationen > li:last-child::before { background: linear-gradient(to bottom, var(--linie) 70%, transparent); }
  
  .abschnitt--werdegang .stationen > li:not(.ist-marke)::after { content: ""; position: absolute; left: calc(var(--zl-faden) / 2 - 7px); top: calc(var(--zl-mitte) - 7px); box-sizing: border-box; width: 14px; height: 14px; border: 2px solid var(--linie); border-radius: 50%; background: #2a2927; }
  .abschnitt--werdegang .stationen > li.ist-fokus::after { border-color: var(--gold); }
  .abschnitt--werdegang .stationen > li.ist-jetzt:not(.ist-marke)::after { border-color: var(--gold); background: var(--gold); box-shadow: 0 0 0 5px rgb(217 164 65 / .2); }
  
  .abschnitt--werdegang .station__zeit { grid-column: 2; margin: 0 0 2px; padding: 16px 0 0; border: 0; border-radius: 0; background: none; font: 500 var(--s14)/24px var(--sans); font-variant-numeric: tabular-nums; text-align: left; color: var(--tinte-weich); }
  .abschnitt--werdegang .stationen > li.ist-jetzt .station__zeit { color: var(--tinte); }
  .abschnitt--werdegang .stelle__inhalt { grid-column: 2; }
  .abschnitt--werdegang .stationen > li.ist-marke { padding: 0 0 4px; }
  .abschnitt--werdegang .stationen__marke { grid-column: 2; padding: 2px 0; color: var(--tinte); }  
  
  .abschnitt--werdegang .stationen > li { transition: opacity .3s ease; transform-origin: 50% 50%; }
  @media (min-width: 1024px) { .abschnitt--werdegang .stationen > li { transition: none; } }
  .abschnitt--werdegang .stationen > li.ist-still { opacity: .84; }
  .abschnitt--werdegang .stationen > li.ist-jetzt .station__kachel { border-color: var(--glas-rand); background: rgb(246 236 221 / .1); }
  .ist-fenster .stationen { perspective-origin: 50% 50%; }
  
  .zeitstrahl { position: relative; margin: 4px 0 24px; }
  .zeitstrahl__balken { position: relative; display: flex; gap: 2px; height: 6px; }
  .zeitstrahl__balken span { min-width: 2px; border-radius: 1px; background: rgb(246 236 221 / .34); opacity: .6; transition: opacity .3s ease, transform .3s ease; }
  .zeitstrahl__balken span.ist-fokus { background: var(--gold); }
  .zeitstrahl__balken span.ist-jetzt { opacity: 1; transform: scaleY(1.7); }
  .zeitstrahl__zeiger { position: absolute; top: -5px; width: 2px; height: 16px; margin-left: -1px; border-radius: 1px; background: var(--tinte); }
  .zeitstrahl__jahre { position: relative; height: 24px; margin: 4px 0 0; font: 500 var(--s14)/24px var(--sans); font-variant-numeric: tabular-nums; color: var(--tinte-weich); }
  .zeitstrahl__jahre span { position: absolute; transform: translateX(-50%); }
  .zeitstrahl__jahre span:first-child { transform: none; }
  .zeitstrahl__jahre span:last-child { transform: translateX(-100%); }
  
  
  .tm { position: relative; }
  .tm__strich { position: absolute; right: 18px; width: 40px; height: 1px; background: rgb(246 236 221 / .36); transform-origin: 100% 50%; }
  .tm__strich.ist-vertrieb { background: rgb(217 164 65 / .7); }
  .tm__jahr { position: absolute; right: 66px; font: 500 var(--s14)/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--tinte-weich); transform: translateY(-50%); }
  .tm__stelle { position: absolute; right: 0; box-sizing: border-box; width: 10px; min-height: 4px; border: 1px solid transparent; border-radius: 5px; background: rgb(246 236 221 / .2); background-clip: padding-box; }
  .tm__stelle.ist-vertrieb { background-color: rgb(217 164 65 / .5); }
  .tm__stelle.ist-jetzt { background-color: var(--gold); box-shadow: 0 0 10px rgb(217 164 65 / .55); }
  .tm__stelle:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
  .tm__zeiger { position: absolute; right: 66px; z-index: 2; padding: 4px 8px; border-radius: 8px; background: var(--gold); color: #2a2927; font: 600 var(--s14)/1.2 var(--sans); font-variant-numeric: tabular-nums; white-space: nowrap; transform: translateY(-50%); }
  .tm__zeiger::after { content: ""; position: absolute; left: 100%; top: 50%; width: 62px; height: 2px; margin-top: -1px; background: var(--gold); }
  @media (min-width: 761px) {
    .abschnitt--werdegang .stationen > li,
    .abschnitt--werdegang .stationen > li.ist-fokus,
    .abschnitt--werdegang .stationen > li.ist-marke { grid-template-columns: var(--zl-datum) var(--zl-faden) minmax(0, 1fr); padding-bottom: 32px; }
    .abschnitt--werdegang .stationen > li::before { left: calc(var(--zl-datum) + var(--zl-faden) / 2 - 1px); }
    .abschnitt--werdegang .stationen > li:not(.ist-marke)::after { left: calc(var(--zl-datum) + var(--zl-faden) / 2 - 7px); }
    .abschnitt--werdegang .station__zeit { grid-column: 1; margin: 0; padding: calc(var(--zl-mitte) - 12px) 0 0; text-align: right; }
    .abschnitt--werdegang .stelle__inhalt, .abschnitt--werdegang .stationen__marke { grid-column: 3; }
    .abschnitt--werdegang .stationen > li.ist-marke { padding-bottom: 8px; }
    .zl { display: grid; grid-template-columns: minmax(0, 1fr) 132px; column-gap: 8px; align-items: start; --tm-h: min(64vh, 560px); }
    .zl > .stationen { grid-column: 1; grid-row: 1; }
    .zl > .zeitstrahl { display: none; }
    .tm { grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--zl-oben) + (100vh - var(--zl-oben) - var(--tm-h)) / 2); height: var(--tm-h); }
  }
  
  .abschnitt--werdegang.ist-fenster { display: flex; flex-direction: column; box-sizing: border-box; height: calc(100vh - var(--zl-oben) - 24px); margin-top: 12px; margin-bottom: 12px; padding-bottom: 12px; scroll-margin-top: calc(var(--zl-oben) + 12px - 64px); }
  .ist-fenster > .abschnitt__kopf { flex: none; margin-bottom: 0; }
  .ist-fenster > .stationen__wege { flex: none; margin-top: 8px; }
  .ist-fenster > .zl { flex: 1 1 0; min-height: 0; margin: 0 -24px; padding: 16px 12px 16px 24px; overflow: hidden auto; scrollbar-width: none; border-bottom: 1px solid var(--linie); outline-offset: -2px; }
  .ist-fenster > .zl::-webkit-scrollbar { display: none; }
  .ist-fenster > .zl:focus-visible { outline: 2px solid var(--gold); }
  .ist-fenster .stationen { padding: 0 10px; }
  .ist-fenster .tm { top: 0; height: calc(var(--zl-fenster) - 34px); touch-action: none; }
  @media (min-width: 1024px) {
    .abschnitt--werdegang .stationen > li.ist-still { opacity: 1; }  
    .ist-fenster .stationen > li.ist-jetzt .station__kachel, .ist-fenster .stationen > li.ist-jetzt .stelle__erfolg { border-color: rgb(217 164 65 / .85); box-shadow: 0 0 0 1px rgb(217 164 65 / .3), 0 18px 44px rgb(0 0 0 / .3); }
    .stelle__inhalt { transform-origin: 50% 50%; }
  }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) { .abschnitt--werdegang .stationen > li.ist-still .stelle__inhalt, .abschnitt--werdegang .stationen > li.ist-still .station__zeit { opacity: .66; } }
  
  @media (max-width: 760px) {
    .zl { display: block; }
    .tm { display: none; }
    .zl > .zeitstrahl { position: sticky; top: var(--zl-oben); z-index: 5; margin: 0 -12px 20px; padding: 12px 12px 0; border-bottom: 1px solid var(--linie); background: #2a2927; }
  }
  @media (prefers-reduced-motion: reduce) {
    .abschnitt--werdegang .stationen > li, .zeitstrahl__balken span { transition: none; }
  }
}
.ebene-zier { display: none; }
@media screen {
  
  .lernliste li > span:first-child { min-width: 0; }
  #ehrenamt .lernzeile:first-child .lernliste li { flex-wrap: wrap; gap: 0 12px; }
  #ehrenamt .lernzeile:last-child .lernliste { display: flex; flex-wrap: wrap; gap: 6px; }
  #ehrenamt .lernzeile:last-child .lernliste li { display: block; padding: 2px 10px; border: 1px solid var(--linie); border-radius: 999px; font-size: 14px; line-height: 1.35; }
  #ehrenamt .lernzeile:last-child .lernliste__rand { display: none; }
}
@media screen {
  
  .stelle__erfolg { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin: 8px 0 10px; padding: 8px 14px; border: 1px solid rgb(217 164 65 / .45); border-radius: 12px; background: rgb(217 164 65 / .08); }
  .stelle__erfolg b { font: 400 var(--s21)/1.2 var(--serif); white-space: nowrap; text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; text-underline-offset: 4px; color: var(--tinte); }
  .stelle__erfolg span { flex: 1 1 240px; font: 14px/1.35 var(--sans); color: var(--tinte-weich); }
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  :root { --ebene-x: max(14px, calc(50vw - 660px)); }
  html:has(.ebene), html:has(.ebene) body { height: 100%; overflow: hidden; }
  html:has(.ebene), html:has(.ebene-zier) { background: #2a2927; --glas: #3a3834; --glas-rand: transparent; --glas-schatten: none; --glas-innen: transparent; --glas-radius: 16px; --linie: rgb(246 236 221 / .14); --tinte-weich: rgb(246 236 221 / .92); }
  html:has(.ebene) body::before, html:has(.ebene-zier) body::before { display: none; }  
  .ebene { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr) auto; column-gap: 24px; overflow: hidden; }
  .ebene, .ebene-zier { position: fixed; top: 14px; bottom: 14px; left: var(--ebene-x); right: var(--ebene-x); border: 1px solid rgb(246 236 221 / .18); border-radius: 26px; background: #2a2927; }
  .ebene-zier { display: block; z-index: -1; }
  .ebene-zier::after { content: ""; position: absolute; top: 58px; left: 12px; right: 12px; bottom: 44px; border-radius: 20px; background: #232220; }
  html:has(.ebene-zier) .kopf { left: calc(var(--ebene-x) + 24px); right: calc(var(--ebene-x) + 24px); }
  html:has(.ebene-zier) .steuerung { left: calc(var(--ebene-x) + 24px); right: calc(var(--ebene-x) + 24px); bottom: 18px; }
  
  .ebene > .kopfzeile { display: contents; }
  .ebene .marke-name { grid-column: 1; grid-row: 1; align-self: center; margin: 12px 0 6px 24px; padding: 0; }
  .ebene .kopfzeile__wege { grid-column: 3; grid-row: 1; align-self: center; margin: 12px 24px 6px 0; padding-left: 16px; border-left: 1px solid var(--linie); }
  html:has(.ebene-zier) .kopf__wege .weg[href^="bewerberprofil"], html:has(.ebene-zier) .kopf__wege .weg[href^="bewerberprofil"]:hover { background: none; border-color: var(--linie); color: var(--tinte); }
  .ebene.ist-zweizeilig { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .ebene.ist-zweizeilig .kopfzeile__wege { padding-left: 0; border-left: 0; }
  .ebene.ist-zweizeilig > .leiste-oben { grid-column: 1 / -1; grid-row: 2; padding: 0 24px; }
  .ebene.ist-zweizeilig > main.portfolio { grid-row: 3; }
  .ebene.ist-zweizeilig > .fuss { grid-row: 4; }
  .ebene > .leiste-oben { grid-column: 2; grid-row: 1; align-self: center; position: static; margin-top: 6px; padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .ebene .leitnav__liste { gap: 0 16px; }
  .ebene .leitnav a { font-size: 14px; }
  .ebene .marke-name .tuermarke { width: 32px; height: 32px; }
  .ebene:has(.erfolge-fenster) .leitnav__liste { gap: 0 14px; }
  .ebene:has(.erfolge-fenster) .leitnav a { font-size: 14px; }  
  .ebene > main.portfolio { grid-column: 1 / -1; grid-row: 2; min-height: 0; box-sizing: border-box; width: auto; max-width: none; margin: 6px 12px 0; padding: 0 16px 16px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; border-radius: 20px; background: #232220; }
  .ebene > main.portfolio::-webkit-scrollbar { display: none; }
  .ebene > main.portfolio > .erfolge-fenster:first-child { margin-top: 16px; }
  .ebene .erfolge-klein { margin: 0 -32px; }  
  .ebene .erfolge-fenster { border: 0; border-radius: 0; background: none; box-shadow: none; }  
  .ebene > main.portfolio * { -webkit-backdrop-filter: none; backdrop-filter: none; }  
  .ebene > .fuss { grid-column: 1 / -1; grid-row: 3; gap: 16px; padding: 3px 24px 5px; border: 0; font-size: 14px; }
  .ebene > .fuss a { padding: 2px 4px; }
  
  .ist-seiten .ebene > main.portfolio { padding: 0; overflow: hidden; }
  .ist-seiten .seite { box-sizing: border-box; height: 100%; padding: 16px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; outline-offset: -2px; }
  .ist-seiten .seite::-webkit-scrollbar { display: none; }
  .ist-seiten .seite:focus-visible { outline: 2px solid var(--gold); }
  .ist-seiten .seite > :first-child { margin-top: 0; padding-top: 0; }
  .ist-seiten .seite--weg { overflow: hidden; }
  .ist-seiten .abschnitt--werdegang.ist-fenster { height: 100%; margin: 0; }
  
  .ist-seiten .seite--person { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(auto, 1fr) auto auto auto; gap: 14px; padding: 14px; }
  .ist-seiten .abschnitt--start { display: contents; }
  .ist-seiten .start__oben { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-rows: auto minmax(auto, 1fr) auto; gap: 0 14px; }
  .ist-seiten .start__oben::before { content: ""; grid-column: 1; grid-row: 1 / 4; border-radius: var(--glas-radius); background: var(--glas); }
  .ist-seiten .start__name, .ist-seiten .start__titelfeld, .ist-seiten .start__kurzfeld { position: relative; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .ist-seiten .start__name { grid-column: 1; grid-row: 1; min-height: 0; padding: 16px 24px 0; }
  .ist-seiten .start__titelfeld { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; justify-content: center; padding: 10px 24px; }
  .ist-seiten .start__kurzfeld { grid-column: 1; grid-row: 3; padding: 0 24px 18px; }
  .ist-seiten .start__rechts { grid-column: 2; grid-row: 1 / 4; display: flex; flex-direction: column; gap: 14px; min-height: 0; }
  .ist-seiten .start__bild { flex: 1 1 0; min-height: 150px; border: 0; }
  .ist-seiten .start__kontakt { flex: none; padding: 12px 16px; order: 0; border-color: rgb(217 164 65 / .6); }
  .ist-seiten .start__wer b { font-size: 24px; }
  .ist-seiten .start__wer span { font-size: 16px; }
  .ist-seiten .start__titel { margin: 0 0 6px; font-size: clamp(30px, 3vw, 44px); line-height: 1.12; }
  .ist-seiten .start__zweit { font-size: 22px; line-height: 1.3; }
  .ist-seiten .start__ziel { margin: 8px 0 0; font-size: 19px; line-height: 1.35; }
  .ist-seiten .start__ziel span { display: inline; }
  .ist-seiten .start__kurz { font-size: 17px; line-height: 1.5; }
  .ist-seiten .kacheln { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; }
  .ist-seiten .kacheln li, .ist-seiten .kacheln li:nth-child(3) { grid-column: auto; flex-direction: row; align-items: center; gap: 14px; padding: 12px 18px; border: 0; background: var(--glas); }
  .ist-seiten .kacheln .sym { width: 48px; height: 48px; }
  .ist-seiten .kachel__zahl { font-size: 25px; }
  .ist-seiten .kachel__etikett { margin-top: 3px; font-size: 14px; line-height: 1.35; }
  .ist-seiten .start__profil { grid-column: 1; display: flex; align-items: center; gap: 18px; margin: 0; padding: 12px 18px; max-width: none; min-height: 0; border: 0; background: var(--glas); }
  .ist-seiten .start__profil .ueber { flex: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--gold); }
  .ist-seiten .start__profiltext { margin: 0; max-width: none; font-size: 17px; line-height: 1.5; }
  .ist-seiten .abschnitt--staerken { grid-column: 1; margin: 0; padding: 0; min-height: 0; }
  
  .ist-seiten .wolke { --wolke-mass: 1; container-type: inline-size; position: relative; display: block; box-sizing: border-box; aspect-ratio: 7 / 1; padding: 0; border: 0; background: var(--glas); }
  .ist-seiten .wolke li { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); transform: translate(-50%, -50%); }
  .ist-seiten .wolke__1 { font-size: 14px; letter-spacing: .08em; }
  .ist-seiten .wolke__2 { font-size: max(14px, calc(1.24cqw * var(--wolke-mass))); }
  .ist-seiten .wolke__3 { font-size: max(15px, calc(1.48cqw * var(--wolke-mass))); }
  .ist-seiten .wolke__4 { font-size: max(17px, calc(1.78cqw * var(--wolke-mass))); }
  .ist-seiten .wolke__5 { font-size: max(20px, calc(2.2cqw * var(--wolke-mass))); }
  
  @media (max-height: 760px) {
    .ist-seiten .wolke { aspect-ratio: 9 / 1; }
    .ist-seiten .start__bild img { object-position: 50% 22%; }
  }
  
  @media (min-height: 1000px) {
    .ist-seiten .start__profiltext { font-size: 19px; }
    .ist-seiten .kachel__etikett { font-size: 15px; }
    .ist-seiten .start__oben { grid-template-columns: minmax(0, 1fr) 340px; }
    .ist-seiten .start__titel { font-size: clamp(44px, 4.4vw, 58px); }
    .ist-seiten .start__zweit { font-size: 26px; }
    .ist-seiten .start__ziel { font-size: 21px; }
    .ist-seiten .start__ziel span { display: block; }
    .ist-seiten .start__kurz { font-size: 18px; }
    .ist-seiten .wolke { --wolke-mass: 1.08; aspect-ratio: 5.6 / 1; }
  }
  
  .ist-seiten .seite--rest { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: auto; align-content: stretch; gap: 10px; padding: 12px; }
  .ist-seiten .seite--rest > section { margin: 0; padding: 0 14px 10px; min-width: 0; }
  .ist-seiten #it-erfahrung { grid-column: span 5; }
  .ist-seiten #erfolge { grid-column: span 7; }
  .ist-seiten #faehigkeiten { grid-column: 1 / -1; }
  .ist-seiten #lernen { grid-column: span 6; }
  .ist-seiten #lernen .lernzeilen { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
  .ist-seiten #ehrenamt { grid-column: span 6; }
  .ist-seiten #ehrenamt .lernzeilen { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .ist-seiten #kontakt { grid-column: 1 / -1; }
  .ist-seiten .seite--rest .abschnitt__kopf { margin: 0 -14px 8px; padding: 6px 14px; }
  .ist-seiten .seite--rest .abschnitt__titel { font-size: 19px; }
  .ist-seiten .seite--rest .weiter { margin-top: 6px; padding: 0; font-size: 14px; }
  .ist-seiten .seite--rest .lernzeilen { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ist-seiten .seite--rest .lernzeile { padding: 6px 10px; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; }
  .ist-seiten .seite--rest .lernzeile:only-child { grid-column: 1 / -1; }
  .ist-seiten .seite--rest .lernzeile .sym { width: 28px; height: 28px; }
  .ist-seiten .seite--rest .lernliste li { padding: 2px 0; font-size: 14.5px; line-height: 1.3; }
  .ist-seiten .seite--rest .lernliste__rand { font-size: 14px; }
  .ist-seiten .seite--rest .teaser { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ist-seiten .seite--rest .teaser a { padding: 5px 10px; gap: 10px; }
  .ist-seiten .seite--rest .teaser .sym { width: 30px; height: 30px; }
  .ist-seiten .seite--rest .teaser .kachel__zahl { font-size: 17px; }
  .ist-seiten .seite--rest .teaser .kachel__etikett { margin-top: 1px; font-size: 14px; }
  .ist-seiten .seite--rest .felder { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .ist-seiten .seite--rest .feld { grid-column: auto; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; padding: 6px 10px; }
  .ist-seiten .seite--rest .feld .sym { width: 30px; height: 30px; }
  .ist-seiten .seite--rest .feld h3 { margin: 0 0 1px; font-size: 15.5px; }
  .ist-seiten .seite--rest .worte { font-size: 14px; line-height: 1.3; }
  .ist-seiten #kontakt { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 24px; padding: 8px 14px; text-align: left; }
  .ist-seiten #kontakt .abschnitt__kopf { grid-row: 1 / 3; margin: 0; padding: 0; border: 0; background: none; }
  .ist-seiten #kontakt .kontakt__aussage { grid-column: 2; margin: 0; font-size: 19px; line-height: 1.25; }
  .ist-seiten #kontakt .kontakt__satz { grid-column: 2; margin: 0; font-size: 14px; line-height: 1.3; }
  .ist-seiten #kontakt .kontakt__wege { grid-column: 3; grid-row: 1 / 3; display: flex; align-items: center; gap: 10px; margin: 0; }
  @media (min-height: 1000px) {
    .ist-seiten .seite--rest .abschnitt__titel { font-size: 24px; }
    .ist-seiten .seite--rest .lernliste li { font-size: 17px; padding: 5px 0; }
    .ist-seiten .seite--rest .feld { padding: 12px 14px; }
    .ist-seiten .seite--rest .feld h3 { font-size: 19px; }
    .ist-seiten .seite--rest .worte { font-size: 15px; }
    .ist-seiten .seite--rest .teaser a { padding: 10px 14px; }
    .ist-seiten .seite--rest .teaser .kachel__zahl { font-size: 21px; }
    .ist-seiten .seite--rest .teaser .kachel__etikett { font-size: 14px; }
  }
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  .ebene .abschnitt__kopf, .ebene .start__profil .ueber { border: 0; background: none; }
  .ebene .portfolio .abschnitt--werdegang, .ebene .portfolio .abschnitt--erfolge, .ebene .portfolio .abschnitt--felder, .ebene .portfolio .abschnitt--lernen, .ebene .portfolio .abschnitt--kontakt { border: 0; background: var(--glas); box-shadow: none; }
  .ebene .feld, .ebene .teaser a, .ebene .lernzeile, .ebene .fall { border: 0; background: none; box-shadow: none; }
  .ebene .lernliste li { border-bottom: 0; }
  .ebene #ehrenamt .lernzeile:last-child .lernliste li { border: 0; background: rgb(246 236 221 / .1); }
  .ebene .abschnitt--gruppe, .ebene .erfolge-fenster .abschnitt--gruppe { border: 0; background: var(--glas); box-shadow: none; }
  .ebene .gruppe__kachel { border: 0; background: #3a3834; box-shadow: none; }
  .ebene .kennzahlen li { border: 0; background: rgb(246 236 221 / .05); }
  .ebene .abschnitt--arbeit { border-bottom: 0; }
  .ebene .fall__ergebnis, .ebene .fall__zeile--ergebnis { border-top: 0; }
  
  .ist-fenster > .zl { border-bottom: 0; }
  .ist-fenster > .stationen__wege { margin-top: 0; }
  .abschnitt--werdegang .station__kachel, .abschnitt--werdegang .stationen > li.ist-jetzt .station__kachel { border: 0; box-shadow: none; }
  .abschnitt--werdegang .station__kachel { background: none; }
  .abschnitt--werdegang .stationen > li.ist-jetzt .station__kachel { background: rgb(246 236 221 / .07); }
  .ist-fenster .stationen > li.ist-jetzt .station__kachel, .ist-fenster .stationen > li.ist-jetzt .stelle__erfolg { border-color: transparent; box-shadow: none; }
  .stelle__erfolg, .ist-fenster .stationen > li .stelle__erfolg { border: 0; background: none; padding: 4px 12px; }
  
  .ist-seiten .seite--rest { gap: 14px; padding: 14px; }
  .ist-seiten .seite--rest .abschnitt__kopf { margin: 0 -14px 2px; padding: 8px 14px 2px; }
  .ist-seiten .seite--rest .abschnitt__titel { font-size: 20px; }
  .ist-seiten .seite--rest .lernliste li { padding: 3px 0; font-size: 15px; }
  .ist-seiten .seite--rest .lernzeile { padding: 4px 0; }
  .ist-seiten .seite--rest .feld { padding: 5px 0; }
  .ist-seiten .seite--rest .teaser a { padding: 4px 0; }
  .ist-seiten .seite--rest .worte { line-height: 1.35; }
  .ist-seiten #kontakt { padding: 10px 18px; }
}

@media screen and (min-width: 761px) and (min-height: 700px) {
  .folie.sehr-eng.art-station .station__zahl { font-size: 40px; line-height: 1.15; }
}
@media print { .zeitstrahl, .tm { display: none; } }
@media screen { .ist-fenster .lebenslauf-wahl__feld { top: auto; bottom: calc(100% + 6px); } }
@media screen and (min-width: 1024px) and (min-height: 600px) { .ist-seiten #kontakt .lebenslauf-wahl__feld { top: auto; bottom: calc(100% + 6px); } }

@media screen and (max-width: 1023px), screen and (max-height: 599px) {
  html:has(.ebene), html:has(.ebene-zier) { background: #2a2927; --glas: #3a3834; --glas-rand: transparent; --glas-schatten: none; --glas-innen: transparent; --glas-radius: 16px; --linie: rgb(246 236 221 / .14); --tinte-weich: rgb(246 236 221 / .92); }
  html:has(.ebene) body::before, html:has(.ebene-zier) body::before { display: none; }
  html:has(.ebene) body, html:has(.ebene-zier) body { background: #2a2927; }
  .ebene .leiste-oben { background: #2a2927; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .ebene .abschnitt__kopf, .ebene .start__profil .ueber { border: 0; background: none; }
  .ebene .portfolio .abschnitt--werdegang, .ebene .portfolio .abschnitt--erfolge, .ebene .portfolio .abschnitt--felder, .ebene .portfolio .abschnitt--lernen, .ebene .portfolio .abschnitt--kontakt, .ebene .erfolge-fenster { border: 0; box-shadow: none; }
  .ebene .kacheln li { border: 0; background: var(--glas); box-shadow: none; }
  .ebene .feld, .ebene .teaser a, .ebene .lernzeile, .ebene .fall { border: 0; background: none; box-shadow: none; }
  .ebene .feld, .ebene .lernzeile, .ebene .fall { padding-left: 0; padding-right: 0; }
  .ebene .lernliste li { border-bottom: 0; }
  .ebene #ehrenamt .lernzeile:last-child .lernliste li { border: 0; background: rgb(246 236 221 / .1); }
  .ebene .abschnitt--gruppe, .ebene .erfolge-fenster .abschnitt--gruppe { border: 0; background: var(--glas); box-shadow: none; }
  .ebene .gruppe__kachel { border: 0; padding-left: 0; padding-right: 0; background: none; box-shadow: none; }
  .ebene .kennzahlen li { border: 0; background: rgb(246 236 221 / .05); }
  .ebene .abschnitt--arbeit { border-bottom: 0; }
  .ebene .fall__ergebnis, .ebene .fall__zeile--ergebnis { border-top: 0; }
  .ebene .abschnitt--werdegang .station__kachel { border: 0; background: rgb(246 236 221 / .05); box-shadow: none; }
  .ebene .stelle__erfolg { border: 0; background: none; padding: 4px 0; }
  .ebene .zl > .zeitstrahl { background: #3a3834; }
  
  html:has(.erfolge-fenster) .ebene .leiste-oben { position: static; }
  .erfolge-klein { display: none; }
  .ebene .erfolge-fenster .gruppe__kopf { position: static; }
  .ebene .erfolge-fenster .gruppe__kopf::before, .ebene .erfolge-fenster .gruppe__kopf::after { display: none; }
  .ebene .erfolge-fenster .abschnitt--gruppe, .ebene .erfolge-fenster .fall { scroll-margin-top: 8px; }
}
@media screen and (max-width: 760px) { .art-station .station__aufgabenfeld { align-self: start; } }

@media screen and (min-width: 761px) and (min-height: 501px) {
  .folie.art-station, .folie.knapp.art-station, .folie.sehr-eng.art-station { align-content: safe center; }
  .folie.art-station .station__rolle .kurvenfeld { min-height: 170px; }
  .art-einstieg { align-items: stretch; gap: 16px; align-content: safe center; }
  .art-einstieg .textfeld { display: flex; flex-direction: column; justify-content: center; align-self: stretch; }
  .art-einstieg .kurvenfeld { align-self: stretch; height: auto; min-height: min(44svh, 400px); margin: 0; }
}

@media screen and (max-width: 760px), screen and (max-height: 500px) {
  .aufgaben--kurz li[hidden], .station__aufgabenfeld[hidden] { display: none; }
  .art-station .zeit, .folie.art-station .zeit, .folie.eng.art-station .zeit, .folie.knapp.art-station .zeit { font-size: 14px; }
  .art-ende .beruf { font-size: 14px; }
}
@media screen and (max-width: 760px) {
  
  body.am-kurve:not(.am-station) .kurve-feld { display: none; }
  .art-einstieg .titel { padding-right: 0; }
}
@media screen and (max-width: 1023px) {
  #kontakt .lebenslauf-wahl__feld { top: auto; bottom: calc(100% + 6px); }
}
@media screen and (max-width: 1023px) and (max-height: 500px) {
  .zl > .zeitstrahl { position: static; }
}