:root{--ink:#102a30;--green:#102e1e;--yellow:#dafd01;--cream:#f5f4ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--cream)}a{color:inherit}header{height:88px;position:absolute;top:0;width:100%;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;color:white;border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:12px}.fish{width:55px;height:45px;object-fit:contain}.wordmark{width:164px;height:auto}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:8px}.hero{background:#102d20;color:white;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:-30px;background:linear-gradient(90deg,#06271bf5 10%,#082e17b8 55%,#092a1770),url('assets/hero.jpg') center/cover;filter:blur(10px)}.hero-inner{max-width:1360px;margin:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:155px 5% 85px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.7}.hero .eyebrow{color:#ddf188}h1{font-size:clamp(42px,5.6vw,84px);line-height:.96;letter-spacing:-3px;margin:30px 0 24px;font-weight:900}h1 span{display:block;color:var(--yellow);font-size:1.85em;letter-spacing:-9px}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-1.3px;margin:16px 0 22px}.hero h2{font-size:28px;letter-spacing:-.7px}.intro{font-size:17px;line-height:1.6;max-width:490px;color:#edf4e8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--yellow);color:#10271b;text-decoration:none;padding:19px 24px;border-radius:40px;font-weight:750;font-size:14px;margin-top:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e8ff47}.button span{font-size:23px}.micro{font-size:12px;opacity:.75;line-height:1.6;margin-top:20px}.cover-wrap{position:relative;padding:10px 26px 10px 0}.cover{transform:rotate(5deg);max-width:370px;margin:auto;border-right:6px solid #e8debc;box-shadow:15px 25px 45px #0009;position:relative}.cover img{width:100%;display:block}.binding{position:absolute;top:-10px;left:4%;width:92%;height:24px;background:repeating-linear-gradient(90deg,transparent 0 12px,#d9dedc 13px 16px,transparent 17px 23px);filter:drop-shadow(1px 2px 1px #0008);border-radius:5px;z-index:1}.cover-note{position:absolute;right:-20px;bottom:0;transform:rotate(-8deg);background:var(--yellow);color:#19331c;border-radius:50%;padding:23px 18px;font-size:18px;font-style:italic;font-weight:bold}.qualities{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:44px 5%;gap:40px}.qualities article{border-right:1px solid #cbd1c7;padding-right:25px}.qualities article:last-child{border:0}.icon{font-size:32px}h3{font-size:16px;margin:16px 0 9px}.qualities p{font-size:14px;line-height:1.6;margin:0;color:#4b5c58}.motives{padding:70px 6%;background:var(--green);color:white}.section-heading{max-width:1180px;margin:0 auto 38px;display:flex;justify-content:space-between;gap:50px;align-items:end}.section-heading h2{margin-bottom:0}.section-heading h2 span{color:#d6e9bb}.section-heading>p{max-width:340px;line-height:1.65;color:#cad9ca;font-size:15px}.gallery{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 38px}.gallery figure{margin:0;min-width:0}.gallery img{display:block;width:100%;max-width:180px;height:auto;margin:auto;box-shadow:0 9px 25px #0004;border:5px solid #e9ede0;user-select:none}.gallery figcaption{max-width:180px;margin:16px auto 0}.gallery figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#c2d5b3}.gallery h3{font-size:13px;line-height:1.4;margin:6px 0}.preview-note{font-size:12px;line-height:1.6;color:#b7cbb6;text-align:center;margin:35px 0 0}.story{padding:85px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1350px;margin:auto}.story h2{font-size:38px}.story em{font-style:normal;color:#54703b}.story-label>a{font-size:14px;text-underline-offset:5px}.story-text{font-size:16px;line-height:1.8}.story-text p:first-child{margin-top:0}.order{background:#dce4cc;padding:65px 8%;display:flex;align-items:center;justify-content:space-between;gap:60px}.order h2{font-size:54px}.order>img{width:30%;max-width:300px;transform:rotate(-9deg)}.faq{padding:65px 6%;display:grid;grid-template-columns:1fr 2fr;gap:50px;max-width:1300px;margin:auto}.faq h2{font-size:32px}details{border-bottom:1px solid #c4cdc0;padding:22px 0}summary{font-weight:bold;cursor:pointer;font-size:16px}details p{font-size:15px;line-height:1.7;max-width:620px}footer{background:#0b221e;color:white;padding:35px 6%;display:flex;align-items:center;flex-wrap:wrap;gap:25px;justify-content:space-between}footer p,footer>a:not(.brand){font-size:12px}footer small{flex-basis:100%;opacity:.55;font-size:10px}a:focus-visible,summary:focus-visible{outline:3px solid #eea927;outline-offset:5px}@media(min-width:1500px){header{padding-left:calc((100% - 1220px)/2);padding-right:calc((100% - 1220px)/2)}}@media(max-width:800px){header{height:76px}nav{gap:16px;font-size:12px}.fish{width:35px}.wordmark{width:115px}.hero-inner{padding-top:120px;gap:25px}.hero h2{font-size:23px}.intro{font-size:15px}.cover-note{right:-5px;font-size:13px;padding:18px 12px}.qualities{gap:20px;padding:30px 5%}.qualities article{padding-right:10px}.qualities h3{font-size:14px}.qualities p{font-size:12px}.gallery{gap:28px 18px}.story{gap:40px}.story h2{font-size:30px}.story-text{font-size:14px}}@media(max-width:560px){header{padding:14px 5%}nav a:first-child{display:none}nav{gap:15px}.hero-inner{grid-template-columns:1fr;padding:115px 6% 50px}.hero-copy{position:relative;z-index:1}h1{font-size:54px;letter-spacing:-2px;margin:22px 0}h1 span{letter-spacing:-6px}.intro{max-width:100%;font-size:16px}.hero h2{font-size:26px}.cover-wrap{padding:15px 30px 15px;max-width:310px;margin:15px auto 0}.cover-note{right:-10px;bottom:10px}.button{font-size:13px;padding:17px 21px;gap:15px}.qualities{grid-template-columns:1fr 1fr;gap:30px;padding:35px 6%}.qualities article{border:0}.qualities p{font-size:13px}.motives{padding:45px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:14px}.section-heading h2{font-size:32px}.gallery{grid-template-columns:1fr 1fr;gap:25px 22px}.gallery img,.gallery figcaption{max-width:145px}.story{grid-template-columns:1fr;padding:45px 6%;gap:25px}.story h2{font-size:32px}.story-text{font-size:15px}.order{padding:45px 6%;gap:0}.order h2{font-size:40px}.order>img{display:none}.order>div>p:not(.eyebrow):not(.micro){font-size:13px}.faq{display:block;padding:35px 6%}.faq h2{font-size:30px}footer{gap:18px}footer p{line-height:1.5;max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Frisches Grün aus der Farbwelt des Kalender-Titelblatts. */
.motives{background:#86cc3c;color:#12351d}
.motives .section-heading h2 span{color:#244d24}
.motives .section-heading>p,.motives .preview-note{color:#244525}
.motives .gallery figcaption span{color:#294a27}
.motives .gallery img{border-color:#f3f5dc;box-shadow:0 8px 20px #28481728}
.hero:before{background:linear-gradient(90deg,#143d20ef 5%,#245b26bd 55%,#4d941b60),url('assets/hero.jpg') center/cover}

.legal-page header{position:relative;background:#153b29}.legal-hero{padding:58px max(6%,calc((100% - 1000px)/2));background:#86cc3c;color:#12351d}.legal-hero h1{font-size:clamp(36px,6vw,64px);letter-spacing:-2px;margin:20px 0 28px;overflow-wrap:anywhere}.legal-hero>a{font-size:14px;text-underline-offset:5px}.legal-content{max-width:900px;margin:auto;padding:50px 6% 75px;line-height:1.8;font-size:16px;overflow-wrap:anywhere}.legal-content h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:38px 0 14px}.legal-content h2:first-child{margin-top:0}.legal-content a{text-underline-offset:3px}.legal-date{font-size:12px;color:#52665b}.legal-draft{padding:22px 25px;background:#eaf0dc;border-left:4px solid #769b35}.legal-draft p{margin-bottom:0;font-size:14px}.legal-pending{padding-left:18px;border-left:3px solid #aec78c;font-size:14px;color:#425444}.legal-links{display:flex;gap:22px;font-size:13px}.legal-page footer .brand img{height:auto}@media(max-width:560px){.legal-content{padding-top:30px;font-size:15px}.legal-hero{padding:35px 6%}.legal-content h2{font-size:23px}.legal-page header nav a:first-child{display:none}}

.instagram-mention{display:inline;overflow-wrap:anywhere;text-underline-offset:3px}.instagram-icon{display:inline-block;width:15px;height:15px;margin-right:5px;vertical-align:-2px;flex-shrink:0}

.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid currentColor;border-radius:24px;padding:10px 14px;font-size:13px;line-height:1.3;min-height:42px;transition:background .15s}.social-links svg{width:18px;height:18px;flex-shrink:0}.social-links a:hover{background:#dafd0133}.social-intro{font-size:14px;line-height:1.6;margin-top:25px}.story-label .social-links{margin-top:14px}.story-label .social-links a{color:#244525}footer .social-links{gap:8px}footer .social-links a{font-size:12px;padding:9px 12px;color:#ecf2e5}@media(max-width:560px){.story-label .social-links{gap:8px}.social-links a{font-size:12px;padding:10px 12px}footer .social-links{flex-basis:100%}}
