*{box-sizing:border-box}
body{margin:0;background:#eef2f5;font-family:Arial,Helvetica,sans-serif;color:#24344d}
.banner{width:100%;display:block}
main{max-width:1200px;margin:auto;background:#fff}
.hero{display:grid;grid-template-columns:1.6fr .9fr;gap:30px;padding:45px 35px}
.badge{display:inline-block;background:#57B63A;color:white;padding:10px 20px;border-radius:25px;font-weight:bold}
h1{color:#0D4B8F;font-size:48px;line-height:1.1;margin:22px 0 12px}
h2{color:#0D4B8F;font-size:30px}
.hero h2,.card h3,.greenbox h2{color:#57B63A}
p{font-size:17px;line-height:1.7}
.intro{max-width:780px}
.card{background:#fff;border:1px solid #dbe4eb;border-radius:18px;padding:25px;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.logo{display:block;max-width:190px;width:75%;margin:0 auto 14px}
.btn{display:inline-block;text-decoration:none;padding:13px 22px;border-radius:26px;font-weight:bold;color:#fff;margin-right:10px;margin-top:8px}
.blue{background:#0D4B8F}
.green{background:#57B63A}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#f8fafc;border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0}
.trust div{text-align:center;padding:22px;border-right:1px solid #e4eaf0}
.trust div:last-child{border-right:0}
.section{padding:45px 35px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.category{text-align:center}
.category-icon{font-size:44px;margin-bottom:12px}
.ebay-section{background:#f8fafc;text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:45px 35px;background:#f8fafc}
.greenbox{background:#f7fbf4}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.service-grid div{background:#0D4B8F;color:#fff;border-radius:16px;padding:22px;text-align:center}
footer{max-width:1200px;margin:auto;background:#0D4B8F;color:white;text-align:center;padding:35px}
.footer-logo{max-width:180px;background:white;border-radius:14px;padding:8px}
.note{color:#b9f0a4;font-weight:bold}
footer a{color:white}
a{color:#0D4B8F}
@media(max-width:900px){
.hero,.split{grid-template-columns:1fr}
.grid{grid-template-columns:repeat(2,1fr)}
.service-grid{grid-template-columns:repeat(2,1fr)}
.trust{grid-template-columns:repeat(2,1fr)}
h1{font-size:34px}
.section,.hero,.split{padding:28px 20px}
}
@media(max-width:560px){
.grid,.service-grid,.trust{grid-template-columns:1fr}
.btn{display:block;text-align:center;margin-right:0}
}


/* Banner auf gleiche Breite wie Webseiteninhalt begrenzen */
header{
    max-width:1200px;
    margin:0 auto;
    background:#fff;
}

.banner{
    width:100%;
    max-width:1200px;
    display:block;
    margin:0 auto;
}