@media screen and (max-width:768px){.hamburger-menu,.logo-bereich{background:0 0;position:absolute}.logo,.submenu{margin-top:0}.hamburger-menu,.menu-schliessen:hover,.mobil-menu .nav-menu a.aktiv,.mobil-menu .nav-menu a:hover{color:var(--primary-blue)}.abgas-info,.banner-content,.card-text,.diagnose-card,.footer-links,.menu-logo,.price-card,.price-header,.price-note,.reparatur-info h2,.reparatur-info p,.response-time,.timer-text,.wartung-features,.wartung-info{text-align:center}.menu-overlay,.mobil-menu,.timeline-step{opacity:0;visibility:hidden}.menu-overlay.aktiv,.mobil-menu.aktiv,.timeline-step.active{opacity:1;visibility:visible}:root{--primary-blue:#0d57d7;--white:#ffffff;--dark-gray:#373a3f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6}.top-leiste .container{padding-left:15px}.contact-section-image,.desktop-nav,.kontakt-info,.logo-desktop,.telefon span,.timeline-progress-bar,.wp-contact-image{display:none}.social-links{width:100%;justify-content:center}.kopfzeile .container{padding-left:15px;height:60px}.logo-bereich{width:auto;height:100%;clip-path:none;padding:10px;margin-left:5px;top:0}.logo img{max-width:100px}.banner-image img,.timeline-step{max-width:300px}.logo-mobile,.submenu.active{display:block}.hamburger-menu{display:flex;right:10px;width:40px;height:40px;border:1px solid var(--primary-blue);border-radius:50%;align-items:center;justify-content:center;cursor:pointer;font-size:16px;bottom:10px}.menu-header,.mobil-menu,.mobil-menu .nav-menu{background:var(--white)}.telefon{position:absolute;left:50%;transform:translateX(-50%);font-size:25px;bottom:15px}.telefon i{width:40px;height:40px;font-size:16px}.mobil-menu{display:block;width:280px;position:fixed;top:0;right:-100%;height:100vh;z-index:1000;transition:.3s;box-shadow:-2px 0 10px rgba(0,0,0,.1);overflow-y:auto}.mobil-menu.aktiv{right:0}.menu-header{padding:20px 15px 20px 65px;border-bottom:1px solid #eee;position:relative}.menu-logo{padding-right:50px}.menu-logo img{height:100%;width:100%}.submenu{position:static;background:#f7f9fc;box-shadow:none;transform:none;padding-left:20px;display:none}.submenu li a{padding:10px 15px}.menu-schliessen{position:absolute;left:15px;top:20px;width:38px;height:38px;border:1px solid var(--dark-gray);border-radius:50%;background:0 0;color:var(--dark-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;font-size:16px;z-index:2}.menu-schliessen:hover{border-color:var(--primary-blue)}.mobil-menu .nav-menu{display:flex;flex-direction:column;padding:15px}.mobil-menu .nav-menu li{border-bottom:1px solid #eee;width:100%}.mobil-menu .nav-menu li:last-child{border-bottom:none}.mobil-menu .nav-menu a{padding:15px 0;font-size:15px;color:var(--dark-gray);text-decoration:none;display:block;transition:color .3s;font-weight:500}.mobil-menu .nav-menu a i{float:right;margin-top:4px}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:999;transition:opacity .3s}.menu-overlay.aktiv{display:block}.banner-section{min-height:auto;padding:60px 0}.banner-content{flex-direction:column}.banner-buttons,.service-badge,.wp-feature-item{justify-content:center}.banner-text,.uberuns-features-header{margin-bottom:40px}.banner-text h1{font-size:32px}.card-content,.response-time{flex-direction:column;width:100%}.banner-image{position:absolute;right:25%;bottom:-70px;z-index:2;line-height:0}.emergency-service{padding:40px 0;width:100%}.card-content{padding:30px 20px;display:flex}.cookie-content p,.district span,.info-row label,.info-row span,.savings-form-header p,.service-tag,.uberuns-about-feature-item p,.why-service-header p{font-size:14px}.card-text{width:100%}.ayg-termin-header h1,.bad-content h2,.bad-services-header h2,.card-text h2,.datenschutz-header h1,.klima-contact-header h2,.klima-content h2,.klima-vorteile-header h2,.waermepumpen-banner__title{font-size:28px}.card-text>p,.district i,.impressum-item h2,.info-content h3,.refresh-captcha{font-size:16px}.response-time{align-items:center;margin-bottom:30px}.feature-items{display:flex;flex-direction:column;gap:15px;width:100%}.feature-item{display:flex;align-items:center;padding:12px;gap:12px;width:100%;background:#f8faff;border-radius:10px}.feature-icon{width:36px;height:36px;font-size:14px;flex-shrink:0}.feature-text{flex:1}.feature-text h3{font-size:15px;margin-bottom:2px}.feature-text p{font-size:13px;line-height:1.4}.call-btn{padding:15px;font-size:16px;width:100%;margin-top:20px}.emergency-card{width:100%;margin:0}.wartung-section{padding:40px 0;width:100%;background:#fefefe}.wartung-content{grid-template-columns:1fr;padding:20px;gap:30px}.wartung-info{padding-right:0}.service-badge{display:inline-flex}.service-badge-1{display:inline-flex;justify-content:center;font-size:14px;padding:6px 12px;margin-left:70px}.abgas-info h2,.wartung-info h2{font-size:28px;margin-bottom:15px}.abgas-info p,.wartung-info p{font-size:16px;margin-bottom:25px;text-align:center}.wartung-features{display:flex;flex-direction:column;align-items:center}.price-features li,.wartung-features li{justify-content:center;width:100%;display:flex;gap:10px;margin-bottom:12px}.wartung-features li{font-size:15px;align-items:center}.price-card{padding:25px;background:#fff}.price-header{padding-bottom:20px;margin-bottom:20px}.card-header h3,.consent-content h3,.diagnose-header h3,.info-item i,.price-header h3,.uberuns-feature-icon i{font-size:20px}.amount,.uberuns-stat-number{font-size:36px}.price-features{display:flex;flex-direction:column;align-items:center}.price-features li{font-size:14px;align-items:center}.termin-btn{display:flex;justify-content:center;align-items:center;gap:10px}.price-note{font-size:11px}.wartung-card{border-radius:20px;background:#fefefe}.abgas-section{padding:40px 0;width:100%;background:#f8faff;overflow-x:hidden}.container,.reparatur-info{width:100%;padding:0;margin:0}.abgas-content,.reparatur-content{display:flex;flex-direction:column;width:90%;margin:0 auto;padding:20px 0;gap:30px}.abgas-info{width:100%;padding:0;margin:0}.service-badge{font-size:14px;padding:6px 12px;display:inline-flex;justify-content:center}.abgas-features,.reparatur-features{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;width:100%}.abgas-features li,.reparatur-features li{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;width:100%}.areas-section,.reparatur-section{padding:40px 0;width:100%;overflow-x:hidden}.reparatur-card,.reparatur-diagnose{width:100%;margin:0;padding:0}.reparatur-info h2{font-size:28px;margin-bottom:15px}.reparatur-info p{font-size:16px;margin-bottom:25px}.diagnose-card{width:100%;padding:20px;margin:0}.step,.termin-btn{padding:15px;display:flex}.service-steps{display:flex;flex-direction:column;gap:15px;margin:20px 0}.step{align-items:center;gap:15px;width:100%;justify-content:center}.step-icon{min-width:40px;width:40px;height:40px;font-size:16px}.step-text{flex:1;text-align:left}.areas-header,.areas-header p,.footer-content{text-align:center}.step h4{font-size:16px;margin:0 0 5px}.step p{font-size:14px;margin:0}.termin-btn{width:100%;font-size:16px;justify-content:center;align-items:center}.areas-content{width:90%;margin:0 auto}.areas-header{margin-bottom:40px}.areas-header h2{font-size:28px;margin-bottom:10px}.areas-header p{font-size:15px}.areas-list h3,.surrounding-areas h3{font-size:20px;margin-bottom:20px;text-align:center}.districts-grid{grid-template-columns:1fr;gap:10px}.district{padding:12px;display:flex;justify-content:center;align-items:center;gap:10px}.bad-content-grid,.contact-grid,.contact-section-grid,.footer-content,.klima-content-grid,.savings-grid,.uberuns-about-intro,.waermepumpen-grid,.wp-contact-grid{gap:30px;grid-template-columns:1fr}.surrounding-areas{margin-top:40px}.footer-company{padding-right:0}.waermepumpen-banner{height:160px}.waermepumpen-content{margin-top:20px;padding:20px 0}.waermepumpen-images{height:220px;order:-1}.waermepumpen-images__primary{width:75%;height:180px}.waermepumpen-images__secondary{width:55%;height:130px}.waermepumpen-text{order:2;text-align:center!important}.contact-button,.cookie-more,.savings-content,.wp-contact-btn,.wp-contact-content{text-align:center}.waermepumpen-text h2{font-size:24px;margin-bottom:20px;text-align:center!important}.waermepumpen-text p{font-size:15px;margin-bottom:15px;text-align:center!important}.timeline-steps{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.timeline-step{width:100%;position:absolute;top:60px;left:50%;transform:translateX(-50%);transition:opacity .5s}.contact-section-content,.savings-grid{max-width:100%}.timeline-progress{position:relative;height:300px;margin:40px auto}.step-dot,.timeline-line{position:absolute;left:50%;transform:translateX(-50%)}.timeline-line{width:200px;height:4px;background:#e2e8f0;top:10px}.step-dot{width:24px;height:24px;background:#fff;border:3px solid var(--primary-blue);top:-60px;z-index:2}.step-dot.active{background:var(--primary-blue)}.step-title{margin-top:-40px;margin-bottom:10px}.step-description{font-size:14px;line-height:1.5;padding:0 15px}.ayg-termin-bg,.contact-section,.datenschutz-section,.savings-calculator{padding:40px 0}.savings-container{padding:0 15px}.savings-content{padding:0 10px}.savings-content h2{font-size:26px;margin-bottom:15px;line-height:1.4}.savings-content p{font-size:15px;line-height:1.6;margin-bottom:20px}.savings-form{padding:20px;margin:0 10px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.savings-form-header{margin-bottom:20px}.savings-form-header h3{font-size:20px;margin-bottom:8px}.info-item,.savings-form-group{margin-bottom:15px}.savings-form-group label{font-size:14px;margin-bottom:8px}.savings-form-group input,.savings-form-group select{padding:12px 14px;font-size:14px;border-radius:8px}.savings-button{padding:14px 20px;font-size:15px;border-radius:8px}.savings-result{margin-top:20px;padding:15px}.savings-amount{font-size:28px;margin:10px 0}.legal-text,.savings-amount-label{font-size:13px}.savings-info{font-size:12px}.savings-form-group .unit{right:12px;top:42px;font-size:14px}.wp-contact-content{order:-1;max-width:100%;padding:0 15px}.wp-contact-buttons{flex-direction:column;gap:15px;align-items:center;width:100%}.wp-contact-btn{width:100%;justify-content:center}.wp-contact-btn i{margin-right:10px}.klima-vorteile-grid,.uberuns-testimonials-grid,.wp-contact-features{grid-template-columns:1fr}.uberuns-about-content h2,.wp-contact-content h2{font-size:28px;margin-bottom:20px}.ayg-form-group input,.ayg-form-group select,.ayg-form-group textarea,.bad-content p,.datenschutz-block p,.datenschutz-list li,.klima-content p,.wp-contact-content p{font-size:15px}.ayg-form-row,.form-row,.uberuns-testimonials-stats{grid-template-columns:1fr;gap:15px}.ayg-termin-form,.benefit-back,.benefit-front,.card-header,.consent-content,.contact-form,.klima-vorteil-card{padding:20px}.bad-content-wrapper,.klima-content-wrapper{padding:40px 15px}.bad-images,.klima-images{height:260px;order:2}.klima-content,.uberuns-about-content{text-align:center;order:-1}.bad-images__primary,.klima-images__primary{height:200px}.bad-images__secondary,.klima-images__secondary{height:150px}.bad-services-bg,.klima-contact-bg{padding:60px 0}.klima-contact-boxes,.uberuns-about-features{grid-template-columns:1fr;gap:20px}.klima-contact-card{padding:30px 20px}.bad-content{order:-1}.bad-services-grid,.bad-showcase-grid{grid-template-columns:1fr;gap:1rem}.bad-service-card{padding:30px}.bad-showcase-bg{padding:3rem 0}.image-compare{height:300px}.bad-showcase-header{margin-bottom:2rem}.bad-showcase-header h2{font-size:1.8rem}.handle-label{font-size:10px;padding:3px 6px}.slider-handle{width:32px;height:32px}.contact-section-bg,.uberuns-about-section,.uberuns-features-section{padding:50px 0}.contact-button-group{flex-direction:column;flex-direction:column;gap:10px;max-width:280px;margin:20px auto 0}.contact-button{padding:12px 20px;font-size:16px;width:100%;display:flex;align-items:center;justify-content:center}.contact-button i{font-size:14px;margin-right:8px}.service-cards{grid-template-columns:minmax(auto,450px);padding:0 15px}.service-card{margin:0 auto;width:100%;max-width:450px}.card-icon{width:50px;height:50px}.benefits-grid{grid-template-columns:minmax(auto,400px);padding:0 10px}.benefit-item{height:220px}.benefit-icon{width:60px;height:60px}.benefit-icon i{font-size:24px}.why-service-section{padding:30px 0}.container{display:flex;flex-direction:column}.why-service-header{order:-1;margin-bottom:20px}.why-service-grid{order:1;grid-template-columns:1fr;gap:20px;width:90%}.datenschutz-block h2,.why-service-header h2{font-size:22px}.impressum-section{padding:20px 0;width:50%;margin-left:100px}.impressum-info{padding:15px}.impressum-item{margin-bottom:20px;padding-bottom:20px}.company-info{padding:20px;height:100%}.company-info h2{font-size:22px;margin-bottom:20px}.contact-form-wrapper{padding:0}.form-group label{font-size:14px;margin-bottom:5px}.form-group input,.form-group textarea{padding:10px;font-size:14px}.captcha-container{padding:12px;margin:15px 0}.captcha-code{font-size:20px;padding:10px 15px}.form-message{margin:15px 0;padding:12px;font-size:14px}.submit-btn{padding:12px 20px;font-size:15px}.uberuns-testimonials-section{padding:60px 0 30px}.uberuns-testimonials-header h2{font-size:28px;white-space:wrap}.uberuns-stats-section{padding:0 0 30px}.uberuns-reviews-section{padding:30px 0 60px}.uberuns-stat-item{padding:25px 20px;width:70%;margin:0 auto}.uberuns-testimonial-card{padding:30px;width:90%;margin:0 auto}.uberuns-about-image{order:2}.uberuns-features-header h2{font-size:28px;margin-bottom:30px}.uberuns-about-feature-item{padding:20px;width:80%;margin:0 auto}.uberuns-feature-icon{width:50px;height:50px;margin-bottom:15px}.datenschutz-block h3,.uberuns-about-feature-item h3{font-size:18px}.datenschutz-intro{font-size:16px;padding:0 20px}.datenschutz-block{padding:25px}.map-section{height:350px}.cookie-content{padding:10px}#accept-cookies,.cookie-more{width:100%;padding:12px 20px}.cookie-buttons{flex-direction:column;width:100%;gap:10px}}