/* Husmålning Malmö - Fasadmålning CSS */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#333;background:#fff}h1,h2,h3,h4{font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:2.2rem;color:#2c3e50}h2{font-size:1.8rem;color:#34495e}h3{font-size:1.4rem;color:#34495e}p{margin-bottom:1rem;color:#555}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;text-decoration:none;color:#fff}.logo-icon{width:40px;height:40px;margin-right:10px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.logo-icon::before{content:'';position:absolute;width:20px;height:20px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:4px;transform:rotate(45deg)}.logo-text{font-size:1.4rem;font-weight:700}nav ul{list-style:none;display:flex;gap:2rem}nav a{color:#fff;text-decoration:none;font-weight:500;transition:opacity 0.3s}nav a:hover{opacity:0.8}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.header-cta{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff;padding:0.7rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:transform 0.3s,box-shadow 0.3s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(86,171,47,0.3)}.hero{background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);padding:4rem 0}.hero h1{margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text{padding-right:2rem}.hero-cta{display:inline-block;background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;margin-top:1.5rem;transition:all 0.3s}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(86,171,47,0.3)}.fasad-bild{width:100%;height:400px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#56ab2f 100%);border-radius:15px;position:relative;overflow:hidden}.fasad-bild::before{content:'';position:absolute;top:20%;left:10%;width:35%;height:60%;background:#fff;opacity:0.1;border-radius:10px}.fasad-bild::after{content:'';position:absolute;top:30%;right:15%;width:30%;height:50%;background:#fff;opacity:0.15;border-radius:10px}.info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.info-box{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s}.info-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.info-box h3{color:#667eea;margin-bottom:1rem}.table-section{margin:3rem 0}.fold-table{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,0.08);margin-bottom:1rem}.fold-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s}.fold-header:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.fold-header::after{content:'▼';transition:transform 0.3s}.fold-header.active::after{transform:rotate(180deg)}.fold-content{max-height:0;overflow:hidden;transition:max-height 0.5s ease-out;background:#f8f9fa}.fold-content.show{max-height:500px;padding:1.5rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.service-card{background:#fff;padding:1.5rem;border-radius:12px;border-left:4px solid #56ab2f;transition:all 0.3s}.service-card:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 0;text-align:center;border-radius:20px;margin:3rem 0}.cta-section h2{color:#fff;margin-bottom:1.5rem}.cta-btn{display:inline-block;background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s;margin:0.5rem}.cta-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.2)}form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,0.1)}
.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-weight:500;color:#555}input,textarea{width:100%;padding:0.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color 0.3s}input:focus,textarea:focus{outline:none;border-color:#667eea}textarea{resize:vertical;min-height:120px}.spam-check{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0}.spam-check label{color:#666;font-size:0.9rem}.submit-btn{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff;padding:1rem 2rem;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s;width:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(86,171,47,0.4)}footer{background:#2c3e50;color:#ecf0f1;padding:3rem 0;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h4{color:#fff;margin-bottom:1rem}.footer-column a{color:#bdc3c7;text-decoration:none;display:block;margin-bottom:0.5rem;transition:color 0.3s}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;color:#95a5a6}blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#666}cite{display:block;margin-top:0.5rem;font-size:0.9rem;color:#888}aside{background:#f0f4ff;padding:1.5rem;border-radius:10px;margin:2rem 0}article{margin:3rem 0}section{padding:2rem 0}details{background:#fff;border-radius:10px;padding:1rem;margin:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.05)}summary{cursor:pointer;font-weight:600;color:#667eea;padding:0.5rem;transition:color 0.3s}summary:hover{color:#764ba2}details[open] summary{margin-bottom:1rem}.faq-section{background:#f8f9fa;padding:2rem;border-radius:15px;margin:2rem 0}.faq-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:600;color:#34495e;margin-bottom:0.5rem}.highlight-box{background:linear-gradient(135deg,#f0f4ff,#e8ecff);padding:2rem;border-radius:15px;margin:2rem 0;border:2px solid #667eea}.city-table{width:100%;border-collapse:collapse;margin:2rem 0}.city-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left}.city-table td{padding:0.8rem;border-bottom:1px solid #e0e0e0}.city-table tr:hover{background:#f8f9fa}@media(max-width:768px){.hero-content{grid-template-columns:1fr}.mobile-menu-btn{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}nav.active{display:block}nav ul{flex-direction:column;gap:1rem;padding:1rem}h1{font-size:1.8rem}h2{font-size:1.5rem}.info-boxes{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}}