/* Blitzschnell Gebäudesanierung — Theme-Styles (ergänzt theme.json) */

*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,p,li{overflow-wrap:break-word}

/* ---------- Header ---------- */
.site-header{
	position:sticky;top:0;z-index:100;
	background:rgba(255,255,255,.86);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border-bottom:1px solid transparent;
	transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.site-header.is-scrolled{
	background:rgba(255,255,255,.97);
	border-bottom-color:rgba(20,40,74,.08);
	box-shadow:0 6px 24px rgba(20,40,74,.08);
}
.site-header__inner{align-items:center;gap:1rem}
.site-header__logo{margin:0}
.site-header__logo img{display:block;width:178px;height:auto}
.site-header__nav .wp-block-navigation__container,
.site-header__nav ul.wp-block-navigation__container{align-items:center;gap:.35rem}
.site-header__nav a.wp-block-navigation-item__content{
	font-family:var(--wp--preset--font-family--text);
	font-weight:600;font-size:.95rem;color:var(--wp--preset--color--navy);
	padding:.6rem .8rem;border-radius:8px;transition:background-color .2s ease,color .2s ease;
}
.site-header__nav a.wp-block-navigation-item__content:hover{background:var(--wp--preset--color--surface-tint);color:var(--wp--preset--color--navy)}
.site-header__phone .wp-block-navigation-item__content{color:var(--wp--preset--color--blue)}
.site-header__cta .wp-block-navigation-item__content{
	background:var(--wp--preset--color--navy);color:#fff !important;
	padding:.65rem 1.2rem;border-radius:10px;
}
.site-header__cta .wp-block-navigation-item__content:hover{background:#1d3868}

/* Mobiles Overlay: WP-Core rendert hier ausschließlich Kinder des nav-Blocks
   (Telefon/CTA sind absichtlich echte navigation-link-Kinder, siehe header.html —
   kein Klon-Workaround nötig). */
.wp-block-navigation__responsive-container-content .site-header__cta .wp-block-navigation-item__content{
	display:inline-block;margin-top:.5rem;
}

/* ---------- Buttons ---------- */
.wp-block-button__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.wp-block-button.is-style-outline .wp-block-button__link{
	background:transparent;color:var(--wp--preset--color--navy);
	border:2px solid var(--wp--preset--color--navy);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--navy);color:#fff}
.has-navy-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-navy-background-color .wp-block-buttons .is-style-outline .wp-block-button__link{
	color:#fff;border-color:#fff;
}
.has-navy-background-color .wp-block-buttons .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--wp--preset--color--navy)}
@media (hover:hover){
	.wp-block-button__link:hover{transform:translateY(-1px)}
}

/* ---------- Karten (Block-Style "Karte") ---------- */
.is-style-karte{
	background:var(--wp--preset--color--white);
	border-radius:var(--wp--custom--radius--lg);
	padding:var(--wp--preset--spacing--md);
	box-shadow:var(--wp--custom--shadow--card);
	height:100%;
}
.bsk-cards.wp-block-columns{align-items:stretch;row-gap:var(--wp--preset--spacing--md)}
.bsk-cards > .wp-block-column{
	background:var(--wp--preset--color--white);
	border-radius:var(--wp--custom--radius--lg);
	padding:var(--wp--preset--spacing--md);
	box-shadow:var(--wp--custom--shadow--card);
	display:flex;flex-direction:column;
}
.bsk-cards > .wp-block-column > *:last-child{margin-top:auto;padding-top:.75rem}
@media (max-width:781px){
	.bsk-cards.wp-block-columns{flex-wrap:wrap}
	.bsk-cards.wp-block-columns > .wp-block-column{flex-basis:100% !important}
}

.bsk-trust-value{font-family:var(--wp--preset--font-family--display) !important;font-weight:700 !important}

/* ---------- Hero ---------- */
.bsk-hero{position:relative;overflow:hidden}
.bsk-hero__eyebrow{
	display:inline-block;font-weight:700;font-size:.85rem;letter-spacing:.04em;
	color:var(--wp--preset--color--navy);background:var(--wp--preset--color--surface-tint);
	padding:.4rem .9rem;border-radius:999px;
}
.bsk-hero__bolt{position:absolute;opacity:.08;pointer-events:none}

