/* Setzt das Layout auf flexibles Layout mit mindestens 100vh Höhe */
html, body {
    height: 100%;
    margin: 0;
  }
  /* Flex-Container für den gesamten Body */
  body {
    display: flex;
    flex-direction: column;
    padding-top: 70px;
    min-height: 100vh;
    /* Abstand für die fixe Navigationsleiste */
  }
  /* Hauptinhalt füllt den verbleibenden Platz */
  .main-content {
    flex: 1;
    margin-top: 100px;
    /* Abstand nach oben, um den Inhalt unter der Navbar zu platzieren */
  }
  .table-container {
    display: block;
    /* Standard Blocklayout für den Wrapper */
    max-width: 1000px;
    /* Maximale Breite für größere Bildschirme */
    margin: 20px auto;
    /* Abstand oben und unten, zentriert auf größeren Bildschirmen */
  }
  .table-container h3 {
    margin-bottom: 10px;
    /* Abstand zwischen Überschrift und Tabelle */
    text-align: left;
    /* Text linksbündig ausrichten */
  }
  .footer-container {
    background-color: #f1f1f1;
    margin-top: auto;
    /* Schiebt den Footer ans Ende des Containers */
  }
  .content-container {
    margin-top: 40px;
    /* Abstand zur Tabelle */
    margin-bottom: 20px;
  }
  .small-heading {
    font-size: 1.25rem;
    /* Schriftgröße für kleinere Überschriften */
  }
  .download-card {
    transition: transform 0.3s;
  }
  .download-card:hover {
    transform: translateY(-10px);
  }
  .card-img-top {
    max-height: 150px;
    object-fit: contain;
  }
  /*.custom-card {
   width: 100%;
   margin: 0 auto;
   }*/
  .no-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .header-space {
    margin-top: 80px;
  }
  .step-card {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Setzt die Höhe auf 100% der Elternelemente */
  }
  .step-card img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
    /* Abstand unter dem Bild */
  }
  .card {
    margin-top: 20px;
  }
  .highlight {
    color: #dc3545;
  }
  #dasWirdVerkauft {
    margin: auto;
    max-width: 1000px;
    border: none;
  }
  .card-title {
    text-align: center;
  }
  .custom-list {
    padding-left: 20px;
  }
  .alert {
    margin-top: 20px;
  }
  .card-custom {
    margin: auto;
    max-width: 900px;
    /* Breite der Karte */
    border: none;
  }
  .car-body {
    margin-bottom: 30px;
  }
  .info-bar {
    background-color: #2e8b57;
    /* Dunkleres Grün */
    color: white;
    /* Weißer Text für besseren Kontrast */
    padding: 15px;
    /* Etwas mehr Padding für eine angenehmere Größe */
    text-align: center;
    margin: 20px 0;
    border-radius: 5px;
    font-size: 1.3em;
    /* Etwas größere Schrift für bessere Lesbarkeit */
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Leichter Schatten für mehr Tiefe */
  }
  .info-section {
    background-color: #f9f9f9;
    /* Sehr helles Grau für den Hintergrund */
    color: #333;
    /* Dunkles Grau für den Text, statt des dunklen Grüns */
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 40px;
    /* Erhöhter Abstand zum Footer */
    border-left: 4px solid #2e8b57;
    /* Dünner, farblich passender Rand links */
    border-radius: 5px;
    font-size: 1em;
  }
  .info-section h3 {
    margin-bottom: 10px;
    font-weight: normal;
    /* Normales Schriftgewicht für weniger Hervorhebung */
    font-size: 1.2em;
    /* Etwas kleinere Schriftgröße */
  }
  .info-section ul {
    list-style-type: none;
    /* Keine Listenpunkte */
    padding-left: 0;
  }
  .info-section li {
    margin-bottom: 8px;
    padding-left: 10px;
    position: relative;
  }
  .info-section li::before {
    content: "•";
    /* Dezenter Punkt statt Disk */
    color: #2e8b57;
    /* Farblich passender Punkt */
    position: absolute;
    left: 0;
    font-size: 1.2em;
  }
  .alert-info {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
  }
  .alert-warning {
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
  }
  .alert b {
    color: #004d00;
    /* Dunkleres Grün für Hervorhebungen */
  }