*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:#fff;}
header{background:#666666;color:#fff;position:sticky;top:0;z-index:1000;}
.container{width:90%;max-width:1100px;margin:0 auto;}
.logo{height:100px;margin:10px 0;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#666666;}
header nav, header nav ul{background:#666666;}

@media(prefers-color-scheme:dark){
  body{background:#111;color:#ddd;}
  header{background:#666666;}
  footer{background:#222;color:#aaa;}
  nav a{color:#fff;}
  .logo{content:url("../images/logo2.jpg");}
}

nav ul{list-style:none;display:flex;justify-content:flex-end;gap:20px;}
nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s;}
nav a:hover{color:#0077B6;}
.menu-toggle{display:none;font-size:2rem;cursor:pointer;color:#fff;}

.hero{text-align:center;padding:120px 20px 100px;background:#f5f5f5;}
.hero h1{color:#666666;font-size:3rem;margin-bottom:10px;}
.hero p{color:#333;font-size:1.2rem;}
.home-inner{max-width:900px;margin:0 auto;text-align:center;}

section{padding:80px 20px;scroll-margin-top:120px;}
h2{color:#666666;margin-bottom:20px;border-left:5px solid #0077B6;padding-left:10px;}
h3{color:#0077B6;margin-top:30px;}
p{margin-bottom:10px;}

.service-block{display:flex;align-items:stretch;justify-content:space-between;gap:40px;margin-bottom:60px;transition:all .3s ease;}
.service-text{flex:0 0 60%;min-width:300px;}
.service-img{flex:0 0 40%;display:flex;align-items:center;justify-content:center;}
.service-img img{width:100%;height:115%;object-fit:cover;border-radius:6px;border:1px solid #ccc;box-shadow:0 4px 10px rgba(0,0,0,0.2);}

footer{background:#f5f5f5;color:#666666;text-align:center;padding:25px 15px;font-size:.9rem;}
footer a{color:#0077B6;text-decoration:none;margin:0 5px;}
footer a:hover{text-decoration:underline;}

/* Mobilgeräte (nur bei echter mobiler Nutzung) */
@media (max-width:1000px) and (pointer:coarse){
  .service-block{flex-direction:column;}
  .service-block.right{flex-direction:column-reverse;}
  .service-img img{height:auto;}
}

/* Kleine Geräte */
@media (max-width:768px){
  nav ul{display:none;flex-direction:column;align-items:center;background:#666666;width:100%;}
  nav ul.open{display:flex;}
  .menu-toggle{display:block;}
  .hero{padding:80px 10px;}
  .hero h1{font-size:2.2rem;}
}

/* === Referenzen Slider (stabil) === */
.partner-slider{
  width:100%;
  overflow:hidden;
  margin-top:40px;
  min-height:120px;
}

.partner-track{
  display:flex;
  align-items:center;
  gap:40px;
  width:max-content;
  animation:slide 30s linear infinite;
}

.partner-item img{
  max-height:80px;
  width:auto;
  filter:grayscale(100%);
  transition:filter .3s;
}

.partner-item img:hover{
  filter:grayscale(0%);
}

.partner-slider:hover .partner-track{
  animation-play-state:paused;
}

@keyframes slide{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}