/*
Theme Name: Cini Alltagsbegleitung
Theme URI: https://example.invalid/
Author: Cini Alltagsbegleitung
Description: Individuelles responsives Theme für Cini Alltagsbegleitung in Hannover.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cini-alltagsbegleitung
*/

:root{--forest:#51437f;--sage:#f1ecf7;--cream:#fdfafb;--gold:#d9b8d6;--ink:#35304e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1150px;margin:auto;padding:0 25px}header{background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 15px #51437f20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand{font-family:Georgia,serif;font-size:25px;color:var(--forest);line-height:1.1}.brand small{display:block;font:12px Arial;letter-spacing:2px;margin-top:6px;text-transform:uppercase}.links{display:flex;gap:27px;align-items:center;font-size:14px}.btn{display:inline-block;border-radius:50px;background:var(--forest);color:white;padding:13px 25px;font-weight:700;font-size:14px}.btn:hover{background:#7661a5}.hero{background:linear-gradient(105deg,#eee6f6 0%,#fff9fc 75%);padding:85px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{color:#83649b;text-transform:uppercase;letter-spacing:2.3px;font-weight:bold;font-size:12px}.hero h1{font:normal clamp(43px,5.4vw,70px)/1.12 Georgia,serif;color:var(--forest);margin:15px 0 24px}.hero p{font-size:18px;max-width:520px}.hero-art{height:420px;border-radius:210px 210px 25px 25px;background:radial-gradient(circle at 62% 30%,#fff9 0 11%,transparent 12%),linear-gradient(140deg,#eadbf1,#9c83c9);position:relative;box-shadow:18px 20px 0 #fdfbf7}.hero-art:before{content:'♥';font:180px Georgia,serif;color:#fff5fa;position:absolute;top:55px;left:30%;transform:rotate(-10deg)}.hero-art:after{content:'Zeit · Nähe · Vertrauen';position:absolute;bottom:35px;left:35px;right:35px;text-align:center;background:#fffafdeb;border-radius:20px;padding:16px;color:var(--forest);font-family:Georgia,serif;font-size:20px}.badge{display:inline-block;background:white;border-radius:30px;padding:9px 17px;color:#725a99;font-size:13px;margin-top:24px}section{padding:85px 0}.center{text-align:center}.section-title{font:normal 43px/1.2 Georgia,serif;color:var(--forest);margin:10px 0 15px}.lead{max-width:720px;margin:0 auto 38px;color:#666078}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{background:white;border-radius:18px;padding:32px 28px;box-shadow:0 8px 30px #51437f12}.icon{font-size:32px}.card h3{font:normal 23px Georgia,serif;color:var(--forest);margin:13px 0 10px}.card p{font-size:15px;color:#666078;margin:0}.about{background:#f0e9f5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.quote{background:white;border-left:5px solid var(--gold);padding:45px;border-radius:12px;font:italic 30px/1.4 Georgia,serif;color:var(--forest)}.info{background:var(--forest);color:white}.info .section-title{color:white}.info p{color:#f1e9fa}.contact{background:#fff}.contactbox{background:var(--sage);padding:40px;border-radius:20px;max-width:740px;margin:30px auto 0}.contactbox p{margin:8px 0}.muted{color:#777084;font-size:13px}footer{background:#3e315e;color:#f5ecfa;padding:30px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:850px){.links a:not(.btn){display:none}.hero-grid,.about-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero-art{height:300px;max-width:430px}.cards{grid-template-columns:1fr 1fr}}@media(max-width:580px){.cards{grid-template-columns:1fr}.section-title{font-size:35px}.hero h1{font-size:45px}.hero-grid{gap:35px}.nav{min-height:75px}.brand{font-size:21px}.links .btn{padding:10px 13px;font-size:12px}section{padding:65px 0}}
.brand-logo{display:block;width:215px;max-height:94px;object-fit:contain;object-position:left center;border-radius:7px}.hero-logo{min-height:360px;border-radius:32px;background:linear-gradient(145deg,#f7eef8,#e5d9f0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-shadow:18px 20px 0 #fff}.hero-logo img{width:100%;max-width:470px;border-radius:13px;box-shadow:0 12px 35px #51437f26}.hero-logo span{font:italic 23px Georgia,serif;color:#65518a;margin-top:28px;text-align:center}.badge{color:#65518a}.contactbox{border:1px solid #e8dcef}@media(max-width:580px){.brand-logo{width:145px}.hero-logo{min-height:260px;padding:20px}.hero-logo span{font-size:19px}.links .btn{font-size:11px}}.brand-logo{background:#fff!important;padding:7px 10px;border-radius:8px}.hero-logo{background:#fff!important;box-shadow:0 15px 45px #51437f1a!important;border:1px solid #eee5f3}.hero-logo img{background:#fff!important;padding:12px;border-radius:12px}
body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}
.wp-block-image img{max-width:100%;height:auto}

footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal-page{padding-top:65px;padding-bottom:90px;min-height:55vh;max-width:920px}
.legal-page h1{font:normal clamp(36px,5vw,52px) Georgia,serif;color:#51437f}
.legal-page h2{font:normal 25px Georgia,serif;color:#51437f;margin-top:34px}
.legal-page a{color:#51437f;text-decoration:underline}
.legal-page p{overflow-wrap:anywhere}
.legal-notice{padding:18px 22px;background:#f2eaf8;border-left:4px solid #83649b;border-radius:8px}

.cini-form-panel{max-width:740px;margin:30px auto 0;background:#fff;border:1px solid #e8dcef;border-radius:20px;padding:34px;text-align:left;box-shadow:0 10px 28px #51437f12}
.cini-form-panel h3{font:normal 30px Georgia,serif;color:#51437f;margin:0 0 8px}.cini-form-panel>p{margin:0 0 22px}.cini-contact-form{display:grid;gap:10px}.cini-contact-form label{font-weight:700;color:#51437f;font-size:14px}.cini-contact-form input:not([type=checkbox]),.cini-contact-form textarea{width:100%;font:inherit;padding:13px;border:1px solid #c9b8d8;border-radius:10px;background:#fff;color:#35304e;margin-bottom:9px}.cini-contact-form input:focus,.cini-contact-form textarea:focus{outline:2px solid #83649b;outline-offset:1px}.cini-contact-form .cini-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:#35304e;margin:8px 0}.cini-consent input{margin-top:5px;accent-color:#51437f}.cini-consent a{text-decoration:underline;color:#51437f}.cini-contact-form button{border:0;cursor:pointer;justify-self:start}.cini-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cini-form-message{padding:14px;border-radius:9px;background:#f1ecf7;margin:14px 0}.cini-form-error{background:#fff0f0;color:#7e2020}@media(max-width:580px){.cini-form-panel{padding:22px}}

/* Cini Cookie Banner – responsive and accessible */
.cini-cookie-banner[hidden],.cini-cookie-options[hidden]{display:none!important}
.cini-cookie-banner{position:fixed;z-index:99999;bottom:18px;left:18px;right:18px;max-width:920px;margin:auto;background:#fff;border:1px solid #e8d9f2;border-radius:20px;box-shadow:0 14px 50px rgba(55,20,75,.23);color:#382747;font-family:inherit}
.cini-cookie-inner{padding:22px 26px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.cini-cookie-banner h2{font-size:1.18rem;line-height:1.4;color:#66317f;margin:0 0 8px}
.cini-cookie-banner p{font-size:.9rem;line-height:1.55;margin:0;color:#51435b}
.cini-cookie-banner a{color:#703a8c;text-decoration:underline}
.cini-cookie-actions{display:flex;flex-direction:column;gap:8px;min-width:170px}
.cini-cookie-btn{background:#f2e9f8;border:1px solid #a981bd;border-radius:10px;padding:10px 13px;cursor:pointer;color:#5c3375;font:inherit;font-weight:650}
.cini-cookie-primary{background:#743c94;color:white;border-color:#743c94}
.cini-cookie-link,.cini-cookie-reopen{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:inherit;font:inherit;padding:3px}
.cini-cookie-options{margin-top:12px;display:flex;flex-direction:column;gap:7px;font-size:.85rem}
.cini-cookie-options label{display:flex;gap:8px;align-items:center}
.cini-cookie-btn:focus-visible,.cini-cookie-link:focus-visible,.cini-cookie-reopen:focus-visible{outline:3px solid #a965cb;outline-offset:3px}
@media(max-width:650px){.cini-cookie-banner{bottom:10px;left:10px;right:10px}.cini-cookie-inner{padding:17px;display:block}.cini-cookie-actions{margin-top:14px}.cini-cookie-banner p{font-size:.84rem}}