
:root{--ink:#101416;--muted:#2e373d;--line:#cfd5d8;--red:#bf2028;--cream:#f4f3f0;--dark:#111517;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1210px;padding:0 26px;margin:auto}.top{background:#111517;color:#ececec;font-size:12px}.top .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:15px}.nav{background:white;position:sticky;z-index:40;top:0;border-bottom:1px solid #e1e4e8}.navrow{display:flex;align-items:center;justify-content:space-between;min-height:79px;gap:20px}.logo{font-weight:900;letter-spacing:.095em;line-height:1.08;font-size:22px;white-space:nowrap}.logo span{font-size:11px;display:block;font-weight:700;letter-spacing:.28em}.mark{color:var(--red);font-size:29px;margin-right:8px}.links{display:flex;align-items:center;gap:24px;font-weight:700;font-size:13px;color:#1f2529}.links a:hover{color:var(--red)}.btn{border:0;background:var(--red);color:#fff;border-radius:6px;padding:14px 21px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:.2s}.btn:hover{background:#a91921;transform:translateY(-1px)}.btn.outline{border:1px solid #fff;background:rgba(16,19,21,.38)}.btn.light{background:#fff;color:#171a1c;border:1px solid #cfd5d9}.btn.small{padding:10px 16px;font-size:13px}.hero{color:#fff;min-height:570px;background:linear-gradient(90deg,rgba(10,13,14,.94) 0%,rgba(10,13,14,.79) 40%,rgba(10,13,14,.12) 90%),url('assets/image-94ecabe9d9.jpg') center/cover;display:flex;align-items:center}.hero-inner{padding-top:80px;padding-bottom:80px;width:100%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#b82128}.hero .eyebrow{color:#efb9b9}.hero h1{font-size:clamp(35px,4.4vw,60px);line-height:1.08;max-width:760px;letter-spacing:-.045em;margin:16px 0}.hero .lead{font-size:21px;font-weight:600;margin:0 0 13px}.hero .sub{max-width:570px;color:#e8ebec;margin-bottom:27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;margin-top:22px;color:#e7eaeb}.benefits{background:#f1f3f4;border-bottom:1px solid #dbe0e3}.benefitgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:30px 0}.benefit{display:flex;gap:12px;background:#fff;border:1px solid #d9dfe3;border-radius:14px;padding:16px 14px;box-shadow:0 10px 24px rgba(17,21,23,.06)}.benefit i{font-style:normal;color:var(--red);font-size:24px}.benefit b{display:block;font-size:14px;line-height:1.3;color:#0f1417}.benefit small{color:#2e373d;font-size:12px;display:block;margin-top:6px;line-height:1.5}.section{padding:78px 0}.section.alt{background:var(--cream)}.section h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em;line-height:1.12;margin:9px 0 15px;color:#0f1417}.intro{color:#1d252a;max-width:760px;font-size:17px;line-height:1.7;font-weight:500}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.product-card{min-height:390px;position:relative;border-radius:var(--radius);overflow:hidden;color:white;display:flex;align-items:end;background:#2b3032}.product-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.90),rgba(0,0,0,.02) 80%);z-index:1}.product-card img{position:absolute;inset:0;height:100%}.product-body{position:relative;z-index:2;padding:32px}.product-body h3{font-size:29px;margin:2px 0 5px}.product-body p{max-width:430px;font-size:14px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{font-size:12px;padding:6px 11px;border-radius:30px;border:1px solid #c5ccd1;color:#1f272c;background:#fff;font-weight:600}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.steps > div{background:#fff;border:1px solid #d8dde1;border-radius:14px;padding:18px 16px;box-shadow:0 10px 24px rgba(17,21,23,.05)}.stepnum{width:42px;height:42px;background:var(--red);color:white;border-radius:50%;display:grid;place-items:center;font-weight:800}.steps h3{margin:16px 0 5px;font-size:16px;color:#0f1417}.steps p{font-size:14px;color:#2f383f;margin:0;line-height:1.6}.quality{background:#15191b;color:white}.quality p{color:#e4e8ea;max-width:730px}.footer{background:#111517;color:#ddd;padding:35px 0;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer small{color:#b7bdc1}.footer a{text-decoration:underline}.config{background:#f2f3f1}.config-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);align-items:start;gap:24px;margin-top:31px}.pane{background:#fff;border:1px solid #d5dce0;border-radius:14px;padding:28px;box-shadow:0 14px 30px rgba(17,21,23,.08)}.pane h3{margin:0 0 17px;font-size:23px;color:#111517}.choice-tabs{display:flex;gap:8px;margin-bottom:23px}.choice-tabs button{border:1px solid #d3d8dc;background:white;padding:13px 20px;border-radius:8px;font-weight:800;flex:1;color:#1b2328}.choice-tabs button.active{background:#1c2022;color:white;border-color:#1c2022}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px;display:block;margin-bottom:6px;color:#0f1417}.field small{font-size:12px;color:#313a40;display:block;margin-top:4px;line-height:1.45}.field select,.field input,.field textarea{width:100%;border:1px solid #ccd3d8;border-radius:7px;outline-color:var(--red);padding:12px;color:var(--ink);background:white}.checkrow{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{border:1px solid #cfd6da;border-radius:9px;padding:12px;font-size:13px;display:flex;gap:8px;align-items:center;color:#101416;background:#fff;font-weight:600}.option input{accent-color:var(--red)}.summary{position:sticky;top:99px}.summary h3{margin-bottom:10px}.summary .visual{height:180px;object-fit:cover;border-radius:9px;margin-bottom:18px}.summary ul{list-style:none;padding:0;margin:12px 0}.summary li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e9eb;padding:9px 0;font-size:13px}.summary li span:first-child{color:#21292e;font-weight:700}.summary li span:last-child{text-align:right;font-weight:700;color:#13181b}.summary .notice{background:#eef1f2;padding:12px;border-radius:8px;font-size:12px;color:#2d363c;margin:16px 0;line-height:1.55}.summary .btn{width:100%}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid .full{grid-column:1/-1}.consent{display:flex;align-items:start;gap:10px;font-size:12px;color:#101416;font-weight:500}.consent input{margin-top:4px;accent-color:var(--red)}.request-wrap{display:none;margin-top:24px}.request-wrap.open{display:block}.status{padding:12px;border-radius:8px;background:#eef5ef;color:#2f5337;margin-top:15px;font-size:13px;display:none}.disclaimer{font-size:12px;color:#2f383f;line-height:1.55}.desktop-only{display:block}@media(max-width:950px){.links{display:none}.benefitgrid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr}.summary{position:static}}@media(max-width:620px){.wrap{padding:0 17px}.top .wrap{font-size:10px}.top .wrap span:last-child{display:none}.navrow{min-height:69px}.logo{font-size:18px}.logo span{font-size:9px}.nav .btn{font-size:11px;padding:10px}.hero{min-height:580px;background-position:61% center}.hero-inner{padding:58px 0}.hero h1{font-size:38px}.hero .lead{font-size:17px}.benefitgrid{grid-template-columns:1fr;gap:14px}.section{padding:53px 0}.cards{grid-template-columns:1fr}.product-card{min-height:340px}.steps{grid-template-columns:1fr;gap:14px}.pane{padding:19px}.fields,.formgrid,.checkrow{grid-template-columns:1fr}.field.full,.formgrid .full{grid-column:auto}.actions .btn{width:100%}.quality .actions .btn{width:auto}}


/* CI update: original logo and strong, accessible contrast on light surfaces */
.nav{background:#090b0c;border-bottom:2px solid #b91e27;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.navrow{min-height:92px}.logo{width:252px;max-width:36vw;display:flex;align-items:center;flex-shrink:0}.logo img{width:100%;height:auto;max-height:78px;object-fit:contain;object-position:left center}
.links{color:#fff}.links a{color:#fff}.links a:hover,.links a:focus-visible{color:#ff6f78}
body{color:#080c0e}.benefits{background:#eceff1}.benefit{background:#fff;border-color:#c8d0d4}.benefit b,.steps h3,.field label,.pane h3,.section h2{color:#080c0e}
.benefit small,.steps p,.intro,.field small,.summary li span:first-child,.summary .notice,.disclaimer{color:#202a30}
.benefit small,.steps p{font-size:14px}.intro{font-weight:550}
.section.alt,.config{background:#e9edf0}.pane,.steps>div{background:#fff;border:1px solid #c4cdd2;box-shadow:0 9px 22px rgba(0,0,0,.07)}
.eyebrow{color:#a8151d}.pills span{color:#141b20;border-color:#aeb9c0}
.field input,.field select,.field textarea{color:#111;background:#fff;border:2px solid #aeb8be}
.field input::placeholder,.field textarea::placeholder{color:#4c565e;opacity:1}
.summary .notice{background:#e4e9ec;color:#1c272d}
@media(max-width:950px){.navrow{gap:12px}.logo{width:220px;max-width:45vw}}
@media(max-width:620px){.navrow{min-height:76px}.logo{width:190px;max-width:48vw}.logo img{max-height:62px}.nav .btn{padding:10px 11px;font-size:11px}.benefit small,.steps p{font-size:13px}}


/* V6: echte Referenzbilder & konsequent hoher Kontrast */
:root {--muted:#262f35;--ink:#0e1215}
body {color:#101417}
.hero {background-image:linear-gradient(90deg,rgba(7,11,14,.96) 0%,rgba(7,11,14,.82) 34%,rgba(7,11,14,.25) 100%),url('assets/image-94ecabe9d9.jpg'); background-position:center,center 53%}
.hero .sub,.hero .lead {text-shadow:0 1px 3px rgba(0,0,0,.65)}
.benefit small,.steps p,.intro,.field small,.summary li span:first-child,.disclaimer {color:#20292f}
.references {background:#f2f3f4}
.reference-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.reference-item {background:#fff;margin:0;overflow:hidden;border-radius:14px;border:1px solid #c9d0d4;box-shadow:0 12px 28px rgba(0,0,0,.07)}
.reference-item img {aspect-ratio:4/3;object-fit:cover}
.reference-item figcaption {padding:13px 15px;color:#13191d;font-size:14px;font-weight:700}
.reference-note {font-size:13px;color:#303a40;margin-top:20px}
@media(max-width:850px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.reference-grid{grid-template-columns:1fr}.hero{background-position:center,57% center}}


:root{--ink:#eef2f5;--muted:#c1c9d0;--line:#34404a;--cream:#12191e;--red:#c1232d}
html,body{background:#0d1216!important;color:#edf1f4!important}
.nav,.top,.footer{background:#0c1013!important;color:#e9edf0!important;border-color:#293239!important}
.links,.links a{color:#ebf0f3!important}
.benefits,.section.alt,.config,.references{background:#141b20!important;border-color:#2c363d!important}
.section{background:#0f1519!important}
.benefit,.pane,.steps>div,.reference-item{background:#1b242b!important;border:1px solid #334048!important;color:#eef2f5!important;box-shadow:0 6px 16px #0002!important}
.benefit b,.benefit small,.steps h3,.steps p,.section h2,.pane h3,.intro,.reference-item figcaption,.field label,.field small,.summary li span,.disclaimer,.reference-note{color:#e8eef2!important}
.intro,.steps p,.field small,.reference-note{color:#c5cdd3!important}
.pills span,.option,.summary .notice,.choice-tabs button{background:#222e35!important;border-color:#40505b!important;color:#eef3f6!important}
.choice-tabs button.active{background:#303f48!important}
.field input,.field select,.field textarea{background:#111a20!important;color:#f1f4f6!important;border:1px solid #52616b!important}
.field input::placeholder,.field textarea::placeholder{color:#aeb8c0!important}
.summary li{border-color:#39454e!important}
.btn.light{background:#303b42!important;color:#f1f5f7!important;border-color:#697880!important}
.crane{background:#11181d!important;scroll-margin-top:90px}
.crane-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;margin:28px 0 34px}
.crane-visual{border-radius:17px;background:radial-gradient(circle at 65% 20%,#374750,#172127 65%);min-height:295px;display:flex;flex-direction:column;justify-content:end;padding:31px;border:1px solid #37454e;overflow:hidden}
.crane-symbol{font-size:98px;color:#cf3540;line-height:1;text-align:right;opacity:.75}
.crane-visual-title{font-size:24px;font-weight:800;line-height:1.25;max-width:360px}
.crane-visual p{color:#d3dce2}.crane-visual small{color:#aab6bd}
.crane-info{padding:25px 14px}.crane-info h3{font-size:24px;margin:0 0 14px}.crane-info p{color:#d4dce2}
.crane-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.crane-tags span{border:1px solid #485761;border-radius:22px;padding:8px 12px;font-size:12px;color:#e0e7eb}
.crane-request{scroll-margin-top:110px;max-width:900px;margin:0 auto;padding:28px}
.crane-status{color:#e7edf0;font-size:13px;margin:10px 0 0}
.crane-fine{color:#c5cdd2;font-size:12px;margin-top:20px}
.crane-form .consent{color:#e5ebef!important}
@media(max-width:760px){.crane-grid{grid-template-columns:1fr}.crane-visual{min-height:230px}.crane-info{padding:10px 0}.crane-request{padding:20px}}

html{scroll-padding-top:110px}button,a,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid #ff8990}.catalog-section{max-width:1262px;margin:auto;padding:80px 26px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{font-size:36px;margin:10px 0}.section-head p{font-size:14px;color:#bec7ce;line-height:1.7}.catalog-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;border-block:1px solid #34404a;padding:18px 0;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#1b252d;border:1px solid #3d4a54;border-radius:6px;padding:11px 15px;font-size:12px;color:#e3e8ed}.filters button.active{background:#bf2028;border-color:#bf2028;color:white}.search{display:flex;align-items:center;gap:10px;border:1px solid #4a5863;padding:10px 14px;border-radius:7px;background:#151e25}.search input{background:transparent;border:0;outline:none;color:white;width:160px;font-size:13px}.price-note{font-size:12px;line-height:1.8;color:#bac5ce;margin:20px 0 28px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #36434d;border-radius:14px;overflow:hidden;background:#172129;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0005}.card-art{position:relative;height:235px;overflow:hidden;background:#202c34}.card-art img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.card:hover .card-art img{transform:scale(1.035)}.tag{position:absolute;top:15px;left:15px;z-index:1;padding:6px 10px;border-radius:4px;background:#0b1013dd;color:#fff;font-size:10px;font-weight:700;border-left:3px solid #d22631}.image-disclosure{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 8px;background:linear-gradient(transparent,#000b);font-size:9px;color:#f1f3f4}.card-body{padding:23px}.card h3{font-size:21px;line-height:1.25;margin:0 0 12px;color:white;letter-spacing:-.5px;min-height:52px}.card p{font-size:12px;color:#b9c5ce;line-height:1.8;min-height:64px;margin:0 0 18px}.from{font-size:12px;color:#bac5ce;display:inline-block;margin-right:6px}.price{display:inline-block;font-size:30px;letter-spacing:-1px;font-weight:800;color:white}.example{font-size:10px;color:#c2cbd2;line-height:1.7;margin:7px 0 20px}.example small{display:block;font-size:10px;color:#96a6b3}.card button{border:0;width:100%;background:#bf2028;color:white;border-radius:6px;padding:13px 15px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.card button:hover{background:#a81a22}.count{font-size:11px;color:#9fadb8;margin-top:23px}.contact{padding:65px max(26px,calc((100% - 1158px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#151e25;border-block:1px solid #34404a}.contact h2{font-size:37px;line-height:1.15;margin:17px 0 23px}.contact p{font-size:14px;color:#b7c3cc;line-height:1.8}.contact a{display:block;font-size:15px;margin-top:12px;color:#e7edf2}.contact .phone{font-size:27px;font-weight:750;letter-spacing:-.5px;margin-top:30px}.contact label{display:block;font-size:12px;margin-bottom:17px;font-weight:600;color:#dce4ea}.contact input,.contact textarea{background:#0e161d;color:white;border:1px solid #53636e;border-radius:6px;padding:12px;width:100%;margin-top:7px;outline-color:#d8303a}.contact input::placeholder,.contact textarea::placeholder{color:#90a1ae;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button{background:#bf2028;color:#fff;border:0;border-radius:6px;display:inline-flex;padding:15px 22px;font-size:13px;font-weight:700;justify-content:center;gap:25px}.contact .button{width:100%}.button:hover{background:#a81a22}.button:disabled{opacity:.45;cursor:not-allowed}.contact .form-note{font-size:11px;color:#9eacb7}.empty{grid-column:1/-1;padding:40px;border:1px solid #34404a;border-radius:12px}dialog{border:1px solid #586873;border-top:4px solid #bf2028;border-radius:12px;width:700px;max-width:94vw;max-height:90vh;padding:35px;background:#16212a;color:white;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060b10df;backdrop-filter:blur(5px)}.close{position:absolute;top:8px;right:14px;background:transparent;border:0;color:#dce5ec;font-size:30px;line-height:1}.modal-title{font-size:30px;line-height:1.15;color:white;padding-right:20px;margin:12px 0 18px}.modal-desc{font-size:13px;color:#bdcbd5;line-height:1.8}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.option-grid label{font-size:12px;font-weight:600;display:block;color:#d3dfe8}.option-grid input,.option-grid select{background:#0c151d;color:white;border:1px solid #657580;border-radius:6px;padding:12px;margin-top:8px;width:100%;font-size:13px}.check{display:flex;align-items:center;gap:10px;padding:15px;border-radius:7px;background:#101920;border:1px solid #435663;font-size:13px}.check input{width:18px;height:18px;accent-color:#bf2028}.summary{position:static;background:#0f1921;border:1px solid #425460;border-left:3px solid #bf2028;border-radius:7px;padding:20px;margin:20px 0}.summary>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:12px;color:#c3d0da}.summary strong{color:white}.summary .total{font-size:20px;font-weight:700;border-top:1px solid #3a4a56;padding-top:16px;margin-top:10px;color:white}.summary p{font-size:11px;line-height:1.8;color:#a4b7c5}.modal-info{font-size:11px;line-height:1.75;color:#acbeca}#choose{width:100%}.photo-dialog{padding:0;width:auto;max-width:92vw;border:0;overflow:visible;background:#111}.photo-dialog img{height:auto;max-height:84vh;width:auto;max-width:92vw;object-fit:contain}.photo-close{position:absolute;right:8px;top:8px;background:#111b;color:white;border:1px solid #fff8;border-radius:50%;width:35px;height:35px;font-size:25px}.section-head .eyebrow{color:#fb8790}.hero{background-position:center 48%}.hero h1{max-width:730px}.hero-note{max-width:650px}.reference-item img{transition:transform .4s}.reference-item:hover img{transform:scale(1.03)}.footer small{color:#afbbc5}.quality .btn{background:#bf2028}.contact .eyebrow{color:#ff8e96}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{gap:35px}.contact h2{font-size:31px}.section-head{display:block}.section-head p{max-width:650px}.links{gap:16px}.card-art{height:250px}}
@media(max-width:620px){html{scroll-padding-top:90px}.catalog-section{padding:52px 17px}.section-head h2{font-size:30px}.section-head p{font-size:13px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 12px}.search{width:100%}.search input{width:100%}.price-note{font-size:11px}.product-grid{grid-template-columns:1fr;gap:24px}.card-art{height:270px}.card h3{min-height:0;font-size:23px}.card p{min-height:0;font-size:13px}.card-body{padding:24px}.contact{grid-template-columns:1fr;padding:50px 20px;gap:28px}.contact h2{font-size:32px}.form-row,.option-grid{grid-template-columns:1fr;gap:0}.option-grid{gap:16px}dialog{padding:28px 22px}.modal-title{font-size:25px}.summary .total{font-size:18px}.hero-inner{padding:60px 0}.hero h1{font-size:37px}.hero .lead{font-size:17px}.benefitgrid{grid-template-columns:1fr 1fr;gap:10px}.benefit{padding:13px!important}.benefit small{font-size:11px}.benefit i{display:none}.benefit b{font-size:12px}.benefit:last-child{grid-column:1/-1}.hero{min-height:590px}.hero .wrap{padding-inline:20px}}

.social-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.social-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #b91e27;border-radius:8px;background:#b91e27;color:#fff;font-weight:700;text-decoration:none}.social-links a:hover{background:#92171e}.social-links a:focus-visible{outline:3px solid #eaa9ad;outline-offset:3px}.social-icon{font:bold 25px Arial;line-height:22px;width:22px;text-align:center}.social-intro{margin-top:24px}

.crane-section{background:#edf0f2}.crane-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;margin-top:30px}.crane-layout figure{margin:0}.crane-layout img{width:100%;max-height:630px;object-fit:cover;object-position:center;border-radius:14px}.crane-layout figcaption{font-size:13px;margin-top:10px}.crane-layout p{line-height:1.75}.crane-layout h3{font-size:24px}.crane-layout .pills{display:flex;flex-wrap:wrap;gap:8px}.crane-layout .btn.outline{color:#111;border:1px solid #aeb8be;background:white}@media(max-width:800px){.crane-layout{grid-template-columns:1fr;gap:24px}.crane-layout img{max-height:520px}.navrow{flex-wrap:wrap}.links{flex-wrap:wrap}}

.crane-capacity{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:48px;padding-top:38px;border-top:1px solid #bac4cb;align-items:start}.crane-capacity h3{font-size:26px}.crane-capacity p{line-height:1.7}.crane-capacity table{border-collapse:collapse;width:100%;background:white;margin:20px 0}.crane-capacity caption{text-align:left;font-size:13px;padding-bottom:10px}.crane-capacity th,.crane-capacity td{padding:12px 16px;border-bottom:1px solid #d4dbe0;text-align:left}.crane-capacity th{background:#15191d;color:white}.crane-capacity tbody tr:nth-child(even){background:#f6f7f8}.crane-capacity figure{margin:0}.crane-capacity img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#24282b;border-radius:12px}.crane-capacity figcaption,.capacity-note{font-size:13px;color:#303a40}.crane-capacity a:focus-visible{outline:3px solid #b91e27;outline-offset:4px}@media(max-width:800px){.crane-capacity{grid-template-columns:1fr;gap:24px}.crane-capacity img{max-height:580px}}
/* Crane load table: explicit colors for the site's dark appearance. */
#kran .crane-capacity table{background:#1b242b;color:#f4f7f9;border:1px solid #63717b;font-size:18px;font-variant-numeric:tabular-nums}
#kran .crane-capacity th{background:#080c0f;color:#fff;font-size:18px;font-weight:800;border-bottom:2px solid #bd2530}
#kran .crane-capacity td{background:#1b242b;color:#f4f7f9;font-weight:650;border-color:#4a5862}
#kran .crane-capacity tbody tr:nth-child(even) td{background:#29363f;color:#fff}
#kran .crane-capacity caption,#kran .crane-capacity figcaption,#kran .capacity-note,#kran .crane-layout figcaption{color:#d6dfe6;font-size:14px}
#kran .crane-capacity h3,#kran .crane-layout h3{color:#fff}

.reference-item>a{display:block}.reference-item>a:focus-visible{outline:3px solid #ff8990;outline-offset:-3px}.reference-video video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#080c0f}

/* Product cards must wrap within their own grid column at every viewport size. */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards>*,.product-body,.crane-layout>*,.crane-capacity>*,.reference-grid>*{min-width:0}
.product-body{width:100%;max-width:100%;flex:1 1 0;padding:28px;overflow-wrap:anywhere}
.product-body h3{font-size:clamp(23px,2.4vw,29px);line-height:1.2;hyphens:auto;overflow-wrap:anywhere}
.product-body p,.product-body .eyebrow{max-width:100%;overflow-wrap:anywhere}.product-body .btn{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.reference-grid{align-items:start}.project-caption{padding:16px}.project-caption h3{margin:0;font-size:17px;line-height:1.4;color:#f4f7f9}.project-caption p{font-size:13px;color:#d6dfe6;margin:8px 0 14px}.project-caption summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.5;padding:12px 0;color:#fff}.project-caption summary:focus-visible{outline:2px solid #ff8990}.project-views{display:grid;gap:16px;margin-top:12px}.project-views figure{margin:0}.project-views img{border-radius:6px}.project-views figcaption{padding:8px 0 0;font-size:13px}
@media(max-width:950px){.cards{grid-template-columns:minmax(0,1fr)}.product-card{min-height:360px}.product-body h3{font-size:clamp(24px,4vw,32px)}.nav{position:static}.navrow{max-width:100%;gap:12px}.navrow .logo{min-width:0}.navrow>.btn{min-width:0;max-width:48%;text-align:center;white-space:normal}html{scroll-padding-top:16px}}
@media(max-width:620px){.product-body{padding:24px 20px}.product-body h3{font-size:26px}.product-body .eyebrow{font-size:11px;letter-spacing:.11em}.product-body p{font-size:15px}.product-body .btn{width:100%;padding:13px 12px}.hero h1{overflow-wrap:anywhere;hyphens:auto}.contact>*{min-width:0}.contact input,.contact textarea{max-width:100%;min-width:0}.contact a{overflow-wrap:anywhere}}
.reference-project:hover img{transform:none}.project-views a{display:block;overflow:hidden;border-radius:6px}.project-views>*{min-width:0}.project-caption{overflow-wrap:anywhere}

.hero-location{max-width:650px;color:#f1f3f5;font-size:16px;line-height:1.65;margin:0 0 24px}

/* Calm reference gallery: consistent image windows, aligned captions, no hover zoom. */
#referenzen .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
#referenzen .reference-item{display:flex;flex-direction:column;border-radius:12px;box-shadow:none!important}
#referenzen .reference-item>a{display:block;overflow:hidden;flex:none}
#referenzen .reference-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 30%;transform:none!important;transition:none}
#referenzen .reference-item>figcaption,#referenzen .project-caption{padding:20px 22px;min-height:96px;line-height:1.5;font-size:16px}
#referenzen .project-caption h3{font-size:16px;line-height:1.5}
#referenzen .project-caption summary{font-size:13px;padding:10px 0 0;font-weight:500;color:#c4cdd4}
#referenzen .project-views img{aspect-ratio:4/3;object-position:center 36%}
#referenzen img[src$="referenz-neu-02.jpeg"]{object-position:center 57%}
#referenzen img[src$="referenz-neu-03.jpeg"]{object-position:center 38%}
#referenzen img[src$="referenz-neu-06.jpeg"]{object-position:center 39%}
#referenzen img[src$="referenz-neu-08.jpeg"]{object-position:center 48%}
#referenzen img[src$="image-8e5604e519.jpg"]{object-position:center 43%}
#referenzen img[src$="image-c66206a992.jpg"]{object-position:center 48%}
#referenzen img[src$="image-3d675368f3.jpg"]{object-position:center 36%}
#referenzen img[src$="image-8127be4b50.jpg"]{object-position:center 31%}
#referenzen .reference-video video{aspect-ratio:4/3}
.crane-planning{background:#1b242b;border:1px solid #45545e;border-top:3px solid #bf2028;border-radius:12px;padding:32px;position:sticky;top:120px}
.crane-planning h3{line-height:1.3;margin-top:16px}.crane-planning .eyebrow{color:#f48b93}
.crane-planning .btn{display:flex;white-space:normal;text-align:center;margin:26px 0 18px}
.crane-planning .diagram-source{display:block;color:#c6d0d8;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){#referenzen .reference-grid{gap:20px}.crane-planning{position:static;padding:24px}}
@media(max-width:620px){#referenzen .reference-grid{grid-template-columns:1fr}#referenzen .reference-item>figcaption,#referenzen .project-caption{padding:17px 18px;min-height:0}}

#referenzen .reference-video{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}#referenzen .reference-video video{aspect-ratio:16/9;max-height:360px}#referenzen .reference-video>figcaption{font-size:20px;padding:30px;min-height:0}@media(max-width:620px){#referenzen .reference-video{grid-template-columns:1fr}#referenzen .reference-video>figcaption{font-size:16px;padding:17px 18px}}

/* Personal introduction, grounded in the owner's trade and founding year. */
.links{gap:16px}.about-section{background:#141c22;border-block:1px solid #34424d}
.about-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:70px;align-items:center}
.about-copy,.about-card{min-width:0}.about-copy h2{margin:16px 0 24px;line-height:1.12}.about-copy>p{color:#c9d3dc;line-height:1.8;max-width:650px;margin:0 0 18px;font-size:16px}.about-copy .about-lead{font-size:21px;line-height:1.55;color:#f3f6f8;font-weight:650;margin-bottom:22px}.about-copy .btn{margin-top:12px;white-space:normal}
.about-card{padding:34px;background:#0e151b;border:1px solid #43525d;border-top:3px solid #bf2028;border-radius:12px}.about-since{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #34424d;padding-bottom:22px}.about-since span{font-size:12px;font-weight:750;letter-spacing:.2em;color:#f08f97}.about-since strong{font-size:76px;letter-spacing:-.06em;line-height:1.1;color:#fff;font-weight:800}.about-name{font-size:24px;font-weight:750;line-height:1.3;margin:24px 0;color:#fff}.about-name span{display:block;font-size:14px;font-weight:450;color:#b7c6d1;margin-top:7px}.about-facts{margin:0}.about-facts>div{padding:16px 0;border-top:1px solid #2e3b46}.about-facts dt{font-weight:700;font-size:14px;color:#eef3f6}.about-facts dd{margin:5px 0 0;color:#bccbd5;font-size:14px;line-height:1.6}.about-motto{margin:20px 0 0;padding-left:16px;border-left:2px solid #bf2028;font-size:18px;font-weight:650;color:#f1f4f7;line-height:1.5}
@media(min-width:951px) and (max-width:1200px){.links{gap:11px;font-size:11px}.navrow{gap:12px}.logo{max-width:19vw}.nav .btn.small{font-size:11px;padding:10px 12px}}
@media(max-width:850px){.about-layout{grid-template-columns:1fr;gap:32px}.about-card{padding:28px}.about-since strong{font-size:64px}}
@media(max-width:620px){.about-copy .about-lead{font-size:19px}.about-copy>p{font-size:15px}.about-copy .btn{width:100%;text-align:center}.about-card{padding:24px}.about-since strong{font-size:58px}}
@media(min-width:1101px){.nav .logo{width:210px}.links{font-size:12px;gap:15px;white-space:nowrap}.nav .btn.small{white-space:nowrap;flex-shrink:0}.navrow{gap:16px}}
@media(min-width:1101px) and (max-width:1200px){.links{font-size:11px;gap:11px}.nav .logo{width:180px}}
@media(max-width:1100px){.links{display:none}}
