.gates-hero h1{font-size:clamp(36px,3.8vw,51px)}
.gates-hero .garden-hero-photo img{height:auto;object-fit:contain}
.gates-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gates-types article{padding:27px;background:#f0f3f1;border:1px solid #cbd3ce;border-radius:5px;display:flex;flex-direction:column}
.gates-types h3{font-size:24px;line-height:1.3}.gates-types p{font-size:14px;color:#4c5751;margin-top:18px}
.gates-types .text-link{margin-top:auto;padding-top:24px;font-size:13px}
.gates-measures{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:0}
.gates-measures>div{border-top:1px solid #cbd3ce;padding-top:20px}
.gates-measures dt{font-size:21px;font-weight:700}.gates-measures dd{font-size:14px;line-height:1.7;color:#4c5751;margin:13px 0 0}
.gates-finish{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;margin-top:35px;border-top:1px solid #cbd3ce;padding-top:28px}
.gates-finish h3{font-size:23px}.gates-finish p{font-size:14px;color:#4c5751;margin-top:16px}
.gates-finish .text-link{display:flex;font-size:13px;margin-bottom:16px}
.gates-examples{display:grid;grid-template-columns:1fr 1fr;gap:26px}.gates-examples figure{margin:0;border:1px solid #cbd3ce;border-radius:5px;overflow:hidden;background:white}
.gates-examples img{display:block;width:100%;height:auto}.gates-examples figcaption{padding:25px}.gates-examples h3{font-size:23px}.gates-examples p{font-size:14px;color:#4c5751;margin:14px 0 22px}
.gates-examples .text-link,.planning-help .text-link{font-size:13px}
.gates-checklist{font-size:14px;color:#4c5751;margin:23px 0;padding-left:18px}.gates-checklist li{margin:8px 0}
@media(max-width:1000px){.gates-types{gap:18px}.gates-types article{padding:22px}}
@media(max-width:760px){.gates-types,.gates-measures,.gates-finish,.gates-examples{grid-template-columns:1fr}.gates-hero h1{font-size:40px}.gates-finish{gap:24px}}
@media(max-width:400px){.gates-hero h1{font-size:35px}}

.gates-hero .garden-hero-photo>a{display:block}
.gates-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin:32px 0 0;padding:24px;border:1px solid #cbd3ce;border-radius:5px;background:#f0f3f1}
.gates-detail>a{display:block}.gates-detail img{display:block;width:100%;height:auto;border-radius:3px}.gates-detail h3{font-size:24px;line-height:1.3}.gates-detail figcaption>p:last-child{font-size:14px;color:#4c5751;margin-top:16px}
@media(max-width:760px){.gates-detail{grid-template-columns:1fr;gap:22px;padding:20px}}

/* Projektbelege und persönliche Beratung. */
.gates-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:22px;padding-bottom:24px;border-top:1px solid #cbd3ce}
.gates-trust strong,.gates-trust span{display:block;line-height:1.6}
.gates-trust strong{font-size:16px;color:#254837}.gates-trust span{font-size:13px;color:var(--muted);margin-top:5px}
.gates-combination{margin-top:28px;padding:24px 28px;border-left:3px solid #8ba493;background:#f4f7f4}
.gates-combination h3{font-size:23px;line-height:1.35}.gates-combination p{max-width:900px;margin:14px 0 20px;font-size:15px;line-height:1.7;color:var(--muted)}
.gates-combination .text-link{font-size:14px}
#sonderfertigung .gates-examples figure>a{display:block;position:relative}
#sonderfertigung .gates-examples img{aspect-ratio:4/3;object-fit:contain;background:#edf1ee}
.gates-enlarge{position:absolute;right:10px;bottom:10px;background:#203e30;color:#fff;padding:7px 11px;font-size:12px;border-radius:3px}
.gates-advisor{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-bottom:28px;padding:26px;background:#f0f3f1;border:1px solid #cbd3ce;border-radius:5px}
.gates-advisor h3{font-size:23px;line-height:1.35}.gates-advisor p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0}.gates-advisor .text-link{font-size:14px}
@media(max-width:760px){.gates-trust,.gates-advisor{grid-template-columns:1fr}.gates-trust{gap:16px}.gates-combination,.gates-advisor{padding:22px}.gates-advisor{gap:14px}}

/* Produktübersicht mit Originalabbildungen und gemeinsamen Schiebetormaßen. */
.gates-types .gates-type-image{display:block;width:100%;height:180px;object-fit:contain;background:#fff;margin-bottom:22px;border-radius:3px}
.sliding-overview{border-top:1px solid #cbd3ce}
.sliding-overview h3{font-size:clamp(23px,2.5vw,30px);line-height:1.3}
.sliding-overview h4{font-size:21px;line-height:1.4}
.sliding-overview p,.sliding-overview li,.sliding-overview dd{font-size:16px;line-height:1.7;color:var(--muted)}
.sliding-overview p{margin:16px 0}.sliding-overview ul{padding-left:22px;margin:16px 0}.sliding-overview li{margin:7px 0}
.sliding-overview .text-link{font-size:15px}
.sliding-products,.sliding-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sliding-product,.sliding-accessory,.sliding-details-grid figure{border:1px solid #cbd3ce;border-radius:5px;overflow:hidden;background:#fff}
.sliding-photo{display:block;position:relative;background:#fff}
.sliding-photo img{display:block;width:100%;height:280px;object-fit:contain;padding:20px;box-sizing:border-box}
.sliding-card-copy{padding:26px}.sliding-card-copy h3{font-size:25px}.sliding-card-copy .text-link{display:inline-block;margin-top:8px}
.sliding-common{margin-top:28px;padding:28px;background:#f0f3f1;border-radius:5px}.sliding-common dl{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:24px;margin:24px 0}
.sliding-common dt{font-weight:700;font-size:16px}.sliding-common dd{margin:8px 0 0}.sliding-common p{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:0}
.sliding-block{margin-top:64px;scroll-margin-top:140px}.sliding-block>p{max-width:900px}.sliding-block .eyebrow{font-size:12px}
.sliding-drawing{margin:24px 0;border:1px solid #cbd3ce;border-radius:5px;overflow:hidden}.sliding-drawing img{height:auto;padding:20px}.sliding-drawing figcaption{padding:18px 24px;background:#f0f3f1;font-size:14px;line-height:1.6;color:var(--muted)}
.sliding-table-scroll{overflow-x:auto;border:1px solid #cbd3ce;border-radius:5px}.sliding-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.5}.sliding-table caption{padding:16px 20px;text-align:left;font-weight:700;background:#f0f3f1}.sliding-table th,.sliding-table td{padding:14px 20px;border-top:1px solid #cbd3ce}.sliding-table thead{background:#f8faf8}.sliding-table tbody th{font-weight:500}
.sliding-equipment{margin:28px 0}.sliding-equipment article{padding:26px;background:#f0f3f1;border-radius:5px}.sliding-equipment h4,.sliding-accessory h4{margin-top:12px}
.sliding-details-grid,.sliding-accessories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sliding-details-grid figure{margin:0}.sliding-details-grid img{height:240px}.sliding-details-grid figcaption{padding:22px;font-size:15px;line-height:1.6}.sliding-details-grid figcaption strong,.sliding-details-grid figcaption span{display:block}.sliding-details-grid figcaption span{margin-top:8px;color:var(--muted)}
.sliding-accessory-title{margin:40px 0 24px}.sliding-accessories img{height:220px}.sliding-accessory .sliding-card-copy{padding:22px}.sliding-extra{margin-top:28px;padding:26px;border-left:3px solid #8ba493;background:#f4f7f4}
.sliding-overview a:focus-visible,.sliding-table-scroll:focus-visible{outline:3px solid #42684f;outline-offset:4px}
@media(max-width:900px){.sliding-common dl{grid-template-columns:1fr}.sliding-details-grid,.sliding-accessories{gap:16px}.sliding-card-copy{padding:22px}}
@media(max-width:760px){.sliding-products,.sliding-equipment,.sliding-details-grid,.sliding-accessories{grid-template-columns:1fr}.sliding-common,.sliding-extra{padding:22px}.sliding-block{margin-top:44px}.sliding-photo img{height:220px}.sliding-drawing img{height:auto;padding:8px}.sliding-table th,.sliding-table td{padding:12px;font-size:14px}.sliding-common p{flex-direction:column;gap:14px}.sliding-overview .garden-note{margin-top:24px}.gates-types .gates-type-image{height:auto;max-height:240px}}