/*
Theme Name: SSP · 24h Vorlagen
Template: h24-landing
Version: 1.0.0
Description: SSP Energietechnik mit den bearbeitbaren 24h-Blockvorlagen.
Author: 24h
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: ssp-24h
*/
:root{--h24-accent:#f8b66d;--h24-blue:#557733;--h24-ink:#172a31;--h24-mint:#edf3e5;--h24-soft:#f6f8f3;--h24-muted:#506167}
body{color:var(--h24-ink);background:#fff}
.h24-header{--h24-header-foreground:#172a31!important}.h24-header a{color:#172a31}.h24-header .wp-block-navigation__responsive-container-open{color:#172a31!important}.h24-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff;color:#172a31}
.h24-header{background:#fff!important}.h24-header-inner{min-height:90px;gap:22px}.ssp-brand{display:flex;align-items:center;gap:14px;flex:none}.ssp-brand .wp-block-site-title{max-width:165px;font-size:19px!important;line-height:1.2;letter-spacing:-.025em}.ssp-brand .wp-block-site-logo img{width:54px;height:54px;object-fit:contain}.h24-header .wp-block-navigation__container{gap:19px;font-size:12px;font-weight:700}.h24-header .wp-block-navigation__container .wp-block-navigation-item__content{color:#172a31!important}.h24-header .ssp-nav-cta .wp-block-navigation-item__content{background:#f8b66d!important;border-radius:30px;padding:12px 18px;color:#172a31!important}
body:has(.h24-hero-cover) .wp-site-blocks>header{margin-bottom:0}.h24-hero-cover{min-height:660px;color:#fff}.h24-hero-cover>.wp-block-cover__image-background{object-position:center}.h24-hero-cover>.wp-block-cover__background{background:linear-gradient(90deg,#12262def 0%,#12262dd9 28%,#12262d6b 65%,#12262d25 100%)!important}.h24-hero-cover>.wp-block-cover__inner-container{color:#fff!important}.h24-hero-cover .h24-section{padding:100px 0!important}.h24-hero-copy{max-width:720px}.h24-hero-copy h1{color:#fff;font-size:clamp(40px,4.5vw,67px);line-height:1.09}.h24-hero-copy .h24-lead{color:#f6f8f3;max-width:650px;font-size:20px}.h24-hero-copy .h24-eyebrow{color:#f8b66d!important}.h24-hero-copy .is-style-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#fff!important}
.h24-section .h24-eyebrow{color:#557733}.h24-section .wp-block-button__link{background:#f8b66d;border-color:#f8b66d;color:#172a31;border-radius:30px;box-shadow:none;font-size:14px}.h24-section .is-style-outline .wp-block-button__link{color:#35521f;border-color:#557733;background:transparent}.h24-card-link a{color:#35521f;font-weight:700}.h24-tint{background:#f6f8f3}.h24-card{background:#fff;border:1px solid #e5eadd;box-shadow:none;border-radius:14px;overflow:hidden}.h24-card .wp-block-image img{aspect-ratio:16/10;object-fit:cover;border-radius:0}.ssp-three .h24-card{padding:30px}.ssp-three .h24-card h3{margin-top:0}.ssp-trust{background:#edf3e5;padding:24px 0}.ssp-trust .wp-block-columns{gap:24px}.ssp-trust p{font-size:14px;color:#35521f;font-weight:700;margin:0!important}.ssp-trust .wp-block-column{flex-basis:0}.ssp-services .h24-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ssp-services .h24-card h3{font-size:25px}
.h24-has-subpage-hero .wp-site-blocks>header{margin-bottom:0}.h24-subpage-hero{padding:65px 0;min-height:290px}.h24-subpage-title h1{text-align:left;text-shadow:0 2px 14px #0007}.h24-footer{background:#172a31}.h24-footer a{color:#fff}.h24-footer .ssp-footer-brand img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:10px;padding:7px}.h24-footer .wp-block-site-title{font-size:23px}.h24-footer .wp-block-navigation__container{gap:10px}.h24-footer .wp-block-columns{gap:50px}.ssp-footer-legal .wp-block-navigation__container{flex-direction:row;flex-wrap:wrap;gap:22px}.ssp-footer-legal a{font-size:12px}.ssp-preview-banner{background:#edf3e5;color:#35521f;padding:8px 20px;text-align:center;font-size:12px;line-height:1.5}.ssp-preview-banner a{color:inherit;text-decoration:underline}.h24-header .wp-block-navigation__responsive-container.is-menu-open .ssp-nav-cta a{display:inline-block}
@media(max-width:1120px){.h24-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.h24-header .wp-block-navigation__responsive-container-open{display:flex!important}.h24-header .wp-block-navigation__responsive-container.is-menu-open{display:flex!important}.h24-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch;gap:23px;font-size:19px}.h24-header-actions{margin-left:auto}.h24-header .wp-block-navigation__responsive-container-content{padding:50px 25px}}
@media(max-width:781px){.h24-hero-cover{min-height:640px}.h24-hero-cover>.wp-block-cover__background{background:linear-gradient(90deg,#12262de8,#12262d98)!important}.h24-hero-cover .h24-section{padding:65px 0!important}.h24-hero-copy .h24-lead{font-size:18px}.ssp-services .h24-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssp-trust .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ssp-three .h24-card{padding:25px}.h24-subpage-hero{min-height:230px}.h24-footer .wp-block-columns{gap:35px}.h24-header-inner{min-height:80px}.ssp-brand .wp-block-site-title{max-width:145px}}
@media(max-width:480px){.ssp-services .h24-grid{grid-template-columns:1fr}.h24-hero-copy h1{font-size:39px}.ssp-brand .wp-block-site-title{font-size:17px!important}.ssp-trust p{font-size:12px}.ssp-preview-banner{padding:7px 12px;font-size:11px}}

/* SSP card images 2026-10-13 */
.ssp-three .h24-card>.ssp-card-image{margin:-30px -30px 26px!important;width:calc(100% + 60px);max-width:none}
.ssp-three .ssp-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0}
@media(max-width:781px){.ssp-three .h24-card>.ssp-card-image{margin:-25px -25px 24px!important;width:calc(100% + 50px)}}
/* SSP centered titles and checked benefits 2026-10-13 */
.h24-subpage-title h1{text-align:center}
.ssp-trust .wp-block-column{display:flex;align-items:center;justify-content:center}
.ssp-trust p{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.5}
.ssp-trust p::before{content:"";display:block;flex:0 0 26px;width:26px;height:26px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 5.5 26 5 26.5 26 5.5 26.5Z' fill='none' stroke='%23557733' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 15.5Q11 18 14 21Q20 12 28 6' fill='none' stroke='%2335521f' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.h24-header .wp-block-navigation__container .current-menu-item>.wp-block-navigation-item__content,
.h24-header .wp-block-navigation__container .wp-block-navigation-item__content[aria-current="page"]{color:#35521f!important;text-decoration:underline;text-decoration-color:#557733;text-decoration-thickness:2px;text-underline-offset:8px}
@media(max-width:480px){.ssp-trust p{gap:7px}.ssp-trust p::before{flex-basis:23px;width:23px;height:23px}}
/* SSP balanced footer separators 2026-10-13 */
.ssp-footer-legal .wp-block-navigation__container{gap:8px 0}
.ssp-footer-legal .wp-block-navigation-item+.wp-block-navigation-item::before{margin:0 16px!important;flex-shrink:0}