/* Trädgårdsmästare Malmö - Stilmall */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
:root{--malmo-vit:#ffffff;--malmo-ljusbegie:#f8f6f1;--malmo-ljusgron:#e8f0e8;--malmo-gron:#4a7c59;--malmo-morkgron:#2d5a3d;--malmo-turkos:#5ba4a4;--malmo-ljusbla:#6bb3d9;--malmo-accent:#d4a84b;--malmo-orange:#e8923a;--malmo-text:#2c3e2c;--malmo-textljus:#5a6b5a;--skugga-kort:0 4px 20px rgba(45,90,61,0.08);--skugga-hover:0 12px 35px rgba(45,90,61,0.15);--rundning:12px;--rundning-knapp:8px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Source Sans Pro',sans-serif;background:var(--malmo-ljusbegie);color:var(--malmo-text);line-height:1.7;overflow-x:hidden}
/* Rubrikstil */
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:600;line-height:1.3;color:var(--malmo-morkgron)}
h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem}
h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:0.8rem}
h3{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:0.6rem}
h4{font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:0.5rem}
p{margin-bottom:1rem}
a{color:var(--malmo-gron);text-decoration:none;transition:all 0.3s ease}
a:hover{color:var(--malmo-turkos)}
/* Sticky header med glasmorfism */
.malmo-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(248,246,241,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all 0.4s ease;padding:0.8rem 0;border-bottom:1px solid rgba(74,124,89,0.1)}
.malmo-header.scrollad{background:rgba(248,246,241,0.95);box-shadow:0 2px 20px rgba(45,90,61,0.1);padding:0.5rem 0}
.header-innehall{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}
/* CSS Logo - Trädgårdsikon */
.tradgard-logo{display:flex;align-items:center;gap:0.8rem}
.logo-ikon{width:45px;height:45px;position:relative}
.logo-blad{position:absolute;width:18px;height:18px;background:linear-gradient(135deg,var(--malmo-gron),var(--malmo-morkgron));border-radius:0 80% 0 80%;transform-origin:bottom right}
.logo-blad:nth-child(1){top:5px;left:13px;transform:rotate(-30deg)}
.logo-blad:nth-child(2){top:12px;left:6px;transform:rotate(-60deg)}
.logo-blad:nth-child(3){top:12px;left:20px;transform:rotate(0deg)}
.logo-stam{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:4px;height:20px;background:linear-gradient(to bottom,var(--malmo-gron),var(--malmo-morkgron));border-radius:2px}
.logo-text{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;color:var(--malmo-morkgron)}
.logo-text span{display:block;font-size:0.75rem;font-family:'Source Sans Pro',sans-serif;font-weight:400;color:var(--malmo-textljus);letter-spacing:1px}
/* Navigation */
.malmo-nav{display:flex;align-items:center;gap:2rem}
.nav-lankar{display:flex;gap:1.8rem;list-style:none}
.nav-lankar a{font-weight:500;color:var(--malmo-text);padding:0.5rem 0;position:relative}
.nav-lankar a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--malmo-turkos);transition:width 0.3s ease}
.nav-lankar a:hover::after,.nav-lankar a.aktiv::after{width:100%}
/* CTA-knapp gradient */
.cta-knapp{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--malmo-orange),var(--malmo-accent));color:var(--malmo-vit);padding:0.85rem 1.8rem;border-radius:var(--rundning-knapp);font-weight:600;box-shadow:0 4px 15px rgba(232,146,58,0.3);transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}
.cta-knapp:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(232,146,58,0.4);color:var(--malmo-vit)}
.cta-knapp-liten{padding:0.6rem 1.2rem;font-size:0.9rem}
.cta-knapp-stor{padding:1rem 2.2rem;font-size:1.1rem}
/* Sekundär knapp */
.sekundar-knapp{display:inline-flex;align-items:center;gap:0.5rem;background:transparent;color:var(--malmo-gron);padding:0.85rem 1.8rem;border-radius:var(--rundning-knapp);font-weight:600;border:2px solid var(--malmo-gron);transition:all 0.3s ease;cursor:pointer;font-size:1rem}
.sekundar-knapp:hover{background:var(--malmo-gron);color:var(--malmo-vit)}
/* Mobilmeny */
.mobil-meny-knapp{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0.5rem}
.mobil-meny-knapp span{width:28px;height:3px;background:var(--malmo-morkgron);border-radius:3px;transition:all 0.3s ease}
.mobil-meny-knapp.oppen span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.mobil-meny-knapp.oppen span:nth-child(2){opacity:0}
.mobil-meny-knapp.oppen span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.mobil-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--malmo-ljusbegie);padding:1.5rem;box-shadow:var(--skugga-kort);border-bottom:3px solid var(--malmo-gron)}
.mobil-nav.synlig{display:block}
.mobil-nav-lankar{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.mobil-nav-lankar a{display:block;padding:0.8rem 1rem;color:var(--malmo-text);font-weight:500;border-radius:var(--rundning-knapp);transition:background 0.3s}
.mobil-nav-lankar a:hover{background:var(--malmo-ljusgron)}
.mobil-cta{margin-top:1rem;width:100%;text-align:center}
/* Hero-sektion */
.malmo-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 1.5rem 60px}
.hero-bakgrund{position:absolute;inset:0;background:linear-gradient(135deg,var(--malmo-ljusbegie) 0%,var(--malmo-ljusgron) 50%,var(--malmo-ljusbegie) 100%);z-index:-2}
.hero-blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:0.4;z-index:-1;animation:blobroring 20s ease-in-out infinite}
.hero-blob-1{background:var(--malmo-turkos);top:-200px;right:-100px}
.hero-blob-2{background:var(--malmo-ljusbla);bottom:-200px;left:-100px;animation-delay:-10s}
@keyframes blobroring{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}
.hero-innehall{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-text h1{margin-bottom:1.5rem}
.hero-text p{font-size:1.2rem;color:var(--malmo-textljus);margin-bottom:2rem;max-width:500px}
.hero-knappar{display:flex;gap:1rem;flex-wrap:wrap}
.hero-statistik{display:flex;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(74,124,89,0.2)}
.statistik-box{text-align:center}
.statistik-nummer{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--malmo-gron)}
.statistik-text{font-size:0.9rem;color:var(--malmo-textljus)}
.hero-bild{position:relative}
.hero-bild-ram{background:linear-gradient(135deg,var(--malmo-ljusgron),var(--malmo-vit));border-radius:var(--rundning);padding:2rem;box-shadow:var(--skugga-kort)}
/* CSS-bild för hero */
.tradgard-illustration{width:100%;aspect-ratio:4/3;background:linear-gradient(180deg,#87CEEB 0%,#B0E0E6 30%,var(--malmo-ljusgron) 30%);border-radius:var(--rundning);position:relative;overflow:hidden}
.illustration-sol{position:absolute;top:15%;right:15%;width:50px;height:50px;background:radial-gradient(circle,#FFD700,#FFA500);border-radius:50%;box-shadow:0 0 30px rgba(255,215,0,0.5)}
.illustration-trad{position:absolute;bottom:0;width:60px;height:120px}
.illustration-trad::before{content:'';position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:80px;height:80px;background:radial-gradient(ellipse,var(--malmo-gron),var(--malmo-morkgron));border-radius:50%}
.illustration-trad::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:12px;height:40px;background:linear-gradient(to right,#8B4513,#A0522D);border-radius:3px}
.illustration-trad-1{left:20%}
.illustration-trad-2{left:50%;height:100px}
.illustration-trad-2::before{width:60px;height:60px;bottom:20px}
.illustration-trad-2::after{height:30px}
.illustration-trad-3{left:75%}
.illustration-blommor{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;justify-content:space-around;align-items:flex-end}
.blomma{width:15px;height:15px;border-radius:50%;position:relative}
.blomma::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:3px;height:20px;background:#228B22}
.blomma-1{background:#FF69B4}
.blomma-2{background:#FFD700}
.blomma-3{background:#FF6347}
.blomma-4{background:#9370DB}
.blomma-5{background:#FF69B4}
/* Sektioner */
.sektion{padding:5rem 1.5rem}
.sektion-ljus{background:var(--malmo-vit)}
.sektion-gron{background:var(--malmo-ljusgron)}
.sektion-begie{background:var(--malmo-ljusbegie)}
.sektion-innehall{max-width:1280px;margin:0 auto}
.sektion-rubrik{text-align:center;margin-bottom:3rem}
.sektion-rubrik p{color:var(--malmo-textljus);max-width:700px;margin:0 auto}
/* Servicekort */
.tjanster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.tjanst-kort{background:var(--malmo-vit);border-radius:var(--rundning);padding:2rem;box-shadow:var(--skugga-kort);transition:all 0.4s ease;position:relative;overflow:hidden}
.tjanst-kort::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--malmo-turkos),var(--malmo-ljusbla));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}
.tjanst-kort:hover{transform:translateY(-8px);box-shadow:var(--skugga-hover)}
.tjanst-kort:hover::before{transform:scaleX(1)}
.tjanst-ikon{width:60px;height:60px;background:linear-gradient(135deg,var(--malmo-ljusgron),var(--malmo-vit));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.tjanst-kort h3{margin-bottom:1rem}
.tjanst-kort p{color:var(--malmo-textljus);margin-bottom:1.5rem}
/* Process-steg */
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;counter-reset:steg}
.process-steg{position:relative;padding:2rem;padding-top:4rem;background:var(--malmo-vit);border-radius:var(--rundning);box-shadow:var(--skugga-kort)}
.process-steg::before{counter-increment:steg;content:counter(steg);position:absolute;top:1rem;left:1.5rem;font-family:'Playfair Display',serif;font-size:4rem;font-weight:700;color:rgba(74,124,89,0.1);line-height:1}
.process-steg h4{position:relative;z-index:1}
/* FAQ Accordion */
.faq-lista{max-width:900px;margin:0 auto}
.faq-objekt{background:var(--malmo-vit);border-radius:var(--rundning);margin-bottom:1rem;box-shadow:var(--skugga-kort);overflow:hidden}
.faq-fraga{width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--malmo-morkgron);transition:background 0.3s}
.faq-fraga:hover{background:var(--malmo-ljusgron)}
.faq-ikon{width:24px;height:24px;position:relative;flex-shrink:0}
.faq-ikon::before,.faq-ikon::after{content:'';position:absolute;background:var(--malmo-gron);transition:transform 0.3s}
.faq-ikon::before{width:24px;height:3px;top:50%;left:0;transform:translateY(-50%)}
.faq-ikon::after{width:3px;height:24px;left:50%;top:0;transform:translateX(-50%)}
.faq-objekt.oppen .faq-ikon::after{transform:translateX(-50%) rotate(90deg)}
.faq-svar{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}
.faq-objekt.oppen .faq-svar{max-height:500px}
.faq-svar-innehall{padding:0 2rem 1.5rem;color:var(--malmo-textljus)}
/* CTA-sektion med gradient */
.cta-sektion{position:relative;padding:5rem 1.5rem;overflow:hidden}
.cta-bakgrund{position:absolute;inset:0;background:linear-gradient(135deg,var(--malmo-gron),var(--malmo-morkgron));z-index:-2}
.cta-ljus{position:absolute;width:400px;height:400px;background:rgba(255,255,255,0.1);border-radius:50%;filter:blur(60px);animation:ctaljus 15s linear infinite}
.cta-ljus-1{top:-100px;left:-100px}
.cta-ljus-2{bottom:-100px;right:-100px;animation-delay:-7.5s}
@keyframes ctaljus{0%{transform:rotate(0deg) translateX(50px)}100%{transform:rotate(360deg) translateX(50px)}}
.cta-innehall{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta-innehall h2{color:var(--malmo-vit);margin-bottom:1rem}
.cta-innehall p{color:rgba(255,255,255,0.9);margin-bottom:2rem;font-size:1.2rem}
.cta-knapp-vit{background:var(--malmo-vit);color:var(--malmo-gron);box-shadow:0 4px 15px rgba(0,0,0,0.2)}
.cta-knapp-vit:hover{background:var(--malmo-ljusbegie);color:var(--malmo-morkgron)}
/* Info-boxar */
.info-box{border-left:4px solid var(--malmo-turkos);background:var(--malmo-vit);padding:1.5rem 2rem;margin:1.5rem 0;border-radius:0 var(--rundning) var(--rundning) 0;box-shadow:var(--skugga-kort)}
.info-box.tips{border-color:var(--malmo-accent)}
.info-box.fakta{border-color:var(--malmo-ljusbla)}
.info-box h4{margin-bottom:0.5rem;color:var(--malmo-morkgron)}
/* Citat-box */
.citat-box{background:var(--malmo-ljusgron);padding:2rem;border-radius:var(--rundning);position:relative;margin:2rem 0}
.citat-box::before{content:'"';position:absolute;top:-10px;left:20px;font-family:'Playfair Display',serif;font-size:5rem;color:var(--malmo-gron);opacity:0.3;line-height:1}
.citat-text{font-style:italic;font-size:1.1rem;color:var(--malmo-text);position:relative;z-index:1}
.citat-kalla{margin-top:1rem;font-weight:600;color:var(--malmo-gron)}
/* Tabeller */
.tabell-wrapper{overflow-x:auto;margin:1.5rem 0}
.malmo-tabell{width:100%;border-collapse:collapse;background:var(--malmo-vit);border-radius:var(--rundning);overflow:hidden;box-shadow:var(--skugga-kort)}
.malmo-tabell th{background:linear-gradient(135deg,var(--malmo-gron),var(--malmo-morkgron));color:var(--malmo-vit);padding:1rem;text-align:left;font-weight:600}
.malmo-tabell td{padding:1rem;border-bottom:1px solid var(--malmo-ljusgron)}
.malmo-tabell tr:last-child td{border-bottom:none}
.malmo-tabell tr:hover{background:var(--malmo-ljusgron)}
.tabell-fotnot{font-size:0.85rem;color:var(--malmo-textljus);margin-top:0.5rem;font-style:italic}
/* Orter-sektion */
.orter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.ort-kort{background:var(--malmo-vit);padding:1.5rem;border-radius:var(--rundning);box-shadow:var(--skugga-kort);transition:all 0.3s ease}
.ort-kort:hover{transform:translateY(-4px);box-shadow:var(--skugga-hover)}
.ort-kort h4{color:var(--malmo-gron);margin-bottom:0.5rem}
/* Tidsbaserat meddelande med puls */
.tids-meddelande{background:linear-gradient(135deg,var(--malmo-turkos),var(--malmo-ljusbla));color:var(--malmo-vit);padding:2rem;border-radius:var(--rundning);text-align:center;margin:2rem 0;position:relative;overflow:hidden}
.tids-meddelande::before{content:'';position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,255,255,0.3) 0%,transparent 70%);animation:tidsljus 3s ease-in-out infinite}
@keyframes tidsljus{0%,100%{opacity:0.3;transform:scale(0.8)}50%{opacity:0.6;transform:scale(1.2)}}
.tids-meddelande h3{position:relative;z-index:1;margin-bottom:0.5rem}
.tids-meddelande p{position:relative;z-index:1;opacity:0.95}
/* Sasong-sektion */
.sasong-innehall{background:var(--malmo-vit);padding:2.5rem;border-radius:var(--rundning);box-shadow:var(--skugga-kort);position:relative;overflow:hidden}
.sasong-innehall::before{content:'';position:absolute;top:0;right:0;width:150px;height:150px;background:var(--malmo-ljusgron);border-radius:0 0 0 100%;opacity:0.5}
.sasong-rubrik{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.sasong-ikon{width:50px;height:50px;background:linear-gradient(135deg,var(--malmo-gron),var(--malmo-turkos));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--malmo-vit);font-size:1.5rem}
/* Formulär */
.formular-wrapper{max-width:700px;margin:0 auto}
.formular-intro{background:linear-gradient(135deg,var(--malmo-ljusgron),var(--malmo-vit));padding:1.5rem 2rem;border-radius:var(--rundning);margin-bottom:2rem;border-left:4px solid var(--malmo-gron)}
.kontakt-formular{background:var(--malmo-vit);padding:2.5rem;border-radius:var(--rundning);box-shadow:var(--skugga-kort)}
.form-grupp{margin-bottom:1.5rem}
.form-grupp label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--malmo-morkgron)}
.form-grupp input,.form-grupp textarea,.form-grupp select{width:100%;padding:0.9rem 1.2rem;border:2px solid var(--malmo-ljusgron);border-radius:var(--rundning-knapp);font-family:inherit;font-size:1rem;transition:border-color 0.3s,box-shadow 0.3s}
.form-grupp input:focus,.form-grupp textarea:focus{outline:none;border-color:var(--malmo-turkos);box-shadow:0 0 0 3px rgba(91,164,164,0.2)}
.form-grupp textarea{min-height:150px;resize:vertical}
.form-grupp small{display:block;margin-top:0.3rem;color:var(--malmo-textljus);font-size:0.85rem}
.form-grupp.valfritt label::after{content:' (valfritt)';font-weight:400;color:var(--malmo-textljus)}
.spamskydd{background:var(--malmo-ljusgron);padding:1rem 1.5rem;border-radius:var(--rundning-knapp);margin-bottom:1.5rem}
.spamskydd label{display:flex;align-items:center;gap:0.8rem;cursor:pointer}
.spamskydd input[type="text"]{width:80px;text-align:center;padding:0.5rem}
.honeypot{position:absolute;left:-9999px}
.form-bekraftelse{text-align:center;padding:3rem;background:var(--malmo-ljusgron);border-radius:var(--rundning)}
.form-bekraftelse h3{color:var(--malmo-gron);margin-bottom:1rem}
/* Footer */
.tjanster-footer{background:var(--malmo-ljusgron);padding:3rem 1.5rem}
.tjanster-footer-innehall{max-width:1280px;margin:0 auto}
.tjanster-footer h3{text-align:center;margin-bottom:2rem}
.tjanster-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.tjanster-footer-lank{display:block;background:var(--malmo-vit);padding:1rem 1.5rem;border-radius:var(--rundning-knapp);text-align:center;color:var(--malmo-text);font-weight:500;transition:all 0.3s}
.tjanster-footer-lank:hover{background:var(--malmo-gron);color:var(--malmo-vit);transform:translateY(-2px)}
.malmo-footer{background:var(--malmo-morkgron);color:rgba(255,255,255,0.9);padding:3rem 1.5rem 1.5rem}
.footer-innehall{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem}
.footer-sektion h4{color:var(--malmo-vit);margin-bottom:1rem;font-size:1.2rem}
.footer-sektion p{color:rgba(255,255,255,0.8);margin-bottom:0.5rem}
.footer-sektion a{color:rgba(255,255,255,0.8);transition:color 0.3s}
.footer-sektion a:hover{color:var(--malmo-vit)}
.footer-lankar{list-style:none}
.footer-lankar li{margin-bottom:0.5rem}
.footer-botten{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;text-align:center;color:rgba(255,255,255,0.6);font-size:0.9rem}
.footer-botten a{color:rgba(255,255,255,0.6)}
.footer-botten a:hover{color:var(--malmo-vit)}
/* Fade-in animationer */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.synlig{opacity:1;transform:translateY(0)}
/* Dropdown info */
.dropdown-info{margin:1rem 0}
.dropdown-trigger{width:100%;padding:1rem 1.5rem;background:var(--malmo-ljusgron);border:none;border-radius:var(--rundning-knapp);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--malmo-morkgron);transition:background 0.3s}
.dropdown-trigger:hover{background:var(--malmo-ljusbegie)}
.dropdown-trigger::after{content:'+';font-size:1.5rem;transition:transform 0.3s}
.dropdown-info.oppen .dropdown-trigger::after{transform:rotate(45deg)}
.dropdown-innehall{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.dropdown-info.oppen .dropdown-innehall{max-height:1000px}
.dropdown-text{padding:1.5rem;background:var(--malmo-vit);border-radius:0 0 var(--rundning-knapp) var(--rundning-knapp)}
/* Extern länk-box */
.extern-lank-box{background:linear-gradient(135deg,#f0f7ff,var(--malmo-vit));border:2px solid var(--malmo-ljusbla);padding:1.5rem;border-radius:var(--rundning);margin:2rem 0}
.extern-lank-box h4{color:var(--malmo-ljusbla);margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}
.extern-lank-box h4::before{content:'🔗'}
.extern-lank-box a{color:var(--malmo-turkos);font-weight:600;text-decoration:underline}
.extern-lank-box a:hover{color:var(--malmo-gron)}
/* CSS-bilder för rubriker */
.rubrik-bild{height:200px;background:linear-gradient(135deg,var(--malmo-ljusgron),var(--malmo-vit));border-radius:var(--rundning);margin:2rem 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rubrik-bild-inner{text-align:center;position:relative;z-index:1}
.rubrik-dekor{position:absolute;border-radius:50%;opacity:0.3}
.rubrik-dekor-1{width:100px;height:100px;background:var(--malmo-turkos);top:-20px;right:-20px}
.rubrik-dekor-2{width:60px;height:60px;background:var(--malmo-accent);bottom:-10px;left:10%}
.rubrik-dekor-3{width:80px;height:80px;background:var(--malmo-ljusbla);bottom:20%;right:15%}
/* Responsiv design */
@media(max-width:992px){.hero-innehall{grid-template-columns:1fr;text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-knappar{justify-content:center}.hero-statistik{justify-content:center}.hero-bild{max-width:500px;margin:0 auto}}
@media(max-width:768px){.nav-lankar{display:none}.mobil-meny-knapp{display:flex}.malmo-nav .cta-knapp{display:none}.hero-statistik{flex-direction:column;gap:1rem}.sektion{padding:3rem 1rem}.process-grid{grid-template-columns:1fr}}
@media(max-width:480px){html{font-size:14px}.hero-knappar{flex-direction:column}.cta-knapp,.sekundar-knapp{width:100%;justify-content:center}.header-innehall{padding:0 1rem}}
/* Tillgänglighet */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.skip-link{position:absolute;top:-100px;left:0;background:var(--malmo-gron);color:var(--malmo-vit);padding:1rem;z-index:9999;transition:top 0.3s}
.skip-link:focus{top:0}