
.kr-treppe { padding-left: var(--kr-treppe); margin-top: clamp(22px, 2.4vw, 34px); }
.kr-satz2 { font-size: clamp(20px, 1.75vw, 26px); font-weight: 500; letter-spacing: -.025em; line-height: 1.2; color: var(--u-text-leise); text-wrap: pretty; }
.kr-text a { color: var(--graphit); text-decoration: underline; text-decoration-color: var(--akzent); text-underline-offset: 3px; }
.kr-ueber { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; margin-top: 18px; font-size: 17px; font-weight: 600; color: var(--graphit); text-decoration: none; }
.kr-ueber span { color: var(--akzent); transition: transform .3s cubic-bezier(.2,.7,.2,1); }
.kr-ueber:hover span { transform: translateX(4px); }
.kr-ueber:hover { color: var(--akzent); }
.kr-h2 { font-size: var(--u-h3); font-weight: 600; letter-spacing: -.035em; line-height: 1.04; color: var(--graphit); text-wrap: balance; }
.kr-h2 em { font-style: italic; font-weight: 300; }
.kr-letzte .kr-text { max-width: 560px; margin-top: 0; }
.kr-letzte .kr-treppe { margin-top: 18px; }
.kr-letzte .kr-satz2 { max-width: 560px; }
.kr-knopf { margin-top: 28px; }
.kr-leer { font-size: var(--u-satz); font-weight: 500; letter-spacing: -.02em; line-height: 1.25; color: var(--graphit); }
.kr-stellenliste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linie); }
.kr-stellenliste li { border-bottom: 1px solid var(--linie); }
.kr-stellenliste a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; padding: 18px 0; color: var(--graphit); text-decoration: none; min-height: 48px; }
.kr-stellenliste strong { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.kr-stellenliste span { font-size: 15px; color: var(--u-text-leise); }
.kr-stellenliste a:hover strong { color: var(--akzent); }
.kr-kontakt { margin-top: clamp(40px, 4vw, 56px); padding-top: 24px; border-top: 1px solid var(--linie); }
.kr-kontakt-zeile { display: flex; align-items: center; gap: clamp(18px, 2vw, 26px); }
.kr-bild { flex: none; width: 112px; height: 112px; border-radius: 12px; overflow: hidden; background: #1a1a1a; }
.kr-bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kr-name { font-size: 17px; font-weight: 600; color: var(--graphit); }
.kr-rolle { font-size: 17px; color: var(--u-text-leise); margin-bottom: 10px; }
.kr-kontakt .pfeil { color: var(--graphit); display: inline-block; padding: 12px 0; margin: -12px 0; border-bottom: 0; text-decoration: underline; text-decoration-color: var(--akzent); text-underline-offset: 3px; }
@media (min-width: 768px) and (max-width: 1023px) { :root { --kr-treppe: 0px; } }
@media (max-width: 767px) {
  .kr-treppe { padding-left: 0; }
  .kr-knopf { width: 100%; text-align: center; justify-content: center; }
  .kr-bild { width: 88px; height: 88px; }
  .kr-kontakt .pfeil { overflow-wrap: anywhere; }
}
