/* Uterum Malmö - Stilmall för glasade konstruktioner */
:root{--glas-vit:#fefefe;--ram-gra:#7a7a7a;--accent-rosa:#e8b4b8;--knapp-gron:#4a9b47;--text-mork:#2c2c2c;--skugga:rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;color:var(--text-mork);background:linear-gradient(180deg,var(--glas-vit) 0%,#f9f9f9 100%);line-height:1.6}h1,h2,h3,h4{font-family:Verdana,Geneva,sans-serif;margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--glas-vit);border-bottom:3px solid var(--ram-gra);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px var(--skugga)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;text-decoration:none;color:var(--text-mork)}.logo-icon{width:45px;height:45px;margin-right:10px;background:linear-gradient(135deg,var(--accent-rosa),var(--ram-gra));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);display:flex;align-items:center;justify-content:center}.logo-icon::after{content:'U';color:white;font-weight:bold;font-size:1.5rem}.logo-text{font-size:1.3rem;font-weight:bold}nav ul{list-style:none;display:flex;gap:2rem}nav a{text-decoration:none;color:var(--text-mork);padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s}nav a:hover{background:var(--accent-rosa);color:white}.offert-knapp{background:linear-gradient(135deg,var(--knapp-gron),#5cb85c);color:white!important;padding:0.7rem 1.5rem!important;border-radius:25px;font-weight:bold;box-shadow:0 3px 6px rgba(74,155,71,0.3)}.offert-knapp:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(74,155,71,0.4)}.mobile-menu{display:none}.hero{padding:4rem 0;background:linear-gradient(135deg,rgba(232,180,184,0.1),rgba(122,122,122,0.05))}.hero h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-mork)}.cta-section{display:flex;gap:1rem;margin:2rem 0}.cta-btn{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--knapp-gron),#5cb85c);color:white;text-decoration:none;border-radius:30px;font-weight:bold;transition:all 0.3s;box-shadow:0 4px 8px rgba(74,155,71,0.3)}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(74,155,71,0.4)}.info-box{background:white;padding:2rem;border-radius:8px;box-shadow:0 3px 10px var(--skugga);margin:2rem 0;border-left:4px solid var(--accent-rosa)}.info-box h3{color:var(--text-mork);margin-bottom:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px var(--skugga);transition:transform 0.3s}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--skugga)}.card h3{color:var(--text-mork);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--accent-rosa)}.table-wrapper{overflow-x:auto;margin:2rem 0}table{width:100%;border-collapse:collapse;background:white;box-shadow:0 2px 8px var(--skugga)}th{background:var(--ram-gra);color:white;padding:1rem;text-align:left}td{padding:1rem;border-bottom:1px solid #e0e0e0}tr:hover{background:rgba(232,180,184,0.1)}.faq-section{margin:3rem 0}.faq-item{background:white;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px var(--skugga)}.faq-question{padding:1.2rem;background:linear-gradient(135deg,rgba(232,180,184,0.2),rgba(122,122,122,0.1));cursor:pointer;font-weight:bold;transition:background 0.3s}.faq-question:hover{background:linear-gradient(135deg,rgba(232,180,184,0.3),rgba(122,122,122,0.15))}.faq-answer{padding:0 1.2rem;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}.faq-answer.active{padding:1.2rem;max-height:500px}footer{background:var(--text-mork);color:white;padding:3rem 0;margin-top:4rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}footer h4{color:var(--accent-rosa);margin-bottom:1rem}footer a{color:white;text-decoration:none;display:block;padding:0.3rem 0;transition:color 0.3s}footer a:hover{color:var(--accent-rosa)}.form-container{background:white;padding:2rem;border-radius:8px;box-shadow:0 3px 15px var(--skugga);max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-weight:bold;color:var(--text-mork)}input,textarea,select{width:100%;padding:0.8rem;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color 0.3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-rosa)}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--knapp-gron),#5cb85c);color:white;border:none;border-radius:30px;font-size:1.1rem;font-weight:bold;cursor:pointer;transition:all 0.3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(74,155,71,0.4)}.status-indicator{display:inline-flex;align-items:center;gap:0.5rem;margin:1rem 0;padding:0.8rem 1.2rem;background:rgba(74,155,71,0.1);border-radius:20px}.pulse-dot{width:10px;height:10px;background:var(--knapp-gron);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,155,71,0.7)}70%{box-shadow:0 0 0 10px rgba(74,155,71,0)}100%{box-shadow:0 0 0 0 rgba(74,155,71,0)}}.month-box{background:linear-gradient(135deg,rgba(232,180,184,0.15),white);padding:2rem;border-radius:8px;margin:2rem 0;border:2px solid var(--accent-rosa)}.cities-table{margin:3rem 0}.city-row{background:white;margin-bottom:0.5rem;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px var(--skugga)}.city-header{padding:1rem;background:var(--ram-gra);color:white;cursor:pointer;transition:background 0.3s}.city-header:hover{background:var(--text-mork)}.city-content{padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s;background:rgba(232,180,184,0.05)}.city-content.show{padding:1rem;max-height:200px}.glasruta-bild{width:100%;height:200px;background:linear-gradient(135deg,var(--accent-rosa),var(--ram-gra));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;margin-bottom:1rem;position:relative;overflow:hidden}.glasruta-bild::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.1) 10px,rgba(255,255,255,0.1) 20px);animation:slide 20s linear infinite}@keyframes slide{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}blockquote{border-left:4px solid var(--accent-rosa);padding-left:1.5rem;margin:2rem 0;font-style:italic;background:rgba(232,180,184,0.05);padding:1.5rem}details{background:white;margin:1rem 0;padding:1rem;border-radius:8px;box-shadow:0 2px 5px var(--skugga)}summary{cursor:pointer;font-weight:bold;padding:0.5rem;transition:color 0.3s}summary:hover{color:var(--accent-rosa)}aside{background:linear-gradient(135deg,rgba(232,180,184,0.1),white);padding:1.5rem;border-radius:8px;margin:2rem 0;border:1px solid var(--accent-rosa)}@media(max-width:768px){.logo-text{font-size:1.1rem}nav ul{display:none}.mobile-menu{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-mork)}.mobile-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 5px 15px var(--skugga)}.mobile-nav.active{display:block!important}.mobile-nav ul{flex-direction:column;padding:1rem}.mobile-nav a{display:block;padding:0.8rem 1rem;border-bottom:1px solid #e0e0e0}.hero h1{font-size:1.8rem}.cta-section{flex-direction:column}.grid-3{grid-template-columns:1fr}table{font-size:0.9rem}th,td{padding:0.5rem}.footer-grid{grid-template-columns:1fr}}