:root{
  --black:#202020;
  --navy:#26303e;
  --gold:#b9aa91;
  --sand:#d9cdba;
  --paper:#f7f5f1;
  --line:#d8d2c9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:var(--black)}
body{color:var(--navy);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
button,input,select,textarea{font:inherit}

.topbar{height:64px;background:var(--black);color:#525965}
.nav-inner{height:64px;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 3px}
.main-nav{height:100%;display:flex;align-items:center;gap:47px}
.main-nav a{height:100%;display:flex;align-items:center;position:relative;text-decoration:none;color:#c4c1bb;font-size:16px;font-weight:300}
.main-nav a.active{color:#d2bea0}
.main-nav a.active::after{content:"";position:absolute;left:0;bottom:13px;width:48px;height:2px;background:#d2bea0}
.top-contact{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:300;color:#989b9f}
.top-contact span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.top-contact svg{width:18px;height:18px;fill:none;stroke:#8f969d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top-contact span:first-child svg{fill:#8f969d;stroke:none}
.top-contact b{width:1px;height:19px;background:#424242}

.site-shell{width:calc(100% - 30px);max-width:1643px;margin:0 auto;background:#fff}

.career-hero{background:#202020;color:#f3efe9;padding:105px 8.5% 110px;min-height:600px;display:flex;align-items:center}
.hero-grid{max-width:1360px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.04fr .96fr;gap:105px;align-items:center}
.hero-kicker{display:block;color:#cbb99a;font-family:Georgia,"Times New Roman",serif;font-size:33px;line-height:1.08;font-weight:700;letter-spacing:-1px;margin-bottom:22px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h1{margin:0;font-size:62px;line-height:1.12;letter-spacing:-2.4px;color:#f5f1ea}
.gold-line{width:136px;height:3px;background:#b9aa91;margin:29px 0 25px}
.hero-copy>p{max-width:650px;margin:0;color:#b7bbc0;font-size:19px;line-height:1.63;font-weight:300}
.hero-actions{display:flex;gap:15px;margin-top:35px}
.btn{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-size:15px}
.btn.primary{background:#d9cdba;color:#26303e;min-width:165px}
.btn.primary span{font-size:22px}
.btn.ghost{border:1px solid #736b5f;color:#d8d4cd}
.hero-values{border-top:1px solid #494641}
.hero-values article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid #494641}
.hero-values article>span{font-family:Georgia,"Times New Roman",serif;color:#b9a78a;font-size:17px}
.hero-values h2{margin:0 0 6px;color:#f1eee8;font-size:19px}
.hero-values p{margin:0;color:#9ea3a8;font-size:15px;line-height:1.43;font-weight:300}

.eyebrow{display:block;margin-bottom:18px;color:#a99473;font-size:13px;font-weight:600;letter-spacing:3.1px}
.eyebrow.light{color:#cbb99a}

.expect{background:#f7f5f1;padding:95px 8.5%}
.section-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:115px}
.expect h2,.section-head h2,.initiative h2,.contact-cta h2,.application-head h2{margin:0;font-size:46px;line-height:1.18;letter-spacing:-1.7px;color:#26303e}
.expect-list{border-top:1px solid #cfc8bd}
.expect-list article{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:21px 0;border-bottom:1px solid #cfc8bd}
.expect-list span{font-family:Georgia,"Times New Roman",serif;color:#ae9c80;font-size:17px}
.expect-list p{margin:0;color:#5c6269;font-size:17px;line-height:1.48;font-weight:300}

.jobs{background:#fff;padding:100px 8.5% 110px}
.section-head{max-width:1360px;margin:0 auto 48px}
.section-head h2{max-width:800px}
.section-head>p{max-width:720px;margin:19px 0 0;color:#676c72;font-size:17px;line-height:1.55;font-weight:300}
.job-list{max-width:1360px;margin:0 auto;border-top:1px solid var(--line)}
.job-card{display:grid;grid-template-columns:70px 1fr 260px;gap:35px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}
.job-no{font-family:Georgia,"Times New Roman",serif;color:#b6a489;font-size:25px}
.job-tag{display:block;color:#978166;font-size:12px;font-weight:600;letter-spacing:2.1px;margin-bottom:10px;text-transform:uppercase}
.job-main h3{margin:0;color:#293440;font-size:27px;line-height:1.22;letter-spacing:-.7px}
.job-main h3 small{font-family:"Roboto Condensed",Arial,sans-serif;font-size:16px;font-weight:400;color:#777d82}
.job-main>p{max-width:780px;margin:15px 0 15px;color:#5f656b;font-size:16px;line-height:1.55;font-weight:300}
.job-main ul{margin:0;padding-left:18px;color:#686d72;font-size:15px;line-height:1.55;font-weight:300}
.job-side{border-left:1px solid #d6d0c7;padding-left:30px}
.job-side>span{display:block;color:#a18b6d;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.job-side>strong{display:block;margin-top:8px;color:#38424d;font-size:16px;font-weight:500;line-height:1.35}
.apply-for{margin-top:27px;width:100%;min-height:48px;border:1px solid #b09d7f;background:transparent;color:#303b48;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.apply-for b{font-size:21px;font-weight:300}

.locations{background:#d9cdba;padding:88px 8.5% 96px}
.location-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.15fr .925fr .925fr;border-top:1px solid #ac9b80;border-bottom:1px solid #ac9b80}
.location-grid article{padding:29px 31px;border-left:1px solid #ac9b80}
.location-grid article:first-child{border-left:0;padding-left:0}
.location-grid span{display:block;color:#816f56;font-size:11px;font-weight:600;letter-spacing:2px}
.location-grid h3{margin:15px 0 8px;font-size:28px;color:#283341}
.location-grid p{margin:0;color:#65615a;font-size:15px}
.location-main h3{font-size:34px}

.application{background:#202020;color:#f3efe9;padding:100px 8.5% 105px}
.application-head{max-width:1360px;margin:0 auto 48px;display:grid;grid-template-columns:1fr .8fr;gap:85px;align-items:end}
.application-head h2{color:#f4f0ea;font-size:48px}
.application-head>p{margin:0;color:#aaaeb2;font-size:17px;line-height:1.55;font-weight:300}
.application-form{max-width:1360px;margin:0 auto}
.form-row{display:grid;gap:28px;margin-bottom:24px}
.form-row.two{grid-template-columns:1fr 1fr}
.application-form label>span{display:block;margin-bottom:8px;color:#cec7ba;font-size:14px;font-weight:400}
.application-form input,.application-form select,.application-form textarea{width:100%;border:1px solid #57534d;background:#292929;color:#f2eee8;padding:14px 15px;outline:none;border-radius:0}
.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border-color:#b9aa91}
.application-form select{height:51px}
.application-form textarea{resize:vertical;min-height:135px}
.upload small{display:block;margin-top:7px;color:#7f8589;font-size:12px}
.message{display:block;margin-bottom:23px}
.privacy{display:flex!important;gap:12px;align-items:flex-start;max-width:950px;margin-top:10px}
.privacy input{width:17px;height:17px;margin:2px 0 0;flex:0 0 17px;accent-color:#b9aa91}
.privacy>span{margin:0!important;color:#999da1!important;font-size:13px!important;line-height:1.45}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-submit{margin-top:30px;display:flex;align-items:center;gap:30px}
.form-submit button{min-width:190px;min-height:50px;border:0;background:#d9cdba;color:#26303e;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.form-submit button span{font-size:22px}
.form-submit p{margin:0;color:#8f9498;font-size:14px}
.form-submit a{color:#c6b699}

.initiative{background:#f7f5f1;padding:88px 8.5%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.initiative>div{max-width:650px}
.initiative h2{font-size:40px}
.initiative p{margin:0 0 24px;color:#5f656b;font-size:17px;line-height:1.55;font-weight:300}
.initiative-btn{max-width:220px;margin-top:0}

.contact-cta{background:#d9cdba;padding:72px 8.5%;display:flex;align-items:center;justify-content:space-between;gap:80px}
.contact-cta h2{font-size:42px}
.contact-box{display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.contact-box a{color:#2f3945;text-decoration:none;font-size:18px}

.footer{background:#202020;color:#777d84;padding:34px 8.5%;display:grid;grid-template-columns:150px 1fr 1fr auto;gap:32px;align-items:center;font-size:14px}
.footer>img{width:108px;height:auto}
.footer nav{display:flex;gap:24px}
.footer nav a{color:#777d84;text-decoration:none}

@media(max-width:1100px){
  .nav-inner{padding:0 24px}.top-contact{display:none}.main-nav{gap:28px;overflow:auto;white-space:nowrap}
  .site-shell{width:calc(100% - 20px);max-width:none}
  .career-hero,.expect,.jobs,.locations,.application,.initiative,.contact-cta,.footer{padding-left:6%;padding-right:6%}
  .hero-grid{gap:55px}h1{font-size:50px}.hero-kicker{font-size:29px}
  .section-grid{gap:60px}
  .job-card{grid-template-columns:60px 1fr 220px}
}
@media(max-width:820px){
  .site-shell{width:calc(100% - 12px)}
  .hero-grid,.section-grid,.application-head,.initiative{grid-template-columns:1fr}
  .career-hero{padding-top:75px;padding-bottom:80px}
  h1{font-size:43px}.hero-kicker{font-size:27px}
  .job-card{grid-template-columns:45px 1fr}
  .job-side{grid-column:2;border-left:0;padding-left:0;padding-top:10px}
  .job-side .apply-for{max-width:280px}
  .location-grid{grid-template-columns:1fr}.location-grid article{border-left:0;border-top:1px solid #ac9b80;padding-left:0}.location-grid article:first-child{border-top:0}
  .form-row.two{grid-template-columns:1fr}
  .contact-cta{align-items:flex-start;flex-direction:column}
  .contact-box{align-items:flex-start}
  .footer{grid-template-columns:1fr}
}
@media(max-width:560px){
  .career-hero,.expect,.jobs,.locations,.application,.initiative,.contact-cta,.footer{padding-left:24px;padding-right:24px}
  h1{font-size:36px}.hero-kicker{font-size:24px}
  .expect h2,.section-head h2,.application-head h2,.initiative h2,.contact-cta h2{font-size:32px}
  .hero-actions,.form-submit{flex-direction:column;align-items:flex-start}
  .job-card{grid-template-columns:1fr}.job-no,.job-main,.job-side{grid-column:1}
  .job-side{border-top:1px solid #e0dbd3;padding-top:20px}
}

.thank-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f5f1}
.thank-you{max-width:800px;padding:80px 60px}
.thank-you h1{color:#26303e;font-size:55px}
.thank-you p{font-size:19px;color:#5f656b;line-height:1.55;margin:25px 0 35px}

/* v2 – Karriereseite: alle aktuellen Stellen ausschließlich in Drolshagen */
.location-grid.single-location{
  grid-template-columns:1fr;
}
.location-grid.single-location article{
  border-left:0;
  padding-left:0;
}
.application-form input[readonly]{
  color:#b8ad9b;
  cursor:default;
}