.promo-section {
      position: relative;
      background: url('https://sicherheitstechnik-denker.de/wp-content/uploads/2026/02/Hintergrung-Header-1.webp') center/cover no-repeat;
      color: #fff;
      padding: 40px 20px;
      overflow: hidden;
    }
    .promo-overlay {position:absolute;inset:0;background:rgba(0,46,71,0.7);z-index:1;}
    .promo-content {position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;}
    .promo-content h1 {font-size:2rem;color:#ffffff;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;}
    .promo-subtitle {font-size:1.25rem;margin-bottom:15px;}
    .promo-content p {margin:15px 0;line-height:1.3;}
    .promo-price {font-size:2rem;color:#e30613;font-weight:bold;margin-bottom:2px;}
    .promo-price + .promo-surcharge {margin-top:8px;margin-bottom:25px;color:#ccc;font-size:0.9rem;}
    .promo-hours, .promo-surcharge:last-of-type {font-size:0.9rem;margin-bottom:60px;color:#ccc;}
    .promo-features {display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;padding:0;margin:16px 0;list-style:none;justify-items:center;text-align:center;}
    .promo-features li {font-size:0.95rem;display:flex;align-items:center;justify-content:center;}
    .promo-button {display:inline-block;background-color:#e30613;color:#fff;margin-top:25px;text-decoration:none;font-size:1.25rem;padding:12px 30px;border-radius:4px;transition:background-color 0.3s;}
    .promo-button:hover{background-color:#b2040f;}
    @media(max-width:768px){.promo-content h2{font-size:1.75rem}.promo-price{font-size:1.75rem}.promo-button{width:100%;box-sizing:border-box}.promo-features{grid-template-columns:1fr;gap:12px 0;margin:12px 0}.promo-features li{text-align:center;justify-content:center}}@media(min-width:769px){.promo-features{gap:6px 16px}}

.adac-partner {
    width: 100%;
    background: #fff;
    padding: 28px 0;
    font-family: 'Nunito', Arial, sans-serif;
    border-top: 1px solid rgba(0,0,0,0.06);
    border-bottom: 1px solid rgba(0,0,0,0.06);
  }

  .adac-partner .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
  }

  .adac-row {
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: space-between;
  }

  .adac-left {
    flex: 0 0 360px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .adac-left a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 10px;
    padding: 10px;
    transition: background 0.25s ease;
  }

  .adac-left a:hover {
    background: rgba(255, 204, 0, 0.12);
  }

  .adac-left img {
    width: 100%;
    max-width: 340px;
    height: auto;
    display: block;
  }

  .adac-right {
    flex: 1;
    text-align: left;
  }

  .adac-right h2 {
    margin: 0 0 6px;
    font-size: 1.6rem;
    font-weight: 800;
    color: #002e47;
    line-height: 1.2;
  }

  .adac-right p {
    margin: 0 0 10px;
    color: #333;
    font-size: 1.02rem;
    line-height: 1.6;
  }

  .adac-right .adac-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #002e47;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 204, 0, 0.9);
    padding-bottom: 2px;
    transition: opacity 0.2s ease;
  }

  .adac-right .adac-link:hover {
    opacity: 0.85;
  }

  .adac-right .adac-link .arrow {
    font-size: 1.05em;
    transform: translateY(-1px);
  }

  @media (max-width: 980px) {
    .adac-partner .container {
      padding: 0 18px;
    }

    .adac-row {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px;
    }

    .adac-left {
      flex: 0 0 auto;
      justify-content: center;
    }

    .adac-right {
      text-align: center;
    }

    .adac-left img {
      max-width: 320px;
    }
  }

/* SECTION 4: Vorstellung – komplettes CSS */
.vorstellung-section {
  padding: 60px 20px;
  box-sizing: border-box;
  background-color: #fafafa;
  font-family: Arial, sans-serif;
  color: #333;
}

.vorstellung-container {
  display: flex;
  align-items: flex-start;   /* bündige Oberkante von Bild & Text */
  flex-wrap: wrap;           /* für mobile Ansicht */
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Bild-Wrapper als Flex-Item */
.vorstellung-image-wrapper {
  flex: 0 0 350px;           /* feste Breite */
  margin: 0 30px 20px 0;     /* Abstand rechts und unten */
  animation: slide-in 0.8s ease-out both;
}

.vorstellung-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

/* Text-Wrapper als Flex-Item */
.vorstellung-text {
  flex: 1;                   /* nimmt restlichen Platz ein */
  line-height: 1.6;
}

.vorstellung-text h2 {
  font-size: 2.4rem;
  color: #e30613;
  margin: 0 0 0px 20;        /* nur margin-bottom */
  font-weight: 700;
}

.vorstellung-text h3 {
  font-size: 1.6rem;
  color: #002e47;
  margin: 30px 0 15px 0;
  font-weight: 600;
}

.vorstellung-text p {
  font-size: 1rem;
  margin: 15px 0;
}

.vorstellung-text .price {
  font-size: 1.25rem;
  color: #e30613;
  font-weight: bold;
}

.vorstellung-text .small {
  font-size: 0.9rem;
  color: #666;
  margin-top: 5px;
}

.vorstellung-text ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.vorstellung-text ul li {
  position: relative;
  padding-left: 30px;
  margin: 10px 0;
  font-size: 1.1rem;
  color: #444;
}

.vorstellung-text ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #28a745;
  font-weight: bold;
}

/* Animation für Bild-Einblenden */
@keyframes slide-in {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* RESPONSIVE (Mobile) */
@media (max-width: 768px) {
  .vorstellung-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .vorstellung-image-wrapper {
    margin: 0 0 -40px;
    width: 100%;
    max-width: 350px;
  }
  .vorstellung-text h2 {
    text-align: center;
  }
  .vorstellung-text h3 {
    margin-top: 20px;
  }
}

.leistungen-3-boxen {background-color:#f5f5f5;padding:40px 20px;font-family:Arial,sans-serif;}
      .leistungen-3-boxen h2 {text-align:center;font-size:2rem;margin-bottom:40px;color:#c80000;}
      .leistungen-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:0 auto;}
      .leistung-box {background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);flex:1 1 300px;max-width:340px;display:flex;flex-direction:column;text-align:center;transition:transform 0.3s ease;}
      .leistung-box:hover {transform:translateY(-5px);}
      .leistung-box img {width:100%;height:200px;object-fit:cover;}
      .leistung-box h3 {font-size:1.4rem;color:#c80000;margin:20px 0 10px;}
      .leistung-box p {font-size:1rem;padding:0 20px;color:#333;}
      .leistung-box .button {background-color:#c80000;color:white;text-decoration:none;padding:12px 20px;margin:20px auto 25px;border-radius:5px;font-weight:bold;width:fit-content;transition:background 0.3s ease;}
      .leistung-box .button:hover {background-color:#a80000;}
      @media(max-width:768px){.leistungen-3-boxen h2{font-size:1.6rem}.leistung-box{max-width:100%}}

.promo-section {
  background: var(--skd-hero-bg) center/cover no-repeat;
}
.preise-section {
  width:100%;
  padding:60px 20px;
  background:linear-gradient(rgba(248,248,248,0.85),rgba(248,248,248,0.85)), var(--skd-preise-bg) no-repeat center center / cover;
  font-family:Arial,sans-serif;
}
.preise-container {
  max-width:1400px;
  margin:0 auto;
}
.preise-section h2 {
  font-size:2.5rem;
  color:#e30613;
  text-align:center;
  margin-bottom:10px;
}
.preise-subtitle {
  font-size:1.1rem;
  color:#333;
  text-align:center;
  margin-bottom:40px;
}
.preise-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px,1fr));
  gap:30px;
  margin-bottom:50px;
}
.preise-card,
.skd-example-price {
  background:rgba(255,255,255,0.9);
  border-radius:8px;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  padding:30px;
}
.preise-card h3,
.skd-example-price h3 {
  font-size:1.5rem;
  color:#002e47;
  margin-bottom:15px;
}
.preise-card table {
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
}
.preise-card td {
  padding:10px;
}
.preise-card tr td:first-child {
  border-bottom:1px solid #eee;
}
.preise-card tr td:last-child {
  text-align:right;
  border-bottom:1px solid #eee;
}
.preise-card tr:last-child td {
  border-bottom:none;
}
.preise-note {
  font-size:0.95rem;
  color:#555;
  max-width:900px;
  margin:0 auto 40px;
  text-align:center;
  background:rgba(255,255,255,0.9);
  padding:15px;
  border-radius:6px;
}
.skd-example-price {
  max-width:900px;
  margin:0 auto 50px;
}
.skd-example-price p {
  font-size:1rem;
  color:#333;
  line-height:1.6;
  margin-bottom:20px;
}


.skd-city-shell{max-width:1200px;margin:0 auto;padding:0 20px;}
.skd-city-intro,.skd-city-seo-blocks,.skd-city-faq,.skd-city-links{padding:40px 0;background:#f7f9fc;}
.skd-city-faq,.skd-city-links{background:#fff;}
.skd-city-card,.skd-seo-card,.skd-link-card,.skd-faq-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.06);}
.skd-city-card{padding:28px 30px;}
.skd-city-card h2,.skd-city-faq h2,.skd-city-links h2{margin:0 0 14px;color:#002e47;}
.skd-city-card p:last-child{margin-bottom:0;}
.skd-eyebrow{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:rgba(227,6,19,.08);color:#9b1c1f;font-weight:800;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;}
.skd-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.skd-seo-card{padding:26px;}
.skd-seo-card--wide{grid-column:1/-1;}
.skd-seo-card h2{font-size:1.55rem;margin:0 0 12px;color:#002e47;}
.skd-faq-list{display:grid;gap:14px;}
.skd-faq-item{padding:0;overflow:hidden;}
.skd-faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800;color:#002e47;position:relative;}
.skd-faq-item summary::-webkit-details-marker{display:none;}
.skd-faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#9b1c1f;}
.skd-faq-item[open] summary::after{content:'–';}
.skd-faq-answer{padding:0 22px 20px;}
.skd-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.skd-link-card{display:flex;flex-direction:column;gap:8px;padding:18px 18px;text-decoration:none;color:#002e47;transition:transform .2s ease, box-shadow .2s ease;}
.skd-link-card strong{font-size:1.02rem;}
.skd-link-card span{font-size:.92rem;color:#666;}
.skd-link-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,.1);}
.skd-lokalbezug{font-size:1.02rem;}
@media (max-width:900px){.skd-seo-grid,.skd-links-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.skd-city-intro,.skd-city-seo-blocks,.skd-city-faq,.skd-city-links{padding:28px 0}.skd-city-card,.skd-seo-card{padding:20px}.skd-seo-grid,.skd-links-grid{grid-template-columns:1fr}}