/* Betongslipning Malmo - Grundstilar */
:root{--malmo-vit:#ffffff;--malmo-ljusgul:#fefcf3;--malmo-beige:#f5f0e8;--malmo-morkbeige:#e8dfd0;--malmo-rosa:#e91e63;--malmo-rosahovra:#c2185b;--malmo-text:#2c2c2c;--malmo-gra:#666;--malmo-ljusgra:#999;--malmo-skugga:0 4px 20px rgba(0,0,0,0.08);--malmo-kant:#ddd}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--malmo-ljusgul);color:var(--malmo-text);line-height:1.7}
.malmo-container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Betongslipning Logo med CSS */
.betong-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.betong-logo-ikon{width:48px;height:48px;background:linear-gradient(135deg,#555 0%,#888 50%,#555 100%);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(255,255,255,0.3),0 2px 8px rgba(0,0,0,0.2)}
.betong-logo-ikon::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,0.4) 50%,transparent 60%);border-radius:50%;animation:betongglans 3s ease-in-out infinite}
.betong-logo-ikon::after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:30px;height:3px;background:linear-gradient(90deg,#666,#999,#666);border-radius:2px}
@keyframes betongglans{0%,100%{opacity:0.3}50%{opacity:0.8}}
.betong-logo-text{font-size:1.4rem;font-weight:700;color:var(--malmo-text);letter-spacing:-0.5px}
.betong-logo-text span{display:block;font-size:0.75rem;font-weight:400;color:var(--malmo-gra);letter-spacing:0}
/* Betongslipning Header */
.malmo-header{background:var(--malmo-vit);box-shadow:var(--malmo-skugga);position:sticky;top:0;z-index:1000}
.malmo-header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.malmo-nav{display:flex;align-items:center;gap:30px}
.malmo-nav a{text-decoration:none;color:var(--malmo-text);font-weight:500;transition:color 0.3s;font-size:0.95rem}
.malmo-nav a:hover{color:var(--malmo-rosa)}
.malmo-cta-header{background:var(--malmo-rosa);color:var(--malmo-vit)!important;padding:12px 24px;border-radius:30px;font-weight:600;transition:all 0.3s;box-shadow:0 4px 15px rgba(233,30,99,0.3)}
.malmo-cta-header:hover{background:var(--malmo-rosahovra);transform:translateY(-2px);box-shadow:0 6px 20px rgba(233,30,99,0.4)}
/* Betongslipning Mobilmeny */
.malmo-mobilmeny-knapp{display:none;background:none;border:none;cursor:pointer;padding:10px}
.malmo-mobilmeny-knapp span{display:block;width:25px;height:3px;background:var(--malmo-text);margin:5px 0;transition:0.3s}
.malmo-mobilmeny{display:none;position:absolute;top:100%;left:0;right:0;background:var(--malmo-vit);box-shadow:var(--malmo-skugga);padding:20px}
.malmo-mobilmeny.aktiv{display:block}
.malmo-mobilmeny a{display:block;padding:12px 20px;text-decoration:none;color:var(--malmo-text);border-bottom:1px solid var(--malmo-kant)}
.malmo-mobil-cta{display:block;background:var(--malmo-rosa);color:var(--malmo-vit)!important;text-align:center;padding:15px;border-radius:8px;margin:15px 20px;font-weight:600}
/* Betongslipning Hero */
.betong-hero{background:linear-gradient(135deg,var(--malmo-beige) 0%,var(--malmo-ljusgul) 100%);padding:60px 0 80px;position:relative;overflow:hidden}
.betong-hero::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23ddd' stroke-width='0.5'/%3E%3C/svg%3E") repeat;opacity:0.3}
.betong-hero-innehall{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;align-items:center}
.betong-hero h1{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--malmo-text)}
.betong-hero h1 span{color:var(--malmo-rosa)}
.betong-hero-text{font-size:1.15rem;color:var(--malmo-gra);margin-bottom:30px;max-width:500px}
.betong-hero-knappar{display:flex;gap:15px;flex-wrap:wrap}
.betong-btn-primar{background:var(--malmo-rosa);color:var(--malmo-vit);padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(233,30,99,0.3)}
.betong-btn-primar:hover{background:var(--malmo-rosahovra);transform:translateY(-2px)}
.betong-btn-sekundar{background:var(--malmo-vit);color:var(--malmo-text);padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s;border:2px solid var(--malmo-kant)}
.betong-btn-sekundar:hover{border-color:var(--malmo-rosa);color:var(--malmo-rosa)}
/* Betongslipning Tidsbaserat meddelande */
.betong-tidsmeddelande{background:linear-gradient(90deg,var(--malmo-rosa),#ff5722);color:var(--malmo-vit);padding:20px 30px;border-radius:12px;margin:40px 0;text-align:center;animation:betongpuls 2s ease-in-out infinite;box-shadow:0 8px 30px rgba(233,30,99,0.3)}
@keyframes betongpuls{0%,100%{transform:scale(1);box-shadow:0 8px 30px rgba(233,30,99,0.3)}50%{transform:scale(1.02);box-shadow:0 12px 40px rgba(233,30,99,0.4)}}
.betong-tidsmeddelande h3{font-size:1.3rem;margin-bottom:8px}
.betong-tidsmeddelande p{font-size:1rem;opacity:0.95}
/* Betongslipning Sektioner */
.betong-sektion{padding:70px 0}
.betong-sektion-ljus{background:var(--malmo-vit)}
.betong-sektion-beige{background:var(--malmo-beige)}
.betong-sektion-rubrik{text-align:center;margin-bottom:50px}
.betong-sektion-rubrik h2{font-size:2.2rem;font-weight:700;color:var(--malmo-text);margin-bottom:15px}
.betong-sektion-rubrik p{font-size:1.1rem;color:var(--malmo-gra);max-width:700px;margin:0 auto}
/* Betongslipning Inforutor */
.betong-rutor{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.betong-ruta{background:var(--malmo-vit);border-radius:16px;padding:35px;box-shadow:var(--malmo-skugga);transition:transform 0.3s,box-shadow 0.3s;border:1px solid var(--malmo-kant)}
.betong-ruta:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.12)}
.betong-ruta-ikon{width:60px;height:60px;background:linear-gradient(135deg,var(--malmo-rosa),#ff5722);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.8rem;color:var(--malmo-vit)}
.betong-ruta h3{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:var(--malmo-text)}
.betong-ruta p{color:var(--malmo-gra);line-height:1.7}
/* Betongslipning Tabeller */
.betong-tabell-wrapper{overflow-x:auto;margin:30px 0}
.betong-tabell{width:100%;border-collapse:collapse;background:var(--malmo-vit);border-radius:12px;overflow:hidden;box-shadow:var(--malmo-skugga)}
.betong-tabell th{background:linear-gradient(135deg,#555,#777);color:var(--malmo-vit);padding:18px 20px;text-align:left;font-weight:600}
.betong-tabell td{padding:16px 20px;border-bottom:1px solid var(--malmo-kant)}
.betong-tabell tr:last-child td{border-bottom:none}
.betong-tabell tr:nth-child(even){background:var(--malmo-ljusgul)}
.betong-tabell-gul{background:linear-gradient(135deg,#fff9e6,#fff3cd)!important}
.betong-tabell-beige{background:var(--malmo-beige)!important}
/* Betongslipning Citatrutor */
.betong-citat{background:linear-gradient(135deg,var(--malmo-ljusgul),var(--malmo-beige));border-left:5px solid var(--malmo-rosa);padding:30px;border-radius:0 12px 12px 0;margin:30px 0;position:relative}
.betong-citat::before{content:'"';position:absolute;top:10px;left:20px;font-size:4rem;color:var(--malmo-rosa);opacity:0.2;font-family:Georgia,serif}
.betong-citat p{font-size:1.15rem;font-style:italic;color:var(--malmo-text);padding-left:30px}
.betong-citat cite{display:block;margin-top:15px;padding-left:30px;font-size:0.95rem;color:var(--malmo-gra)}
/* Betongslipning Sammanfattningsrutor */
.betong-sammanfattning{background:var(--malmo-vit);border:2px solid var(--malmo-rosa);border-radius:12px;padding:25px 30px;margin:30px 0}
.betong-sammanfattning h4{color:var(--malmo-rosa);font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.betong-sammanfattning ul{list-style:none;padding-left:0}
.betong-sammanfattning li{padding:8px 0;padding-left:25px;position:relative;color:var(--malmo-text)}
.betong-sammanfattning li::before{content:'✓';position:absolute;left:0;color:var(--malmo-rosa);font-weight:bold}
/* Betongslipning Sasongsektion */
.betong-sasong{background:linear-gradient(135deg,var(--malmo-beige),var(--malmo-ljusgul));border-radius:16px;padding:40px;margin:40px 0;border:1px solid var(--malmo-morkbeige)}
.betong-sasong h3{font-size:1.5rem;color:var(--malmo-text);margin-bottom:15px;display:flex;align-items:center;gap:12px}
.betong-sasong p{color:var(--malmo-gra);line-height:1.8}
/* Betongslipning FAQ Dropdown */
.betong-faq{margin:40px 0}
.betong-faq-item{background:var(--malmo-vit);border-radius:12px;margin-bottom:15px;box-shadow:var(--malmo-skugga);overflow:hidden}
.betong-faq-fraga{width:100%;padding:20px 25px;background:none;border:none;text-align:left;cursor:pointer;font-size:1.05rem;font-weight:600;color:var(--malmo-text);display:flex;justify-content:space-between;align-items:center;transition:background 0.3s}
.betong-faq-fraga:hover{background:var(--malmo-ljusgul)}
.betong-faq-fraga::after{content:'+';font-size:1.5rem;color:var(--malmo-rosa);transition:transform 0.3s}
.betong-faq-item.aktiv .betong-faq-fraga::after{transform:rotate(45deg)}
.betong-faq-svar{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}
.betong-faq-item.aktiv .betong-faq-svar{max-height:500px}
.betong-faq-svar-inner{padding:0 25px 25px;color:var(--malmo-gra);line-height:1.8}
/* Betongslipning Ortsektion */
.betong-orter{background:var(--malmo-vit);border-radius:16px;padding:40px;margin:40px 0;box-shadow:var(--malmo-skugga)}
.betong-orter h3{font-size:1.6rem;color:var(--malmo-text);margin-bottom:20px}
.betong-orter-lista{display:flex;flex-wrap:wrap;gap:12px}
.betong-ort-tagg{background:var(--malmo-ljusgul);color:var(--malmo-text);padding:10px 20px;border-radius:25px;font-size:0.95rem;border:1px solid var(--malmo-kant);transition:all 0.3s}
.betong-ort-tagg:hover{background:var(--malmo-rosa);color:var(--malmo-vit);border-color:var(--malmo-rosa)}
/* Betongslipning Formularsida */
.betong-formular-hero{background:linear-gradient(135deg,var(--malmo-beige),var(--malmo-ljusgul));padding:40px 0 60px}
.betong-formular-intro{background:var(--malmo-vit);border-radius:12px;padding:25px 30px;margin-bottom:30px;border-left:4px solid var(--malmo-rosa);box-shadow:var(--malmo-skugga)}
.betong-formular-intro h3{color:var(--malmo-text);margin-bottom:10px}
.betong-formular-intro p{color:var(--malmo-gra)}
.betong-formular{background:var(--malmo-vit);border-radius:16px;padding:40px;box-shadow:var(--malmo-skugga)}
.betong-formular h2{font-size:1.8rem;margin-bottom:25px;color:var(--malmo-text)}
.betong-formular-grupp{margin-bottom:20px}
.betong-formular-grupp label{display:block;font-weight:600;margin-bottom:8px;color:var(--malmo-text)}
.betong-formular-grupp input,.betong-formular-grupp textarea{width:100%;padding:15px 18px;border:2px solid var(--malmo-kant);border-radius:10px;font-size:1rem;transition:border-color 0.3s;font-family:inherit}
.betong-formular-grupp input:focus,.betong-formular-grupp textarea:focus{outline:none;border-color:var(--malmo-rosa)}
.betong-formular-grupp textarea{min-height:150px;resize:vertical}
.betong-formular-spam{margin:25px 0;padding:20px;background:var(--malmo-ljusgul);border-radius:10px;border:1px solid var(--malmo-kant)}
.betong-formular-spam label{font-weight:500;color:var(--malmo-text)}
.betong-formular-spam input{width:auto;margin-top:10px;padding:12px 15px}
.betong-formular button[type="submit"]{background:var(--malmo-rosa);color:var(--malmo-vit);padding:18px 40px;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s;width:100%;box-shadow:0 4px 15px rgba(233,30,99,0.3)}
.betong-formular button[type="submit"]:hover{background:var(--malmo-rosahovra);transform:translateY(-2px)}
.betong-formular-info{margin-top:30px;padding:25px;background:var(--malmo-ljusgul);border-radius:12px}
.betong-formular-info h4{color:var(--malmo-text);margin-bottom:12px}
.betong-formular-info p{color:var(--malmo-gra);font-size:0.95rem;line-height:1.7}
.betong-honeypot{position:absolute;left:-9999px}
/* Betongslipning Bekraftelse */
.betong-bekraftelse{background:linear-gradient(135deg,#4caf50,#66bb6a);color:var(--malmo-vit);padding:40px;border-radius:16px;text-align:center;margin:30px 0}
.betong-bekraftelse h2{font-size:1.8rem;margin-bottom:15px}
.betong-bekraftelse p{font-size:1.1rem;opacity:0.95}
/* Betongslipning Servicelankbox */
.betong-servicebox{background:var(--malmo-beige);padding:50px 0}
.betong-servicebox h3{text-align:center;font-size:1.5rem;margin-bottom:30px;color:var(--malmo-text)}
.betong-servicelista{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}
.betong-servicelista a{background:var(--malmo-vit);color:var(--malmo-text);padding:12px 25px;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s;box-shadow:var(--malmo-skugga)}
.betong-servicelista a:hover{background:var(--malmo-rosa);color:var(--malmo-vit)}
/* Betongslipning Footer */
.betong-footer{background:#2c2c2c;color:var(--malmo-vit);padding:50px 0 30px}
.betong-footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}
.betong-footer h4{font-size:1.2rem;margin-bottom:20px;color:var(--malmo-vit)}
.betong-footer p{color:#aaa;line-height:1.7}
.betong-footer a{color:#aaa;text-decoration:none;transition:color 0.3s}
.betong-footer a:hover{color:var(--malmo-rosa)}
.betong-footer-lankar{list-style:none}
.betong-footer-lankar li{margin-bottom:12px}
.betong-footer-botten{border-top:1px solid #444;padding-top:25px;text-align:center;color:#888;font-size:0.9rem}
.betong-footer-adress{margin-top:10px;color:#aaa}
/* Betongslipning CSS Rubrikbilder */
.betong-rubrikbild{height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:30px 0;position:relative;overflow:hidden}
.betong-rubrikbild-1{background:linear-gradient(135deg,#607d8b,#90a4ae)}
.betong-rubrikbild-2{background:linear-gradient(135deg,#795548,#a1887f)}
.betong-rubrikbild-3{background:linear-gradient(135deg,#546e7a,#78909c)}
.betong-rubrikbild-4{background:linear-gradient(135deg,#6d4c41,#8d6e63)}
.betong-rubrikbild-5{background:linear-gradient(135deg,#455a64,#607d8b)}
.betong-rubrikbild-6{background:linear-gradient(135deg,#5d4037,#795548)}
.betong-rubrikbild-7{background:linear-gradient(135deg,#37474f,#546e7a)}
.betong-rubrikbild-8{background:linear-gradient(135deg,#4e342e,#6d4c41)}
.betong-rubrikbild span{color:var(--malmo-vit);font-size:1.4rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,0.3);z-index:1}
.betong-rubrikbild::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='100' height='100' fill='none'/%3E%3Cpath d='M0 50 L100 50' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3Cpath d='M50 0 L50 100' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3C/svg%3E") repeat;opacity:0.5}
/* Betongslipning Sticky CTA Mobil */
.betong-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--malmo-vit);padding:15px 20px;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:999}
.betong-sticky-cta a{display:block;background:var(--malmo-rosa);color:var(--malmo-vit);text-align:center;padding:15px;border-radius:10px;font-weight:600;text-decoration:none}
/* Betongslipning Extern Lankreferens */
.betong-extern-ruta{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;padding:25px;margin:30px 0;border:1px solid #90caf9}
.betong-extern-ruta h4{color:#1565c0;margin-bottom:15px;font-size:1.1rem}
.betong-extern-ruta p{color:#37474f;font-size:0.95rem;margin-bottom:15px}
.betong-extern-ruta a{color:#1565c0;text-decoration:underline}
/* Betongslipning 404 */
.betong-404{text-align:center;padding:100px 20px}
.betong-404 h1{font-size:6rem;color:var(--malmo-rosa);margin-bottom:20px}
.betong-404 h2{font-size:2rem;color:var(--malmo-text);margin-bottom:20px}
.betong-404 p{color:var(--malmo-gra);margin-bottom:30px}
/* Betongslipning Responsiv */
@media(max-width:992px){.betong-hero-innehall{grid-template-columns:1fr}.betong-hero h1{font-size:2.2rem}.malmo-nav{display:none}.malmo-mobilmeny-knapp{display:block}.betong-sticky-cta{display:block}}
@media(max-width:768px){.betong-hero{padding:40px 0 60px}.betong-hero h1{font-size:1.9rem}.betong-hero-text{font-size:1rem}.betong-sektion{padding:50px 0}.betong-sektion-rubrik h2{font-size:1.8rem}.betong-rutor{grid-template-columns:1fr}.betong-tabell{font-size:0.9rem}.betong-tabell th,.betong-tabell td{padding:12px 15px}.betong-formular{padding:25px}.betong-footer-inner{grid-template-columns:1fr}}
@media(max-width:480px){.betong-hero h1{font-size:1.6rem}.betong-btn-primar,.betong-btn-sekundar{padding:14px 24px;font-size:0.95rem}.betong-hero-knappar{flex-direction:column}.betong-hero-knappar a{width:100%;text-align:center}}