/* ---------- Schichtaufbau (wp:columns mit .bsk-flow) ---------- */
.bsk-flow.wp-block-columns{align-items:stretch;column-gap:0}
.bsk-flow > .wp-block-column{
	position:relative;background:var(--wp--preset--color--surface);
	border-radius:var(--wp--custom--radius--md);padding:1.1rem 1.2rem;
	margin-right:1.25rem;
}
.bsk-flow > .wp-block-column:last-child{margin-right:0}
.bsk-flow > .wp-block-column:not(:last-child)::after{
	content:"→";position:absolute;right:-1.55rem;top:50%;transform:translateY(-50%);
	color:var(--wp--preset--color--blue);font-size:1.3rem;font-weight:700;
}
.bsk-flow-num{
	display:inline-block;font-family:var(--wp--preset--font-family--display);font-weight:700;
	color:var(--wp--preset--color--blue);font-size:.85rem;letter-spacing:.06em;margin-bottom:.35rem;
}
@media (max-width:781px){
	.bsk-flow > .wp-block-column{margin-right:0;margin-bottom:1.4rem}
	.bsk-flow > .wp-block-column:not(:last-child)::after{content:"↓";right:auto;left:1.2rem;top:auto;bottom:-1.5rem;transform:none}
}

/* ---------- Statistik-Band (wp:columns mit .bsk-stats) ---------- */
.bsk-stats.wp-block-columns{column-gap:var(--wp--preset--spacing--md);row-gap:var(--wp--preset--spacing--sm)}
.bsk-stat-value{
	font-family:var(--wp--preset--font-family--display) !important;font-weight:700 !important;
	color:#fff !important;line-height:1.05 !important;margin-bottom:.35rem !important;
}
.bsk-stat-label{color:rgba(255,255,255,.8) !important;font-size:.95rem !important}
@media (max-width:781px){
	.bsk-stats.wp-block-columns{flex-wrap:wrap}
	.bsk-stats.wp-block-columns .wp-block-column{flex-basis:45% !important;min-width:45% !important}
}

