html, body {
      height: 100%;
      margin: 0;
      
    }
    body {
      display: flex;
      flex-direction: column;
      background-color: #FBFCFC;
    }
    .content {
      flex: 1;
      padding-top: 5vh;
    }

    .red {
      color: #B11C11;
    }
    .gold {
      color: #edB712;
    }

    .gold_b {
      color: #edB712;
      font-weight: bold;
      font-size: larger;
    }

    .rahmen {
      background: #fff;
      border-radius: 0.5rem;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      padding: 1rem 0.5rem;
      transition: transform 0.1s ease, box-shadow 0.1s ease;
    }


    /* Suchfeld größer und rot */
    .search-box .input-group {
      max-width: 700px;
      width: 100%;
    }
    .search-box .form-control {
      border-radius: 50px 0 0 50px;
      border-color: black;
      border-width: 2px;
    }
    .search-box .btn {
      border-radius: 0 50px 50px 0;
      background-color: #B11C11; /* Bootstrap Danger Red */
      border-color: #B11C11;
    }
    /* Horizontal Accordion ohne Pfeile, Schatten und Hover-Effekt */
    .horizontal-accordion {
      display: flex;
      justify-content: center;
      gap: 1rem;
      position: relative;
      margin-top: 2rem;
    }
    .horizontal-accordion .accordion-item {
      flex: 1;
      max-width: 140px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border-radius: 0.5rem;
      overflow: hidden;
      transition: box-shadow 0.1s ease;
    }
    /* Shadow entfernen beim Hover auf Item */
    .horizontal-accordion .accordion-item:hover {
      box-shadow: none;
    }
    .horizontal-accordion .accordion-button {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 0.75rem;
      background-color: #fff;
      position: relative;
      transition: transform 0.1s ease;
    }
    .horizontal-accordion .accordion-button::after {
      display: none;
    }
    .horizontal-accordion .accordion-button:hover {
      transform: translateY(2px);
    }
    .horizontal-accordion .accordion-button i {
      font-size: 1.5rem;
      margin-bottom: 4px;
    }
    .horizontal-accordion .accordion-collapse {
      position: absolute;
      width: 95vw; /* <-- vorher 600px */
      top: calc(100% + 1rem);
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
    }

    @media (max-width: 768px) {
  .horizontal-accordion .accordion-collapse {
    width: 95vw;
  }
}
    .horizontal-accordion .accordion-body {
      background-color: #fff;
      padding-top: 1.5rem;
    }
    /* Footer */
    footer {
      background-color: #f8f9fa;
      padding: 1rem 0;
    }
    footer a {
      color: #6c757d;
      margin: 0 0.5rem;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }

    
  .logo {
  max-width: 100%; /* Standardmäßig anpassbar */
}

@media (min-width: 745px) {
  .logo {
    max-width: 450px;
  }
}
/* Tooltip */
.custom-tooltip {
  --bs-tooltip-bg: #edB712;   /* Hintergrundfarbe (Violett) */
  --bs-tooltip-color: #000;   /* Schriftfarbe */
}

.icon-card.disabled {
  opacity: 0.5;               /* ausgegraut */
  pointer-events: none;       /* Klicks deaktivieren */
  user-select: none;          /* Text nicht auswählbar */
}

/*** Formulare ***/
#kontakt-formular .form-control {
  background-image: linear-gradient(var(--maincolor),var(--maincolor)), linear-gradient(rgb(210, 210, 210), rgb(211, 211, 211));
  background-size: 0 2px, 100% 1px;
  background-color: transparent;
  float: none;
  font-weight: 400;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  background-repeat: no-repeat;
  background-position: left bottom, center calc(100% - 1px);
  transition: background 0.3s ease-out;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.42;
  padding: 7px 0;
}

#kontakt-formular .form-control:focus {
  background-image: linear-gradient(var(--maincolor),var(--maincolor)), linear-gradient(rgb(210, 210, 210), rgb(211, 211, 211));
  background-size: 100% 2px, 100% 1px;
  background-color: transparent;
  box-shadow: none;
  transition-duration: 0.3;
  outline: none;
}

#kontakt-formular .form-control {
    background-image: linear-gradient(#00a9ff, #00a9fc), linear-gradient(rgb(210, 210, 210), rgb(211, 211, 211));
}
 
#kontakt-formular .form-control:focus {
    background-image: linear-gradient(#00a9ff, #00a9fc), linear-gradient(rgb(210, 210, 210), rgb(211, 211, 211));
}
/*** ENDE Formulare ***/