:root{--paper:#f9f8f4;--ink:#202c30;--blue:#173f4c;--muted:#526267;--line:#d5d9d4;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.52 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible,button:focus-visible{outline:3px solid #ba8143;outline-offset:4px}
button{cursor:pointer;color:inherit;font:inherit}
img{max-width:100%;display:block}
figure,p,h1,h2,h3{margin:0}
.wrap{width:min(1340px,91%);margin-inline:auto}
header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:3}
.head,.foot,.actions,nav,.sectiontop,.cardtitle,.bar,.detail,.steps,.sign,.kicker,.btn,.jobstrip .wrap{display:flex;align-items:center}
.head{min-height:88px;justify-content:space-between;gap:20px}
.logo img{width:180px}
nav{gap:clamp(18px,2.4vw,42px);font-weight:550;font-size:.92rem}
.navcta{background:var(--blue);color:white;padding:11px 21px}
.navcta span{margin-left:14px}
.jobnav{display:flex;align-items:center;gap:8px;color:var(--blue)}
.jobnav i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#367f7a}
.menu{display:none}
.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}
.hero{display:grid;grid-template-columns:0.92fr 1.08fr;min-height:535px;margin-block:clamp(20px,2.7vw,48px)}
.herotext{align-self:center;padding:30px clamp(25px,3.4vw,68px) 30px 0}
.kicker,.sign,.cover figcaption,.cardtitle small,.rows small,.picturecount,.bar,.back{font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.kicker,.sign{gap:11px;color:var(--blue)}.kicker i,.sign i{width:29px;height:2px;background:#31717d}
h1,h2,h3{font-weight:400}
h1,h2,.cardtitle h3,.rows h3,.applybox h3,#bildtitel{font-family:var(--serif)}
h1{font-size:clamp(4.25rem,6.85vw,7.25rem);line-height:.99;letter-spacing:-.067em;margin:26px 0}
h1 em{font-weight:400;color:var(--blue)}
h2{font-size:clamp(2.8rem,4.55vw,4.9rem);line-height:1.04;letter-spacing:-.055em}
.herotext>p,.sectiontop p,.rows p,.story p,.contact p{color:var(--muted);max-width:46ch}
.herotext>p{font-size:clamp(1rem,1.27vw,1.18rem);max-width:43ch}
.actions{gap:23px;flex-wrap:wrap;margin-top:29px;font-size:.95rem;font-weight:600}
.btn{background:var(--blue);color:#fff;padding:14px 21px;justify-content:center;gap:22px;width:fit-content;border-radius:2px}
.btn:hover,.navcta:hover{background:#285566;text-decoration:none}
.under{border-bottom:1px solid #9ca9a5;padding-block:4px}
.sign{margin-top:48px;letter-spacing:.095em;color:#59696b;font-size:.67rem}.sign i{width:16px;height:1px;background:#879895}
.cover{min-height:510px;position:relative;background:#bba079;overflow:hidden}
.cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 46%}
.cover:after{content:'';position:absolute;inset:62% 0 0;background:linear-gradient(transparent,#15170a82);pointer-events:none}
.cover figcaption{position:absolute;z-index:1;bottom:20px;left:22px;color:white;display:flex;align-items:center;gap:12px;font-size:.64rem}
.cover figcaption span{border-right:1px solid #ffffff8a;padding-right:12px}
.jobstrip{background:var(--blue);color:#fff}
.jobstrip .wrap{min-height:62px;justify-content:space-between;gap:18px;font-size:.93rem}
.jobstrip a{white-space:nowrap;border-bottom:1px solid #b6c5c6;padding-block:2px;font-weight:600}
.jobstrip a b{padding-left:12px}.dot{background:#c9b292;margin-right:9px;vertical-align:middle}.dash{color:#96afb4;margin:0 9px}
.section{padding-block:clamp(60px,6.4vw,100px)}
.sectiontop{align-items:flex-end;justify-content:space-between;margin-top:17px;margin-bottom:34px;gap:36px}
.sectiontop p{max-width:35ch}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.card{display:block}.card:hover{text-decoration:none}.cardimg{position:relative;overflow:hidden;aspect-ratio:1.35}
.cardimg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform .3s}.card:hover .cardimg img{transform:scale(1.025)}
.picturecount{position:absolute;bottom:12px;left:12px;background:#f9f8f4ed;padding:4px 8px;font-size:.61rem}
.cardtitle{justify-content:space-between;gap:6px;padding-block:15px;border-bottom:1px solid var(--line)}
.cardtitle small,.rows small{color:#526c73;font-size:.65rem}
.cardtitle h3,.rows h3,.applybox h3,#bildtitel{font-size:clamp(1.4rem,2vw,2rem);line-height:1.2;letter-spacing:-.035em}
.circle{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}
.tint{background:#e9eeeb}.split,.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}
.split h2,.story h2,.contact h2{margin-top:22px}
.rows article{display:flex;gap:25px;border-top:1px solid #bfcac4;padding-block:21px}.rows article:last-child{padding-bottom:0}.rows small{padding-top:7px}.rows p{margin-top:9px}
.story{display:grid;grid-template-columns:.8fr 1fr;gap:9vw;align-items:center}
.story img{width:100%;height:clamp(290px,29vw,420px);object-fit:cover}
.story p,.contact p{margin-top:17px}
.dark{background:#183d48;color:#fff}.dark .kicker,.dark p{color:#d4e1df}.dark .kicker i{background:#bdb098}
.reach,.applybox{align-self:center}
.reach a{display:block;font-size:clamp(1.15rem,2.2vw,2rem);border-top:1px solid #64828b;padding-block:14px;overflow-wrap:anywhere}.reach small{display:block;font-size:.77rem;color:#d4e1df}.reach b{float:right;font-size:.85em}
.foot{justify-content:space-between;gap:14px;padding-block:26px;color:#4a5e60;font-size:.85rem}
.jobshero .gender{display:block;font:italic .55em var(--serif);letter-spacing:-.04em;color:var(--blue);margin-top:.22em}
.back{display:block;width:fit-content;margin-bottom:32px;letter-spacing:.04em}.applybox{border-left:1px solid #627e84;padding-left:clamp(20px,4vw,60px)}
.address{word-break:break-word;display:inline-block;text-decoration:underline;margin-top:7px}.pale{background:var(--paper);color:var(--blue);margin-top:20px}.pale:hover{background:white}.questions a{color:white;text-decoration:underline}
dialog{width:min(810px,94vw);padding:0;border:0;background:var(--paper);color:var(--ink);max-height:94dvh}
dialog::backdrop{background:#09222ce8}body:has(dialog[open]){overflow:hidden}
.viewer{padding:12px 18px}.bar,.detail{justify-content:space-between;gap:12px}.bar{margin-bottom:10px;letter-spacing:.06em}.viewer button{border:1px solid var(--line);background:white;min-height:40px;padding:6px 12px}
#grossbild{width:100%;height:min(62dvh,670px);object-fit:contain;background:#e6e6df}
.detail{padding:14px 0 3px}.detail p{font-size:.88rem;color:var(--muted);margin-top:4px}.steps{gap:6px}
@media(max-width:800px){.head{min-height:70px}.logo img{width:148px}.menu{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 12px;background:transparent}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:16px 5%;box-shadow:0 10px 15px #1231}nav.open{display:grid;gap:0}nav a{padding-block:12px}.navcta{width:fit-content;margin-block:6px}.hero{min-height:0}.cover{min-height:430px}h1{font-size:clamp(3.6rem,8vw,5rem)}.actions{gap:12px}.sign{margin-top:24px}.sectiontop{align-items:start;flex-direction:column;gap:15px}.sectiontop p{max-width:47ch}.cardtitle h3{font-size:1.4rem}.circle{width:28px;height:28px;flex-shrink:0}.contact,.split{gap:5vw}.foot{flex-wrap:wrap}}
@media(max-width:620px){.wrap{width:90%}.hero{display:flex;flex-direction:column;gap:18px;margin-block:20px 22px}.herotext{align-self:stretch;padding:12px 0 0}.herotext>p{max-width:40ch}.hero h1{font-size:clamp(3.8rem,13vw,5rem);margin:17px 0}.actions{margin-top:19px;gap:17px;font-size:.88rem}.btn{padding:12px 16px}.sign{margin-top:19px;font-size:.59rem}.cover{min-height:0;height:clamp(235px,66vw,350px)}.cover figcaption{bottom:13px;left:14px}.jobstrip .wrap{padding-block:14px;font-size:.83rem}.jobstrip strong{display:inline-block}.dash{display:block;height:0;overflow:hidden}.jobstrip a b{padding-left:4px}.cards{grid-template-columns:1fr;gap:25px}.sectiontop{margin-bottom:24px}.cardimg{aspect-ratio:1.55}.split,.contact,.story{grid-template-columns:1fr;gap:26px}.split h2 br,.contact h2 br{display:none}.story img{height:240px}.story{gap:26px}.applybox{border-left:0;border-top:1px solid #627e84;padding:24px 0 0}.back{margin-bottom:18px}.foot{display:grid;grid-template-columns:auto auto}.foot span{grid-row:2}.viewer{padding:10px}.detail{align-items:flex-start;flex-wrap:wrap}.steps{margin-left:auto}#grossbild{height:52dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Überarbeitete Proportionen und Sprachwahl */
.head{min-height:104px;gap:20px}.logo{flex-shrink:0}.logo img{width:236px}
nav{gap:clamp(12px,1.7vw,26px);font-size:.85rem}.navcta{padding:10px 15px}
.language{display:flex;gap:7px;font-size:.74rem;align-items:center;color:#526267}
.language a[aria-current]{font-weight:750;color:var(--blue)}.language span{color:#a1acab}
.hero{grid-template-columns:.76fr 1.24fr}
h1{font-size:clamp(3.2rem,5vw,5.1rem);letter-spacing:-.055em}
h2{font-size:clamp(2.4rem,3.4vw,3.7rem)}
.herotext>p{font-size:1rem}.sign{margin-top:32px}
.cardtitle h3,.rows h3,.knowledge h3{font-size:clamp(1.35rem,1.9vw,1.8rem)}
.textlink{display:inline-block;margin-top:13px;text-decoration:underline;text-underline-offset:4px;font-size:.88rem}
.knowledgegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.knowledgegrid article{border-top:1px solid var(--line);padding-top:20px}
.knowledgegrid small{font-size:.65rem;letter-spacing:.08em;color:#526c73}
.knowledge h3{font-family:var(--serif);margin:12px 0}
.knowledge p{color:var(--muted)}.knowledge details{margin-top:22px}
.knowledge summary{cursor:pointer;font-size:.88rem;font-weight:600}
.knowledge details p{margin-top:14px;font-size:.92rem}
.source{display:inline-block;margin-top:12px;font-size:.8rem;text-decoration:underline}
@media(max-width:1100px){.head{flex-wrap:wrap;padding-block:12px;gap:12px}.logo img{width:205px}nav{order:3;flex-basis:100%;justify-content:space-between}.language{margin-left:auto}}
@media(max-width:800px){.head{flex-wrap:nowrap;min-height:85px}nav{display:none}nav.open{display:grid}.menu{margin-left:auto}.language{margin-left:0}.hero{grid-template-columns:.9fr 1.1fr}h1{font-size:clamp(3rem,5.8vw,4.2rem)}.knowledgegrid{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.logo img{width:170px}.head{gap:10px}.menu{padding:6px 8px;font-size:.85rem}.hero h1{font-size:clamp(3rem,10vw,3.9rem)}h2{font-size:2.6rem}.cover{height:clamp(270px,78vw,390px)}.language{gap:4px;font-size:.68rem}.knowledgegrid h3{font-size:1.55rem}}

/* Die Farbtöne des bestehenden Logos */
:root{--paper:#f9f7f3;--ink:#292d2e;--blue:#393735;--muted:#67615c;--line:#ddd5cb}
body{background:var(--paper)}.tint{background:#eee8e0}
.dark,.jobstrip{background:#353431}
.dark .kicker,.dark p{color:#e2d9cd}.dark .kicker i{background:#b59a80}
.kicker i,.sign i{background:#ac9076}.jobnav i,.dot{background:#ac9076}
.btn:hover,.navcta:hover{background:#5e5046}
.cardtitle small,.rows small,.knowledgegrid small{color:#87715d}
.pale{background:var(--paper);color:var(--ink)}.pale:hover{background:#e5d6c5}
.reach a,.applybox{border-color:#8a7a68}
dialog::backdrop{background:#282622eb}
html[lang="ru"] nav{font-size:.8rem}
html[lang="ru"] .jobshero h1{font-size:clamp(2.8rem,4vw,4.3rem)}
@media(max-width:620px){html[lang="ru"] .hero h1{font-size:clamp(2.9rem,10vw,3.8rem)}}

.story img.portrait{height:auto;aspect-ratio:4/5;object-fit:cover;max-height:560px;width:100%;object-position:center;}
@media(max-width:620px){.story img.portrait{width:min(100%,380px);max-height:none;margin-inline:auto}}

.legal{max-width:900px;padding-block:65px}.legal h1{font-size:clamp(2.4rem,5vw,4rem)}.legal h2{font-size:1.5rem;margin:30px 0 12px}.legal p{margin:15px 0;line-height:1.7}.legal a{text-decoration:underline;overflow-wrap:anywhere}.review{padding:16px;background:#eee8e0}.foot{flex-wrap:wrap}
