/*
Theme Name: Haushaltsdienste Küppers
Theme URI: https://haushaltsdienst-kueppers.de
Author: IT Systemhaus Ettlingen
Description: Modernes blau-weißes Onepage-Theme für Haushaltsdienste Küppers.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: haushaltsdienste-kueppers
*/
:root{--blue:#063b78;--blue2:#0b62b3;--light:#f4f9ff;--text:#172033;--muted:#5d6a7a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}.kueppers-container{width:min(1120px,92%);margin:auto}.topbar{background:#fff;border-bottom:1px solid #dceafa;position:sticky;top:0;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.brand{font-weight:800;font-size:24px;color:var(--blue)}.brand span{display:block;font-size:32px;line-height:1}.call{background:var(--blue);color:white!important;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:700}.hero{background:linear-gradient(135deg,#fff 0%,#eef7ff 55%,#dcebff 100%);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--blue2);font-size:14px}h1{font-size:64px;line-height:1.02;margin:12px 0;color:var(--blue)}h2{font-size:38px;line-height:1.15;margin:10px 0 16px;color:var(--blue)}h3{font-size:25px;color:var(--blue);margin:18px 0 8px}.lead{font-size:21px;color:#314258}.btn{display:inline-block;text-decoration:none;border-radius:10px;padding:15px 22px;margin:6px 8px 6px 0;font-weight:800}.primary{background:var(--blue);color:white!important}.ghost{border:2px solid var(--blue);color:var(--blue)!important;background:white}.highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.highlights span{background:white;color:var(--blue);border:1px solid #b9d7fa;border-radius:999px;padding:9px 14px;font-weight:700}.hero-card{background:white;border-radius:28px;padding:18px;box-shadow:0 18px 50px rgba(6,59,120,.16)}.hero-card img,.card img{width:100%;border-radius:20px;display:block}.intro{padding:70px 0;background:white}.narrow{max-width:850px;text-align:center}.narrow p{font-size:20px;color:var(--muted)}.services{padding:70px 0;background:var(--light)}.section-head{text-align:center;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border-radius:22px;padding:22px;box-shadow:0 14px 35px rgba(6,59,120,.09)}.card p{color:var(--muted)}ul{padding-left:20px}li{margin:8px 0}.why{padding:72px 0;background:linear-gradient(135deg,var(--blue),#021f42);color:white}.why h2,.why .eyebrow{color:white}.why p{color:#dbeaff}.why-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.benefits div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:16px;border-radius:14px;font-weight:700}.area{padding:55px 0;text-align:center;background:white}.area p{font-size:22px;color:var(--muted);font-weight:700}.contact{padding:70px 0;background:#edf6ff}.contact-box{background:white;border-radius:28px;padding:40px;box-shadow:0 18px 50px rgba(6,59,120,.13);display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}.contact-actions a{display:block;text-decoration:none;margin:12px 0;border-radius:14px;padding:16px 18px;font-weight:900;text-align:center}.phone{background:var(--blue);color:white!important;font-size:28px}.mail{background:#e8f4ff;color:var(--blue)!important}footer{background:#061d3a;color:#d7e8ff;padding:24px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}@media(max-width:860px){.hero-grid,.cards,.why-grid,.contact-box{grid-template-columns:1fr}h1{font-size:44px}h2{font-size:30px}.benefits{grid-template-columns:1fr}.footer-grid,.nav{flex-direction:column;align-items:flex-start}.call{margin-top:10px}}
