/*
Theme Name: Mondkinder – Geborgen wachsen
Theme URI: https://example.com/
Author: Mondkinder
Description: Responsives WordPress-Theme für die Kindertagespflege Mondkinder.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mondkinder
*/

:root{--ivory:#fffaf4;--paper:#f7efe7;--lav:#b99bb5;--plum:#76566f;--sage:#a9b59b;--sage-dark:#68785e;--peach:#ddb8ae;--gold:#d9aa58;--ink:#514a47;--white:#fffefa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Lato,Arial,sans-serif;line-height:1.7}
a{color:var(--plum)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
header{position:sticky;top:0;z-index:5;background:rgba(255,250,244,.96);backdrop-filter:blur(10px);border-bottom:1px solid #eee4dc}
.nav{max-width:1120px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font:600 2rem "Cormorant Garamond",serif;color:var(--plum);text-decoration:none;white-space:nowrap}.brand .moon{color:var(--gold);font-size:1.5em;vertical-align:-.08em}
nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none;font-size:.88rem;color:var(--ink)}nav a:hover{color:var(--plum)}
.menu-btn{display:none;background:none;border:1px solid var(--lav);border-radius:20px;padding:8px 13px;color:var(--plum)}
.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 15% 25%,#f8e8df 0,transparent 35%),radial-gradient(ellipse at 85% 15%,#eee5f0 0,transparent 32%),linear-gradient(135deg,#fffaf4,#f8f1e9);padding:76px 24px 82px}
.hero-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}
.eyebrow{color:var(--sage-dark);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:bold}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.08;color:var(--plum)}
h1{font-size:clamp(3rem,6vw,5.3rem);margin:14px 0 18px}h2{font-size:clamp(2.2rem,4vw,3.2rem);margin:0 0 18px}h3{font-size:1.8rem;margin:0 0 8px}
.hero p{font-size:1.08rem;max-width:580px}.script{font:1.8rem Caveat,cursive;color:var(--sage-dark)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:12px 21px;border-radius:28px;text-decoration:none;font-weight:bold;border:1px solid var(--plum);background:var(--plum);color:white}.btn.secondary{background:transparent;color:var(--plum)}
.art{min-height:350px;display:grid;place-items:center;position:relative}.art-card{width:min(100%,440px);aspect-ratio:1.08;border-radius:48% 52% 43% 57%/53% 42% 58% 47%;background:linear-gradient(145deg,#f6e5db,#f4edf3 60%,#e9eee2);display:grid;place-items:center;box-shadow:0 18px 55px #7a5d6d18;border:1px solid #fff}
.art-card svg{width:82%;height:auto}.sprig{position:absolute;color:var(--sage);font-size:3rem;opacity:.8}.sprig.one{top:10%;left:3%}.sprig.two{bottom:5%;right:0;color:var(--peach)}
section{padding:76px 24px}.wrap{max-width:1050px;margin:auto}.center{text-align:center}.lead{max-width:720px;margin:0 auto 32px;font-size:1.05rem}.kicker{font:1.5rem Caveat,cursive;color:var(--sage-dark)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);border:1px solid #eee5dd;border-radius:22px;padding:25px;box-shadow:0 8px 24px #5a4a3a08}.icon{font-size:1.8rem}.soft{background:#f7f0ea}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.note{background:#f1eaf2;border-radius:30px;padding:32px}.photo-placeholder{min-height:300px;border-radius:45% 55% 52% 48%/48% 44% 56% 52%;background:radial-gradient(circle at 40% 35%,#fff8ef,#e8e1eb 55%,#dfe7d9);display:grid;place-items:center;text-align:center;padding:35px;color:var(--plum);font:1.5rem "Cormorant Garamond",serif}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:20px;background:#fffdfa;border-radius:18px;border-top:4px solid var(--lav)}.step:before{counter-increment:step;content:"0" counter(step);font:1.6rem "Cormorant Garamond";color:var(--gold)}
details{background:#fffdfa;border:1px solid #eee5dd;border-radius:14px;padding:16px 20px;margin:10px 0}summary{cursor:pointer;color:var(--plum);font-weight:bold}
.contact{background:linear-gradient(135deg,#f2eaf2,#f8eee6)}footer{padding:28px 24px;background:#f3ece5;text-align:center;font-size:.88rem}footer a{margin:0 8px}
.small{font-size:.88rem;color:#766e68}.tag{display:inline-block;padding:5px 12px;background:#e9eee4;border-radius:20px;color:var(--sage-dark);font-size:.8rem}
@media(max-width:800px){.hero-inner,.split{grid-template-columns:1fr}.hero{padding-top:48px}.art{min-height:260px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--ivory);padding:18px 24px;box-shadow:0 10px 18px #0001}nav.open{display:grid;grid-template-columns:1fr 1fr}.menu-btn{display:block}}
@media(max-width:520px){.cards,.steps{grid-template-columns:1fr}.nav{padding:10px 16px}.brand{font-size:1.7rem}section{padding:56px 20px}.hero-inner{gap:12px}}

/* WordPress editor and accessibility refinements */
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}
img{max-width:100%;height:auto}

/* Visual editor additions */
.hero-photo{width:min(100%,460px);height:390px;border-radius:48% 52% 43% 57%/53% 42% 58% 47%;overflow:hidden;box-shadow:0 18px 55px #7a5d6d18;border:7px solid #fff}
.hero-photo img,.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.photo-frame{min-height:300px}
.brand-logo .custom-logo-link{display:inline-block}.brand-logo img{max-height:68px;width:auto;max-width:230px}
nav ul{display:contents;list-style:none;margin:0;padding:0}nav li{display:inline-block}nav li a{text-decoration:none;font-size:.88rem;color:var(--ink)}
@media(max-width:800px){.hero-photo{height:300px;width:min(100%,390px);margin:auto}.brand-logo img{max-height:54px;max-width:180px}}\n\n/* Mondkinder Räumlichkeiten-Galerie */\n.rooms-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}\n.rooms-gallery figure{margin:0;overflow:hidden;border-radius:20px;background:#fff;border:6px solid #fff;box-shadow:0 8px 24px #5a4a3a12;aspect-ratio:4/3}\n.rooms-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}\n.rooms-gallery figure:hover img{transform:scale(1.035)}\n@media(max-width:800px){.rooms-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rooms-gallery figure{border-width:4px;border-radius:16px}}\n@media(max-width:520px){.rooms-gallery{grid-template-columns:1fr}.rooms-gallery figure{aspect-ratio:4/3}}