:root{--ink:#283d40;--green:#335b60;--accent:rgba(209,229,229,0.54);--soft:rgba(209,229,229,0.54);--pink:#fae4e9;--line:#d4e1e1;--muted:#5e7274}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}header{border-bottom:1px solid var(--line);background:#fff}header .bar{max-width:1320px;margin:auto;padding:18px 40px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand img{width:30px;height:40px;object-fit:contain}.brand small{font-size:12px;letter-spacing:2px;font-weight:500;display:block;margin-top:-13px}nav{display:flex;gap:28px;align-items:center;font-size:15px}nav a{padding:8px 0}nav a.active{color:var(--green);border-bottom:2px solid var(--green)}.contact{border:1px solid var(--green);padding:9px 20px;border-radius:5px}.menu{display:none;background:none;border:1px solid var(--line);border-radius:4px;padding:8px 15px}.wrap{max-width:1240px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center;padding:66px 0 70px}.hero .visual{position:relative;padding:24px}.hero .visual img{width:100%;height:460px;object-fit:contain}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:2.1px;color:var(--green);margin:0 0 20px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,4.1vw,58px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:0 0 24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero p{max-width:490px;margin:0 0 28px}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:var(--ink);padding:13px 24px;border-radius:5px;font-size:15px;font-weight:600;border:1px solid var(--accent);cursor:pointer}.btn.secondary{color:var(--green);background:transparent;border-color:var(--green)}.btn:hover{background:#bfdada;border-color:#bfdada}.btn.secondary:hover{background:var(--accent);border-color:var(--green)}.link{font-size:15px;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:4px;font-weight:600;display:inline-block}.note{font-size:13px;color:var(--muted);margin-top:18px}.caption{text-align:center;font-size:13px;color:var(--muted);margin-top:12px}.section{padding:82px 0}.section.tint{background:var(--soft)}.section.pink{background:#fcf3f5}.heading{max-width:670px;margin-bottom:40px}.heading.center{text-align:center;margin:0 auto 46px}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.25;letter-spacing:-1.2px;margin:0 0 20px}h3{font-family:Manrope,Arial,sans-serif;font-size:23px;line-height:1.3;font-weight:600;margin:15px 0}p{margin:0 0 20px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.category{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s}.category:hover{transform:translateY(-5px)}.category .picture{height:260px;padding:22px;background:#fff}.category img{width:100%;height:100%;object-fit:contain}.category .copy{padding:28px;border-top:1px solid var(--line);flex:1;display:flex;flex-direction:column}.category .eyebrow{font-size:11px;margin-bottom:14px}.category h3{margin:0 0 14px;font-size:24px;font-weight:500}.category p{color:var(--muted);font-size:14px}.category .link{margin-top:auto;align-self:flex-start}.split{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.split img{width:100%;max-height:470px;object-fit:contain}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.art{background:#fff;border:1px solid var(--line);padding:16px;border-radius:5px;width:100%;cursor:zoom-in}.art img{width:100%;height:290px;object-fit:contain}.art figcaption,.art span{font-size:14px;color:var(--muted);display:block;margin-top:12px;text-align:center}.gallery.small .art img{height:235px}.gallery .art:hover{border-color:var(--green)}.center{text-align:center}.spaced{margin-top:36px}.quote{font-family:Georgia,serif;font-size:30px;line-height:1.5;color:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.number{font-size:15px;border:1px solid var(--green);color:var(--green);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:24px}.steps p{font-size:16px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:12px}.chip{border:1px solid var(--line);padding:10px 18px;border-radius:5px;font-size:15px;background:white}.offer{padding:30px;border:1px solid var(--line);border-radius:6px}.offer .eyebrow{font-size:12px}.offer p{font-size:16px}.offer:nth-child(2){background:var(--soft)}.offer h3{font-size:26px;font-weight:500}.cta{text-align:center;max-width:720px;margin:auto}.cta p{max-width:570px;margin:0 auto 28px}.foot{padding:50px 0 25px;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.foot p{font-size:14px;color:var(--muted)}.foot a{display:block;font-size:14px;margin:5px 0}.bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.bottom div{display:flex;gap:22px}.bottom a{font-size:12px;margin:0}.status{display:inline-block;font-size:12px;padding:4px 10px;background:var(--pink);color:#753d51;border-radius:4px;margin-bottom:15px}dialog{border:0;border-radius:8px;padding:25px;max-width:90vw;max-height:90vh}dialog::backdrop{background:#172b24bb}dialog img{max-width:80vw;max-height:75vh;object-fit:contain}dialog button{display:block;margin:0 0 15px auto;border:1px solid var(--line);background:white;padding:6px 18px;border-radius:4px;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10;padding:10px}a:focus-visible,button:focus-visible{outline:3px solid #c48b26;outline-offset:5px}@media(max-width:950px){header .bar{padding:16px 24px;flex-wrap:wrap}.menu{display:block}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:10px;padding:15px 0}nav.open{display:flex}.wrap{padding:0 25px}.hero{gap:24px;padding:45px 0}.hero .visual{padding:0}.hero .visual img{height:340px}.split{gap:40px}.three{gap:16px}.category .picture{height:200px}.category .copy{padding:20px}.section{padding:60px 0}.gallery .art img{height:210px}.steps{gap:24px}}@media(max-width:650px){body{font-size:16px}.hero,.split{grid-template-columns:1fr;gap:25px}.hero{padding-top:38px;padding-bottom:45px}.hero h1{font-size:39px;letter-spacing:-1.3px}.hero .visual img{height:320px}.hero p{margin-bottom:24px}.three,.steps,.gallery{grid-template-columns:1fr}.gallery{gap:18px}.gallery .art img,.gallery.small .art img{height:300px}.category .picture{height:275px}.category .copy{padding:25px}.split .image-first{order:2}.section{padding:48px 0}.heading{margin-bottom:28px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>:first-child{grid-column:1/-1}.bottom{flex-direction:column}.steps{gap:28px}.number{margin-bottom:15px}.quote{font-size:26px}.hero .visual{order:2}h2{font-size:31px}dialog{padding:15px}.chips{gap:8px}.chip{font-size:14px;padding:8px 12px}}

.seelenpost-motive{margin-top:72px}.seelenpost-gallery .art{padding:18px;display:flex;flex-direction:column;align-items:center}.seelenpost-gallery .art img{width:100%;height:260px;object-fit:contain}.seelenpost-gallery .art span{margin-top:18px;color:var(--ink);font-size:15px;line-height:1.5}.seelenpost-gallery{align-items:stretch}@media(max-width:650px){.seelenpost-motive{margin-top:45px}.seelenpost-gallery .art img{height:auto;max-height:330px;aspect-ratio:1;object-fit:contain}}

.business-examples{margin-top:64px}.business-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.business-gallery .art img{height:340px}.business-gallery .art span{font-size:15px;color:var(--ink)}@media(max-width:650px){.business-examples{margin-top:40px}.business-gallery{grid-template-columns:1fr}.business-gallery .art img{height:300px}}

/* Heading letter spacing across desktop and mobile. */
.hero h1,h2{letter-spacing:1px}


/* ---- Ergänzungen zum Vorlage-CSS (Standard: Sticky-Header, Formular, Prose, Video, reduced-motion) ---- */
.site-head{position:sticky;top:0;z-index:50;transition:box-shadow .25s ease}
.site-head.scrolled{box-shadow:0 3px 14px rgba(40,61,64,.10)}
.brand img{width:30px;height:40px}
h1.as-h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.25;letter-spacing:1px;margin:0 0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.split.top{align-items:start}
.three.two{grid-template-columns:repeat(2,1fr)}
.art img{background:#fff}
.video video{width:100%;max-width:960px;margin:0 auto;display:block;border-radius:6px;background:#000;aspect-ratio:16/9}
.prose h2{font-size:clamp(22px,2.4vw,30px);margin-top:36px}
.prose h3{font-size:19px;margin-top:26px}
.prose p,.prose li{font-size:16px;color:var(--ink)}
.prose ul{padding-left:20px;margin:0 0 20px}
.prose.legal{max-width:820px}
.contact-card h3{margin-top:0}
.contact-card p{font-size:16px}
.cf-form p{margin:0 0 16px}
.cf-form label{display:block;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.cf-form input[type="text"],.cf-form input[type="email"],.cf-form input[type="tel"],.cf-form textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}
.cf-form input:focus,.cf-form textarea:focus{outline:3px solid #c48b26;outline-offset:2px}
.cf-form .cf-err{margin-top:14px;padding:12px 16px;border:1px solid #e0a3a3;background:#fcefef;color:#9b2c2c;border-radius:5px;font-size:15px}
.cf-form .cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-form button[disabled]{opacity:.6;cursor:wait}
.cf-form .cf-ok{margin-top:14px;padding:12px 16px;border:1px solid #9bc9a4;background:#eef8f0;color:#2e7d32;border-radius:5px;font-size:15px}
.to-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green);font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);opacity:0;transition:opacity .25s;z-index:40}
.to-top.is-visible{opacity:1}
.to-top:hover{border-color:var(--green)}
@media (max-width:650px){.three.two{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.category:hover{transform:none}}