/* extra styles */
p.text-red {
    color: #E53219;
}
.shariff-button.instagram {
    display: none;
}

p a, .m-filter-button--clear a, span a {
  border-bottom: none;
}

/* edge fix */
.m-sidebar .m-sidebar--content.active .m-close:after {
    content: "X" !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
.m-sidebar .m-sidebar--content {
    width: 80% !important;
    max-width: 700px !important;
    right: 9% !important;
}

a.btn-download:before {
    content: "" !important;
    font-weight: bold;
    font-size: 20px;
    margin-right: 0 !important;
    margin-left: 0;
}

form .control-label, forn .form-check-label span {
    display: block!important;
    margin-bottom: 0.1rem;
    margin-top: 0.5rem;
  }

  .focus-ring {
    border: 2px solid lightskyblue;
  }

/* Target only FAQ accordion buttons */
.m-faq .accordion .card-header button {
    outline: none; /* remove any browser default */
  }
  
  /* Show a solid ring when they receive focus */
  .m-faq .accordion .card-header button:focus,
  .m-faq .accordion .card-header button:focus-visible {
    outline: none; /* override Bootstrap’s outline reset */
    box-shadow: 0 0 0 3px #005FCC !important;
  }

  .header-video-outer {
    position: relative;
    overflow: hidden;
}

/* the accessible pause/play button */
.video-control {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  .video-control i {
    font-size: 1.5rem;
    color: #fff;
  }

  .video-control i.fa-play {
    margin-right: -5px;
  }
    
  /* when paused, switch icon color or background if you like */
  .video-control.paused {
    background-color: rgba(0,0,0,0.7);
  }
  
  /* keyboard focus */
  .video-control:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }

    /* Target only departments accordion buttons */
.m-departments .accordion .card-header button {
  outline: none; /* remove any browser default */
}

/* Show a solid ring when they receive focus */
.m-departments .accordion .card-header button:focus,
.m-departments .accordion .card-header button:focus-visible {
  outline: none; /* override Bootstrap’s outline reset */
  box-shadow: 0 0 0 3px #005FCC !important;
}

/* Filter list items (Zeitraum, Kategorie, Specials) */
.m-dropdown-filter .m-filter--option:focus {
  outline: 2px solid Highlight;
  outline-offset: 2px;
}

/* The “Jetzt suchen” and “Suche zurücksetzen” buttons */
.m-filter-button a:focus,
.m-filter-button--clear a:focus {
  outline: 2px solid Highlight!important;
  outline-offset: 2px!important;
}

/* Show the Zeitraum/Kategorie lists while any child gets focus */
.m-filter--top > div:focus-within > ul.m-dropdown-filter {
  transform: scale(1, 1) !important;
}

/* Bewerbungs‐Formular: sichtbarer Fokusrahmen */
#bewerbung-1328 input[type="text"],
#bewerbung-1328 input[type="email"],
#bewerbung-1328 input[type="file"],
#bewerbung-1328 textarea,
#bewerbung-1328 select {
  outline: none; /* Entferne evtl. Standardring */
}

#bewerbung-1328 input[type="text"]:focus,
#bewerbung-1328 input[type="email"]:focus,
#bewerbung-1328 input[type="file"]:focus,
#bewerbung-1328 textarea:focus,
#bewerbung-1328 select:focus {
  outline: 3px solid #007acc;    /* Blauer Ring */
  outline-offset: 2px;           /* Abstand zum Feld */
}

form .form-group .input.checkbox {
  margin-right: 1rem;
}

/* Kontakt-Formular: Fokusring für das Einverständnis-Checkbox */
#contactform-81 input[type="checkbox"] {
  outline: none;
}

#contactform-81 input[type="checkbox"]:focus {
  outline: 3px solid #007acc;
  outline-offset: 2px;
}

p a:not(.btn-primary) {
  text-decoration: underline!important;
}

@media (max-width: 800px) {
  .video-control {
    display: none;
  }
}