@font-face{font-family:Poppins;src:url('../../fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('../../fonts/poppins-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
@page{size:A4;margin:0}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#d8d8d8;color:#111;font-family:Poppins,Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.page{position:relative;width:210mm;height:297mm;overflow:hidden;background:#f4f3ef;page-break-after:always}
.page:last-child{page-break-after:auto}
.brochure-cover,.back{padding:17mm 17mm 14mm;background:#080809;color:#fff;display:flex;flex-direction:column}
.brochure-cover,.back{background:#080809 url('assets/company-cover-minimal.png') center/cover no-repeat}
.brochure-cover{background-image:none}
.brochure-cover:before{content:"";position:absolute;inset:0;background:url('assets/company-cover-minimal.png') center/cover no-repeat;transform:rotate(180deg) scaleX(-1)}
.brochure-cover>*{position:relative;z-index:1}
.cover-backdrop{display:none;position:absolute;inset:0;opacity:.15;overflow:hidden;pointer-events:none}
.cover-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,9,.2),#080809 72%)}
.cover-backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.brand-logo{position:relative;z-index:1;width:47mm;height:auto;display:block}
.cover-brand{display:flex;align-items:center;gap:4mm;color:rgba(255,255,255,.72);font-size:9pt;letter-spacing:.04em}
.cover-brand .brand-logo{width:43mm}
.cover-brand .separator{height:6mm;width:.25mm;background:rgba(255,255,255,.4)}
.cover-product{position:relative;z-index:1;margin-top:28mm;height:57mm;display:flex;flex-direction:column;justify-content:flex-end}
.cover-product-name{margin:0 0 6mm;color:#A21D35;font-size:9pt;font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.cover-headline{margin:0;max-width:171mm;font-size:35pt;line-height:.96;font-weight:620;letter-spacing:-.045em}
.cover-subheadline{margin:4mm 0 0;max-width:160mm;color:rgba(255,255,255,.68);font-size:14pt;line-height:1.3;font-weight:420}
.cover-hero{position:relative;margin-top:13mm;width:176mm;height:108mm;display:grid;place-items:center;overflow:hidden;background:#050506;border-top:.4mm solid rgba(255,255,255,.14);border-bottom:.4mm solid rgba(255,255,255,.14)}
.cover-hero img{display:block;width:100%;height:100%;object-fit:contain}
body[data-group="system"] .brochure-cover .cover-hero{overflow:visible;background:transparent;border:0}
body[data-group="system"] .brochure-cover .cover-hero img{width:88%;height:88%}
.cover-positioning{height:24mm;display:flex;align-items:center;border-bottom:.25mm solid rgba(255,255,255,.2)}
.cover-positioning p{margin:0;color:#fff;font-size:12pt;line-height:1.3;font-weight:520}
.cover-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.5);font-size:7.5pt}
.rule-foot{position:relative;z-index:1;margin-top:auto;padding-top:5mm;border-top:.25mm solid rgba(255,255,255,.22);display:flex;justify-content:space-between;color:rgba(255,255,255,.54);font-size:8pt}
.contents{padding:14mm 17mm 15mm;display:flex;flex-direction:column}
.contents-kicker{margin:0;color:#A21D35;font-size:8pt;font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.contents h1{margin:6mm 0 12mm;font-size:40pt;font-weight:610;line-height:1;letter-spacing:-.045em}
.contents-list{margin:0;padding:0;list-style:none;border-top:.3mm solid #bbb}
.contents-list li{display:grid;grid-template-columns:14mm 1fr;align-items:baseline;gap:5mm;padding:5.2mm 0;border-bottom:.25mm solid #d2d1cc}
.contents-index{color:#A21D35;font-size:8pt;font-weight:750}
.contents-title{font-size:14pt;font-weight:540}
.contents-page{font-size:9pt;color:#777;font-variant-numeric:tabular-nums}
.contents .page-foot{margin-top:auto}
.hero{padding:12mm 16mm 13mm;display:grid;grid-template-rows:auto auto 103mm 1fr auto;gap:6mm}
.hero-head{border-top:0;padding-top:0}
.hero-head .section{display:none}
.hero h2{margin:0;max-width:176mm;font-size:31pt;font-weight:610;line-height:1;letter-spacing:-.04em}
.hero-image{display:grid;place-items:center;overflow:hidden;background:#09090a}
.hero-image img{width:100%;height:100%;display:block;object-fit:contain}
.hero-text{margin:0;align-self:start;color:#414145;font-size:12pt;line-height:1.48;max-width:174mm;white-space:normal}
.feature-pair{padding:12mm 16mm 13mm;display:flex;flex-direction:column}
.feature-pair-body{display:grid;grid-template-rows:repeat(var(--feature-count,2),minmax(0,1fr));gap:5mm;min-height:0;flex:1}
.feature-item{display:grid;grid-template-columns:62mm 1fr;gap:7mm;align-items:center;min-height:0;padding:0 0 5mm;border-bottom:.25mm solid #cbc9c4}
.feature-item:last-child{padding-bottom:0;border-bottom:0}
.feature-image{height:72mm;display:grid;place-items:center;overflow:hidden;background:#09090a}
.feature-image img{display:block;width:100%;height:100%;object-fit:contain}
.feature-copy .section{display:none}
.feature-copy h2{margin:0 0 3mm;font-size:15pt;line-height:1.08;font-weight:610;letter-spacing:-.03em}
.feature-copy>p:last-child{margin:0;color:#414145;font-size:8.3pt;line-height:1.38;white-space:normal}
.feature-pair>.page-foot{margin-top:7mm}
.page-foot{display:flex;justify-content:space-between;padding-top:4mm;border-top:.25mm solid rgba(0,0,0,.16);color:#777;font-size:7.5pt}
.back{align-items:center;justify-content:center;text-align:center}
.back .brand-logo{width:66mm}
.back h2{position:relative;z-index:1;margin:17mm 0 0;font-size:27pt;font-weight:580;letter-spacing:-.035em}
.back p{position:relative;z-index:1;margin:5mm 0 0;color:rgba(255,255,255,.66);font-size:12pt;line-height:1.6}
.back-contact{position:absolute;left:17mm;right:17mm;bottom:28mm;padding-top:5mm;border-top:.25mm solid rgba(255,255,255,.2);text-align:left;color:rgba(255,255,255,.62)}
.back-contact h3{margin:0 0 4mm;color:rgba(255,255,255,.85);font-size:8pt;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.back-contact-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.25fr;gap:7mm;font-size:7.5pt;line-height:1.5}
.back-contact-grid p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
.back .ending{position:absolute;left:17mm;right:17mm;bottom:15mm}
@media screen{body{padding:20px}.page{margin:0 auto 20px;box-shadow:0 18px 55px rgba(0,0,0,.22)}}
@media screen{body:has(.page:target) .page:not(:target){display:none}.page:target{margin-top:0}}
.page{background:#080809!important;color:#fff!important}
.page:after{content:"";position:absolute;z-index:0;inset:0;background:url('assets/company-cover-minimal.png') center/cover no-repeat;pointer-events:none}
.page:before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.12);pointer-events:none}
.page>*{position:relative;z-index:2}
body>.page:nth-of-type(3n+1):after{transform:rotate(180deg) scaleX(-1)}
body>.page:nth-of-type(3n+2):after{transform:none}
body>.page:nth-of-type(3n+3):after{transform:scaleX(-1)}
.brochure-cover:before,.back:before{background:rgba(0,0,0,.12);transform:none}
.contents-kicker,.hero-head .section,.feature-copy .section{color:#A21D35}
.contents-list{border-color:rgba(255,255,255,.34)}.contents-list li,.feature-item{border-color:rgba(255,255,255,.2)}
.contents-title,.contents h1,.hero h2,.feature-copy h2{color:#fff}
.contents-page,.page-foot{color:rgba(255,255,255,.58)}
.hero-text,.feature-copy>p:last-child{color:rgba(255,255,255,.76)}
.page-foot{border-color:rgba(255,255,255,.22)}
.hero-image,.feature-image{background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.15)}
.back>.back-contact,.back>.ending{position:absolute!important}
.pdf-export-button{position:fixed;z-index:9999;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:165px;padding:13px 17px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#A21D35;color:#fff;font:600 14px/1.2 Poppins,Arial,sans-serif;box-shadow:0 14px 38px rgba(0,0,0,.38);cursor:pointer}.pdf-export-button:hover{background:#A21D35;transform:translateY(-1px)}.pdf-export-button small{font-size:9px;font-weight:400;letter-spacing:.04em;opacity:.72}.pdf-export-button.is-preparing{background:#A21D35;cursor:wait}
.pdf-export-root{position:absolute;z-index:10000;left:0;top:0;width:210mm;background:#080809}.pdf-export-root>.page{margin:0!important;box-shadow:none!important}
.brochure-page-brand{display:flex;align-items:center;gap:4mm;min-height:7mm;color:rgba(255,255,255,.72);font-size:8pt;letter-spacing:.04em}
.brochure-page-brand img{display:block;width:40mm;height:auto}
.brochure-page-brand span{width:.25mm;height:5mm;background:rgba(255,255,255,.4)}
.brochure-page-brand b{font-weight:400}
.contents>.brochure-page-brand{margin-bottom:10mm}
.feature-pair>.brochure-page-brand{margin-bottom:8mm}
body[data-group="logistik"]>.page:not(.brochure-cover):not(.back):after,
body[data-group="system"]>.page:not(.brochure-cover):not(.back):after,
body[data-group="personal"]>.page:not(.brochure-cover):not(.back):after{transform:none}
body[data-group="system"][data-mode="complete"]>.page.hero:nth-of-type(3) .hero-image{overflow:visible;background:transparent;border:0}
body[data-group="system"][data-mode="complete"]>.page.hero:nth-of-type(3) .hero-image img{width:76%;height:76%;object-fit:contain}
@media print{@page{size:A4;margin:0}html,body{width:210mm!important;margin:0!important;padding:0!important;background:#080809!important}.page{width:210mm!important;height:297mm!important;margin:0!important;box-shadow:none!important;break-after:page!important;page-break-after:always!important}.page:last-of-type{break-after:auto!important;page-break-after:auto!important}.pdf-export-button{display:none!important}}

/* Helle Innenseiten; Cover und Rueckseite bleiben dunkel. */
body[data-group] .page:not(.brochure-cover):not(.back){background:#fbfaf7!important;color:#171719!important;background-image:none!important}
body[data-group] .page:not(.brochure-cover):not(.back):before,body[data-group] .page:not(.brochure-cover):not(.back):after{display:none!important}
body[data-group] .page:not(.brochure-cover) .hero-image,
body[data-group] .page:not(.brochure-cover) .feature-image{background:transparent!important;border:0!important;border-radius:0!important}
body[data-group] .page:not(.brochure-cover):not(.back) .contents-title,body[data-group] .page.contents h1,body[data-group] .page.hero h2,body[data-group] .page:not(.brochure-cover):not(.back) .feature-copy h2{color:#171719!important}
body[data-group] .page:not(.brochure-cover):not(.back) .contents-page,body[data-group] .page:not(.brochure-cover):not(.back) .page-foot{color:#777!important}
body[data-group] .page.hero .hero-text,body[data-group] .page:not(.brochure-cover):not(.back) .feature-copy>p:last-child{color:#414145!important}
body[data-group] .page:not(.brochure-cover):not(.back) .contents-list{border-color:#bbb!important}
body[data-group] .page:not(.brochure-cover):not(.back) .contents-list li,body[data-group] .page:not(.brochure-cover):not(.back) .feature-item{border-color:#d2d1cc!important}
body[data-group] .page:not(.brochure-cover):not(.back) .page-foot{border-color:#cfcdc8!important}
.complete-editorial .chapter-hero{padding:17mm 16mm 29mm!important;justify-content:flex-start!important;gap:7mm!important}
.complete-editorial .chapter-hero .hero-head .section{display:block;margin:0 0 3mm;color:#A21D35;font-size:8pt;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.complete-editorial .chapter-hero .hero-head h2{font-size:30pt!important;line-height:1.02!important}
.complete-editorial .chapter-hero .hero-image{height:100mm!important;background:transparent!important;border:0!important;border-radius:0!important}
.complete-editorial .chapter-hero .hero-text{font-size:11.2pt!important;line-height:1.5!important}
.chapter-follow-copy{width:100%;flex:0 0 auto;color:#303034;font-size:11.2pt;line-height:1.5}
.chapter-follow-copy p{margin:0}
.chapter-follow-copy p+p{margin-top:5mm}
.chapter-copy-page{padding:17mm 16mm 29mm;display:flex;flex-direction:column}
.chapter-copy-kicker{margin:0 0 12mm;color:#A21D35;font-size:9pt;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.chapter-copy{max-width:176mm;color:#303034;font-size:11.2pt;line-height:1.5}
.chapter-copy p{margin:0}
.chapter-copy p+p{margin-top:5mm}
.chapter-copy-probe,.chapter-hero-probe{position:fixed!important;left:-10000px!important;top:0!important;margin:0!important;visibility:hidden!important;box-shadow:none!important}
@media print{html,body{background:#fff!important}}
