/*
Theme Name: Familien Modern & Clean
Theme URI: https://example.invalid/
Author: Individuelles Familienprojekt
Description: Schlankes, responsives WordPress Block-Theme für eine Familienwebsite. Startseiten und Unterseiten werden bei Aktivierung einmalig angelegt.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: familien-modern-clean
*/
:root{--fam-green:#405d43;--fam-cream:#faf9f6;--fam-ink:#252c27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--fam-cream)}a{text-decoration:none}a:hover{text-decoration:underline}.wp-site-blocks{overflow:hidden}.fam-header{position:relative;z-index:5;background:#fff;border-radius:14px;box-shadow:0 8px 28px #1a241a13;max-width:1240px;margin:20px auto -94px!important;padding:16px 32px!important}.fam-brand{white-space:nowrap}.fam-header .wp-block-navigation{font-size:14px}.fam-header .wp-block-navigation a{color:#2c342c}.fam-hero{min-height:660px;display:flex;align-items:center;position:relative;background-image:linear-gradient(90deg,rgba(10,24,14,.76),rgba(12,26,14,.28) 60%,rgba(20,20,12,.05)),url('assets/hero.jpg');background-size:cover;background-position:center center}.fam-hero-content{padding-top:100px!important;padding-bottom:155px!important}.fam-kicker{letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700;color:#d8ead4}.fam-hero h1{font-size:clamp(42px,5.3vw,76px)!important;line-height:1.07!important;letter-spacing:-.035em;max-width:780px;text-wrap:balance}.fam-hero p{max-width:540px}.fam-button .wp-block-button__link{background:#bfdcb8;color:#1d3a22!important;border-radius:100px;font-weight:600;padding:14px 26px;transition:background .2s,transform .2s}.fam-button .wp-block-button__link:hover{background:#d5eacb;transform:translateY(-2px);text-decoration:none}.fam-cards{margin-top:-105px!important;position:relative;z-index:3;gap:20px!important}.fam-card{min-height:240px;border:1px solid #ebece8;border-radius:15px;padding:32px 22px!important;background:#fff;box-shadow:0 15px 35px #252f2415;transition:transform .2s,box-shadow .2s}.fam-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #252f2426}.fam-icon{font-size:33px;line-height:1.3;color:var(--fam-green)}.fam-card h3{font-size:21px!important;margin:12px 0 8px!important}.fam-card p{font-size:14px;line-height:1.6;color:#59655c;margin:0!important}.fam-card a{color:inherit}.fam-section{padding-top:96px;padding-bottom:100px}.fam-section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.025em}.fam-feature{border-radius:20px;background:#edf2e9;padding:40px!important}.fam-footer{border-top:1px solid #e5e7e1;padding-top:40px!important;padding-bottom:40px!important;font-size:14px}.fam-footer a{color:var(--fam-green)}.fam-subhero{padding:155px 20px 70px;background:linear-gradient(135deg,#e5eee0,#f9f8f2);margin-top:0!important}.fam-subhero h1{font-size:clamp(38px,5vw,62px)!important;letter-spacing:-.035em}.fam-content{padding-top:60px;padding-bottom:100px;min-height:40vh}.fam-post-title{margin-bottom:12px!important}.fam-content a{color:var(--fam-green)}@media(max-width:900px){.fam-header{margin:12px 16px -84px!important;padding:14px 18px!important}.fam-header .wp-block-site-title{font-size:19px!important}.fam-hero{min-height:580px}.fam-cards{gap:14px!important}.fam-card{min-height:220px;padding:24px 15px!important}.fam-card h3{font-size:18px!important}}@media(max-width:781px){.fam-cards{margin-top:-70px!important}.fam-cards.wp-block-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fam-cards .wp-block-column{margin:0!important}.fam-hero-content{padding-top:125px!important;padding-bottom:130px!important}.fam-section{padding-top:65px;padding-bottom:65px}.fam-header .wp-block-navigation__responsive-container-open{display:flex}}@media(max-width:550px){.fam-header{margin:10px 12px -80px!important}.fam-brand{font-size:16px}.fam-hero{min-height:615px;background-position:60% center}.fam-hero h1{font-size:43px!important}.fam-cards.wp-block-columns{grid-template-columns:1fr;gap:12px!important}.fam-cards{margin-top:-60px!important}.fam-card{min-height:unset;padding:25px!important}.fam-section{padding-top:45px}.fam-feature{padding:26px!important}.fam-footer .wp-block-columns{gap:10px}.fam-content{padding-top:35px}}

/* Klarere Karten und zugänglichere Navigation */
.fam-card{min-height:210px;padding:26px 20px!important}.fam-card .fam-icon{font-size:34px!important;line-height:1.4!important;margin-bottom:10px!important;color:#405d43}.fam-card h3{font-size:20px!important}.fam-header .wp-block-navigation{font-size:14px}.fam-header .wp-block-navigation a:focus-visible,.fam-card a:focus-visible{outline:3px solid #405d43;outline-offset:4px}@media(max-width:900px){.fam-card{min-height:200px}}

/* Version 1.2: Navigation, Dropdown, Beispielseiten, Dokumentenarchiv */
.fam-header{gap:18px;max-width:1240px}.fam-header .wp-block-site-title{font-size:21px!important;white-space:nowrap}.fam-header .fam-brand{font-size:27px!important;margin:0!important}.fam-header .wp-block-navigation{font-size:14px;letter-spacing:.005em}.fam-header .wp-block-navigation .wp-block-navigation-item__content{padding:10px 13px;border-radius:9px;transition:background .2s,color .2s,transform .2s}.fam-header .wp-block-navigation .wp-block-navigation-item__content:hover,.fam-header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content{background:#ecf3e9;color:#244b2c;text-decoration:none}.fam-header .wp-block-navigation .wp-block-navigation__submenu-icon{margin-left:-5px;margin-right:8px}.fam-header .wp-block-navigation .wp-block-navigation__submenu-container{background:#fff!important;min-width:210px!important;border:1px solid #e5ebe2!important;border-radius:13px!important;box-shadow:0 18px 45px #192b1b24!important;padding:8px!important;overflow:visible}.fam-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%}.fam-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{width:100%;padding:12px!important}.fam-header .wp-block-navigation a:focus-visible,.fam-filters select:focus-visible,.fam-filters button:focus-visible,.fam-doc-card:focus-visible{outline:3px solid #90b88d;outline-offset:3px}.fam-page-lead{font-size:clamp(18px,2vw,22px)!important;line-height:1.7;color:#526258;max-width:820px;margin-bottom:55px}.fam-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#54795b;margin-bottom:8px}.fam-content h2{font-size:clamp(30px,3vw,43px);margin-bottom:28px}.fam-sample-columns{gap:20px!important;margin-top:30px!important}.fam-sample-card{background:white;border:1px solid #e7ebe4;border-radius:18px;padding:28px!important;min-height:210px;height:100%;box-shadow:0 12px 32px #1b33160b;transition:transform .2s,box-shadow .2s}.fam-sample-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #1b33161d}.fam-sample-card h3{font-size:22px;margin-top:0}.fam-sample-card p{color:#59665e;line-height:1.65}.fam-archive{margin-top:44px}.fam-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:20px;border:1px solid #e2e9e0;border-radius:18px;background:#edf3e9;margin-bottom:25px}.fam-filters label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:180px;font-weight:600;color:#314d36;font-size:13px}.fam-filters select{appearance:auto;background:#fff;border:1px solid #d5dfd3;border-radius:10px;padding:12px;color:#28362c;font:inherit;width:100%}.fam-filters button{border:0;border-radius:10px;background:#405d43;color:#fff;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer}.fam-filters button:hover{background:#2d4933}.fam-filters .fam-clear{padding:12px;color:#405d43}.fam-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fam-doc-card{display:flex;flex-direction:column;gap:9px;border:1px solid #e3e9df;border-radius:17px;padding:22px;background:#fff;color:#26382b!important;transition:transform .2s,box-shadow .2s}.fam-doc-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 15px 35px #1a2e1918}.fam-doc-illustration{display:flex;align-items:center;justify-content:center;font-size:38px;background:#eef4ea;border-radius:12px;height:105px;color:#496850}.fam-doc-tag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#58775d;font-weight:700;margin-top:5px}.fam-doc-card strong{font-size:21px;font-family:Georgia,serif}.fam-doc-card small{font-size:13px;color:#607064}.fam-doc-cta{color:#365f3d;margin-top:auto;padding-top:16px;font-weight:700}.fam-empty{padding:28px;background:#fff;border:1px dashed #ccd9c8;border-radius:14px}.fam-doc-info{border-left:4px solid #91b28c;padding-left:18px;margin:18px 0 25px}.fam-doc-info p{margin:7px 0}.fam-pdf-wrap{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1b28151c;background:#e7e9e6}.fam-pdf-wrap iframe{width:100%;height:min(75vh,850px);border:0;display:block}.fam-pdf-link{display:inline-block;margin-top:20px;padding:11px 20px;border-radius:100px;background:#dfebda;color:#284b30!important;font-weight:700}
@media(max-width:1050px){.fam-header{padding:12px 17px!important}.fam-header .wp-block-navigation{font-size:13px}.fam-header .wp-block-navigation .wp-block-navigation-item__content{padding:8px}}@media(max-width:781px){.fam-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fam-header .wp-block-navigation__responsive-container.is-menu-open{padding:30px!important;background:#faf9f6!important}.fam-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none!important;background:transparent!important}.fam-sample-columns{flex-direction:column}.fam-sample-card{min-height:unset}}@media(max-width:540px){.fam-doc-grid{grid-template-columns:1fr}.fam-filters{flex-direction:column;align-items:stretch}.fam-filters label{min-width:0}.fam-pdf-wrap iframe{height:65vh}}