:root{--primary-color: #333e49;--secondary-color: #e74c3c;--light-color: #ecf0f1;--dark-background: #282828}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--dark-background);color:var(--light-color);box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center}h2{font-size:2.5rem;border-bottom:2px solid var(--secondary-color);display:inline-block;padding-bottom:.5rem;margin-bottom:3rem}.header{background-color:var(--primary-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px #00000080}.logo{font-size:1.8rem;font-weight:700;color:var(--secondary-color)}.nav-links a{color:var(--light-color);text-decoration:none;margin-left:2rem;transition:color .3s ease}.nav-links a:hover{color:var(--secondary-color)}.hero{background:linear-gradient(#0009,#0009),url(https://via.placeholder.com/1500x800.png/2c3e50/e74c3c?Text=Ihre+Moderne+Autowerkstatt) no-repeat center center/cover;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero h1{font-size:3.5rem}.hero p{font-size:1.5rem;margin:1rem 0 2rem}.hero-button{background-color:var(--secondary-color);color:var(--light-color);padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.hero-button:hover{background-color:#c0392b}.sticky-hero-container{height:80vh;position:relative}.hero.animated-hero{height:80vh;position:sticky;top:0;background-image:linear-gradient(#00000080,#000000b3),url(https://encrypted-tbn2.gstatic.com/licensed-image?q=tbn:ANd9GcSmODMkxmHeb3B4k1X_S6tAv8_sF5bbf9XI02kpE97on_fPqv14Zg0I1qFh9vFmqhmSYLqxIrus1e8j0nKpZMo1n4zCtwMXyZEsGFVG-iMPW831cMs);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-text-content{text-align:center;padding:2rem;transition:opacity .1s linear}.hero h1{font-size:3.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero p{font-size:1.5rem;margin:1rem 0 2rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.service-cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem}.service-card{background-color:var(--primary-color);border-radius:10px;padding:2rem;width:300px;transition:transform .3s ease}.service-card:hover{transform:translateY(-10px)}.service-card .icon{font-size:3rem;color:var(--secondary-color);margin-bottom:1rem}.offer-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.offer-tile{background-color:var(--primary-color);border:2px solid var(--secondary-color);border-radius:10px;padding:2rem}.offer-tile h3{color:var(--secondary-color);font-size:1.8rem}.offer-tile .price{font-size:2.5rem;font-weight:700;margin:1rem 0}.offer-tile ul{list-style:none;padding:0;margin-bottom:1.5rem;line-height:1.8}.offer-tile .btn{background-color:var(--secondary-color);color:var(--light-color);padding:.8rem 1.5rem;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.offer-tile .btn:hover{background-color:#c0392b}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.image-grid img{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.image-grid img:hover{transform:scale(1.05);box-shadow:0 8px 15px #00000080}.map-section{background-color:var(--primary-color);padding-bottom:4rem}.map-container{border:4px solid var(--secondary-color);border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0009}.map-container iframe{display:block}.footer{background-color:var(--primary-color);color:var(--light-color);padding:3rem 2rem}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;text-align:left}.footer-section h4{color:var(--secondary-color)}.footer-bottom{border-top:1px solid #444;padding-top:1.5rem;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a1a1ad9;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:var(--primary-color);padding:2rem;border-radius:10px;border:2px solid var(--secondary-color);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #00000080}.modal h2{color:var(--secondary-color);margin-top:0;border-bottom:none}.close-modal-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.5rem;color:var(--light-color);cursor:pointer}.close-modal-button:hover{color:var(--secondary-color)}.close-modal-button:before{content:"X"}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.8rem;border-radius:5px;border:1px solid #444;background-color:#333;color:var(--light-color);font-size:1rem}.or-divider{text-align:center;margin:1.5rem 0;border-bottom:1px solid #444;line-height:.1em}.or-divider span{background:var(--primary-color);padding:0 10px}.modal-button{display:block;width:100%;padding:1rem;border-radius:5px;text-align:center;text-decoration:none;font-size:1.1rem;font-weight:700;cursor:pointer;border:none;transition:background-color .3s}.modal-actions{display:flex;align-items:center}.call-button{background-color:#27ae60;color:#fff}.call-button:hover{background-color:#2ecc71}.submit-button{background-color:var(--secondary-color);color:var(--light-color)}.submit-button:hover{background-color:#c0392b}.modal-content ul{text-align:left;list-style-position:inside}.payment-options{list-style-type:"✔ "}.occupancy-section{margin-top:2rem;border-top:1px solid #444;padding-top:1rem}.occupancy-placeholder{background-color:var(--dark-background);padding:1rem;border-radius:5px}.legal-modal{max-width:800px}.legal-content{text-align:left;line-height:1.6}.legal-content h3,.legal-content h4{text-align:left;border-bottom:none;color:var(--secondary-color)}.link-button{background:none;border:none;color:var(--light-color);cursor:pointer;padding:0;text-decoration:underline;font-size:1rem}.link-button:hover{color:var(--secondary-color)}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;display:flex;flex-direction:column}.admin-content{padding:2rem}.admin-sidebar{background:#1f1f1f;color:var(--light-color);width:240px;transition:.3s;padding:1rem}.admin-sidebar.closed{width:70px}.admin-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center}.admin-sidebar nav{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.admin-sidebar a,.admin-sidebar button{color:var(--light-color);text-decoration:none;padding:.7rem 1rem;border-radius:6px;background:#333;border:none;cursor:pointer}.admin-sidebar a.active,.admin-sidebar a:hover{background:var(--secondary-color)}.logout-btn{margin-top:2rem;background:#e74c3c!important}.admin-topbar{background:#333e49;padding:1.2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dashboard-card{background:#333e49;padding:1.5rem;border-radius:10px;border-left:4px solid var(--secondary-color)}.admin-table table{width:100%;background:#333e49;border-radius:10px;overflow:hidden}.admin-table th,.admin-table td{padding:1rem;border-bottom:1px solid #444}.admin-table th{background:#222}.washbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.washbox-card{padding:1.5rem;border-radius:10px;background:#333e49;text-align:center;border:2px solid var(--secondary-color)}.washbox-card.occupied{border-color:#e74c3c}.washbox-card.free{border-color:#2ecc71}@media (max-width: 768px){.admin-sidebar{position:fixed;left:0;top:0;height:100%}.admin-main{margin-left:70px}}.admin-panel{display:flex;flex-direction:column;gap:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-card{background:#333e49;padding:1.5rem;border-radius:12px;border:1px solid #444b55}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--secondary-color);margin-bottom:.25rem}.subline{color:#bdc3c7;margin-top:.35rem}.muted{color:#8f9aa7;font-size:.9rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-card.actionable{display:flex;flex-direction:column;gap:.5rem;color:#fff;text-decoration:none;transition:transform .1s ease,box-shadow .2s ease}.dashboard-card.actionable:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000059}.card-title{font-weight:700;font-size:1.1rem}.card-link{color:var(--secondary-color);font-weight:600}.status-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pill{display:inline-block;padding:.35rem .65rem;border-radius:999px;font-weight:700;font-size:.85rem;margin-right:.35rem}.pill.success{background:#2ecc71;color:#0a2815}.pill.alert{background:#e74c3c;color:#2b0d0b}.pill.neutral{background:#95a5a6;color:#111}@media (max-width: 768px){.status-meta{flex-direction:column;align-items:flex-start}}