/* Schaktningsföretaget Malmö CSS - Traditionell moldavisk design med svensk företagsestetik 2014 */
:root{--grävning-vit:#fff;--schakt-turkos:#40E0D0;--knapp-rosa:#FF69B4;--text-mörk:#333;--grå-bakgrund:#f5f5f5;--border-ljus:#ddd}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-mörk);background:var(--grävning-vit)}
/* Grävmaskin-header med schaktningsdesign */
header{background:linear-gradient(135deg,var(--schakt-turkos) 0%,#20B2AA 100%);color:var(--grävning-vit);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
/* Jordschakt-logotyp CSS-genererad */
.schakt-logo{width:50px;height:50px;position:relative;background:var(--grävning-vit);border-radius:50%;display:flex;align-items:center;justify-content:center}.schakt-logo::before{content:'';position:absolute;width:30px;height:15px;background:var(--text-mörk);border-radius:0 0 15px 15px;bottom:10px}.schakt-logo::after{content:'';position:absolute;width:10px;height:20px;background:var(--text-mörk);top:5px;transform:rotate(-20deg)}
/* Grävarbete-navigation desktop */
nav ul{list-style:none;display:flex;gap:30px}nav a{color:var(--grävning-vit);text-decoration:none;font-weight:500;transition:opacity 0.3s}nav a:hover{opacity:0.8}
/* Schaktoffert-knapp alltid synlig */
.offert-header{background:var(--knapp-rosa);padding:10px 20px;border-radius:25px;color:var(--grävning-vit);text-decoration:none;font-weight:bold;transition:transform 0.3s,box-shadow 0.3s}.offert-header:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,105,180,0.3)}
/* Grävnings-mobilmeny */
.mobil-meny{display:none;background:none;border:none;cursor:pointer;padding:10px}.mobil-meny span{display:block;width:25px;height:3px;background:var(--grävning-vit);margin:5px 0;transition:0.3s}
/* Schaktarbete-innehåll */
.container{max-width:1200px;margin:0 auto;padding:40px 20px}h1{font-size:2.5em;margin-bottom:20px;color:var(--text-mörk)}h2{font-size:2em;margin:30px 0 15px;color:var(--schakt-turkos)}h3{font-size:1.5em;margin:20px 0 10px;color:var(--text-mörk)}p{margin-bottom:15px;text-align:justify}
/* Grävprojekt-inforutor */
.info-rutor{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0}.info-ruta{background:var(--grå-bakgrund);padding:25px;border-radius:10px;border-left:4px solid var(--schakt-turkos);transition:transform 0.3s,box-shadow 0.3s}.info-ruta:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.info-ruta h3{color:var(--schakt-turkos);margin-bottom:15px}
/* Schaktnings-CTA knappar */
.cta-knapp{display:inline-block;background:var(--knapp-rosa);color:var(--grävning-vit);padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:bold;margin:10px 5px;transition:all 0.3s}.cta-knapp:hover{background:#FF1493;transform:scale(1.05);box-shadow:0 5px 15px rgba(255,20,147,0.3)}
/* Grävtjänster-tabeller */
table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--grävning-vit);box-shadow:0 2px 5px rgba(0,0,0,0.1)}th{background:var(--schakt-turkos);color:var(--grävning-vit);padding:15px;text-align:left}td{padding:12px 15px;border-bottom:1px solid var(--border-ljus)}tr:hover{background:var(--grå-bakgrund)}
/* Schaktformulär design */
.formulär-container{background:var(--grävning-vit);padding:30px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}.formulär-container input,.formulär-container textarea{width:100%;padding:12px;margin:10px 0;border:2px solid var(--border-ljus);border-radius:5px;font-size:16px;transition:border-color 0.3s}.formulär-container input:focus,.formulär-container textarea:focus{border-color:var(--schakt-turkos);outline:none}.skicka-knapp{background:var(--knapp-rosa);color:var(--grävning-vit);padding:15px 40px;border:none;border-radius:25px;font-size:18px;font-weight:bold;cursor:pointer;transition:all 0.3s}.skicka-knapp:hover{background:#FF1493;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,20,147,0.3)}
/* Jordarbete-accordion */
details{background:var(--grå-bakgrund);margin:15px 0;padding:15px;border-radius:8px;border-left:3px solid var(--schakt-turkos)}summary{cursor:pointer;font-weight:bold;color:var(--schakt-turkos);padding:5px}summary:hover{color:#20B2AA}details[open] summary{margin-bottom:10px}
/* Grävningsbilder CSS */
.schakt-bild{width:100%;height:200px;background:linear-gradient(45deg,var(--schakt-turkos),#20B2AA);border-radius:10px;margin:20px 0;position:relative;overflow:hidden}.schakt-bild::before{content:attr(data-alt);position:absolute;bottom:10px;left:10px;color:var(--grävning-vit);font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
/* Schaktarbete-footer */
footer{background:var(--text-mörk);color:var(--grävning-vit);padding:40px 0;margin-top:60px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}.footer-tjanster{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:rgba(255,255,255,0.05);border-radius:10px}.footer-tjanster a{color:var(--schakt-turkos);text-decoration:none;transition:color 0.3s}.footer-tjanster a:hover{color:#20B2AA}.footer-info{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}
/* Grävmaskin-blockquote */
blockquote{background:var(--grå-bakgrund);border-left:4px solid var(--schakt-turkos);padding:20px;margin:20px 0;font-style:italic}cite{display:block;text-align:right;margin-top:10px;color:var(--schakt-turkos);font-weight:bold}
/* Schaktnings-aside */
aside{background:linear-gradient(135deg,rgba(64,224,208,0.1),rgba(32,178,170,0.1));padding:25px;border-radius:10px;margin:20px 0;border:2px solid var(--schakt-turkos)}
/* Grävarbete-responsiv */
@media(max-width:768px){.mobil-meny{display:block}nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--schakt-turkos);box-shadow:0 5px 10px rgba(0,0,0,0.1)}nav.aktiv{display:block}nav ul{flex-direction:column;padding:20px}nav a{display:block;padding:10px}.header-inner{flex-wrap:wrap}.offert-header{width:100%;text-align:center;margin-top:10px}h1{font-size:1.8em}h2{font-size:1.5em}table{font-size:14px}th,td{padding:8px}.footer-tjanster{grid-template-columns:1fr}}
/* Jordschakt-animationer */
@keyframes slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-ruta{animation:slide-in 0.5s ease-out}
/* Grävprojekt-specialklasser */
.markarbete-hero{background:linear-gradient(rgba(64,224,208,0.8),rgba(32,178,170,0.8));color:var(--grävning-vit);padding:60px 20px;text-align:center;margin-bottom:40px}.dränering-lista{list-style:none;padding-left:0}.dränering-lista li{position:relative;padding-left:30px;margin:10px 0}.dränering-lista li::before{content:'⚒';position:absolute;left:0;color:var(--schakt-turkos);font-size:20px}