/* Ventilationssystem stilmall - Luftflöde design */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Verdana,Arial,sans-serif;line-height:1.6;color:#333;background:#fff}
.luftkanal-container{max-width:1200px;margin:0 auto;padding:0 15px}
.ventil-header{background:linear-gradient(135deg,#f5f5dc 0%,#e6e6fa 100%);border-bottom:3px solid #ffa500;position:sticky;top:0;z-index:1000}
.friskluft-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.tilluft-logo{font-size:24px;font-weight:bold;color:#4a148c;text-decoration:none;display:flex;align-items:center}
.tilluft-logo::before{content:'◆';color:#ffa500;margin-right:10px;font-size:28px}
.luftstrom-menu{display:flex;list-style:none;gap:20px}
.luftstrom-menu a{color:#4a148c;text-decoration:none;font-weight:500;transition:color 0.3s}
.luftstrom-menu a:hover{color:#ffa500}
.offert-knapp{background:#ffa500;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:bold;box-shadow:0 0 15px rgba(255,165,0,0.5);transition:all 0.3s}
.offert-knapp:hover{background:#ff8c00;box-shadow:0 0 25px rgba(255,165,0,0.7);transform:translateY(-2px)}
.luftvaxling-hero{background:linear-gradient(rgba(138,43,226,0.1),rgba(255,255,255,0.9));padding:60px 0;text-align:center}
.luftvaxling-hero h1{color:#4a148c;font-size:36px;margin-bottom:20px}
.luftcirkulation-content{padding:40px 0}
.ventilationsruta{background:#f9f9f9;border-left:4px solid #ffa500;padding:20px;margin:20px 0;border-radius:5px}
.ventilationsruta h2{color:#4a148c;margin-bottom:15px}
.luftkvalitet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}
.luftrening-kort{background:#fff;border:1px solid #e6e6fa;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:transform 0.3s}
.luftrening-kort:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(138,43,226,0.2)}
.luftrening-kort h3{color:#4a148c;margin-bottom:10px}
.flaxt-tabell{width:100%;border-collapse:collapse;margin:20px 0}
.flaxt-tabell th{background:#e6e6fa;color:#4a148c;padding:12px;text-align:left}
.flaxt-tabell td{padding:10px;border-bottom:1px solid #ddd}
.flaxt-tabell tr:hover{background:#f5f5dc}
.lufttryck-footer{background:#4a148c;color:#fff;padding:40px 0;margin-top:60px}
.kanalsystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.kanalsystem-grid h4{color:#ffa500;margin-bottom:10px}
.kanalsystem-grid ul{list-style:none}
.kanalsystem-grid a{color:#fff;text-decoration:none;transition:color 0.3s}
.kanalsystem-grid a:hover{color:#ffa500}
.mobil-meny{display:none}
.luftintag-faq{margin:30px 0}
.luftintag-faq details{background:#f9f9f9;margin:10px 0;padding:15px;border-radius:5px;border-left:3px solid #ffa500}
.luftintag-faq summary{cursor:pointer;font-weight:bold;color:#4a148c}
.luftintag-faq summary:hover{color:#ffa500}
.manadsruta{background:linear-gradient(135deg,#e6e6fa,#f5f5dc);padding:25px;border-radius:10px;margin:30px 0;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,0.1)}
.manadsruta h3{color:#4a148c;margin-bottom:15px}
.ortstabell{width:100%;margin:30px 0}
.ortstabell th{background:#4a148c;color:#fff;padding:10px}
.ortstabell td{padding:8px;border:1px solid #ddd}
.luftutbyte-citat{background:#f5f5dc;border-left:5px solid #ffa500;padding:20px;margin:20px 0;font-style:italic}
.tilluftsdon-bild{width:100%;height:120px;background:linear-gradient(45deg,#e6e6fa,#ffa500);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:bold;margin:20px 0;border-radius:8px}
@media(max-width:768px){
.mobil-meny{display:block;background:none;border:none;font-size:28px;cursor:pointer;color:#4a148c}
.luftstrom-menu{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.luftstrom-menu.aktiv{display:flex}
.luftvaxling-hero h1{font-size:28px}
.luftkvalitet-grid{grid-template-columns:1fr}
.kanalsystem-grid{grid-template-columns:1fr}
}