:root{--accent: #2e8b57;--accent-light: #8fd3b6;--accent-dark: #1a5336;--background-light: #f8faf9;--text: #333;--text-light: #666}.admin-editable{transition:all .2s}.admin-editable:hover{outline:2px dashed var(--accent-light)}:root{--accent: #2e8b57;--accent-light: #8fd3b6;--accent-dark: #1a5336;--background-light: #f8faf9;--text: #333;--text-light: #666;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:system-ui,sans-serif;background:var(--background-light);color:var(--text)}body{min-height:100vh;display:flex;flex-direction:column}header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0;width:100%}.header-container{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.logo-container{display:flex;align-items:center}.logo{height:50px;width:auto;transition:transform .2s ease;border-radius:8px}.logo-container a:hover .logo{transform:scale(1.05)}.main-nav ul{display:flex;list-style:none;gap:1.5rem}.mobile-menu-button{display:none;background:transparent;border:none;cursor:pointer;width:30px;height:30px;position:relative;z-index:110}.burger-icon,.burger-icon:before,.burger-icon:after{display:block;position:absolute;width:30px;height:3px;border-radius:3px;background-color:var(--accent);transition:all .3s ease-in-out}.burger-icon{top:13px}.burger-icon:before{content:"";top:-8px}.burger-icon:after{content:"";top:8px}.mobile-menu-button.active .burger-icon{background-color:transparent}.mobile-menu-button.active .burger-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-button.active .burger-icon:after{top:0;transform:rotate(-45deg)}nav a{color:var(--text);text-decoration:none;font-weight:500;transition:color .2s}nav a:hover{color:var(--accent)}.home-icon{margin-top:2px;width:18px;height:18px;transition:transform .2s ease}nav a:hover .home-icon{transform:scale(1.15)}nav a.highlight{background-color:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}nav a.highlight:hover{background-color:var(--accent-dark)}footer{background-color:#f1f1f1;padding:2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-section{margin-bottom:1.5rem;min-width:200px}.footer-section h3{color:var(--accent);margin-bottom:1rem}.footer-section p{margin-bottom:.5rem}.footer-section a{color:var(--text);text-decoration:none}.footer-section a:hover{color:var(--accent)}.copyright{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #ddd}@media (max-width: 768px){header{height:auto;width:100%}.header-container{flex-direction:row;padding:1rem;width:100%}nav ul{flex-direction:column;align-items:center;gap:.8rem;padding:1rem 0}.footer-content{flex-direction:column}h1{font-size:1.8rem!important;margin-bottom:1.5rem!important}a{word-break:break-word;overflow-wrap:break-word}}@media (max-width: 768px){.mobile-menu-button{display:block}.main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:350px;height:100vh;background-color:#fff;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:100;padding:var(--header-height) 2rem 2rem;overflow-y:auto}.main-nav.open{right:0}.main-nav ul{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-top:1rem}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90}.menu-overlay.open{display:block}}.infoleiste{background:#fff;border-bottom:1px solid #e0ebe4;box-shadow:0 2px 6px #0000000f;position:sticky;top:var(--header-height);z-index:90}.infoleiste-content{max-width:1200px;margin:0 auto;width:100%;position:relative}.infoleiste-chips{display:flex;align-items:stretch}.il-chip{flex:1;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem}.il-chip+.il-chip{border-left:1px solid #e8f0eb}.il-chip-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.il-chip--gruen .il-chip-icon{background:#e8f5ef;color:#2e8b57}.il-chip--amber .il-chip-icon{background:#fff8ee;color:#c07a00}.il-chip-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:1px;display:flex;align-items:center;gap:4px}.il-chip-text{font-size:.82rem;font-weight:500;line-height:1.3;color:#333}.il-chip--gruen .il-chip-text{color:#1a5336}.il-chip--amber .il-chip-text{color:#9a5e00}.il-chip-text--rot{color:#c62828!important;font-weight:600}.il-asterisk-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#2e8b57;color:#fff;border-radius:50%;font-size:.6rem;font-weight:700;cursor:pointer;border:none;line-height:1;transition:background .15s;flex-shrink:0}.il-asterisk-btn:hover{background:#1a5336}.il-notfall{background:#fef9f0;border-top:1px solid #ffe0b2}.il-notfall-content{max-width:1200px;margin:0 auto;padding:.32rem 1rem;font-size:.72rem;color:#7a5500;display:flex;align-items:center;gap:.4rem}.il-notfall-content svg{flex-shrink:0;color:#e08000}.il-popover{position:absolute;top:calc(100% + 6px);left:1rem;width:420px;max-width:calc(100vw - 2rem);background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000024;border:1px solid #d8eae1;padding:1.1rem 1.2rem 1rem;z-index:200}.il-popover[hidden]{display:none}.il-popover:before{content:"";position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-left:1px solid #d8eae1;border-top:1px solid #d8eae1;transform:rotate(45deg)}.il-popover-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:1rem;color:#aaa;cursor:pointer;line-height:1}.il-popover-close:hover{color:#333}.il-popover-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2e8b57;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.il-popover-text{font-size:.81rem;line-height:1.65;color:#333}@media (max-width: 768px){.infoleiste-chips{flex-direction:column}.il-chip+.il-chip{border-left:none;border-top:1px solid #e8f0eb}.il-popover{left:.5rem;right:.5rem;width:auto;max-width:none}}
