@font-face{font-family:Source;src:url("../fonts/source-sans-3.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:light;--ink:#202d27;--green:#244c40;--sand:#f9f5ec;--paper:#fffdf8;--line:#d6ddd0;--salbei:#e3ebdd;--orange:#e58e3a}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{font:120%/1.6 Source,"Segoe UI",sans-serif}
body{margin:0;background:var(--paper);color:var(--ink)}
h1,h2,h3,p,ul,ol,dl{margin-block-start:0}
h1,h2,h3{font-family:Lora,Georgia,serif;color:var(--green);line-height:1.12;font-weight:500;overflow-wrap:anywhere}
h1{font-size:clamp(2.35rem,7vw,5.15rem);letter-spacing:-.055em;margin-bottom:.28em}
h2{font-size:clamp(1.55rem,3.6vw,2.65rem);letter-spacing:-.04em;margin-bottom:.55em}
h3{font-size:1.32rem;margin-bottom:.45em}
p{margin-bottom:1em}
a{color:#245144;text-underline-offset:.19em;text-decoration-thickness:.07em}
a:hover{text-decoration-thickness:.13em}
:focus-visible{outline:3px solid #145e9b;outline-offset:4px}
button{font:inherit}
img{display:block;width:100%;height:auto;border-radius:.7rem}
picture{display:block;min-width:0}
.wrap{width:min(100% - 2rem, 66rem);margin-inline:auto}
.wrap .wrap{width:100%}
.narrow{max-width:47rem}
.skip{position:absolute;top:.4rem;left:.5rem;z-index:2;transform:translateY(-160%);padding:.6rem 1rem;background:#fff}
.skip:focus{transform:none}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.header-inner,.footer-top,.nav,.actions,.site-footer nav,.social .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem}
.header-inner{min-height:4.4rem;padding-block:.7rem;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:.42rem;color:var(--green);font:600 1.3rem Lora,Georgia,serif;text-decoration:none}
.nav{font-size:1rem;column-gap:.85rem}
.nav>a{display:inline-flex;align-items:center;min-height:2.5rem}
.nav a:not([aria-current]):not(:hover){text-decoration:none}
.nav [aria-current]{font-weight:700}
.mobile-menu{display:none;margin:0;border:0;padding:0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:.48rem .9rem;border:1px solid transparent;border-radius:.38rem;font-weight:700;text-align:center;text-decoration:none;line-height:1.25;cursor:pointer}
.button:not(.plain):hover{box-shadow:0 0 0 2px currentColor}
.primary{background:var(--orange);color:#231b13}
.secondary{background:var(--paper);border-color:#48685d;color:var(--green)}
.plain{padding-inline:0}
[data-link][href="#link-folgt"]{background:#e5e8e0;color:#3c4a41;border-color:#c7cfc3;cursor:default}
[data-link][href="#link-folgt"]::after{content:" · Link folgt";font-weight:400;white-space:pre}
#link-folgt{display:none}
#link-folgt:target{display:block}
.hero{background:var(--sand);padding-block:clamp(1.8rem,5.7vw,4.6rem)}
.split{display:grid;gap:clamp(1.25rem,4vw,3.8rem);align-items:center}
.hero-art img{border-radius:1rem 1rem 5rem 1rem;max-height:31rem;object-fit:cover}
.hero h1 em{font-style:normal;color:#4b7057}
.eyebrow{color:#33594a;font-weight:700;letter-spacing:.07em;margin-bottom:1.15rem}
.lead{font-size:clamp(1.13rem,2vw,1.31rem);max-width:32ch}
.intro{padding-block:clamp(1.7rem,4vw,3.6rem) 1.2rem}
.social{background:#e8eee2;border-block:1px solid var(--line)}
.social .wrap{padding-block:.62rem;gap:.5rem 1.4rem}
.band{background:var(--sand)}
.section{padding-block:clamp(2.2rem,5vw,4rem)}
.cards,.pricing,.articles{display:grid;gap:.8rem;margin-block:1.15rem}
.card,.note,.form-box{background:var(--paper);border:1px solid var(--line);border-radius:.65rem;padding:clamp(.9rem,2vw,1.4rem)}
.card p:last-child,.note p:last-child,.form-box p:last-child{margin-bottom:0}
.note, main>.wrap>section{margin-block:1.6rem}
.note{background:var(--salbei)}
.form-box .actions{align-items:stretch}
.form-status:empty,.form-frame:empty{display:none}
.form-frame iframe{display:block;width:100%;min-height:620px;border:1px solid var(--line);border-radius:.5rem;margin-block:.9rem}
.form-box p{margin-block:.7rem}
.fine{font-size:.95rem}
.price{font:600 2.15rem Lora,Georgia,serif;color:var(--green)}
.featured{background:var(--salbei);border-color:#759785}
.covers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center}
.covers picture:last-child{transform:translateY(.45rem)}
.single-cover{max-width:16rem;margin-inline:auto}
.articles img{aspect-ratio:2;object-fit:cover;margin-bottom:.7rem}
.todo{background:#f6dfac;color:#392914;padding:.08em .19em}
details{border-top:1px solid var(--line);padding-block:.65rem}
details:last-child{border-bottom:1px solid var(--line)}
summary{min-height:48px;padding-block:.45rem;color:var(--green);font-weight:700;cursor:pointer}
details p{margin-left:1rem}
dt{font-weight:700}
dd{margin:0 0 .8rem}
.site-footer{margin-top:2rem;background:#e5ebdf;border-top:1px solid var(--line);padding-block:1.7rem 2rem}
.footer-top{justify-content:space-between;margin-bottom:1rem}
.site-footer nav a{display:inline-flex;align-items:center;min-height:48px}
@media(min-width:38rem){.cards,.articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:52rem){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:64rem){.section>.cards{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}}
@media(max-width:60rem){
  .header-inner>.nav{display:none}
  .mobile-menu{display:block;order:3;width:100%}
  .mobile-menu:not([open]){width:auto;order:0}
  .mobile-menu[open] .nav{padding-block:.5rem;border-top:1px solid var(--line)}
}
@media(max-width:24rem){.wrap{width:calc(100% - 1.3rem)}.header-inner>.button{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}