/* Arthofer Klick-Dummy – studio nordlicht */
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap");

:root{
  --rot:#a12218; --rot-dunkel:#7d1a12; --dunkel:#2a2a2b; --text:#2a2a2b; --grau:#555555;
  --grau-hell:#747474; --linie:#e0dede; --linie-hell:#ebeaea; --flaeche:#f6f6f6; --gruen:#a0ce4e; --weiss:#ffffff;
  --st-caramel:linear-gradient(135deg,#c9b08f 0%,#a88c69 50%,#d3bd9c 100%);
  --st-grau:linear-gradient(135deg,#9d9a95 0%,#7a7772 50%,#b3b0ab 100%);
  --st-anthrazit:linear-gradient(135deg,#5a5a5c 0%,#3b3b3d 50%,#6b6b6d 100%);
  --st-sand:linear-gradient(135deg,#d9cbb2 0%,#bfae91 50%,#e2d6c1 100%);
  --st-gruen:linear-gradient(135deg,#8aa66b 0%,#6d8a4f 50%,#a2bd82 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;font-family:"Titillium Web",Arial,Helvetica,sans-serif;color:var(--text);background:var(--weiss);font-size:17px;line-height:1.5}
a{color:var(--rot);text-decoration:none}a:hover{color:var(--rot-dunkel)}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.1;font-weight:700}
h1{font-size:clamp(40px,5vw,64px)}
h2{font-size:clamp(28px,3vw,40px)}
p{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding:0 80px}
@media(max-width:900px){.wrap{padding:0 20px}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:4px;font-weight:700;font-size:16px;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2}
.btn-rot{background:var(--rot);color:#fff;border-color:var(--rot)}.btn-rot:hover{background:var(--rot-dunkel);border-color:var(--rot-dunkel);color:#fff}
.btn-dunkel{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}.btn-dunkel:hover{color:#fff;background:#111}
.btn-outline{border-color:var(--dunkel);color:var(--dunkel);background:transparent}.btn-outline:hover{background:var(--dunkel);color:#fff}
.btn-outline-weiss{border-color:#fff;color:#fff}.btn-outline-weiss:hover{background:#fff;color:var(--dunkel)}
.btn-outline-grau{border-color:#747474;color:#fff}.btn-outline-grau:hover{border-color:#fff;color:#fff}
.btn-sm{padding:11px 20px;font-size:15px}
.link-u{font-weight:700;border-bottom:2px solid var(--gruen);padding-bottom:2px}
.eyebrow{font-size:14px;font-weight:700;color:var(--rot);letter-spacing:.08em;text-transform:uppercase}
.eyebrow.gruen{color:var(--gruen)}
.lead{font-size:19px;color:var(--grau)}
.meta{font-size:14px;color:var(--grau-hell)}

/* Topbar + Header */
.topbar{background:var(--flaeche);font-size:14px;color:var(--grau)}
.topbar .wrap{height:36px;display:flex;align-items:center;justify-content:flex-end;gap:32px}
.topbar a{color:var(--dunkel)}.topbar strong{font-weight:600}
@media(max-width:900px){.topbar span{display:none}}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linie-hell)}
.header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{width:246px;height:60px;object-fit:contain}
.nav{display:flex;align-items:center;gap:28px;font-size:17px;font-weight:600}
.nav a{color:var(--dunkel);padding:8px 0;border-bottom:3px solid transparent}
.nav a:hover{color:var(--rot)}
.nav a.aktiv{color:var(--rot);border-bottom-color:var(--rot)}
.nav a.cta{background:var(--rot);color:#fff;padding:12px 22px;border-radius:4px;border:none}
.nav-toggle{display:none;background:none;border:1px solid var(--linie);border-radius:4px;padding:10px 12px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer}
@media(max-width:1100px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--linie)}
  .nav.offen{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--linie-hell)}
  .nav a.cta{margin-top:12px;text-align:center}
}

/* Hero */
.hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.78) 0%,rgba(20,20,20,.45) 55%,rgba(20,20,20,.10) 100%)}
.hero .wrap{position:relative;z-index:1;padding-top:72px;padding-bottom:72px;width:100%}
.hero-inner{max-width:760px;display:flex;flex-direction:column;gap:20px}
.hero p{font-size:22px;font-weight:300;color:#f6f6f6}
.badge{display:inline-flex;align-self:flex-start;background:var(--gruen);color:#1f2a0c;font-size:14px;font-weight:700;padding:6px 12px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}
.btn-row{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:700px){.hero{min-height:520px}.hero p{font-size:18px}}

/* Sections */
.section{padding:88px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.section-head .titel{display:flex;flex-direction:column;gap:8px}
.section-head p{max-width:460px;color:var(--grau)}
@media(max-width:900px){.section{padding:56px 0}.section-head{flex-direction:column;align-items:flex-start;gap:16px}}

.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
@media(max-width:1100px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:700px){.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:1fr}}

.karte{display:flex;flex-direction:column;background:var(--flaeche);border-radius:6px;overflow:hidden;color:var(--text)}
.karte:hover .karte-titel{color:var(--rot)}
.karte-bild{height:200px;background:var(--st-grau)}
.karte img.karte-bild{width:100%;object-fit:cover}
.karte-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:8px}
.karte-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px}
.karte-titel{font-size:24px;font-weight:700}
.karte-body span.text{color:var(--grau);font-size:16px}
.karte-klein{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--linie);border-radius:6px;padding:24px 28px;color:var(--text)}
.karte-klein:hover{border-color:var(--rot)}
.icon-kreis{width:56px;height:56px;border-radius:50%;background:var(--linie-hell);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.karte-klein .titel{font-size:20px;font-weight:700;display:block}
.karte-klein .text{font-size:15px;color:var(--grau)}

/* Aktuell band */
.band-dunkel{background:var(--dunkel);color:#fff}
.band-dunkel .wrap{padding-top:72px;padding-bottom:72px;display:flex;gap:64px;align-items:center}
.cover-paar{display:flex;gap:24px;flex-shrink:0}
.cover-paar img{width:220px;height:311px;object-fit:cover;border-radius:4px;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.cover-paar img+img{margin-top:40px}
.band-dunkel .inhalt{display:flex;flex-direction:column;gap:20px}
.band-dunkel p{font-size:18px;color:#d9d9d9;max-width:620px}
@media(max-width:1000px){.band-dunkel .wrap{flex-direction:column;align-items:flex-start}.cover-paar img{width:160px;height:226px}}

/* Mustergarten + Händler */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.split-bild{position:relative;min-height:520px;overflow:hidden;color:#fff}
.split-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,20,.78) 0%,rgba(20,20,20,.05) 60%)}
.split-bild .inhalt{position:absolute;left:80px;right:48px;bottom:56px;z-index:1;display:flex;flex-direction:column;gap:12px}
.split-bild h2{font-size:36px}.split-bild p{color:#e6e6e6}
.split-bild .link-u{color:#fff;align-self:flex-start}
.split-form{background:var(--flaeche);padding:64px 80px 64px 64px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.split-form h2{font-size:36px}.split-form p{color:var(--grau)}
.form-zeile{display:flex;gap:12px}
.input{flex-grow:1;height:56px;border:1px solid #c9c7c7;border-radius:4px;padding:0 18px;font-size:17px;font-family:inherit;background:#fff;min-width:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:1000px){.split{grid-template-columns:1fr}.split-bild .inhalt{left:20px;right:20px;bottom:32px}.split-form{padding:48px 20px}}

/* Über uns */
.ueber{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.ueber .inhalt{display:flex;flex-direction:column;gap:20px}
.ueber h2{font-size:44px}.ueber p{font-size:18px;color:var(--grau)}
.zahlen{display:flex;gap:40px;margin-top:8px}
.zahl{display:flex;flex-direction:column}
.zahl b{font-size:40px;font-weight:900;color:var(--rot);line-height:1}
.zahl span{font-size:15px;color:var(--grau-hell)}
.video{position:relative;display:block;height:380px;border-radius:6px;overflow:hidden}
.video img{width:100%;height:100%;object-fit:cover}
.video::after{content:"";position:absolute;inset:0;background:rgba(20,20,20,.25)}
.play{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:var(--rot);display:flex;align-items:center;justify-content:center;z-index:1}
.video .label{position:absolute;left:24px;bottom:20px;color:#fff;font-size:15px;font-weight:600;z-index:1}
@media(max-width:1000px){.ueber{grid-template-columns:1fr;gap:32px}.video{height:260px}}

/* Footer */
.footer{background:var(--rot);color:#fff;margin-top:auto}
.footer a{color:#fff}.footer a:hover{text-decoration:underline;color:#fff}
.footer .wrap{padding-top:64px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;font-size:15px;line-height:1.6}
.footer-grid>div{display:flex;flex-direction:column;gap:6px}
.footer-grid b{font-size:18px;font-weight:700}
.footer-unten{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.3);padding-top:24px;font-size:14px}
.footer-unten div{display:flex;gap:24px;flex-wrap:wrap}
.footer.kompakt .wrap{padding-top:48px;padding-bottom:32px;gap:0}
.footer.kompakt .footer-unten{border:0;padding:0;font-size:15px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}

/* Unterseiten */
.seitenkopf{padding-top:48px}
.crumbs{display:flex;gap:8px;font-size:14px;color:var(--grau-hell);margin-bottom:16px}
.crumbs a{color:var(--grau-hell)}.crumbs b{color:var(--dunkel);font-weight:600}
.seitenkopf-zeile{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.seitenkopf-zeile .titel{display:flex;flex-direction:column;gap:12px;max-width:760px}
.seitenkopf-zeile .aktionen{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:1000px){.seitenkopf-zeile{flex-direction:column;align-items:flex-start;gap:20px}}

.tabs{position:sticky;top:88px;z-index:40;margin-top:32px;background:#fff;border-top:1px solid var(--linie-hell);border-bottom:1px solid var(--linie-hell)}
.tabs .wrap{display:flex;align-items:center;gap:4px;height:60px;font-size:16px;font-weight:600;overflow-x:auto}
.tabs a{color:var(--dunkel);padding:0 20px;height:60px;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a:hover,.tabs a.aktiv{color:var(--rot);border-bottom-color:var(--rot)}
.tabs .pill{font-size:12px;background:var(--linie-hell);color:var(--dunkel);padding:2px 7px;border-radius:10px}
.tabs a.aktiv .pill{background:var(--rot);color:#fff}
.tabs .hinweis{margin-left:auto;font-size:14px;color:var(--grau-hell);white-space:nowrap}
@media(max-width:1100px){.tabs .hinweis{display:none}}

.gruppe{padding-top:56px}
.gruppe-kopf{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.gruppe-kopf h2{font-size:32px}
.gruppe-kopf span{color:var(--grau-hell);font-size:16px}

.produkt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:6px;overflow:hidden}
.produkt:hover{border-color:var(--rot)}
.produkt-bild{height:150px;position:relative}
.produkt-bild .tag{position:absolute;left:12px;top:12px;font-size:12px;font-weight:700;color:#fff;background:rgba(42,42,43,.75);padding:3px 8px;border-radius:3px}
.produkt-body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.produkt-name{font-size:18px;font-weight:700;line-height:1.2}
.produkt-formate{font-size:13px;color:var(--grau);line-height:1.4}
.farben{display:flex;gap:5px;align-items:center;margin-top:2px}
.farben i{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.15);display:block}
.farben span{font-size:12px;color:var(--grau-hell);margin-left:4px}
.produkt-links{display:flex;gap:14px;margin-top:auto;padding-top:10px;border-top:1px solid var(--linie-hell);font-size:13px;font-weight:700}
.produkt-links a.sek{color:var(--dunkel)}
.produkt-links a{display:inline-flex;align-items:center;gap:4px}

.system{display:flex;gap:16px;background:var(--flaeche);border-radius:6px;padding:16px}
.system .bild{width:96px;height:96px;flex-shrink:0;border-radius:4px;background:var(--st-gruen)}
.system .body{display:flex;flex-direction:column;gap:6px}
.system .name{font-size:17px;font-weight:700;line-height:1.2}
.system .formate{font-size:13px;color:var(--grau)}
.system a{font-size:13px;font-weight:700;margin-top:auto}

.zweispalt{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding-top:64px}
@media(max-width:1000px){.zweispalt{grid-template-columns:1fr}}
.liste{display:flex;flex-direction:column;border-top:1px solid var(--linie)}
.zeile{display:grid;grid-template-columns:64px 1fr 1fr 150px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linie)}
.zeile .bild{width:64px;height:48px;border-radius:4px}
.zeile .name{font-size:17px;font-weight:700}
.zeile .formate{font-size:14px;color:var(--grau)}
.zeile a{font-size:13px;font-weight:700;text-align:right}
@media(max-width:700px){.zeile{grid-template-columns:48px 1fr;gap:12px}.zeile .formate,.zeile a{grid-column:2}.zeile a{text-align:left}}

.schwer{background:var(--dunkel);color:#fff;border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px}
.schwer .name{font-size:24px;font-weight:700}
.schwer .text{font-size:14px;color:#d9d9d9}
.schwer a{color:#fff;font-size:13px;font-weight:700;margin-top:8px;border-bottom:2px solid var(--gruen);align-self:flex-start}
.hinweis-box{display:flex;align-items:center;gap:12px;border:1px solid var(--linie);border-radius:6px;padding:16px 20px;color:var(--dunkel);font-size:15px;font-weight:600}
.hinweis-box i{width:40px;height:40px;border-radius:4px;background:linear-gradient(135deg,#9a9a9a,#5c5c5c);flex-shrink:0;display:block}

.band-hell{background:var(--flaeche);margin-top:64px}
.band-hell .wrap{padding-top:56px;padding-bottom:56px;display:flex;flex-direction:column;gap:24px}
.band-hell h2{font-size:32px}
.info-karte{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:6px;padding:20px;color:var(--text);border:1px solid var(--linie)}
.info-karte:hover{border-color:var(--rot)}
.info-karte .typ{font-size:12px;font-weight:700;color:var(--rot);text-transform:uppercase;letter-spacing:.06em}
.info-karte .name{font-size:18px;font-weight:700}
.info-karte .text{font-size:13px;color:var(--grau)}

.cta-zeile{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:56px;padding-bottom:56px;border-bottom:1px solid var(--linie-hell)}
.cta-zeile .titel{font-size:28px;font-weight:700;display:block}
.cta-zeile .text{color:var(--grau)}
.cta-zeile .aktionen{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:900px){.cta-zeile{flex-direction:column;align-items:flex-start;gap:20px}}

/* Downloads */
.filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.chip{background:var(--flaeche);color:var(--dunkel);font-size:15px;font-weight:600;padding:10px 18px;border-radius:20px;border:0;font-family:inherit;cursor:pointer}
.chip:hover{background:var(--linie-hell);color:var(--dunkel)}
.chip.aktiv{background:var(--dunkel);color:#fff}
.filter form{margin-left:auto}
.filter .input{height:44px;border-radius:22px;width:300px;font-size:15px}
@media(max-width:900px){.filter form{margin-left:0;width:100%}.filter .input{width:100%}}
.featured{padding-top:40px}
.doc{display:flex;gap:20px;background:var(--flaeche);border-radius:6px;padding:20px}
.doc img,.doc .cover{width:120px;height:170px;object-fit:cover;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.2);flex-shrink:0}
.doc .cover{background:linear-gradient(160deg,#a12218 0%,#6f160f 100%);display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:13px;font-weight:700;line-height:1.2}
.doc .body{display:flex;flex-direction:column;gap:6px}
.doc .typ{font-size:12px;font-weight:700;color:var(--rot);text-transform:uppercase;letter-spacing:.06em}
.doc .name{font-size:20px;font-weight:700;line-height:1.2}
.doc .text{font-size:14px;color:var(--grau)}
.doc .links{display:flex;flex-direction:column;gap:6px;margin-top:auto;font-size:14px;font-weight:700}
.doc .links a.sek{color:var(--dunkel)}
.dl-gruppe{padding-top:48px}
.dl-zeile{display:grid;grid-template-columns:40px 1fr 220px 120px 150px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linie)}
.dl-zeile .ic{width:40px;height:40px;border-radius:4px;background:var(--linie-hell);display:flex;align-items:center;justify-content:center}
.dl-zeile .name{font-size:17px;font-weight:600}
.dl-zeile .bereich{font-size:14px;color:var(--grau)}
.dl-zeile .meta{font-size:14px;color:var(--grau-hell)}
.dl-zeile a{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:14px;font-weight:700}
.dl-zeile.hidden{display:none}
@media(max-width:900px){.dl-zeile{grid-template-columns:40px 1fr}.dl-zeile .bereich,.dl-zeile .meta,.dl-zeile a{grid-column:2;justify-content:flex-start}}
.print-box{margin-top:56px;background:var(--flaeche);border-radius:6px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.print-box .titel{font-size:22px;font-weight:700;display:block}
.print-box .text{color:var(--grau);font-size:16px}
@media(max-width:900px){.print-box{flex-direction:column;align-items:flex-start;gap:20px}}

/* Platzhalter */
.platzhalter{padding:120px 0;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}
.platzhalter p{max-width:560px;color:var(--grau)}

/* Dummy-Hinweis */
.dummy-hinweis{position:fixed;left:16px;bottom:16px;z-index:100;background:#2a2a2b;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;opacity:.85}

/* Über uns */
.intro-band{background:var(--dunkel);color:#fff}
.intro-band .wrap{padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}
.intro-band h1{color:#fff}
.intro-band .zitat{font-size:22px;font-weight:300;color:#d9d9d9;line-height:1.45}
.intro-band .zitat b{display:block;margin-top:16px;font-size:16px;font-weight:700;color:#fff}
.intro-band .crumbs{margin-bottom:24px}.intro-band .crumbs a,.intro-band .crumbs b{color:#bdbdbd}.intro-band .crumbs b{color:#fff}
@media(max-width:1000px){.intro-band .wrap{grid-template-columns:1fr;gap:32px}}
.fakten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--linie);border-radius:6px;overflow:hidden;margin-top:-48px;position:relative;z-index:2;background:#fff}
.fakt{padding:28px 24px;border-right:1px solid var(--linie);display:flex;flex-direction:column;gap:4px}
.fakt:last-child{border-right:0}
.fakt b{font-size:40px;font-weight:900;color:var(--rot);line-height:1}
.fakt span{font-size:15px;color:var(--grau-hell)}
@media(max-width:1000px){.fakten{grid-template-columns:repeat(2,minmax(0,1fr))}.fakt{border-bottom:1px solid var(--linie)}}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;margin-top:16px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:11px;height:3px;background:var(--linie)}
.tl{position:relative;padding:40px 24px 0 0;display:flex;flex-direction:column;gap:8px}
.tl::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid var(--rot);box-sizing:border-box}
.tl.heute::before{background:var(--rot)}
.tl .jahr{font-size:28px;font-weight:900;color:var(--rot);line-height:1}
.tl .jahr.offen{color:var(--grau-hell);font-weight:700;font-size:20px}
.tl .titel{font-size:19px;font-weight:700;line-height:1.2}
.tl .text{font-size:15px;color:var(--grau)}
@media(max-width:1000px){.timeline{grid-template-columns:1fr;padding-left:36px}.timeline::before{left:11px;right:auto;top:0;bottom:0;width:3px;height:auto}.tl{padding:0 0 40px 0}.tl::before{left:-36px}}
.werte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wert{background:var(--flaeche);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:10px}
.wert .k{font-size:22px;font-weight:700}
.wert .t{font-size:15px;color:var(--grau)}
.wert i{display:block;width:44px;height:6px;border-radius:3px;background:var(--rot)}
@media(max-width:1000px){.werte{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.werte{grid-template-columns:1fr}}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.person{border:1px solid var(--linie);border-radius:6px;padding:20px;display:flex;gap:16px;align-items:flex-start}
.person .avatar{width:56px;height:56px;border-radius:50%;background:var(--linie-hell);color:var(--rot);font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.person .body{display:flex;flex-direction:column;gap:2px;min-width:0}
.person .name{font-size:18px;font-weight:700}
.person .rolle{font-size:14px;color:var(--grau);line-height:1.3;margin-bottom:6px}
.person a{font-size:14px;color:var(--dunkel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person a:hover{color:var(--rot)}
.person.leitung{background:var(--flaeche);border-color:var(--flaeche)}
.person.leitung .avatar{background:var(--rot);color:#fff}
@media(max-width:1100px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.team{grid-template-columns:1fr}}
.referenzen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.ref-liste{columns:2;column-gap:24px;font-size:16px;line-height:1.9;color:var(--dunkel)}
.ref-liste span{display:block;break-inside:avoid;padding-left:14px;text-indent:-14px}
.ref-liste span::before{content:"· ";color:var(--rot);font-weight:900}
@media(max-width:900px){.referenzen{grid-template-columns:1fr}.ref-liste{columns:1}}
.jobs{background:var(--rot);color:#fff;border-radius:6px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.jobs .titel{font-size:28px;font-weight:700;display:block}
.jobs .text{color:#f3d9d6}
.jobs .btn{border-color:#fff;color:#fff}.jobs .btn:hover{background:#fff;color:var(--rot)}
@media(max-width:900px){.jobs{flex-direction:column;align-items:flex-start;gap:20px}}
.standort{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.standort .karte-ph{height:320px;border-radius:6px;background:linear-gradient(135deg,#e6e4e0,#cfcbc5);display:flex;align-items:center;justify-content:center;color:var(--grau);font-weight:600}
.oeffnung{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;font-size:16px}
.oeffnung b{font-weight:700}
@media(max-width:900px){.standort{grid-template-columns:1fr}}