/*
Theme Name: e-Pilzkarteikarte
Description: Homepage mit Funktionsübersicht, Schnellstart und Bedienungsanleitung.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: e-pilzkarteikarte
*/

:root{--green:#193e2a;--ink:#20352a;--paper:#f7f6ef;--line:#d6ddd1;--gold:#ddbf76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #b98325;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 32px}.draft{background:#ece5d2;padding:8px 24px;text-align:center;font-size:14px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0}.brand{font-weight:750;text-decoration:none;font-size:21px;letter-spacing:-.6px}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--green);color:white;overflow:hidden;border-radius:4px}.hero-copy{padding:55px 44px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:650;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(38px,4.6vw,62px)/1.09 Georgia,serif;letter-spacing:-1.8px;margin:23px 0}h2{font:500 38px/1.16 Georgia,serif;letter-spacing:-.7px;margin-bottom:26px}h3{font-size:20px;line-height:1.3}.hero p{color:#e0e8df;max-width:460px}.hero img{width:100%;height:100%;object-fit:cover}.button{display:inline-block;padding:13px 21px;background:var(--gold);color:#183524;text-decoration:none;border-radius:3px;font-weight:650;margin-top:10px}.caption{font-size:14px;margin:17px 0 0;color:#647064}.section{padding:76px 0;border-bottom:1px solid var(--line)}.intro{max-width:700px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:38px}.number{display:block;color:#8c712e;font:italic 27px Georgia,serif;margin-bottom:17px}.features p{margin-bottom:0}.steps{counter-reset:steps;list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 45px}.steps li{counter-increment:steps;padding-left:46px;position:relative}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid #b5c1af;border-radius:50%;width:30px;height:30px;text-align:center;font-size:15px}.steps strong{display:block}.note{margin-top:30px;border-left:3px solid #a98a42;padding:9px 22px;background:#eeeee3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.download{background:#e6eadf;padding:35px}.download p{margin-bottom:12px}.small{font-size:14px;color:#526350}details{border-top:1px solid var(--line);padding:19px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650}details p{padding-top:15px;margin-bottom:0}footer{padding:28px 0 42px;font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:760px){.wrap{padding:0 20px}header{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 27px}.hero img{max-height:380px}.section{padding:49px 0}.features,.steps,.two-col{grid-template-columns:1fr;gap:28px}h2{font-size:32px}.download{padding:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:12px;top:12px;z-index:999;background:white;padding:12px}