.references-page{overflow:hidden}.references-hero{position:relative;color:#fff;padding:var(--hero-pad) 0}.references-hero-inner{position:relative;z-index:3}.references-hero h1{max-width:none;margin:0 0 28px;font-size:var(--h1-size);line-height:1;letter-spacing:-.04em;text-wrap:pretty}.references-hero-inner>p:last-child{max-width:66ch;margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.75}.references-list h2,.references-cta h2{font-size:48px!important;line-height:1.05;letter-spacing:-.03em}.references-list{padding:150px 0}.references-list-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:end;margin-bottom:60px}.references-list-head .eyebrow{margin:0}.references-list h2{max-width:15ch;margin:0;color:#fff}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.reference-card{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto;min-height:330px;height:auto;background:#fff;border-radius:18px 0 18px 0;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.reference-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(0,0,0,.2)}.reference-year{grid-column:1;grid-row:1/-1;padding:32px 20px;background:var(--red);color:#fff;font-size:18px;font-weight:850;writing-mode:vertical-rl;transform:rotate(180deg);text-align:right;letter-spacing:.06em}.reference-body{grid-column:2;min-width:0;padding:34px 34px 36px;display:flex;flex-direction:column;align-self:stretch}.reference-card h3{display:block!important;visibility:visible!important;opacity:1!important;margin:0 0 30px;font-size:24px!important;line-height:1.2;color:#181818!important;overflow-wrap:anywhere}.reference-meta,.reference-products{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding-top:16px;border-top:1px solid #e8e8e8}.reference-products{margin-top:16px}.reference-meta span,.reference-products span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#999}.reference-meta strong{display:block;color:#181818;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.reference-products p{margin:0;color:#555;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.reference-media{grid-column:2;margin:0;height:220px;overflow:hidden}.reference-media img{width:100%;height:100%;object-fit:cover;display:block}.reference-media+.reference-body{grid-column:2}.references-cta{padding:var(--cta-pad) 0}.references-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center}.references-cta h2{max-width:none;margin:0;color:#fff;text-wrap:pretty}@media(max-width:1100px){.references-list h2,.references-cta h2{font-size:42px!important}.reference-grid{grid-template-columns:1fr}.reference-card{min-height:290px}}@media(max-width:760px){.references-hero-inner>p:last-child{font-size:16px}.references-list{padding:110px 0}.references-list-head{grid-template-columns:1fr;gap:30px}.references-list h2,.references-cta h2{font-size:36px!important;max-width:none}.reference-card{grid-template-columns:62px minmax(0,1fr);min-height:0;height:auto;border-radius:14px 0 14px 0}.reference-year{padding:26px 14px;font-size:16px}.reference-body{padding:28px 22px 30px}.reference-card h3{font-size:22px!important;margin-bottom:24px}.reference-meta,.reference-products{grid-template-columns:1fr;gap:7px}.reference-media{grid-column:2;height:180px}.references-cta-inner{grid-template-columns:1fr;gap:30px;align-items:start}}

.references-hero .hero-bg{background-image:url('/assets/img/heller-und-sembach-tortechnik-tueren-tore-torantriebe-shoproller.webp')}

.references-list-head{display:block;max-width:760px;margin:0 auto 60px;text-align:center}
.references-list-head h2{max-width:none;margin:0 auto 20px;text-wrap:balance}
.references-list-head>p{margin:0;font-size:18px;line-height:1.75;color:rgba(255,255,255,.78)}
@media(max-width:760px){.references-list-head{margin-bottom:40px}.references-list-head>p{font-size:16px}}

.references-list{padding:100px 0;background:#fff}
.references-box{padding:90px 72px;background:linear-gradient(135deg,#181818 0%,#232323 55%,#2a2a2a 100%);color:#fff;border-radius:18px 0 18px 0;box-shadow:0 30px 70px rgba(24,24,24,.18)}
@media(max-width:1100px){.references-box{padding:70px 44px}}
@media(max-width:760px){.references-list{padding:60px 0}.references-box{padding:48px 18px;border-radius:14px 0 14px 0}}
.reference-card h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:760px){.reference-card h3{font-size:20px!important}}
.reference-card{min-height:0!important}