/* Vorlage "einfach" (karriere_einfach.html): ruhig, klar, hochwertig. Schwarz auf Weiß, feine
   Linien, keine Flächen, keine Marken, keine Icons. Die Hausfarbe nur am Knopf und am gewählten
   Filter. Systemschrift, keine fremden Quellen, kein JavaScript. */
*{box-sizing:border-box}
:root{--ke-tinte:#111;--ke-text:#3d3d3d;--ke-leise:#6e6e6e;--ke-linie:#e6e6e6;--ke-r:6px}
body.ke{margin:0;background:#fff;color:var(--ke-text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ke a{color:inherit}
.ke h1,.ke h2{margin:0;color:var(--ke-tinte);font-weight:600;letter-spacing:-.02em}
.ke-breite{max-width:1040px;margin:0 auto;padding-inline:24px}

/* Leiste */
.ke-leiste{border-bottom:1px solid var(--ke-linie)}
.ke-leiste .ke-breite{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px}
.ke-marke{font-weight:600;color:var(--ke-tinte);text-decoration:none;letter-spacing:-.01em}
.ke-marke img{height:28px;width:auto;display:block}
.ke-leiste nav{display:flex;gap:28px;font-size:14px}
.ke-leiste nav a{text-decoration:none;color:var(--ke-leise)}
.ke-leiste nav a:hover{color:var(--ke-tinte)}

/* Kopf */
.ke-kopf{padding:72px 0 8px}
.ke-kopf h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.03em}
.ke-meta{margin:14px 0 0;color:var(--ke-leise);font-size:15px}
.ke-text{margin:18px 0 0;max-width:58ch;font-size:18px;color:var(--ke-text)}

/* Abschnitte */
.ke-abschnitt{padding-top:64px;scroll-margin-top:24px}
.ke-abschnitt h2{font-size:22px}
.ke-zeile{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:24px}
.ke-zeile h2 span{font-size:15px;font-weight:400;color:var(--ke-leise);letter-spacing:0;margin-left:10px}
.ke-filter{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:14px}
.ke-filter a{text-decoration:none;color:var(--ke-leise);padding:4px 0;border-bottom:1px solid transparent}
.ke-filter a:hover{color:var(--ke-tinte)}
.ke-filter a.an{color:var(--ke-tinte);border-bottom-color:var(--k-text)}

/* Stellen: Karten mit feinem Rahmen. Beim Überfahren wird der Rahmen schwarz - sonst nichts. */
.ke-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ke-liste li{display:flex}
.ke-stelle{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--ke-linie);border-radius:var(--ke-r);text-decoration:none;background:#fff;transition:border-color .2s}
.ke-stelle:hover{border-color:var(--ke-tinte)}
.ke-stelle:focus-visible{outline:2px solid var(--ke-tinte);outline-offset:2px}
.ke-eck{font-size:13px;color:var(--ke-leise)}
.ke-titel{font-size:19px;font-weight:600;color:var(--ke-tinte);line-height:1.3;letter-spacing:-.01em;hyphens:auto;-webkit-hyphens:auto}
.ke-unten{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:20px}
.ke-geld{font-size:15px;font-weight:600;color:var(--ke-tinte)}
.ke-geld small{font-size:13px;font-weight:400;color:var(--ke-leise)}
.ke-pfeil{font-size:18px;color:var(--ke-tinte);transition:transform .2s}
.ke-stelle:hover .ke-pfeil{transform:translateX(3px)}
.ke-leer{color:var(--ke-leise)}

/* Über uns und Standorte nebeneinander, getrennt nur durch Raum */
.ke-zweier{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 64px;margin-top:64px;border-top:1px solid var(--ke-linie)}
.ke-zweier .ke-abschnitt{padding-top:40px}
.ke-zweier h2{margin-bottom:14px}
.ke-fliess{margin:0;max-width:62ch;white-space:pre-line}
.ke-orte{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ke-orte li{display:flex;flex-direction:column;font-size:15px;color:var(--ke-leise)}
.ke-orte b{color:var(--ke-tinte);font-weight:600}

/* Initiativbewerbung */
.ke-initiativ-block{margin-top:64px;border-top:1px solid var(--ke-linie);padding-top:40px}
.ke-initiativ-block>.ke-fliess{margin-top:12px;color:var(--ke-leise)}
.ke-initiativ{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:24px;max-width:760px}
.ke-initiativ label{display:flex;flex-direction:column;gap:6px}
.ke-l{font-size:13px;font-weight:600;color:var(--ke-tinte)}
.ke-l i{font-style:normal;font-weight:400;color:var(--ke-leise)}
.ke-initiativ input:not([type=checkbox]){font:15px inherit;font-family:inherit;color:var(--ke-tinte);padding:11px 12px;border:1px solid #d4d4d4;border-radius:var(--ke-r);background:#fff}
.ke-initiativ input:focus{outline:0;border-color:var(--ke-tinte)}
.ke-zustimmung{grid-column:1/-1;flex-direction:row!important;gap:10px!important;font-size:13px;color:var(--ke-leise)}
.ke-zustimmung input{width:16px;height:16px;accent-color:var(--ke-tinte);flex:none;margin-top:3px}
.ke-initiativ button{grid-column:1/-1;justify-self:start;font:600 15px inherit;font-family:inherit;color:var(--k-auf);background:var(--k-farbe);border:0;border-radius:var(--ke-r);padding:12px 22px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--k-kante)}
.ke-initiativ button:hover{background:var(--k-tief)}
.ke-koeder{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ke-fehler{color:#a3261b;margin:12px 0 0}

/* Fuß */
.ke-fuss{margin-top:96px;border-top:1px solid var(--ke-linie);padding:24px 0 40px;font-size:13px;color:var(--ke-leise)}
.ke-fuss .ke-breite{display:flex;gap:24px;flex-wrap:wrap}
.ke-fuss a{text-decoration:none}
.ke-fuss a:hover{color:var(--ke-tinte)}
.ke-evopio{margin-left:auto}
@media (max-width:640px){
  .ke-leiste nav a:not(:first-child){display:none}
  .ke-kopf{padding-top:44px}
  .ke-abschnitt{padding-top:48px}
  .ke-zeile h2 span{display:block;margin:4px 0 0}
  .ke-initiativ{grid-template-columns:1fr}
  .ke-evopio{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.ke-stelle,.ke-pfeil{transition:none}}