body {margin:0;font-family:'Lato','Open Sans',sans-serif;color:#555;background:#f9f9f9;line-height:1.6;}
a:not(.btn){color:#52b9e9;}
a:not(.btn):hover{color:#52b9e9;text-decoration:underline;}
html{scroll-behavior:smooth;}
:target{scroll-margin-top:80px;}
header{text-align:center;padding:2rem 1rem;}
header img{max-width:280px;height:auto;margin-bottom:1rem;}
header img{transition:opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
header img.fade-out{opacity:0;transform:translateY(-6px);}
header h1{font-size:2rem;color:#52b9e9;}
.btn{display:inline-block;margin-top:1rem;padding:0.8rem 1.5rem;background:#52b9e9;color:#fff;border-radius:25px;text-decoration:none;font-weight:bold;transition:0.3s;}
.btn:hover{background:#555555;}
.section{padding:3rem 1rem;max-width:1100px;margin:0 auto;text-align:center;}
.section#ueber-uns{background:#f7f7f7;max-width:none;margin:0;}
.section#ueber-uns .container{max-width:1100px;margin:0 auto;padding:0 1rem;}
.section#ueber-uns{background:#f7f7f7;}
.section h2{color:#52b9e9;font-size:1.8rem;margin-bottom:1.5rem;}
.section h3{color:#555555;margin-bottom:1rem;}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;}
.grid-reverse{grid-template-columns:1fr 1fr;}
@media(max-width:900px){.grid-reverse{grid-template-columns:1fr;}}
.grid img{width:100%;height:auto;border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,0.08);}
/* removed crop helper */
.features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-top:2rem;}
#ablauf .features-grid{gap:0;align-items:stretch;}
.feature-box{background:#f9f9f9;padding:2rem 1rem;border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,0.06);border:1px solid #55555520;position:relative;}
/* arrows between feature boxes (desktop) — thicker line and bigger arrow head */
/* default arrows replaced by step-style arrows specifically for Ablauf section */
#ablauf .feature-box{background:#52b9e9;color:#fff;border:none;box-shadow:none;overflow:visible;padding:2rem 2.5rem;}
#ablauf .feature-box h3,#ablauf .feature-box p{color:#fff;}
#ablauf .btn{background:#555;color:#fff;border:1px solid #555;}
#ablauf .btn:hover{background:#52b9e9;color:#fff;border-color:#52b9e9;}
#ablauf .feature-box:not(:last-child)::after{content:"";position:absolute;top:0;right:-18px;width:36px;height:100%;background:#52b9e9;transform:skewX(-22deg);z-index:1;}
#ablauf .feature-box:not(:first-child)::before{content:"";position:absolute;top:0;left:-18px;width:36px;height:100%;background:#fff;transform:skewX(-22deg);z-index:2;}
/* Abgerundete Ecken nur außen */
#ablauf .feature-box{border-radius:0;}
#ablauf .feature-box:first-child{border-top-left-radius:18px;border-bottom-left-radius:18px;}
#ablauf .feature-box:last-child{border-top-right-radius:18px;border-bottom-right-radius:18px;}
ul{list-style:none;padding:0;margin:0 0 1rem 0;text-align:left;}
/* Re-enable checkmarks only in Fotobox section */
#fotobox ul li{position:relative;padding-left:1.2em;}
#fotobox ul li::before{content:"✔ ";position:absolute;left:0;color:#52b9e9;font-weight:bold;}
footer{background:#555555;padding:2rem 1rem;font-size:0.9rem;color:#fff;text-align:center;}
footer a{color:#52b9e9;text-decoration:none;}
footer a:hover{text-decoration:underline;}
/* footer copy centered by default via footer alignment */
@media(max-width:900px){.grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  /* hide arrows on mobile to keep layout clean */
  #ablauf .feature-box::after,
  #ablauf .feature-box::before{display:none;}
  #ablauf .features-grid{gap:1rem;}
  #ablauf .feature-box,
  #ablauf .feature-box:first-child,
  #ablauf .feature-box:last-child{border-radius:0;}
}

/* Navigation */
.nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem;}
.nav-logo{height:36px;width:auto;opacity:1;transform:translateY(0);transition:opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
.nav.hide-logo .nav-logo{opacity:0;transform:translateY(-4px);}
.nav-brand{display:flex;align-items:center;gap:0.5rem;text-decoration:none;}
.nav-links{list-style:none;display:flex;gap:1rem;align-items:center;margin:0;padding:0;}
.nav-links a{text-decoration:none;color:#555;transition:color 0.2s ease, text-decoration-color 0.2s ease;}
.nav-links a:hover{color:#52b9e9;text-decoration:underline;}
.nav-links a:active{color:#52b9e9;text-decoration:underline;}
.nav-links a:focus{outline:none;text-decoration:underline;}
.nav .btn-small{padding:0.5rem 0.9rem;border-radius:18px;font-size:0.9rem;}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;}
@media(max-width:900px){
  .nav-toggle{display:block;}
  .nav-links{position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #eee;display:none;flex-direction:column;gap:0;padding:0.5rem 1rem 1rem;}
  .nav-links.open{display:flex;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:0.75rem 0;}
}