:root{--primary:#a83723;--primary-dark:#8c2e1e;--slider:#739a82;--home-green:#365e4b;--home-soft:#263d32}
html.light,body.light{--bg:#fcfcf8;--bg-light:#fcfcf8;--card:#fff;--card-soft:#f2f5ef;--border:#dce3df;--text:#202c31;--text-soft:#586b60;--input-bg:#fafbf8;--input-border:#cbd7ce;--track:#dce5db;--hover:#edf2eb;--home-green:#203b31;--home-soft:#eef3ee;--slider:#203b31;--shadow:0 8px 30px #203b3106}
html,body{font-size:16px;font-family:Inter,system-ui,sans-serif;line-height:1.6;height:auto;min-height:100%}html{scroll-behavior:smooth;scroll-padding-top:22px}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a83723;outline-offset:4px}
.home-announcement{background:#203b31;color:#fff;text-align:center;padding:10px 20px;font-size:12px;letter-spacing:.02em}.home-announcement a{color:white;margin-left:12px;text-underline-offset:3px}
.navbar{max-width:1320px;padding:27px 30px;gap:24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.logo-text{font-size:22px;letter-spacing:-1px}.logo-text span{color:var(--primary)}.navbar-menu{font-size:14px;gap:24px;margin-left:auto}.login-btn,body.light .login-btn{border:1px solid var(--border);color:var(--text);border-radius:6px;margin:0;padding:8px 16px}.fixed-toggle{position:static!important;transform:none!important;flex-shrink:0;width:38px;height:38px;font-size:16px;margin:0}.main-content{max-width:none;width:100%;padding:0}
/* Shared editorial design for information and account pages. */
html {min-height:100%;height:auto}body.editorial-page{min-height:100vh;display:flex;flex-direction:column;height:auto;margin:0}
.editorial-page .navbar{width:100%;box-sizing:border-box;margin:0 auto;flex-direction:row;align-items:center}
.editorial-page .logo-img{display:none}.editorial-page .logo-text{background:linear-gradient(90deg,var(--text) 0 28%,var(--primary) 28%);background-clip:text;-webkit-background-clip:text;color:transparent}.editorial-page .logo-text span{color:var(--primary)}
.editorial-page .toggle-btn{position:static;transform:none;width:38px;height:38px;flex-shrink:0;margin:0}.editorial-page .toggle-btn::before{display:none}.page-login .toggle-btn{margin-left:auto}
.editorial-page .main-content{max-width:1100px;width:100%;padding:58px 30px 64px;margin:0 auto;box-sizing:border-box;min-height:0;flex:1;align-items:stretch;justify-content:flex-start}
.page-eyebrow{font-size:11px!important;letter-spacing:.16em;font-weight:700!important;color:var(--text-soft);margin:0 0 20px!important;text-transform:uppercase}
.editorial-page h1{font-size:clamp(34px,4.2vw,52px);line-height:1.15;letter-spacing:-1.8px;font-weight:800;margin:0 0 24px;color:var(--text)}.accent{color:var(--primary)}
.howto-header,.pro-header{width:100%;text-align:center;margin:0 auto 36px}.howto-header .subtitle,.pro-header .pro-sub{max-width:720px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--text-soft)}
.editorial-page .steps-list,.editorial-page .example-card,.editorial-page .features-card,.editorial-page .contact-card,.editorial-page .profil-box,.editorial-page .login-card{padding:36px;border-radius:14px;border:1px solid var(--border);box-shadow:0 8px 30px #203b3106;background:var(--card);box-sizing:border-box}
.steps-list ol{counter-reset:howto}.steps-list li{padding:0 0 26px 58px;margin-bottom:26px;border-bottom:1px solid var(--border)}.steps-list li:last-child{padding-bottom:0;margin-bottom:0;border:0}.steps-list li::before{content:counter(howto);background:var(--home-green);color:#fff;font-size:15px;line-height:36px;width:36px;height:36px;border-radius:50%;text-align:center}.steps-list .step-title{font-size:20px;margin-bottom:8px}.steps-list .step-desc{font-size:16px;line-height:1.8}
.example-card h2{font-size:27px;letter-spacing:-.7px}.example-card p{line-height:1.8}.example-grid{gap:20px;margin:24px 0}.example-car{padding:22px;background:var(--card-soft);line-height:1.8}.example-result{border-color:var(--home-green);padding-left:24px}.howto-video{max-width:100%;margin:12px auto 32px}.howto-note,body.light .howto-note{max-width:720px;background:var(--home-soft);color:var(--text);border-left:0;padding:20px 26px;line-height:1.8;margin:24px auto 0}
.page-cta{display:block;width:fit-content;margin:0 auto;padding:14px 24px;background:var(--home-green);color:#fff;border-radius:7px;text-decoration:none;font-weight:700}
.features-table{font-size:15px}.features-table th,.features-table td{padding:19px 16px;line-height:1.65}.features-table td:first-child,.features-table th:first-child{text-align:left}.features-table th{background:var(--home-soft)}.pro-note{font-size:14px;line-height:1.8}.kaufbereich{width:100%;margin-top:12px}.kaufbereich h2{font-size:30px;letter-spacing:-.7px}.kaufkarten-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 0}.kaufkarte{max-width:none;padding:30px;text-align:left;display:flex;flex-direction:column}.kaufkarte.recommended{border-color:var(--home-green)}.plan-label{align-self:flex-start;background:var(--home-soft);color:var(--text);margin-bottom:20px}.kaufkarte h3{font-size:25px;line-height:1.35;min-height:68px}.kaufkarte ul{line-height:2.1;margin:24px 0;display:block}.kaufkarte button{margin-top:auto;background:var(--home-green);border-radius:7px;min-height:52px}.kaufkarte button:hover{background:#315b46}
.page-kontakt .main-content{max-width:880px}.editorial-page .contact-card{width:100%;max-width:none;text-align:center;margin:0 auto}.contact-card p{font-size:16px;line-height:1.8;max-width:650px;margin:0 auto 24px}.contact-card .email{background:var(--home-soft);padding:24px;border-radius:10px;color:var(--text);font-size:18px;overflow-wrap:anywhere}.contact-card .note{color:var(--text-soft);font-size:14px;line-height:1.8;margin-top:26px}
.page-login .main-content{max-width:620px;padding-top:52px}.editorial-page .login-card{width:100%;max-width:none;margin:0}.login-card h1{font-size:38px}.login-card p{line-height:1.7;font-size:15px}.login-card label{display:block;text-align:left;font-size:14px;font-weight:600;margin:18px 0 7px}#login-form input[type=email],#login-form input[type=password]{min-height:52px;background:var(--input-bg);font-size:16px}#login-form button[type=submit]{min-height:52px;border-radius:7px;background:var(--home-green)}#login-form button[type=submit]:hover{background:#315b46}.toggle-mode-link,.forgot-link{min-height:40px}.login-card #status{overflow-wrap:anywhere}
.page-profil .main-content{max-width:950px}.profil-box h1{font-size:42px;margin-bottom:12px}.page-intro{color:var(--text-soft);font-size:16px;line-height:1.7;margin-bottom:30px}.profil-info{font-size:16px;overflow-wrap:anywhere}.profil-info>div{padding:18px 0;border-top:1px solid var(--border)}.profil-info strong{color:var(--text)}.profil-info a[href='/pro-features.html']{background:var(--home-green)!important;border-radius:7px!important}.logout-btn{background:transparent;color:var(--text);border:1px solid var(--border);font-size:15px;min-height:46px}.logout-btn:hover{background:var(--hover)}
.editorial-page .footer{width:calc(100% - 48px);max-width:1260px;margin:0 auto;text-align:center;padding:28px 16px;border-top:1px solid var(--border);font-size:13px}.footer a{color:var(--text-soft);display:inline-block;margin:5px 8px;text-underline-offset:4px}
@media(max-width:700px){.editorial-page .navbar{padding:20px 24px;gap:16px}.navbar-menu{order:3;width:100%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:0;gap:12px;font-size:12px}.editorial-page .logo{margin:0}.editorial-page .toggle-btn{margin-left:auto}.editorial-page .main-content{padding:34px 18px 42px}.editorial-page h1{font-size:35px;letter-spacing:-1.2px}.editorial-page .steps-list,.editorial-page .example-card,.editorial-page .features-card,.editorial-page .contact-card,.editorial-page .profil-box,.editorial-page .login-card{padding:24px 20px}.steps-list li{padding-left:48px}.steps-list .step-title{font-size:18px}.steps-list .step-desc{font-size:15px}.example-grid,.kaufkarten-wrapper{grid-template-columns:1fr}.kaufkarte{padding:26px}.kaufkarte h3{min-height:0}.howto-header .subtitle,.pro-header .pro-sub{font-size:16px}.contact-card .email{padding:20px 12px;font-size:16px}.editorial-page .footer{width:calc(100% - 36px)}.page-login .main-content{padding-top:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.editorial-page .toggle-btn{font-size:16px}body.editorial-page:not(.light){--primary:#ee947e}body.light .contact-card .email{background:var(--home-soft);color:var(--text)}


html,body.editorial-page{width:100%!important}.profil-info a[href='/pro-features.html']{display:inline-block;color:#fff;padding:12px 20px;font-weight:700;text-decoration:none;line-height:1.6}