:root{--ink:#17383d;--berry:#b10e46;--cream:#fbf7f1;--line:#eee7df;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#eae2d9;color:var(--ink);font-family:var(--sans)}
.site-shell{position:relative;width:min(1180px,calc(100% - 48px));margin-inline:auto;background:var(--cream);box-shadow:0 12px 45px rgba(39,28,20,.12)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #c58e13;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.8rem;z-index:20}.skip-link:focus{top:1rem}
.section-width{width:min(1090px,calc(100% - 48px));margin-inline:auto}
.site-header{position:relative;z-index:10;padding:12px 20px;background:#faf7f3}
.header-inner{min-height:86px;margin:auto;padding:8px 14px;background:#fff;box-shadow:0 8px 25px rgba(45,32,22,.08);border-radius:20px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;flex:none;min-width:220px}
.brand-logo{display:block;width:215px;height:auto}
.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;white-space:nowrap}
.main-nav a{padding:10px 8px;font-size:13px;border-radius:25px}.main-nav a:hover{background:#eef6f4}.main-nav .active{background:#087f86;color:#fff}
.header-actions{display:flex;align-items:center;gap:11px;flex:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:30px;background:var(--berry);color:#fff;padding:14px 24px;font-weight:700;box-shadow:0 6px 16px rgba(130,20,54,.14);transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#920c39}
.shop-button{padding:12px 18px;font-size:14px;white-space:nowrap}.header-actions .round-action{display:none}
.round-action{width:47px;height:47px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 3px 10px rgba(0,0,0,.05);color:#1a3940}
.round-action:hover{background:#f4f9f8}.round-action svg{width:22px;height:22px}
.cart-action{background:#effafe}.heart-action{background:#fff5f8;color:var(--berry)}
.menu-toggle{display:none}
.hero{height:min(500px,43vw);min-height:420px;position:relative;overflow:hidden;background:#efe5d9}
.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-video{object-fit:cover;object-position:center bottom}
.hero-shade{background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.94) 18%,rgba(255,252,247,.79) 35%,rgba(255,252,247,.05) 55%,transparent 72%)}
.hero-content{position:relative;z-index:1;width:calc(100% - 48px);margin:auto;padding:42px 20px 28px}
.hero h1{font:700 clamp(40px,4vw,60px)/1.04 var(--serif);letter-spacing:-.03em;margin:0 0 18px;color:#123438}
.hero h1 em{font-style:normal;color:#a90d49}
.hero-content>p:not(.hero-note){font:clamp(19px,1.7vw,28px)/1.24 var(--serif);margin:0 0 23px}
.hero-button{font:700 20px var(--serif);padding:16px 27px}
.hero-note{font:italic 23px/1.06 cursive;max-width:300px;color:#263f42;margin:23px 0 0}
.hero-note span{display:block;font-size:26px;margin-left:140px}
.worlds{padding-top:28px;padding-bottom:31px;text-align:center}
.worlds h2{font:700 clamp(31px,3vw,47px)/1.1 var(--serif);margin:0 0 7px}
.worlds-intro{margin:0 0 19px;color:#637074;font:16px var(--sans)}
.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:center}
.world-card{display:block;width:100%;max-width:350px;aspect-ratio:350/272;margin:auto;border-radius:15px;background-image:url('assets/design-reference.webp');background-size:438.857% auto;background-repeat:no-repeat;box-shadow:0 8px 20px rgba(30,20,25,.08);transition:transform .25s,box-shadow .25s}
.world-card:hover{transform:translateY(-6px);box-shadow:0 16px 26px rgba(30,20,25,.18)}
.world-card.romance{background-color:#4e1730;background-position:3.71% 80.98%}
.world-card.kids{background-color:#135663;background-position:34.49% 80.98%}
.world-card.nature{background-color:#314d2b;background-position:65.35% 80.98%}
.world-card.spirit{background-color:#432844;background-position:96.46% 80.98%}
.featured{background:#fff;border-radius:22px;padding:27px 36px 25px;margin-top:2px;box-shadow:0 8px 30px rgba(30,20,25,.04)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}
.eyebrow{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#137b83}
.section-heading h2,.about-strip h2{font:700 35px var(--serif);margin:5px 0 0}
.section-heading>a{color:#a90d49;text-decoration:underline;text-underline-offset:4px;font-size:15px}
.book-grid{display:grid;grid-template-columns:minmax(0,430px);gap:16px}
.book-teaser{min-height:205px;border-radius:16px;padding:14px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;border:1px solid rgba(0,0,0,.05)}
.cover-link{display:block;align-self:start}.book-cover{display:block;width:112px;height:auto;border-radius:7px;filter:brightness(1.18);box-shadow:0 6px 16px rgba(35,25,25,.19)}.book-copy{display:flex;flex-direction:column;min-width:0}
.book-romance{background:#f5ebee}.book-kids{background:#edf6f5}.book-nature{background:#f0f3e9}.book-spirit{background:#f5eff6}
.book-category{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#59676c;font-weight:700}
.book-teaser h3{font:700 24px/1.1 var(--serif);margin:12px 0 9px}
.book-teaser p{font-size:15px;line-height:1.42;color:#34474a;margin:0 0 20px}
.book-copy>a{margin-top:auto;color:#a20d43;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.shop-hint{color:#6d777a;font-size:13px;margin:18px 0 0}
.about-strip{margin-top:32px;margin-bottom:32px;min-height:170px;display:flex;align-items:center;gap:25px;background:#edf4f1;border-radius:20px;padding:28px 40px}
.about-monogram{width:75px;height:75px;flex:none;border-radius:50%;background:#156b71;color:#fff;display:grid;place-items:center;font:30px var(--serif)}
.about-strip p{margin:7px 0 0;line-height:1.5}.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.about-button{white-space:nowrap}.button-outline{background:transparent;color:var(--berry);box-shadow:none;border:2px solid var(--berry);padding:12px 22px}.button-outline:hover{background:#fff;color:#920c39}
.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;align-items:start;padding:34px 38px;margin-bottom:36px;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,20,25,.05)}
.contact-intro h1{font:700 38px var(--serif);margin:8px 0 14px}.contact-intro p{line-height:1.55;color:#405b5e}.contact-intro a,.contact-consent a{color:var(--berry);text-decoration:underline;text-underline-offset:3px}
.contact-form{display:grid;gap:15px}.contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-form label:not(.contact-consent){display:grid;gap:7px;font-weight:700;font-size:14px}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #bfcaca;border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff;font:16px var(--sans)}.contact-form textarea{resize:vertical}.contact-consent{display:flex;align-items:flex-start;gap:10px;color:#405b5e;font-size:13px;line-height:1.5}.contact-consent input{flex:none;margin:3px 0 0;width:18px;height:18px}.contact-form .button{border:0;justify-self:start}.contact-status{margin:0;border-radius:10px;padding:13px 15px;background:#e7f4ee;color:#20513d}.contact-status.is-error{background:#fff0ee;color:#893036}.contact-status[hidden]{display:none}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.visitor-counter{white-space:nowrap}.back-to-top{position:fixed;right:max(16px,calc((100vw - 1180px)/2 - 62px));bottom:22px;z-index:25;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#087f86;color:#fff;font-size:32px;line-height:1;box-shadow:0 8px 22px rgba(15,55,57,.27)}.back-to-top:hover{background:#09646a}
.founderi-promo{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:32px;padding:27px 32px;background:linear-gradient(135deg,#f7edf3,#eef7f7);border-radius:20px}
.founderi-portrait{margin:0}.founderi-portrait img{display:block;width:100%;height:255px;object-fit:cover;object-position:center 57%;border-radius:14px;box-shadow:0 10px 25px rgba(17,58,62,.17)}
.founderi-content h2{font:700 clamp(30px,3vw,39px)/1.12 var(--serif);margin:8px 0 12px}.founderi-content>p:not(.founderi-caption):not(.founderi-note){max-width:620px;line-height:1.55;margin:0 0 16px;color:#405b5e}
.foundi-video{display:block;width:min(100%,360px);aspect-ratio:16/9;background:#102f33;border-radius:14px;box-shadow:0 10px 24px rgba(17,58,62,.17)}.founderi-caption{font-size:13px;color:#607478;margin:8px 0 14px}
.founderi-audio{display:grid;gap:8px;max-width:340px;margin-bottom:16px;color:#405b5e;font-size:14px;font-weight:700}.founderi-audio audio{width:100%}.founderi-button{font-size:15px}.founderi-note{font-size:12px;color:#68797b;margin:10px 0 0}
.site-footer{border-top:1px solid #eee4dc;background:#fff;padding:25px 0;color:#486064;font-size:13px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner nav{display:flex;gap:17px;flex-wrap:wrap}.footer-inner a:hover{text-decoration:underline}
.search-dialog{border:0;border-radius:20px;padding:25px;width:min(520px,calc(100% - 30px));box-shadow:0 30px 80px rgba(0,0,0,.27)}
.search-dialog::backdrop{background:rgba(17,38,43,.55)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head h2{font:32px var(--serif);margin:0 0 12px}.dialog-head button{border:0;background:none;font-size:32px;line-height:1}
.search-dialog label{display:block;font-weight:700;margin-bottom:8px}.search-dialog input{width:100%;border:1px solid #bfc8c8;border-radius:12px;padding:13px 16px}
.search-dialog ul{padding:0;list-style:none}.search-dialog li a{display:block;padding:12px;border-radius:8px}.search-dialog li a:hover{background:#f4f7f5}.search-footer{border-top:1px solid #e5e8e6;padding-top:12px;color:#a20d43}
@media(max-width:1420px){.main-nav a{padding:10px 6px;font-size:12px}.header-actions{gap:6px}.hero-content{padding-left:20px}}
@media(max-width:980px){.header-inner{flex-wrap:wrap;position:relative;justify-content:space-between}.brand{min-width:0}.menu-toggle{display:flex;order:3;width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:19px;border-top:2px solid var(--ink)}.main-nav{order:4;display:none;width:100%;flex:auto;flex-direction:column;align-items:stretch;gap:2px;white-space:normal;padding:7px 0}.main-nav.is-open{display:flex}.main-nav a{font-size:15px;padding:11px}.header-actions{margin-left:auto}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(42px,5.2vw,58px)}}
@media(max-width:1100px){.about-strip{flex-wrap:wrap}.about-actions{width:100%;margin-left:0}}
@media(max-width:980px){.contact-section{grid-template-columns:1fr;gap:15px}}
@media(max-width:980px){.founderi-promo{grid-template-columns:1fr;justify-items:center;text-align:center}.founderi-portrait{width:min(180px,100%)}.founderi-portrait img{height:255px}.founderi-content>p:not(.founderi-caption):not(.founderi-note){margin-inline:auto}.foundi-video,.founderi-audio{margin-inline:auto}}
@media(max-width:700px){.contact-section{padding:25px 19px}.contact-row{grid-template-columns:1fr}.back-to-top{right:14px;bottom:14px;width:48px;height:48px}}
@media(max-width:700px){.founderi-promo{padding:25px 18px;gap:18px}.founderi-portrait{width:min(150px,100%)}.founderi-portrait img{height:220px}.founderi-button{padding:13px 18px;font-size:14px}}
@media(max-width:700px){body{background:var(--cream)}.site-shell{width:100%;box-shadow:none}.section-width{width:calc(100% - 30px)}.site-header{position:relative;padding:9px 10px;background:#faf7f3}.header-inner{min-height:66px;padding:7px 10px;border-radius:16px}.brand-owl{width:51px;height:51px;background-size:1170px 780px;background-position:-45px -10px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}.shop-button{padding:10px 13px;font-size:12px}.header-actions .round-action{display:none}.menu-toggle{order:0}.hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#faf4ed}.hero-video{position:relative;inset:auto;height:260px;width:100%;order:2;object-fit:cover;object-position:60% bottom}.hero-shade{display:none}.hero-content{order:1;width:100%;padding:25px 23px 30px}.hero h1{font-size:clamp(37px,9vw,55px)}.hero-content>p:not(.hero-note){font-size:19px}.hero-button{font-size:17px;padding:13px 19px}.hero-note{display:none}.desktop-break{display:none}.worlds{padding-top:26px}.worlds h2{font-size:31px}.worlds-intro{font-size:14px}.world-grid,.book-grid{grid-template-columns:1fr}.world-grid{gap:15px}.world-card{width:min(350px,100%);min-height:260px}.featured{padding:23px 19px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:31px}.book-teaser{min-height:150px}.about-strip{padding:25px;flex-wrap:wrap;gap:15px}.about-button{margin-left:0}.footer-inner{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-card,.button{transition:none}.hero-video{display:none}.hero{background-image:url('assets/titelbild-ruhig-v2-poster.jpg');background-position:center bottom;background-size:cover}}
@media(max-width:700px){.brand-logo{width:165px}.header-inner{gap:7px}.featured{padding:18px 14px}.book-teaser{grid-template-columns:92px minmax(0,1fr);gap:12px}.book-cover{width:92px}}
@media(max-width:700px){.contact-page .main-nav{display:none}}
.contact-page .contact-section{margin-top:28px}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.hero{background-image:none}.hero::after{content:"";height:260px;order:2;background:url('assets/titelbild-ruhig-v2-poster.jpg') center bottom / cover no-repeat}}