/* ---------- FAQ (core/details) ---------- */
.bsk-faq-item{
	border-bottom:1px solid var(--wp--preset--color--surface-tint);
	padding:1.1rem 0;
}
.bsk-faq-item summary{
	cursor:pointer;font-family:var(--wp--preset--font-family--display);font-weight:700;
	font-size:1.05rem;color:var(--wp--preset--color--navy);list-style:none;
	display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.bsk-faq-item summary::-webkit-details-marker{display:none}
.bsk-faq-item summary::after{
	content:"+";font-size:1.4rem;font-weight:400;color:var(--wp--preset--color--blue);flex:0 0 auto;
	transition:transform .25s ease;
}
.bsk-faq-item[open] summary::after{transform:rotate(45deg)}
.bsk-faq-item p{margin-top:.75rem;color:var(--wp--preset--color--ink-muted)}

/* ---------- Prozess-Schritte ---------- */
.bsk-steps{counter-reset:bsk-step}
.bsk-step{position:relative;padding-left:3.5rem}
.bsk-step::before{
	counter-increment:bsk-step;content:counter(bsk-step);
	position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:999px;
	background:var(--wp--preset--color--navy);color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-family:var(--wp--preset--font-family--display);font-weight:700;
}

/* ---------- Formular (Klassen aus blitzschnell/kontaktformular) ---------- */
.bsk-form-wrap{
	background:var(--wp--preset--color--white);
	border-radius:var(--wp--custom--radius--lg);
	padding:var(--wp--preset--spacing--md);
	box-shadow:var(--wp--custom--shadow--card);
}
.bsk-form-row{margin-bottom:1.1rem}
.bsk-form-row label{display:block;font-weight:600;margin-bottom:.4rem;color:var(--wp--preset--color--navy)}
.bsk-form-row input,.bsk-form-row select,.bsk-form-row textarea{
	width:100%;min-height:48px;padding:.7rem .9rem;border-radius:10px;
	border:1.5px solid #d6dee8;font:inherit;background:#fff;color:var(--wp--preset--color--ink);
}
.bsk-form-row textarea{min-height:120px}
.bsk-form-row input:focus,.bsk-form-row select:focus,.bsk-form-row textarea:focus{
	outline:3px solid var(--wp--preset--color--blue);outline-offset:1px;border-color:var(--wp--preset--color--blue);
}
.bsk-form-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;color:var(--wp--preset--color--ink-muted)}
.bsk-form-check input{width:auto;min-height:auto;margin-top:.2rem}
.bsk-form-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.bsk-button{
	min-height:48px;padding:.9rem 1.8rem;border-radius:10px;border:none;
	background:var(--wp--preset--color--navy);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;
	transition:background-color .2s ease,transform .2s ease;
}
.bsk-button:hover{background:#1d3868}
.bsk-form-error{color:#b3261e;font-size:.9rem;margin-top:.4rem}
.bsk-form-message{padding:1rem 1.2rem;border-radius:10px;margin-bottom:1rem;font-weight:600}
.bsk-form-message--error{background:#fdecea;color:#8c1d13}
.bsk-form-message--success{background:#e8f5e9;color:#1e4d24}

/* ---------- Sektionen / Rhythmus ---------- */
.bsk-section-tint{background:var(--wp--preset--color--surface-tint)}

/* ---------- Footer ---------- */
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer__links{list-style:none;margin:0;padding:0}
.site-footer__links li{margin-bottom:.5rem}
.site-footer__muted{opacity:.78}
.site-footer__rule{opacity:.18;margin:1.75rem 0 1.25rem}

/* ---------- Responsive ---------- */
@media (max-width:781px){
	.bsk-layers{max-width:none}
}

/* ---------- Vertrauens-Badges unter dem Hero (Verfeinerung 26.09.2026) ---------- */
.bsk-badges{gap:.6rem;row-gap:.6rem}
.bsk-badge{
	display:inline-flex;align-items:center;gap:.4rem;margin:0 !important;
	background:var(--wp--preset--color--surface);color:var(--wp--preset--color--navy);
	border-radius:999px;padding:.55rem 1.1rem;font-weight:600;font-size:.92rem;
}
.bsk-badge::before{content:"✓";color:var(--wp--preset--color--blue);font-weight:700}

/* ---------- Einsatzgebiet-Liste (reiner Text, keine Ortslinks) ---------- */
.bsk-areas{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.bsk-areas li{
	background:var(--wp--preset--color--white);border:1.5px solid var(--wp--preset--color--surface-tint);
	border-radius:999px;padding:.5rem 1.1rem;font-weight:600;color:var(--wp--preset--color--navy);
}

/* ---------- Mobile CTA-Leiste (Anrufen / WhatsApp / Anfrage) ---------- */
.bsk-mobile-cta{display:none !important}
@media (max-width:781px){
	.bsk-mobile-cta{
		display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:200;
		margin:0 !important;gap:.4rem !important;
		background:rgba(255,255,255,.98);
		border-top:1px solid rgba(20,40,74,.12);
		box-shadow:0 -6px 20px rgba(20,40,74,.12);
		padding:.6rem .5rem calc(.6rem + env(safe-area-inset-bottom)) .5rem;
	}
	.bsk-mobile-cta .wp-block-button{flex:1 1 0;min-width:0;margin:0 !important}
	.bsk-mobile-cta .wp-block-button__link{width:100%;min-height:48px;font-size:.85rem;padding:.7rem .4rem}
	.bsk-mobile-cta__whatsapp .wp-block-button__link{background:#25D366;color:#fff}
	.bsk-mobile-cta__whatsapp .wp-block-button__link:hover{background:#1ebe5b}
	body{padding-bottom:var(--bsk-mobile-cta-h, 140px)}
}

/* ---------- Projekt-Galerie (Fotos + WhatsApp 26.09.2026) ---------- */
.bsk-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wp--preset--spacing--sm)}
.bsk-gallery > *{margin:0 !important;min-width:0}
.bsk-gallery--full{grid-template-columns:repeat(4,1fr)}
.bsk-gallery__item img{
	display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
	border-radius:var(--wp--custom--radius--md);
}
.bsk-gallery__feature{margin:0 0 var(--wp--preset--spacing--sm) !important}
.bsk-gallery__feature img{display:block;width:100%;height:auto;border-radius:var(--wp--custom--radius--md)}
@media (max-width:781px){
	.bsk-gallery,.bsk-gallery--full{grid-template-columns:repeat(2,1fr)}
}