/*
Theme Name: Alltagshilfe mit Herz und Flügel
Description: Individuelles, barrierearmes Webdesign für die Alltagshilfe in Moers.
Version: 1.0.2
Author: Internet-PR-Beratung
Text Domain: herz-und-fluegel
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
*/
:root{--forest:#173e2b;--green:#28563c;--gold:#b58026;--gold-light:#e7cf9a;--cream:#fbf8f1;--sage:#e9eee5;--ink:#33483b;--muted:#5c6b60;--line:#dce2d8;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--radius:18px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:var(--forest);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:4px}::selection{background:var(--gold-light);color:var(--forest)}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--forest)}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(48px,5.3vw,76px);margin-bottom:25px}h2{font-size:clamp(35px,3.5vw,50px);margin-bottom:24px}h3{font-size:22px;line-height:1.35;letter-spacing:-.02em;margin-bottom:12px}p{margin-bottom:20px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#666b46;display:flex;align-items:center;gap:12px;margin-bottom:23px}.eyebrow::before{content:'';width:27px;height:1px;background:var(--gold);flex-shrink:0}.lead{font-size:19px;line-height:1.75;max-width:550px}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.65}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 23px;border-radius:7px;background:var(--forest);border:1px solid var(--forest);color:white;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#28563c;text-decoration:none;transform:translateY(-2px)}.button svg,.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button.secondary{background:transparent;color:var(--forest);border-color:#aebaa9}.button.secondary:hover{background:var(--sage)}.button.light{background:var(--cream);border-color:var(--cream);color:var(--forest)}.button.light:hover{background:#f0e4cc}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:700}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;z-index:100000;background:var(--forest);color:#fff}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e9df}.admin-bar .site-header{top:32px}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:118px}.brand{display:block;flex-shrink:0}.brand img{width:171px;height:108px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:27px}.main-nav a{font-size:14px;text-decoration:none;font-weight:600}.main-nav a:hover{color:#8b641d}.main-nav .button{font-size:14px;padding:11px 19px;min-height:46px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--forest);border-radius:5px;padding:10px 14px;align-items:center;gap:8px;min-height:46px;font-size:14px}.hero{padding:64px 0 48px;overflow:hidden;position:relative}.hero::before{content:'';position:absolute;width:650px;height:650px;background:#edf0e4;border-radius:50%;right:-220px;top:0;z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center}.hero-copy{padding-block:22px 30px}.hero h1 em{font-weight:400;color:#70805b;font-style:italic}.hero .lead{margin-bottom:31px;max-width:495px}.hero-note{font-size:13px;margin:20px 0 0;color:var(--muted);display:flex;align-items:center;gap:8px}.hero-note .icon{width:17px;height:17px;color:#697c4c}.hero-visual{position:relative;padding:0 0 32px 0;min-width:0}.hero-image{width:100%;height:500px;object-fit:cover;object-position:58% 50%;border-radius:110px 14px 110px 14px}.photo-caption{font-size:10px;text-align:right;letter-spacing:.02em;color:var(--muted);margin:8px 20px 0}.hero-card{position:absolute;left:-30px;bottom:33px;display:flex;gap:15px;align-items:center;background:#fff;padding:19px 25px;border-radius:10px;box-shadow:0 12px 32px #173e2b12;max-width:300px;border:1px solid #e7eade}.hero-card .icon{width:34px;height:34px;color:var(--gold)}.hero-card strong{display:block;color:var(--forest);font-size:15px;line-height:1.45}.hero-card span{font-size:12px;color:var(--muted)}.trust-row{display:flex;justify-content:space-between;gap:26px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--forest)}.trust-item .icon{color:#8d743d;width:21px;height:21px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:42px}.section-heading>div:first-child{max-width:610px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:370px;font-size:16px;line-height:1.75;margin-bottom:2px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{padding:30px 25px 28px;background:white;border:1px solid #e0e5da;border-radius:var(--radius)}.service-number{display:block;font-size:11px;letter-spacing:.12em;color:#7c865e;margin-bottom:16px}.service .service-icon{display:flex;width:54px;height:54px;background:#f0f2e9;color:#67754e;border-radius:50%;align-items:center;justify-content:center;margin-bottom:25px}.service .service-icon .icon{width:27px;height:27px}.service h3{font-size:20px}.service p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:17px}.service ul{margin:0;padding-left:18px;font-size:13px;line-height:1.9;color:#3c5742}.service li{padding-left:2px}.scope-note{display:flex;gap:16px;align-items:flex-start;background:#f0f1e9;border-left:2px solid var(--gold);padding:20px 24px;margin-top:25px;border-radius:0 8px 8px 0}.scope-note>.icon{color:#8a6b31;margin-top:3px}.scope-note p{font-size:13px;line-height:1.8;margin:0}.about{background:#edf0e7}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.brand-panel{position:relative;background:white;border:1px solid #dde3d3;border-radius:140px 16px 16px 16px;padding:45px 30px 38px;text-align:center}.brand-panel img{width:100%;max-width:465px;margin:0 auto 18px}.brand-panel .location{border-top:1px solid #e1e5da;padding-top:21px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px;letter-spacing:.04em;color:#68734f}.about-copy p{font-size:17px}.signature{font-family:var(--serif);font-style:italic;font-size:28px!important;color:var(--forest);margin:28px 0 0}.signature-label{font-size:12px;display:block;margin-top:2px;letter-spacing:.04em;color:var(--muted)}.values{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.values span{padding:5px 12px;border:1px solid #becbb5;border-radius:4px;font-size:12px;color:#3b5940}.process .section-heading{margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.step{border-top:1px solid #cbd5c5;padding-top:25px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.step-top span{font:italic 35px var(--serif);color:var(--gold)}.step-top .icon{color:#7d8d6d;width:25px;height:25px}.step h3{font-size:21px}.step p{font-size:16px;color:var(--muted)}.prices{background:var(--forest);color:#e0e8dc;position:relative;overflow:hidden}.prices::after{content:'';position:absolute;right:-230px;bottom:-450px;width:800px;height:800px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.price-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px;align-items:center;position:relative;z-index:1}.prices .eyebrow{color:var(--gold-light)}.prices h2{color:var(--cream)}.prices .lead{font-size:17px;color:#d3dfce}.price-list{margin:26px 0 0;list-style:none;padding:0}.price-list li{display:flex;gap:10px;margin-bottom:10px;font-size:14px}.price-list .icon{width:18px;height:18px;color:var(--gold-light);margin-top:3px}.price-box{border:1px solid #6e876a;border-radius:var(--radius);padding:37px 37px 29px;background:#224b34}.price-label{font-size:12px;color:#d0ddc7;text-transform:uppercase;letter-spacing:.13em;margin:0 0 4px}.price-value{font:400 68px/1.2 var(--serif);letter-spacing:-.03em;color:var(--cream);display:block;margin-bottom:5px}.price-unit{font-size:14px;color:#d4dfcf;margin:0 0 24px}.travel{border-top:1px solid #62795d;padding-top:19px;display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:24px}.travel strong{font:26px var(--serif);color:var(--cream)}.price-box .button{width:100%}.price-footnote{font-size:11px;line-height:1.6;color:#c9d7c2;text-align:center;margin:14px 0 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start}.faq-intro p{font-size:16px;color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:22px 35px 22px 0;font-size:17px;font-weight:600;color:var(--forest);line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:3px;top:20px;font:28px var(--serif);font-weight:400;color:#7b844c}.faq-item[open] summary::after{content:'−'}.faq-item .answer{padding:0 30px 24px 0;font-size:15px;color:var(--muted);line-height:1.8}.faq-item .answer p:last-child{margin-bottom:0}.contact-section{padding-top:0}.contact-panel{background:#e9eee3;border-radius:22px;padding:60px 62px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;position:relative}.contact-panel h2{font-size:46px}.contact-panel p{font-size:17px;margin-bottom:0;max-width:490px}.contact-card{padding:29px 31px;background:var(--cream);border:1px solid #d4ddca;border-radius:12px}.contact-card>a{display:flex;gap:14px;align-items:center;text-decoration:none;margin-bottom:21px}.contact-card .icon{color:#977933;width:22px;height:22px}.contact-card strong{font-size:24px;letter-spacing:-.02em;color:var(--forest);font-weight:500}.contact-card .email strong{font-size:16px;letter-spacing:0;overflow-wrap:anywhere}.contact-card a span{display:block;font-size:11px;color:var(--muted);letter-spacing:.05em}.contact-card .availability{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:var(--muted)}.site-footer{background:#fff;border-top:1px solid var(--line);padding:46px 0 25px}.footer-top{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:70px;align-items:start;margin-bottom:35px}.footer-brand img{width:195px;margin-bottom:10px}.footer-brand p{font-size:12px;max-width:260px;color:var(--muted);line-height:1.8}.footer-heading{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--forest);margin-bottom:17px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.footer-links a,.footer-contact{font-size:13px;line-height:1.9;color:var(--muted)}.footer-links a{text-decoration:none}.footer-contact p{margin-bottom:8px}.footer-contact a{color:inherit}.footer-bottom{border-top:1px solid #e6e9e1;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px}.footer-legal{display:flex;flex-wrap:wrap;gap:24px}.footer-legal a{color:inherit;text-decoration:none}.page-main{padding:70px 0 100px}.page-main .prose{max-width:800px;margin-inline:auto}.prose h1{font-size:55px;margin-top:20px}.prose h2{font-family:var(--sans);font-size:25px;font-weight:600;letter-spacing:-.02em;margin:38px 0 16px}.prose h3{font-size:20px;margin-top:30px}.prose p,.prose li{font-size:16px;line-height:1.9}.prose a{overflow-wrap:anywhere}.prose .back-link{font-size:13px;text-decoration:none}.prose .notice{background:var(--sage);padding:22px;border-radius:8px}.not-found{text-align:center;padding-block:100px}.wp-block-html{margin:0}.site-content>.wp-block-group{margin:0}
figure{margin:0}.price-footnote{font-size:12px}.service-number{color:#68734b}.main-nav .button:hover{color:#fff}
@media(min-width:1500px){.hero{padding-top:76px;padding-bottom:60px}.hero-image{height:550px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.main-nav{gap:17px}.main-nav a{font-size:13px}.main-nav .button{padding-inline:14px}.hero-grid{gap:34px}.hero-image{height:465px}.hero-card{left:-15px;padding:16px 19px}.services-grid{grid-template-columns:repeat(2,1fr)}.service{padding:28px}.about-grid{gap:50px}.price-grid{gap:60px}.faq-grid{gap:55px}.contact-panel{padding:45px 38px;gap:38px}.footer-top{gap:40px}}
@media(max-width:900px){.header-inner{min-height:104px}.brand img{width:150px;height:96px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 28px 26px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #173e2b0d;align-items:stretch;gap:0}.main-nav a{font-size:16px;min-height:46px;padding:10px 8px}.main-nav .button{margin-top:10px;font-size:15px}.site-header.nav-open .main-nav{display:flex;flex-direction:column}.hero-grid{gap:30px}.hero h1{font-size:53px}.hero .lead{font-size:17px}.hero-image{height:450px;object-position:53% center}.hero .actions{gap:10px}.hero .button{font-size:13px;padding:12px 15px}.trust-item{font-size:12px}.trust-row{gap:15px}.section{padding-block:75px}.section-heading{gap:30px}.section-heading>p{max-width:300px}.about-grid{gap:35px}.brand-panel{padding:35px 20px 28px}.steps{gap:30px}.price-grid{gap:35px}.price-box{padding:30px}.faq-grid{gap:40px}.contact-section{padding-top:0}.contact-panel{gap:30px}.contact-panel h2{font-size:38px}.contact-card{padding:25px}.contact-card strong{font-size:21px}.contact-card .email strong{font-size:14px}.footer-top{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:115px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:92px}.brand img{width:138px;height:86px}.hero{padding:35px 0 32px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:21px}.hero h1{font-size:clamp(45px,10vw,65px);max-width:540px;line-height:1.1}.hero .lead{font-size:17px;max-width:530px;margin-bottom:25px}.hero .button{font-size:14px;min-height:50px;padding:13px 19px}.hero-note{font-size:12px;margin-top:16px}.hero-visual{margin-top:5px;padding-bottom:26px}.hero-image{height:390px;object-position:center 40%;border-radius:75px 10px 75px 10px}.hero-card{left:15px;bottom:29px;padding:14px 20px;gap:13px}.hero-card strong{font-size:14px}.hero-card span{font-size:11px}.hero-card .icon{width:29px;height:29px}.photo-caption{margin-right:4px;font-size:9px}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:23px}.trust-item{font-size:12px;line-height:1.5}.trust-item .icon{width:18px;height:18px}.section{padding-block:60px}h2{font-size:38px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:20px 0 0;max-width:540px;font-size:16px}.services-grid{gap:14px}.service{padding:25px 22px}.service h3{font-size:19px}.service p{font-size:14px}.service ul{font-size:12px}.scope-note{padding:19px 18px;gap:12px}.scope-note p{font-size:12px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy{order:-1}.brand-panel{max-width:500px;width:100%;margin-inline:auto;border-radius:90px 12px 12px 12px;padding:35px 25px 27px}.brand-panel img{max-width:370px}.about-copy p{font-size:16px}.steps{grid-template-columns:1fr;gap:20px}.step{display:grid;grid-template-columns:50px 1fr;gap:0 18px;padding-top:21px}.step-top{grid-row:1/3;display:block;margin:0}.step-top span{font-size:29px}.step-top .icon{display:none}.step h3{font-size:20px;margin:0 0 10px}.step p{font-size:15px;margin-bottom:0}.price-grid{grid-template-columns:1fr;gap:32px}.prices h2{max-width:520px}.price-box{padding:30px;max-width:550px;width:100%}.price-value{font-size:64px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-intro .text-link{font-size:14px}.faq-item summary{font-size:16px}.faq-item .answer{font-size:14px}.contact-section{padding-top:0}.contact-panel{padding:35px 25px;grid-template-columns:1fr;gap:28px;border-radius:15px}.contact-panel h2{font-size:36px}.contact-panel p{font-size:16px}.contact-card{padding:26px}.contact-card strong{font-size:25px}.contact-card .email strong{font-size:16px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1;display:flex;gap:30px;align-items:center}.footer-brand img{width:175px;margin:0}.footer-brand p{margin:0;font-size:12px}.footer-heading{font-size:11px}.footer-links{display:flex;flex-direction:column;gap:5px}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:10px;gap:12px}.page-main{padding-block:40px 65px}.prose h1{font-size:43px}.prose h2{font-size:23px}}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service{position:relative;padding:26px 25px}.service .service-icon{width:46px;height:46px;margin-bottom:16px}.service-number{position:absolute;right:25px;top:30px;margin:0}.service h3{font-size:21px}.service p{font-size:15px}.service ul{font-size:13px}.hero-image{height:300px;border-radius:65px 10px 65px 10px}.hero-card{left:10px;bottom:29px;max-width:270px;padding:12px 15px}.hero-card .icon{width:26px;height:26px}.hero-card strong{font-size:13px}.hero-card span{font-size:10px}.hero .actions{align-items:stretch}.hero .actions .button{flex:1 1 145px;font-size:13px;padding-inline:13px}.hero .actions .button svg{width:19px}.hero-note{font-size:11px}.trust-row{gap:14px 10px}.trust-item{font-size:11px}.trust-item .icon{width:17px;height:17px}.contact-card{padding:22px 20px}.contact-card strong{font-size:23px}.contact-card .email strong{font-size:14px}.contact-panel{padding:30px 22px}.footer-brand{display:block}.footer-brand p{margin-top:15px;max-width:300px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-brand{grid-column:auto}.footer-links{display:grid;grid-template-columns:1fr 1fr}.brand-panel .location{font-size:11px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:43px}.trust-row{grid-template-columns:1fr}.contact-panel{padding:28px 17px}.contact-card .email strong{font-size:13px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
