*{box-sizing:border-box}body{margin:0;background:#fff;color:#061b42;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:14px 3.5%;gap:30px;border-bottom:1px solid #e7edf5}.brand{font-size:27px;font-weight:900;line-height:1}.brand strong{display:block;font-size:54px;letter-spacing:-2px}.brand small{display:block;font-size:14px;letter-spacing:2px;margin-top:8px}.trust{display:flex;gap:30px;font-size:16px;line-height:1.5}.trust span{border-left:1px solid #dfe8f4;padding-left:20px}nav{display:flex;align-items:center;gap:12px;padding:10px 2%;box-shadow:0 6px 18px #10284917;position:relative;z-index:2}nav a,.button{display:inline-block;border-radius:9px;background:#f6f7f9;padding:18px 24px;font-size:20px;font-weight:bold}.blue{background:#0073d5!important;color:white}.red{background:#f00029!important;color:white}.green{background:#00b63b!important;color:white}.phone{margin-left:auto;font-size:23px;font-weight:900}.phone small{display:block;font-size:14px;font-weight:normal;margin-top:5px}.hero{min-height:470px;padding:25px 3.5%;position:relative;background:#f3f4f2;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:url(home-reference.png);background-size:100% auto;background-position:right 43%;background-repeat:no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fafbfbed 0%,#fafbfbed 37%,transparent 59%)}.hero-content{position:relative;z-index:1;width:55%}.eyebrow{color:#0069cd;letter-spacing:2px;font-weight:bold;font-size:19px}h1{font-size:62px;line-height:1.03;margin:10px 0}h1 em{color:#006bcc;font-style:normal}h2{font-size:36px;margin:10px 0}p{font-size:21px;line-height:1.4}.hero p{max-width:570px;margin:14px 0}.actions{display:flex;gap:14px}.actions .button{font-size:19px;padding:20px}.actions small{display:block;font-size:15px;margin-top:6px;font-weight:normal}.ticks{display:flex;gap:25px;margin-top:20px;font-weight:bold}.ticks span:before{content:'✓';display:inline-block;background:#00b947;border-radius:50%;color:white;padding:3px 6px;margin-right:8px}.categories{padding:15px 2%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{display:flex;gap:15px;padding:15px;background:white;border-radius:10px;box-shadow:0 4px 18px #0068bf12}.machine{flex:0 0 42%;height:180px;background-image:url(home-reference.png);background-size:1100px auto;background-repeat:no-repeat;background-position:-28px -480px}.machine.dish{background-position:-307px -480px}.machine.dryer{background-position:-580px -480px}.machine.oven{background-position:-837px -480px}.category h3{font-size:22px;margin:6px 0}.category p{font-size:16px}.more{display:inline-block;padding:12px;color:#0068d4;background:#eaf4ff;border-radius:6px;font-size:15px;font-weight:bold}.benefits{display:flex;justify-content:space-around;gap:20px;background:#eaf5ff;padding:30px 4%;line-height:1.6}.benefits b{display:block}.shophero{padding:30px 3%;min-height:250px;background:linear-gradient(90deg,#fffffff5 10%,#ffffffd9 52%,#ffffff12),url(shop-reference.png) right 22%/100% auto}.shophero h1{font-size:64px}.shophero p{font-size:21px}.offers{display:flex;gap:14px}.offer{background:#fff3cf;padding:15px 22px;border-radius:8px;font-size:20px}.offer:nth-child(2){background:#ffe1e5}.offer b{color:red;font-size:29px}.filters{display:flex;gap:12px;padding:15px 2%;background:#f6fbff;flex-wrap:wrap}.filters button{border:0;color:#081c4b;padding:15px 23px;border-radius:9px;font-size:17px;cursor:pointer}.filters button.active{background:#0075ed;color:#fff}.filters input{flex:1;min-width:220px;padding:15px;border:1px solid #d5e1f1;border-radius:9px;font-size:16px}.sort{padding:12px 2%}.sort select{padding:12px;border:1px solid #d5e1f1;border-radius:6px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:10px 2% 30px}.product{padding:12px;border-radius:11px;box-shadow:0 4px 18px #0876bc16;position:relative}.product-photo{height:245px;width:100%;background:url(shop-reference.png) 2.3% 83%/1024px auto no-repeat;border-radius:7px}.product:nth-child(2) .product-photo{background-position:31% 83%}.product:nth-child(3) .product-photo{background-position:60% 83%}.product:nth-child(4) .product-photo{background-position:90% 83%}.warranty{position:absolute;top:18px;left:17px;color:white;background:#00b43b;border-radius:6px;padding:8px;font-weight:bold}.product h3{color:#ed0000;font-size:25px;margin:15px 0 5px}.product h4{font-size:19px;margin:0}.product p{font-size:16px;line-height:1.7}.price{font-size:30px;font-weight:bold;color:red;text-align:right;margin:10px 0}.product .button{font-size:14px;padding:13px;margin-top:5px}.notice{padding:10px 3%;background:#fff5d7;font-size:14px}.contact header{background:#0753a4;color:white;padding:14px 7.5%}.contact header .brand strong{font-size:45px}.contact nav{box-shadow:none;background:transparent;padding:0}.contact nav a{background:transparent;font-size:17px;padding:16px}.contact main{padding:40px 7.5%}.contact h1{font-size:74px;margin:8px 0 22px}.contact .intro{font-size:28px;margin:0 0 25px;padding-bottom:25px;border-bottom:1px solid #dce5ef}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-column:first-child{border-right:1px solid #dce5ef;padding-right:38px}.contact-row{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #dce5ef}.contact-row:last-child{border:0}.icon{display:flex;align-items:center;justify-content:center;background:#e7f3ff;color:#0053a8;width:72px;height:72px;border-radius:50%;font-size:34px;flex-shrink:0}.contact-row h3{font-size:23px;margin:6px 0 10px}.contact-row p{font-size:27px;margin:0;line-height:1.5}.contact-column:nth-child(2) p{font-size:21px}.hours{display:grid;grid-template-columns:1fr 1fr;gap:7px 30px;font-size:20px;line-height:1.3}dialog{border:0;border-radius:12px;max-width:450px;box-shadow:0 12px 90px #001b4255;padding:28px}dialog::backdrop{background:#001b4266}footer{padding:20px 3%;font-size:14px;color:#53657a}@media(max-width:900px){.trust{display:none}nav{flex-wrap:wrap}nav a{font-size:15px;padding:13px}.phone{font-size:18px}.hero:before{opacity:.3;background-size:auto 100%;background-position:right center}.hero:after{background:linear-gradient(90deg,#fff,transparent)}.hero-content{width:95%}h1,.shophero h1{font-size:46px}.categories,.products{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:20px}.contact .brand{font-size:18px}.contact header{flex-wrap:wrap}.contact-row{gap:12px}.contact-row p{font-size:23px}.hours{font-size:17px;gap:7px 15px}}@media(max-width:560px){header{padding:14px 5%}.brand strong{font-size:42px}.brand{font-size:21px}.brand small{font-size:11px}nav{gap:5px}.phone{margin-left:0}.hero{padding:25px 5%}.hero h1{font-size:40px}.hero h2{font-size:27px}.hero p{font-size:18px}.actions{flex-direction:column}.ticks{gap:10px;font-size:12px}.categories,.products{grid-template-columns:1fr}.benefits{flex-direction:column}.shophero h1{font-size:41px}.offers{flex-direction:column}.contact main{padding:25px 6%}.contact h1{font-size:51px}.contact .intro{font-size:21px}.contact-grid{grid-template-columns:1fr}.contact-column:first-child{border:0;padding-right:0}.contact-row p{font-size:24px}.contact header nav{flex-wrap:wrap}.product-photo{height:260px;background-size:1100px auto}}

.product h3{color:#082b59;font-size:15px}
.product .price{color:#082b59;font-size:24px}

nav a.red{font-size:16px;padding:14.4px 19.2px;border-radius:7.2px}
@media(max-width:900px){nav a.red{font-size:12px;padding:10.4px}}

/* Use a text-free appliance image so real headings never overlap baked-in text. */
.hero{background:#f7fafc}
.hero:before{inset:0 0 0 57%;background-image:url(haushaltsgeraete.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1}
.hero:after{display:none}
@media(max-width:900px){.hero{padding-bottom:250px}.hero:before{inset:auto 3% 0;height:240px;background-size:contain;opacity:1}.hero-content{width:100%}}

.hero{padding:44px 3.5%;min-height:490px;border-bottom:1px solid #e4edf5}
.hero-content{width:54%;max-width:690px}
.hero .eyebrow{font-size:14px;line-height:1.5;letter-spacing:1.4px;margin-bottom:16px}
.hero h1{line-height:1.08;margin:0 0 14px}
.hero h2{font-size:28px;line-height:1.3;margin:0 0 20px}
.hero p{font-size:18px;line-height:1.65;margin:0 0 24px;max-width:570px}
.hero .actions{flex-wrap:wrap}
.hero .actions .button{font-size:16px;padding:16px 20px;line-height:1.4}
.hero .actions small{font-size:13px}
.hero .ticks{font-size:13px;gap:16px;flex-wrap:wrap;margin-top:24px}
@media(max-width:900px){.hero{padding:30px 5% 280px}.hero-content{width:100%;max-width:680px}.hero:before{height:250px}.hero h2{font-size:24px}}
@media(max-width:560px){.hero h1{font-size:40px}.hero h2{font-size:23px}.hero p{font-size:17px}.hero .eyebrow{font-size:12px;letter-spacing:1px}}

.hero{background:#eef6fc;min-height:520px;padding-top:48px;padding-bottom:48px}
.hero:before{inset:0 0 0 51%;height:auto;background-image:url(servicetechniker.png);background-size:cover;background-position:center top;opacity:1}
.hero:after{display:block;background:linear-gradient(90deg,#eef6fc 0%,#eef6fc 47%,#eef6fc00 68%);pointer-events:none}
.hero-content{width:53%;max-width:650px}
.hero h1{font-size:56px;letter-spacing:-1.5px}
.hero h2{font-size:25px}
.hero p{max-width:530px;color:#34465c}
.hero .actions .button{box-shadow:0 5px 14px #10284912}
.categories{padding:24px 3.5%;gap:18px}
.category{border:1px solid #e5edf5;box-shadow:0 6px 20px #10284908;align-items:center;padding:18px;gap:12px}
.category h3{font-size:19px;line-height:1.3}
.category p{font-size:14px;line-height:1.5}
.machine{height:150px;flex-basis:38%;background-image:url(miele-waschmaschine.png);background-size:contain;background-position:center}
.machine.dish{background-image:url(geschirrspueler-offen-v2.png);background-position:center}
.machine.dryer{background-image:url(miele-trockner.png);background-position:center}
.machine.oven{background-image:url(herd-ceranfeld.png);background-position:center}
@media(max-width:900px){.hero{padding-bottom:340px}.hero-content{width:100%;max-width:none}.hero:before{inset:auto 0 0;height:310px;background-size:auto 620px;background-position:center top;background-color:#c1def2}.hero:after{display:none}.hero h1{font-size:46px}.categories{gap:12px}}
@media(max-width:560px){.hero{padding-top:30px}.hero h1{font-size:40px;letter-spacing:-1px}.hero h2{font-size:23px}.categories{padding:20px 5%}.category h3{font-size:20px}}

/* Startseite follows the selected technician-and-washer reference. */
.home header{padding:12px 3.5%;gap:24px}.home .brand{position:relative;padding-left:86px;font-size:23px}.home .brand strong{font-size:52px}.home .brand-machine{position:absolute;left:0;top:0;width:76px;height:86px}.home .brand small{font-size:12px;letter-spacing:1.8px}.home .trust{gap:22px;font-size:14px}.home .trust span{padding-left:16px}
.home nav{gap:10px;padding:12px 2%;background:#fff}.home nav a{font-size:18px;padding:18px 20px;white-space:nowrap}.home nav a.red{font-size:18px;padding:18px 22px}.home .phone{font-size:20px;background:transparent;padding:12px 8px}.home .phone small{font-size:12px}.home .shop-nav{position:relative}.offer-badge{position:absolute;right:25px;top:-13px;background:#ffb600;color:#061b42;font-size:12px;padding:5px 12px;border-radius:8px}.home .hero{min-height:475px;padding:24px 3.5%;background:#f8fafb}.home .hero:before{inset:0;height:auto;background-image:url(hero-technician-washer.png);background-size:cover;background-position:center;opacity:1}.home .hero:after{display:block;background:linear-gradient(90deg,#ffffffed 0%,#ffffffc9 32%,#ffffff00 56%)}.home .hero-content{width:53%;max-width:750px}.home .hero .eyebrow{font-size:17px;letter-spacing:1.8px;margin-bottom:9px}.home .hero h1{font-size:58px;line-height:1.03;letter-spacing:-1.4px;margin:0 0 6px}.home .hero h2{font-size:32px;line-height:1.2;margin:0 0 14px}.home .hero p{font-size:18px;line-height:1.4;max-width:535px;margin-bottom:18px;color:#10294f}.home .hero .actions{gap:12px;flex-wrap:nowrap}.home .hero .actions .button{font-size:17px;padding:16px 20px;white-space:nowrap}.home .hero .actions small{font-size:13px}.home .hero .ticks{margin-top:18px;gap:20px;font-size:13px}.eco-badge{position:absolute;right:2%;top:24px;z-index:1;background:#0073d5;color:#fff;font-size:23px;font-weight:800;padding:15px 20px;transform:rotate(-5deg);line-height:1.3;border-radius:12px;box-shadow:0 5px 20px #006cc327}.eco-badge small{font-size:16px}.home .categories{padding:12px 2% 22px;gap:12px;background:#f6fbff}.home .category{padding:14px 12px;gap:12px}.home .category h3{font-size:20px}.home .machine{height:170px}.home .benefits{padding:26px 4%;font-size:14px;background:#e8f4ff}
@media(max-width:1200px){.home .trust{gap:12px;font-size:12px}.home .brand{font-size:19px}.home nav a{font-size:15px;padding:15px}.home nav a.red{font-size:15px;padding:15px}.home .phone{font-size:17px}.home .hero h1{font-size:49px}.home .hero h2{font-size:27px}.home .hero .actions .button{font-size:14px;padding:14px}.eco-badge{font-size:19px}.eco-badge small{font-size:14px}}
@media(max-width:900px){.home header{padding:16px 5%}.home nav{flex-wrap:wrap;gap:7px}.home .phone{margin-left:0}.home .hero{padding:28px 5% 310px}.home .hero-content{width:100%;max-width:650px}.home .hero:before{inset:auto 0 0;height:285px;background-size:cover;background-position:right center}.home .hero:after{display:none}.home .eco-badge{top:auto;bottom:15px;right:15px;font-size:16px;padding:10px 14px}.home .hero .actions{flex-wrap:wrap}.home .categories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home .brand{font-size:18px;padding-left:65px}.home .brand strong{font-size:42px}.home .brand-machine{width:57px;height:72px}.home .brand small{font-size:10px}.home nav a,.home nav a.red{font-size:14px;padding:13px}.home .hero .eyebrow{font-size:12px;letter-spacing:1px}.home .hero h1{font-size:40px}.home .hero h2{font-size:23px}.home .hero p{font-size:17px}.home .hero .actions{flex-direction:column}.home .hero .actions .button{font-size:16px;white-space:normal}.home .hero .ticks{font-size:12px;gap:12px}.home .categories{grid-template-columns:1fr}.home .machine{height:150px}.home .eco-badge{font-size:14px}.home .eco-badge small{font-size:12px}}

.home .hero:before{background-position:center top}
@media(max-width:900px){.home .hero:before{background-position:right top}}

.shophero{background:#f2f8fc url(haushaltsgeraete.png) right center/38% auto no-repeat;padding:32px 3%;min-height:270px;border-bottom:1px solid #e1ebf3}
.shophero h1{font-size:46px;line-height:1.15;margin:0 0 14px;max-width:62%}
.shophero p{font-size:18px;line-height:1.5;max-width:58%;margin:0 0 20px}
.shophero .offers{max-width:64%;gap:12px;flex-wrap:wrap}
.shophero .offer{font-size:16px;padding:12px 16px;line-height:1.4}
.shophero .offer b{font-size:24px}
@media(max-width:900px){.shophero{padding-bottom:230px;background-size:auto 210px;background-position:center bottom}.shophero h1,.shophero p,.shophero .offers{max-width:100%}.shophero h1{font-size:38px}}
@media(max-width:560px){.shophero h1{font-size:32px}.shophero p{font-size:17px}}