/*
Theme Name: Naddys Kleine Welt
Theme URI: https://naddys-kleine-welt.de
Author: Naddys Kleine Welt
Description: Elegantes, responsives WordPress-Theme für Stickerei, Stickdateien und Textildruck – ohne Shop.
Version: 1.9
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: naddys-kleine-welt
License: GPL-2.0-or-later
*/
:root{--cream:#faf6f2;--rose:#bd827d;--rose-dark:#975e59;--ink:#302e2e;--muted:#6d6765;--line:#e9ded8;--white:#fff;--soft:#f1e6e0;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{background:rgba(250,246,242,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:750;font-size:1.2rem}.brand img{width:92px;max-height:90px;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}.nav-menu a{text-decoration:none;font-size:.93rem;font-weight:600}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--rose-dark)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:8px;font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--rose);border-radius:6px;padding:13px 23px;font-weight:700;background:var(--rose);color:#fff;cursor:pointer;font:inherit;font-weight:700;transition:.2s}.btn:hover{background:var(--rose-dark);border-color:var(--rose-dark);color:white}.btn-outline{background:transparent;color:var(--ink);border-color:var(--rose)}.btn-outline:hover{color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--rose-dark)}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,5rem);margin:14px 0 23px}h2{font-size:clamp(2rem,3.4vw,3.2rem);margin:12px 0 22px}h3{font-size:1.3rem;margin:0 0 10px}p{margin:0 0 20px}.lead{font-size:1.14rem;color:var(--muted);max-width:620px}.hero{padding:92px 0 105px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.hero-art{min-height:390px;border-radius:170px 170px 16px 16px;background:radial-gradient(circle at 50% 45%,#fff 0 24%,#e9d0c8 25% 48%,#d6aaa1 49% 65%,#b67f79 66%);display:flex;align-items:center;justify-content:center;position:relative}.hero-art img{width:min(62%,260px);filter:drop-shadow(0 12px 18px #815f5b45)}.hero-art:after{content:'Mit Liebe zum Detail';position:absolute;bottom:28px;background:#fff;padding:9px 20px;border-radius:100px;color:var(--rose-dark);font-weight:700;font-size:.84rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:85px 0}.section-white{background:white}.section-soft{background:var(--soft)}.section-heading{max-width:740px;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 8px 24px #3b302a08}.card-icon{width:49px;height:49px;display:grid;place-items:center;background:var(--soft);color:var(--rose-dark);border-radius:12px;font-size:1.5rem;margin-bottom:25px}.card p{color:var(--muted)}.text-link{font-weight:750;color:var(--rose-dark);text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.feature-panel{border-radius:14px;min-height:320px;background:linear-gradient(135deg,#eedbd4,#c59189);display:flex;flex-direction:column;justify-content:center;padding:50px;color:#4a3532}.feature-panel strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.feature-panel span{margin-top:20px}.cta{background:var(--ink);color:white;padding:60px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta p{color:#ddd2ce}.page-hero{padding:76px 0 45px}.page-hero h1{font-size:clamp(2.5rem,4vw,4rem)}.content-area{padding-bottom:90px}.content-area .entry-content{max-width:840px}.entry-content h2{margin-top:42px}.entry-content ul{padding-left:22px}.entry-content li{margin-bottom:10px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}.service-list>div{background:white;padding:24px;border:1px solid var(--line);border-radius:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-placeholder{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#f3e6e1,#d9afa6);display:grid;place-items:center;text-align:center;padding:25px;color:#694c48;font-weight:700}.contact-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:50px}.contact-form{background:white;padding:30px;border:1px solid var(--line);border-radius:12px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8cbc6;border-radius:6px;padding:12px;font:inherit;background:#fff}.field textarea{min-height:130px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--rose)}.checkbox-field{display:flex;gap:10px;align-items:flex-start;font-size:.87rem}.checkbox-field input{margin-top:6px}.notice{padding:14px;border-radius:8px;background:#f1e6e0;margin-bottom:20px}.site-footer{background:#292728;color:#f7f2f0;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid a{color:#eee0db}.footer-grid ul{padding:0;list-style:none}.footer-grid li{margin:9px 0}.footer-bottom{border-top:1px solid #544c4a;margin-top:30px;padding-top:18px;color:#d2c7c4;font-size:.84rem}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:12px;top:12px;background:white;padding:10px;z-index:999}.wp-block-image img{border-radius:10px}@media(max-width:850px){.header-inner{min-height:82px}.brand img{width:70px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:15px 20px 24px;border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:10px}.nav-menu a{display:block;padding:8px}.hero-grid,.split,.contact-layout{grid-template-columns:1fr;gap:35px}.hero{padding:55px 0}.hero-art{min-height:300px;max-width:450px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cta{padding:35px;flex-direction:column;align-items:flex-start}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 30px))}.section{padding:60px 0}.service-list,.gallery-grid,.footer-grid{grid-template-columns:1fr}.contact-form{padding:20px}.hero-art{min-height:270px}.cta{padding:28px}}

/* Version 1.1 – Gestaltung abgestimmt auf die gedruckten Markenmaterialien */
:root{--cream:#fbf7f3;--rose:#b87b75;--rose-dark:#87554f;--ink:#302c2b;--soft:#f3e5de;--line:#e9d9d1}
.hero{background:linear-gradient(145deg,#fbf7f3 0%,#f7ece6 100%)}
.hero-art{background:radial-gradient(circle at 50% 40%,#fffaf6 0 27%,#ecd6ce 28% 58%,#c9968d 59% 100%);box-shadow:0 28px 55px #754c4220}
.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #3b302a12}
.feature-panel{background:linear-gradient(135deg,#f2dfd4,#d6a69a)}
.site-footer a:hover{color:#fff}.brand span{letter-spacing:-.02em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* Version 1.2: Farb- und Formensprache der Visitenkarten und Flyer */
:root{--cream:#fff0e9;--rose:#b44d57;--rose-dark:#9d123a;--ink:#304448;--muted:#50666a;--soft:#f9d5cc;--line:#edb6ad}
body{background:#fff2eb}.site-header{background:rgba(255,243,235,.97);border-bottom-color:#efc3b9}.brand span{color:#9d123a}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#9d123a}h1{font-weight:800}.hero h1 em{font-weight:400;font-family:Georgia,serif;color:#bb4057}.hero{background:radial-gradient(ellipse at 85% 15%,#f6b2a5 0,transparent 36%),linear-gradient(145deg,#fff0e8,#ffe2d8);position:relative}.hero:before,.section-soft:before{content:'❧';position:absolute;left:1.5%;top:6%;font-size:95px;line-height:1;color:#b84c5880;transform:rotate(-30deg);pointer-events:none}.hero-grid{position:relative;z-index:1}.hero-art{border-radius:47% 53% 48% 52% / 55% 43% 57% 45%;background:radial-gradient(circle,#fff1e7 0 35%,#f6c4b7 36% 70%,#b44d57 71%);box-shadow:0 24px 60px #9d123a28}.hero-art:after{content:'Kreatives für dich. Mit Herz. ♡';color:#9d123a}.btn{background:#a81340;border-color:#a81340;border-radius:999px}.btn-outline{background:transparent;color:#9d123a}.eyebrow,.text-link{color:#a81340}.card{border-radius:22px;border-color:#f1d0c6}.card-icon{border-radius:50%;background:#f5c0bc;color:#a81340}.feature-panel{background:linear-gradient(140deg,#ffe3d6,#e5a49c);border-radius:50px 12px 50px 12px}.cta{background:linear-gradient(115deg,#8d3a3c,#b35455);border-radius:45px 12px}.cta h2{color:white}.site-footer{background:#82383d}.heart{font-family:Georgia,serif;font-weight:400}.section-soft{position:relative;overflow:hidden}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.extras-grid article{background:#fff9f5;padding:18px;border-radius:22px;box-shadow:0 9px 26px #983d3920}.extras-grid img{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px}.extras-grid h3{margin:16px 0 8px}.extras-grid p{margin:0}.gallery-sample{margin:0;background:#fff4ed;border-radius:18px;overflow:hidden}.gallery-sample img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-sample figcaption{padding:14px 16px;color:#9d123a;font-weight:700}.section-white{background:#fffaf6}.site-nav a:hover{color:#a81340}
@media(max-width:650px){.extras-grid{grid-template-columns:1fr}.hero:before{font-size:55px;opacity:.35}.extras-grid img{height:190px}}

/* Das Visitenkartenmotiv rechts groß und ohne Verzerrung darstellen */
.hero-art img{width:min(83%,360px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 12px 18px #815f5b28)}

/* v1.4: Rechtes Startseitenlogo ohne dekorativen Kreis */
.hero-art{background:transparent!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;}
.hero-art img{border-radius:0!important;filter:none!important;width:min(100%,420px);height:auto;aspect-ratio:auto;object-fit:contain;}
.hero-art::after{display:none!important;content:none!important;}

/* Footer-Titel: neutral statt kräftigem Rot, im Customizer anpassbar. */
.site-footer h3{color:#fff1e9}

/* Version 1.8: CTA ohne kräftiges Rot, passend zum cremefarbenen Footertext */
.cta{background:linear-gradient(115deg,#5b404a,#75545b);color:#fff8f2}
.cta .eyebrow{color:#ffe6d9}
.cta h2{color:#fff8f2}
.cta p{color:#f5e6e1}
.cta .btn{background:#f6c6b6;border-color:#f6c6b6;color:#45313a}
.cta .btn:hover,.cta .btn:focus-visible{background:#fff0e9;border-color:#fff0e9;color:#45313a}

.site-footer .footer-links{list-style:none;margin:0;padding:0}.site-footer .footer-links li{margin:9px 0}.site-footer .footer-links a{text-decoration:none}.site-footer .footer-links a:hover{text-decoration:underline}