/* ============================================= */
/*               COMPLETE style.css (ohne Pfeile) */
/* ============================================= */

* { margin:0; padding:0; box-sizing:border-box; }
body { 
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
  background:#f8fafc; 
  color:#1e293b; 
  line-height:1.6; 
}
.container { max-width: 960px; margin:0 auto; padding:0 1rem; }

/* Header */
.header { background:#0f172a; color:white; padding:1rem 0; }
.header .container { display:flex; align-items:center; gap:1rem; }
.logo { height:50px; }
.header h1 { font-size:1.5rem; }

/* Hero */
.hero { text-align:center; padding:4rem 0; background:linear-gradient(to bottom, #1e293b, #0f172a); color:white; }
.hero h2 { font-size:2.5rem; margin-bottom:0.5rem; }
.subtitle { font-size:1.2rem; opacity:0.9; margin-bottom:2rem; }

/* Slideshow */
.slideshow-container {
  position: relative;
  max-width: 90%;
  width: 580px;
  margin: 2.5rem auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
  border: 4px solid rgba(255,255,255,0.2);
}

.slides {
  display: none;
  text-align: center;
}

.slides img {
  width: 100%;
  height: auto;
  display: block;
}

/* Dots */
.dots-container {
  text-align: center;
  margin-top: 18px;
}

.dot {
  cursor: pointer;
  height: 13px;
  width: 13px;
  margin: 0 7px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.4s;
}

.dot.active, .dot:hover {
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(255,255,255,0.8);
}

/* Fade animation */
.fade {
  animation: fade 1.8s;
}

@keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}

/* Pricing */
.pricing { padding:4rem 0; }
.card { background:white; border-radius:16px; padding:2rem; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.price { font-size:3rem; font-weight:bold; color:#0f172a; margin:1rem 0; }
.features { list-style:none; text-align:left; margin:2rem 0; }
.features li { padding:0.5rem 0; position:relative; padding-left:1.8rem; }
.features li:before { content:"✓"; position:absolute; left:0; color:#22c55e; font-weight:bold; }
.buy-button { display:inline-block; background:#0f172a; color:white; padding:1rem 2rem; border-radius:12px; text-decoration:none; font-weight:bold; font-size:1.2rem; margin:1.5rem 0; }
.buy-button:hover { background:#1e293b; transform:scale(1.05); transition:all 0.2s; }
.info { font-size:0.9rem; color:#64748b; margin-top:1.5rem; }

/* Footer */
.footer { background:#0f172a; color:white; padding:2rem 0; text-align:center; font-size:0.9rem; }
.footer a { color:#94a3b8; text-decoration:underline; }

/* Thanks */
.thanks { text-align:center; padding:6rem 1rem; }
.thanks h1 { font-size:2.5rem; margin-bottom:1rem; }

/* Responsive */
@media (max-width: 600px) {
  .hero h2 { font-size:2rem; }
  .price { font-size:2.5rem; }
  .slideshow-container { width: 95%; margin: 2rem auto; }
}