/* FassadenWert Seitenbausteine (für Twenty Twenty-Five / Block-Editor) */
:root {
	--fw-primary: #1d6b57;
	--fw-primary-dark: #145040;
	--fw-accent: #f2b134;
	--fw-soft: #f3f8f6;
	--fw-border: #d7e2dd;
	--fw-muted: #5b6b65;
}

/* Abschnitte: farbige Vollbreiten-Bereiche ohne weiße Lücken dazwischen */
.wp-block-post-content > .fw-hero,
.wp-block-post-content > .fw-section { margin-block-start: 0; margin-block-end: 0; }
.fw-section { padding-top: clamp(2.5rem, 6vw, 4.5rem); padding-bottom: clamp(2.5rem, 6vw, 4.5rem); }
.fw-section--soft { background: var(--fw-soft); }
.fw-section--dark { background: var(--fw-primary-dark); color: #fff; }
.fw-section--dark a { color: #fff; }

/* Hero */
.fw-hero { background: linear-gradient(160deg, #eef6f2 0%, #ffffff 60%); padding-top: clamp(2rem, 5vw, 4rem); padding-bottom: clamp(2.5rem, 6vw, 4.5rem); }
.fw-hero h1 { font-size: clamp(1.8rem, 4.2vw, 3rem); line-height: 1.15; max-width: 22ch; }
.fw-eyebrow { text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; font-weight: 700; color: var(--fw-primary); }
.fw-lead { font-size: clamp(1.05rem, 2vw, 1.25rem); max-width: 60ch; }

/* Häkchen-Liste */
ul.fw-checks { list-style: none; padding-left: 0; }
ul.fw-checks li { position: relative; padding-left: 2rem; margin-bottom: .6rem; }
ul.fw-checks li::before {
	content: "";
	position: absolute; left: 0; top: .2em;
	width: 1.3rem; height: 1.3rem; border-radius: 50%;
	background: var(--fw-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 70% no-repeat;
}

/* Vertrauens-Streifen */
.fw-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1.5rem; font-weight: 600; font-size: .95rem; color: var(--fw-primary-dark); }
.fw-trust p { margin: 0; padding: .5rem 1rem; background: #fff; border: 1px solid var(--fw-border); border-radius: 99px; }

/* Faktenbox */
.fw-facts { background: #fff; border: 1px solid var(--fw-border); border-left: 6px solid var(--fw-primary); border-radius: 12px; padding: clamp(1.2rem, 3vw, 2rem); }
.fw-facts h2 { font-size: clamp(1.3rem, 2.6vw, 1.7rem); margin-top: 0; }
.fw-facts ul { padding-left: 1.2rem; }
.fw-facts li { margin-bottom: .55rem; }

/* Vergleichstabelle */
.fw-compare { overflow-x: auto; }
.fw-compare table { min-width: 680px; border-collapse: collapse; font-size: .95rem; }
.fw-compare th, .fw-compare td { border: 1px solid var(--fw-border); padding: .7rem .8rem; vertical-align: top; text-align: left; }
.fw-compare thead th { background: var(--fw-primary-dark); color: #fff; }
.fw-compare thead th:nth-child(2) { background: var(--fw-primary); }
.fw-compare tbody td:first-child { font-weight: 700; background: var(--fw-soft); }
.fw-compare tbody td:nth-child(2) { background: #eaf5f0; font-weight: 600; }

/* Karten (Ablauf, Materialien, Regionen) */
.fw-cards > .wp-block-column {
	background: #fff;
	border: 1px solid var(--fw-border);
	border-radius: 12px;
	padding: 1.4rem;
}
.fw-section--soft .fw-cards > .wp-block-column { box-shadow: 0 6px 18px rgba(20, 60, 50, .06); }
.fw-cards h3 { font-size: 1.15rem; margin-top: 0; }
.fw-step-no { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--fw-accent); font-weight: 800; margin: 0 0 .6rem; }
.fw-small { font-size: .9rem; color: var(--fw-muted); }

/* FAQ */
.fw-faq .wp-block-details { border: 1px solid var(--fw-border); border-radius: 10px; padding: .9rem 1.1rem; margin-bottom: .7rem; background: #fff; }
.fw-faq .wp-block-details summary { font-weight: 700; cursor: pointer; }
.fw-faq .wp-block-details[open] summary { margin-bottom: .6rem; }

/* Buttons */
.fw-btn-primary .wp-block-button__link { background: var(--fw-accent); color: #1b2420; font-weight: 700; }
.fw-btn-primary .wp-block-button__link:hover { background: #e09e1c; color: #1b2420; }