html{font-size:100%}:root{--max-breite:38rem;--h-size:2rem;--col-BG:#fff8eb;--col-HL:#ffeecc;--col-NV:#ffe3a6;--col-Tx:#4e4637;--col-NV-d:rgb(30 30 30 / 95%)}*,::after,::before{box-sizing:border-box}a,button,h1,h2,h3,label,p{font-family:Quicksand,sans-serif;color:var(--col-Tx)}a{font-weight:700;line-height:1.1rem}label,p{font-size:1rem;font-weight:500;line-height:1.5;margin:2rem auto;max-width:80%}h1{font-size:var(--h-size);line-height:var(--h-size);font-weight:700;margin:0}h2{font-size:calc(.7 * var(--h-size));line-height:calc(.7 * var(--h-size));font-weight:700}h3{font-size:calc(.5 * var(--h-size));line-height:calc(.5 * var(--h-size));font-weight:600}img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;display:block}body{display:grid;grid-template-columns:1fr minmax(10rem,var(--max-breite)) 1fr;margin:0 auto;min-height:100vh;background:var(--col-BG)}header{position:fixed;width:100%;max-height:max-content;grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr minmax(10rem,var(--max-breite)) 1fr;justify-content:space-between;text-align:center;z-index:999;background:var(--col-NV)}.nav-toggle{position:absolute!important;top:-9999px!important;left:-9999px!important}.nav-toggle-label{grid-column:2;grid-row:1;justify-self:end;margin:0 1rem;height:calc(2*var(--h-size));display:grid;grid-template-columns:4rem 2rem;align-items:center}.nav-toggle-label>p{margin:0}.nav-toggle-label span,.nav-toggle-label span::after,.nav-toggle-label span::before{position:relative;display:block;width:2rem;height:.3rem;background-color:var(--col-Tx);border-radius:.2rem}.nav-toggle-label span::after,.nav-toggle-label span::before{content:'';position:absolute}.nav-toggle-label span::before{top:.6rem}.nav-toggle-label span::after{bottom:.6rem}nav{position:fixed;text-align:left;top:calc(2*var(--h-size));left:0;width:100%;bottom:0;overflow:auto;background-color:var(--col-BG);opacity:0;transform:scale(0,1);transform-origin:right;transition:transform .3s ease-in-out}nav ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}nav a{padding:2rem;display:block;width:100%;text-decoration:none;font-size:1.2rem;text-transform:uppercase;opacity:0;transition:opacity .1s ease-in-out}.logo{margin:.75rem;height:calc(var(--h-size) + .5rem);grid-column:2;grid-row:1;justify-self:start}.headline{height:var(--h-size);display:none;margin:1rem;grid-column:2;grid-row:1;justify-self:center}main{grid-column:2;grid-row:2;width:100%;margin:0 auto;padding:8rem 0 4rem;background:var(--col-BG)}main>h1{margin-left:1rem}article{margin:0 auto;max-width:min(100vw,var(--max-breite))}article>h1,h2,h3{margin:3rem 0 3rem 2rem}footer{grid-column:1/-1;grid-row:3;display:grid;align-content:center;padding:2rem var(--h-size);background:var(--col-NV)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}}