/* Trädplantering Malmö - Stilmall */
:root{--grön:#7cb342;--ljusgrön:#c5e1a5;--beige:#f5f5dc;--rosa:#ffb6c1;--vit:#fff;--grå:#555;--mörkgrå:#333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--mörkgrå);background:var(--vit)}h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;color:var(--grön);margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.2rem}p{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--vit);box-shadow:0 2px 5px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}.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(--grön)}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--grön),var(--ljusgrön));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;position:relative}.logo-icon::before{content:'🌳';font-size:24px;position:absolute}.logo-text{font-size:1.5rem;font-weight:bold}nav ul{list-style:none;display:flex;gap:2rem}nav a{text-decoration:none;color:var(--mörkgrå);transition:color 0.3s}nav a:hover{color:var(--grön)}.cta-header{background:var(--rosa);color:var(--vit);padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:bold;transition:transform 0.3s,box-shadow 0.3s}.cta-header:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,182,193,0.4)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(135deg,var(--beige),var(--ljusgrön));padding:4rem 0;text-align:center}.hero h1{color:var(--mörkgrå);margin-bottom:1.5rem}.hero-cta{display:inline-block;background:var(--rosa);color:var(--vit);padding:1rem 2rem;border-radius:30px;text-decoration:none;font-size:1.2rem;margin-top:1rem;transition:all 0.3s}.hero-cta:hover{background:#ff9db4;transform:scale(1.05)}.info-box{background:var(--beige);padding:2rem;border-radius:10px;margin:2rem 0;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.info-box h3{color:var(--grön);margin-bottom:1rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.service-card{background:var(--vit);padding:2rem;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.15)}.seasonal-box{background:linear-gradient(45deg,var(--ljusgrön),var(--beige));padding:2rem;border-radius:15px;margin:3rem 0;text-align:center}.seasonal-box h2{color:var(--mörkgrå)}.table-wrapper{overflow-x:auto;margin:2rem 0}.styled-table{width:100%;border-collapse:collapse;background:var(--vit)}.styled-table th{background:var(--ljusgrön);color:var(--mörkgrå);padding:1rem;text-align:left}.styled-table td{padding:1rem;border-bottom:1px solid #ddd}.styled-table tr:nth-child(even){background:var(--beige)}.quote-box{background:var(--ljusgrön);padding:2rem;border-left:5px solid var(--grön);margin:2rem 0;font-style:italic}.accordion{margin:2rem 0}.accordion-item{background:var(--vit);margin-bottom:1rem;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.accordion-header{background:var(--beige);padding:1rem;cursor:pointer;font-weight:bold;transition:background 0.3s}.accordion-header:hover{background:var(--ljusgrön)}.accordion-content{padding:1rem;display:none}.accordion-content.active{display:block}.form-container{background:var(--vit);padding:2rem;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:bold;color:var(--mörkgrå)}.form-group input,.form-group textarea{width:100%;padding:0.8rem;border:2px solid var(--beige);border-radius:5px;font-size:1rem;transition:border-color 0.3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--grön)}.submit-btn{background:var(--rosa);color:var(--vit);padding:1rem 2rem;border:none;border-radius:25px;font-size:1.1rem;font-weight:bold;cursor:pointer;transition:all 0.3s;width:100%}.submit-btn:hover{background:#ff9db4;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,182,193,0.4)}.captcha-box{background:var(--beige);padding:1rem;border-radius:5px;text-align:center;margin:1rem 0}footer{background:var(--mörkgrå);color:var(--vit);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-section h4{color:var(--ljusgrön);margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section a{color:var(--vit);text-decoration:none;transition:color 0.3s}.footer-section a:hover{color:var(--ljusgrön)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #666}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--vit);transition:left 0.3s;z-index:999}nav.active{left:0}nav ul{flex-direction:column;padding:2rem}nav a{font-size:1.2rem;padding:1rem 0;display:block}.mobile-menu-toggle{display:block}.cta-header{position:fixed;bottom:20px;right:20px;z-index:1001}.hero{padding:2rem 0}.service-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}}.banner-img{width:100%;height:200px;background:linear-gradient(45deg,var(--grön),var(--ljusgrön));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--vit);font-size:3rem;margin:2rem 0}blockquote{background:var(--beige);padding:1.5rem;border-radius:10px;margin:2rem 0;font-style:italic}cite{display:block;text-align:right;margin-top:1rem;color:var(--grön)}aside{background:var(--ljusgrön);padding:1.5rem;border-radius:10px;margin:2rem 0}article{background:var(--vit);padding:2rem;margin:2rem 0;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1)}section{margin:3rem 0}details{background:var(--beige);padding:1rem;border-radius:5px;margin:1rem 0}summary{cursor:pointer;font-weight:bold;padding:0.5rem}details[open] summary{color:var(--grön)}