:root{--forest-dark:#1a3a1a;--forest:#2d5a2d;--forest-light:#4a7c4a;--wood-dark:#3d2b1f;--wood:#6b4423;--wood-light:#a67c52;--wood-cream:#f5e6d3;--wood-pale:#faf3eb;--accent:#c17f3e;--accent-light:#e6a85c;--text:#2c2c2c;--text-light:#5a5a5a;--white:#fff;--shadow:0 4px 20px rgba(0,0,0,0.1);--shadow-lg:0 10px 40px rgba(0,0,0,0.15);--radius:12px;--radius-lg:20px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--wood-pale);line-height:1.6}
header{background:linear-gradient(135deg,var(--forest-dark) 0%,var(--forest) 100%);color:var(--white);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-lg)}
.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:1.5rem;font-weight:800;color:var(--accent-light);text-decoration:none;display:flex;align-items:center;gap:8px}
.logo svg{width:32px;height:32px}
.nav-desktop{display:flex;gap:4px}
.nav-desktop a{color:rgba(255,255,255,0.9);text-decoration:none;padding:8px 16px;border-radius:var(--radius);font-weight:500;font-size:0.9rem;transition:all .2s}
.nav-desktop a:hover,.nav-desktop a.active{background:rgba(255,255,255,0.15);color:var(--white)}
.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}
.hero{background:linear-gradient(135deg,var(--forest-dark) 0%,var(--forest) 50%,var(--wood-dark) 100%);color:var(--white);padding:60px 24px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}
.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin-bottom:12px;line-height:1.2}
.hero h1 span{color:var(--accent-light)}
.hero p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}
.breadcrumb{background:var(--wood-cream);padding:12px 24px;font-size:.85rem;color:var(--text-light)}
.breadcrumb a{color:var(--forest);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{color:var(--text-light)}
.section{padding:48px 24px;max-width:900px;margin:0 auto}
.calculator{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);margin-bottom:48px;border:2px solid var(--wood-cream)}
.calculator h2{color:var(--forest-dark);font-size:1.5rem;margin-bottom:8px;text-align:center}
.calculator-subtitle{text-align:center;color:var(--text-light);margin-bottom:32px;font-size:.95rem}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-weight:600;color:var(--forest-dark);margin-bottom:6px;font-size:.95rem}
.form-group input,.form-group select{width:100%;padding:14px 16px;border:2px solid #e0d5c8;border-radius:var(--radius);font-size:1rem;font-family:inherit;background:var(--wood-pale);transition:border-color .2s}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--forest-light);background:var(--white)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hint{font-size:.85rem;color:var(--text-light);margin-top:4px}
.btn-calc{width:100%;padding:16px;background:linear-gradient(135deg,var(--forest),var(--forest-light));color:var(--white);border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}
.btn-calc:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(45,90,45,0.3)}
.btn-secondary{background:var(--wood-pale);color:var(--wood);border:2px solid #e0d5c8;padding:10px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}
.btn-secondary:hover{background:#e0d5c8}
.results{margin-top:32px;padding:24px;background:linear-gradient(135deg,var(--wood-pale),var(--wood-cream));border-radius:var(--radius);border-left:4px solid var(--accent)}
.results h3{color:var(--forest-dark);font-size:1.1rem;margin-bottom:16px}
.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.result-item{background:var(--white);padding:16px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow)}
.result-item .value{font-size:1.8rem;font-weight:800;color:var(--forest-dark)}
.result-item .unit{font-size:.85rem;color:var(--text-light);margin-top:4px}
.result-item .label{font-size:.8rem;color:var(--text-light);margin-bottom:4px}
.result-highlight{background:linear-gradient(135deg,var(--forest),var(--forest-light));color:var(--white);border-radius:var(--radius);padding:20px;text-align:center;margin-bottom:16px}
.result-highlight .label{font-size:.9rem;opacity:.85;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}
.result-highlight .value{font-size:2.2rem;font-weight:800}
.info-section{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);margin-bottom:40px}
.info-section h2{color:var(--forest-dark);font-size:1.6rem;margin-bottom:16px}
.info-section h3{color:var(--forest);font-size:1.15rem;margin:24px 0 10px}
.info-section p,.info-section li{color:var(--text-light);margin-bottom:10px}
.info-section ul{padding-left:24px}
.info-section strong{color:var(--forest-dark)}
.warning-box{background:#fff3e0;border-left:4px solid #ed6c02;padding:16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;font-size:.95rem}
.warning-box strong{color:var(--wood-dark)}
.info-box{background:#e8f5e9;border-left:4px solid var(--forest);padding:16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;font-size:.95rem}
.formula-box{background:var(--wood-cream);border-left:4px solid var(--wood);padding:16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;font-family:'Courier New',monospace;font-size:.9rem}
.formula-box strong{color:var(--wood-dark);display:block;margin-bottom:8px;font-family:inherit}
.conversion-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}
.conversion-table th,.conversion-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0d5c8}
.conversion-table th{background:var(--forest);color:var(--white);font-weight:600}
.conversion-table tr:nth-child(even){background:var(--wood-pale)}
.conversion-table tr:hover{background:var(--wood-cream)}
.faq-item{background:var(--white);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}
.faq-question{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--forest-dark);transition:background .2s}
.faq-question:hover{background:var(--wood-pale)}
.faq-question::after{content:'+';font-size:1.5rem;color:var(--accent);transition:transform .3s}
.faq-item.open .faq-question::after{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-answer{max-height:500px}
.faq-answer-inner{padding:0 24px 18px;color:var(--text-light)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);transition:all .3s;text-decoration:none;color:var(--text);display:flex;flex-direction:column;border:2px solid transparent}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--forest-light)}
.card-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--forest-light),var(--forest));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon svg{width:28px;height:28px;color:var(--white)}
.card h3{font-size:1.25rem;color:var(--forest-dark);margin-bottom:8px}
.card p{color:var(--text-light);font-size:.95rem;flex-grow:1}
.card-tag{display:inline-block;margin-top:16px;padding:6px 14px;background:var(--wood-pale);color:var(--wood);border-radius:20px;font-size:.8rem;font-weight:600}
.card-mini{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);text-decoration:none;color:var(--text);transition:all .3s;border:2px solid transparent;display:block}
.card-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--forest-light)}
.card-mini h4{color:var(--forest-dark);font-size:1rem;margin-bottom:6px}
.card-mini p{color:var(--text-light);font-size:.85rem}
.method-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.method-tab{flex:1;min-width:120px;padding:12px;text-align:center;background:var(--wood-pale);border:2px solid #e0d5c8;border-radius:var(--radius);cursor:pointer;font-weight:600;color:var(--text-light);transition:all .2s}
.method-tab.active{background:var(--forest);color:var(--white);border-color:var(--forest)}
.method-content{display:none}
.method-content.active{display:block}
.stammliste-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}
.stammliste-table th,.stammliste-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0d5c8}
.stammliste-table th{background:var(--forest);color:var(--white);font-weight:600;font-size:.85rem}
.stammliste-table tr:nth-child(even){background:var(--wood-pale)}
.stammliste-table input{width:100%;padding:8px;border:1px solid #e0d5c8;border-radius:6px;font-size:.9rem;background:var(--white)}
.stammliste-table input:focus{outline:none;border-color:var(--forest-light)}
.stammliste-table .btn-small{padding:6px 12px;background:var(--accent);color:var(--white);border:none;border-radius:6px;cursor:pointer;font-size:.8rem}
.stammliste-table .btn-small:hover{background:var(--accent-light)}
.stammliste-table .btn-delete{padding:6px 12px;background:#dc3545;color:var(--white);border:none;border-radius:6px;cursor:pointer;font-size:.8rem}
.stammliste-table .btn-delete:hover{background:#c82333}
.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;background:var(--forest-dark);padding:16px;z-index:999;box-shadow:var(--shadow-lg)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;color:var(--white);text-decoration:none;padding:12px 16px;border-radius:var(--radius);transition:background .2s}
.mobile-nav a:hover{background:rgba(255,255,255,0.1)}
footer{background:var(--forest-dark);color:rgba(255,255,255,0.8);padding:48px 24px 24px}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.footer-col h4{color:var(--accent-light);margin-bottom:16px;font-size:1rem}
.footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;display:block;padding:4px 0;font-size:.9rem;transition:color .2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;font-size:.85rem;color:rgba(255,255,255,0.5)}
.disclaimer{background:var(--wood-cream);border:1px solid #e0d5c8;border-radius:var(--radius);padding:16px;margin:24px 0;font-size:.9rem;color:var(--text-light)}
.disclaimer strong{color:var(--forest-dark)}
.source-box{background:#f5f5f5;border-left:4px solid var(--text-light);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;font-size:.85rem;color:var(--text-light)}
.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--forest-dark);color:var(--white);padding:16px 24px;z-index:10000;display:none;box-shadow:0 -4px 20px rgba(0,0,0,0.2)}
.consent-banner.open{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.consent-banner p{margin:0;font-size:.9rem}
.consent-banner button{padding:8px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;font-size:.9rem}
.consent-accept{background:var(--accent);color:var(--white)}
.consent-decline{background:rgba(255,255,255,0.15);color:var(--white)}
@media(max-width:768px){.nav-desktop{display:none}.menu-toggle{display:block}.hero{padding:40px 20px}.section{padding:32px 20px}.calculator{padding:24px}.info-section{padding:24px}.form-row{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.cards-grid{grid-template-columns:1fr}.method-tab{min-width:100px;font-size:.85rem}}
@media print{header,.breadcrumb,.hero,.btn-calc,.btn-secondary,.method-tabs,.consent-banner{display:none!important}.calculator,.info-section{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.section{max-width:100%;padding:20px}}