:root{--ink:#19262b;--muted:#586166;--petrol:#00665d;--sage:#edf0e8;--tan:#ebccb4;--line:#e0e0db;--paper:#fdfcf9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--petrol);outline-offset:5px;border-radius:3px}.skip{position:absolute;left:12px;top:-100px;padding:8px 16px;background:white;z-index:10}.skip:focus{top:12px}
.header,.footer{padding:24px max(4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column}.brand:hover{text-decoration:none}.brand-name{font:34px/1.2 Georgia,serif;letter-spacing:-.8px}.heart{color:#84644e}.brand-slogan{font-size:11px;letter-spacing:2px;text-align:center;margin-top:7px}.header nav,.footer nav{display:flex;gap:32px;font-size:15px}main{max-width:1550px;margin:auto;padding:0 max(4vw,24px) 30px}
.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:545px;padding:44px 0 30px;gap:0}.hero-copy{position:relative;z-index:2;padding-right:24px}.badge{display:inline-block;background:var(--tan);color:#70451e;padding:5px 20px;border-radius:30px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600}h1{font:clamp(42px,4.8vw,74px)/1.08 Georgia,serif;letter-spacing:-2px;margin:22px 0 18px}.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.6;margin:0 0 20px;max-width:580px}.availability{color:var(--muted);font-size:18px;max-width:540px;margin-bottom:24px}.button{display:inline-flex;gap:28px;align-items:center;background:var(--petrol);color:white;font-weight:600;padding:13px 25px;border-radius:12px;font-size:18px;box-shadow:0 5px 14px #00665d0c}.button:hover{background:#00554e;text-decoration:none}.hero-art{position:relative;align-self:stretch;min-height:450px}.products{width:100%;height:340px;object-fit:cover;position:absolute;right:0;bottom:0;border-radius:24px;mix-blend-mode:multiply}.order-preview{position:relative;margin:0 8% 0 9%;background:#ffffffee;border:1px solid #ece8e2;border-radius:18px;padding:19px 24px;box-shadow:0 10px 38px #45382910;z-index:1}.preview-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.preview-heading>span:first-child{font-size:27px;color:#a1744c}.preview-heading h2{font-size:25px}.example{margin-left:auto;color:#748076;font-size:11px}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #ecece8;font-size:13px;gap:10px}.status{background:#e6efe5;color:#356344;padding:3px 12px;border-radius:20px;font-size:11px;white-space:nowrap}.status-warm{background:#f3e0ce;color:#885227}
h2{font:25px/1.25 Georgia,serif;margin:0 0 7px;letter-spacing:-.35px}p{margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.etsy{background:var(--sage);border-radius:14px;padding:26px;display:flex;gap:20px;align-items:flex-start}.feature h2{font-size:23px}.feature p,.etsy p{font-size:17px;line-height:1.6}.icon{display:grid;place-items:center;background:#dce2d6;width:64px;height:64px;flex:0 0 64px;border-radius:50%}.icon svg{width:30px;height:30px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.etsy{margin-top:18px;align-items:center}.section-heading{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.section-heading h2{margin:0}.etsy .disclaimer{font-size:12px;color:var(--muted);margin-top:8px;max-width:850px}.footer{border-bottom:0;border-top:1px solid var(--line);font-size:12px}.footer nav{font-size:13px;gap:25px}
@media(min-width:1650px){.header,.footer{padding-left:max(calc((100vw - 1430px)/2),4vw);padding-right:max(calc((100vw - 1430px)/2),4vw)}}
@media(max-width:1050px){h1{font-size:52px}.hero{grid-template-columns:48% 52%}.order-preview{margin:0 0 0 2%;padding:17px}.preview-heading h2{font-size:21px}.feature{padding:20px;gap:13px}.feature h2{font-size:21px}.icon{width:49px;height:49px;flex-basis:49px}.feature p{font-size:15px}.header nav{gap:18px}.brand-name{font-size:29px}}
@media(max-width:760px){body{font-size:16px}.header{align-items:flex-start;flex-direction:column;padding:22px 24px;gap:18px}.header nav{gap:24px;flex-wrap:wrap;font-size:13px}.brand-name{font-size:30px}.hero{grid-template-columns:1fr;padding-top:32px;gap:30px}.hero-copy{padding:0}h1{font-size:clamp(43px,8vw,61px)}.lead{font-size:20px}.availability{font-size:16px}.hero-art{min-height:440px}.order-preview{margin:0 3%;max-width:480px}.products{width:100%;right:0;height:310px}.features{grid-template-columns:1fr}.feature{padding:22px}.feature h2{font-size:23px}.feature p{font-size:16px}.etsy{padding:23px;gap:15px;align-items:flex-start}.section-heading{gap:10px}.etsy h2{font-size:23px}.etsy p{font-size:16px}.footer{align-items:flex-start;flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Einheitliches Original-Logo und lesbare Informationsseiten. */
.brand-logo{width:310px;max-width:100%;height:auto;display:block}.dashboard-icon{width:28px;height:28px;display:inline-flex;color:var(--petrol)!important}.dashboard-icon svg{width:100%;height:100%}.info-page{padding-top:45px;padding-bottom:55px;max-width:1150px}.info-page h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1px}.text-panel{background:var(--sage);padding:28px;border-radius:16px;margin:22px 0}.text-panel p+p{margin-top:15px}.text-panel a{text-decoration:underline}.workflow{counter-reset:step;list-style:none;padding:0}.workflow li{position:relative;padding:25px 20px 25px 75px;border-bottom:1px solid var(--line);counter-increment:step}.workflow li:before{content:counter(step);position:absolute;left:0;top:25px;background:var(--petrol);color:white;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.etsy .disclaimer{font-size:14px}@media(max-width:760px){.brand-logo{width:280px}.info-page{padding-top:30px}.text-panel{padding:22px}}