.accordion input {
  display: none;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid currentColor;  /* Linie unter gesamtem flex-Container */
  padding: 0.5em 0;
}

.accordion-title h4 {
  margin: 0;
  font-weight: inherit; /* Schriftgewicht vom Theme übernehmen */
}

/* Plus/Minus Symbol */
.accordion-title::after {
  content: "+";
  font-weight: bold;
  transition: transform 0.3s ease;
  margin-left: 0.5em;
}

/* Minus wenn geöffnet */
.accordion input:checked + .accordion-title::after {
  content: "-";
}

/* Akkordeon-Inhalt aus-/einblenden */
.accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding-left: 0.5em;
}

.accordion input:checked ~ .content {
  max-height: 500px;
  padding-top: 0.5em;
}

#section_1000754 {
  position: relative;
  overflow: hidden;
}

#section_1000754 video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center center; 
}

/* 1. Kugelsichere Standard-Einstellung für Desktop */
#block_1002482 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(1.2) !important;
  z-index: 10;
  
  /* Sicherheits-Regeln gegen Baukasten-Verzerrungen */
  margin: 0 !important;       
  padding: 0 !important;      
  text-align: center;         
  width: max-content;         
  max-width: 90vw;            

  /* --- NEU: Deaktiviert den Klick und die Lightbox --- */
  pointer-events: none !important;
}

/* 2. Anpassung für Mobile */
@media (max-width: 768px) {
  #block_1002482 {
    transform: translate(-50%, -50%) scale(1.5) !important; 
  }
}

/* --- Desktop-Ansicht (Nebeneinander) --- */

/* Linker Button */
#block_1002296 {
  position: absolute !important;
  top: calc(50% + 300px) !important; 
  left: 50% !important;
  transform: translateX(-110%) !important; 
  z-index: 10;
  
  /* Sicherheits-Regeln gegen Baukasten-Verzerrungen */
  margin: 0 !important;
  padding: 0 !important;
  width: max-content !important; 
  text-align: center !important;
}

/* Rechter Button */
#block_1002730 {
  position: absolute !important;
  top: calc(50% + 300px) !important; 
  left: 50% !important;
  transform: translateX(10%) !important; 
  z-index: 10;
  
  /* Sicherheits-Regeln gegen Baukasten-Verzerrungen */
  margin: 0 !important;
  padding: 0 !important;
  width: max-content !important;
  text-align: center !important;
}

/* --- Mobile-Ansicht (Untereinander und exakt zentriert) --- */

@media (max-width: 768px) {
  /* Beide Buttons mittig ausrichten */
  #block_1002296, #block_1002730 {
    left: 50% !important;
    /* Zentriert den Button exakt auf der Mittelachse */
    transform: translateX(-50%) !important; 
    /* Stellt sicher, dass auch der Text im Button absolut mittig bleibt */
    justify-content: center !important; 
    align-items: center !important;
  }

  /* Der erste Button unter das Logo */
  #block_1002296 {
    top: calc(50% + 250px) !important; 
  }

  /* Der zweite Button noch weiter nach unten */
  #block_1002730 {
    top: calc(50% + 300px) !important; 
  }
}