/* Familienarbeit auf Augenhöhe – Markenstil (Maria Lier)
   Farben, Schriften und Layout für alle Seiten. */

@font-face{font-family:'Raleway';src:url('/fonts/raleway-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Raleway';src:url('/fonts/raleway-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Lora';src:url('/fonts/lora-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Lora';src:url('/fonts/lora-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Great Vibes';src:url('/fonts/great-vibes-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

:root{
	--tanne:#3C5553;
	--mint:#CFDDDC;
	--beere:#B83E6A;
	--creme:#F9F5F2;
	--aprikot:#E8A98F;
	--maxw:760px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}

body{
	margin:0;
	background:var(--creme);
	color:var(--tanne);
	font-family:'Lora',Georgia,'Times New Roman',serif;
	font-size:18px;
	line-height:1.75;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}

a{color:var(--beere);text-decoration:none;border-bottom:1px solid rgba(184,62,106,.35);}
a:hover{color:#93304f;border-bottom-color:var(--beere);}

/* Kopfzeile */
.site-header{background:var(--mint);border-bottom:1px solid rgba(60,85,83,.15);}
.site-header .inner{
	max-width:var(--maxw);margin:0 auto;padding:20px 24px;
	display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;
}
.site-header .brand{
	font-family:'Raleway',system-ui,sans-serif;font-weight:800;font-size:1.15rem;
	letter-spacing:.01em;color:var(--tanne);border:none;
}
.site-header .brand:hover{color:var(--tanne);}
.site-header .tag{font-family:'Great Vibes',cursive;font-size:1.55rem;line-height:1;color:var(--tanne);opacity:.85;}

/* Inhalt */
main{flex:1 0 auto;width:100%;max-width:var(--maxw);margin:0 auto;padding:52px 24px 60px;}
h1{font-family:'Raleway',system-ui,sans-serif;font-weight:800;font-size:2.1rem;line-height:1.2;margin:0 0 .35em;}
h2{font-family:'Raleway',system-ui,sans-serif;font-weight:800;font-size:1.28rem;line-height:1.3;margin:2.1em 0 .45em;}
h3{font-family:'Raleway',system-ui,sans-serif;font-weight:600;font-size:1.06rem;margin:1.5em 0 .3em;}
p,li{margin:.6em 0;}
.lead{font-size:1.12rem;color:#4a6564;}
.updated{font-size:.92rem;color:#6b807f;margin-top:0;}
hr{border:none;border-top:1px solid var(--mint);margin:2.4em 0;}
ul{padding-left:1.25em;}
strong{color:var(--tanne);}

/* Adress- und Hinweisboxen */
.card{background:#fff;border:1px solid var(--mint);border-radius:14px;padding:18px 22px;line-height:1.6;}
.note{background:rgba(232,169,143,.16);border-left:4px solid var(--aprikot);border-radius:8px;padding:14px 18px;font-size:.98rem;}

/* Fußzeile (wird von footer.js eingebunden) */
.site-footer{flex-shrink:0;background:var(--tanne);color:var(--creme);font-family:'Raleway',system-ui,sans-serif;margin-top:48px;}
.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:36px 24px;text-align:center;}
.site-footer .fname{font-family:'Great Vibes',cursive;font-size:1.8rem;color:var(--creme);display:block;margin-bottom:16px;}
.site-footer nav{display:flex;gap:12px 28px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.site-footer a{color:var(--creme);font-weight:600;border-bottom:1px solid rgba(249,245,242,.4);}
.site-footer a:hover{color:var(--mint);border-bottom-color:var(--mint);}
.site-footer .copy{font-size:.85rem;color:rgba(249,245,242,.72);}

@media(max-width:520px){
	body{font-size:17px;}
	h1{font-size:1.7rem;}
	main{padding:36px 20px 48px;}
}