.fa-clock-o::before {
  content: "\f017";
  color: #98af90;
  font-size: 23px;
}

.mod_quickmenu li a span {
  margin-right: 10px;
  font-size: 14px;
}

.fa-video-camera::before {
  content: "\f03d";
  color: #98af90;
}

.newsteaser_v8 .date, .newsteaser_v8 .comments {
    color: rgb(43 43 43);
}

.accessibility_widget_trigger {
  
  top: 106px;

}

#accessibility_tabmenu a {
  margin-left:30px;
}


.privacy_label input[type="checkbox"]:focus + .privacy_checkmark {
  outline: 2px solid #000; /* oder dein Theme-Fokus-Stil */
  outline-offset: 2px;
}
.privacy_label input[type="checkbox"]:focus + .privacy_checkmark {
  outline: 2px solid #000; /* oder was visuell gut passt */
  outline-offset: 2px;
}
#top a {
  font-size:14px!important;
}

.privacy_optout_link:focus {
      border: outset !important;
    border-color: #fc4830 !important;
  }


#bottom .inside .right a {
    color: #000!important;
    font-size: 13px!important;
}


#top_link {
  display:none;
}


li.mlist.wichtig.redirect {
    background-color: #98af90;
    color: #fff;
    border-radius: 20px;
   
}

#top li.mlist.wichtig.redirect a {
  
    color: #fff;
     padding: 8px;
  
}
.fa-ambulance:before{
    content: "\f0f9";
    color: #98af90;
}
.fa-user-md:before {
    content: "\f0f0";
    color: #98af90;
}
.fa-medkit:before {
    content: "\f0fa";
    color: #98af90;
}
span.comments {
    display: none;
}

li.mlist.wichtig.redirect {
    background-color: #44583E!important;
    color: #fff;
    border-radius: 20px;
}

/*CSS Barrierefreiheit Start*/

form .input-group-addon {
    background: #ffffff !important;
    border-color: #28519f;
}

.image_container img:focus {
        border: outset !important;
  border-color: #fc4830 !important;
  padding: 5px !important
   }
  
  .ce_tabs:focus {
      border: outset !important;
    border-color: #fc4830 !important;
  }
  
  
.mmenu_trigger:focus {
border: outset !important;
border-color: #fc4830 !important;
padding: 5px !important;

}
.content:focus {
  border: outset !important;
  border-color: #fc4830 !important;
  padding: 5px !important;
}

#top_link:focus {
  border: outset;
  border-color: #fc4830;
  transform: scale(1.05);
}


button {
    background: none;
    font-size: 15px;
    font-family: 'Poppins';
}


.ti.ti-search:focus {
  border: outset ;
  border-color: #fc4830;
  transform: scale(1);
  padding: 3px;
  border-width: 5px;
  margin-left: 3px;
}

#footer li:focus {
  border: outset ;
  border-color: #fc4830;
  border-width: 3px;
}

.mod_navigation.mainmenu :focus {
  border: outset ;
  border-color: #fc4830;
  border-width: 3px;
}

.a-level_1.forward:focus {
  border: outset ;
  border-color: #fc4830;
  transform: scale(1.05);
  border-width: 5px;
}

.ce_hyperlink-extended.large a {
  padding: 75px 30px;
}

.ce_hyperlink a:focus{
  border: outset ;
  border-color: #fc4830;
  transform: scale(1.05);
  border-width: 5px;
}

button:focus {
  border: outset ;
  border-color: #fc4830;
  padding:4px;
  border-width: 5px;
}


li:focus {
  border: outset !important;
  border-color: #5980ff !important;
  padding:4px !important;
}

.ce_hyperlink a:hover, a.btn:hover {
    opacity: 0.9;
}

.cls-1_5 {
    fill: #08577f !important;
}

.cls-1_7 {
    fill: #669206 !important;
}

.cls-1_3 {
    fill: #7c1b8c !important;
}

.cls-2_2 {
    fill: #b65f00 !important;
}

.cls-1_8 {
    fill: #0d8686 !important;
}

.social-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #333;
            text-decoration: none;
            font-size: 18px;
            margin: 5px;
          
        }

        .social-link.instagram {
            background-color: none; /* Instagram-Farbe */
        }

        .social-link:hover, .social-link:focus {
            background-color: none; /* Dunklere Farbe beim Hover */
            outline: 2px solid #ffffff; /* Fokus-Umrandung für Tastatur-Nutzer */
        }

        .social-link.instagram:hover, .social-link.instagram:focus {
            background-color: none;
        }
        

        .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}



/* Wenn per Tab navigiert wird, zeigen */
.visually-shown {
    position: static;
    width: auto;
    height: auto;
    margin: 10px 0;
    padding: 10px;
    background: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
}

 div#fanycorange a {
    color: #fff;
} 
 div#fanycgelb a {
    color: #fff;
} 
 /*Suche*/
/* Suchbereich rechts ausrichten */
#neuesuche {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px;
}

/* Suchformular – flexibles Layout */
#neuesuche .search-form {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: white;
  max-width: 250px; /* Kompakte Breite */
  width: 100%;
  height: 36px; /* Standardhöhe */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease-in-out;
  position: relative; /* Position für den Button */
}

/* Eingabefeld */
#neuesuche .search-form input {
  flex: 1;
  border: none;
  padding: 6px 10px;
  font-size: 14px;
  outline: none;
  background: transparent;
  height: 100%;
  padding-right: 40px; /* Platz für den Button */
  text-align: left; /* Eingegebener Text bleibt links */
  min-width: 180px; /* Stellt sicher, dass genug Platz für den Placeholder vorhanden ist */
  margin-top: 8px;
}

/* Placeholder mittig ausrichten */
#neuesuche .search-form input::placeholder {
  font-size: 14px;
  color: #999; /* Dezente Farbe */
  white-space: nowrap; /* Verhindert, dass der Text abgeschnitten wird */
  overflow: visible; /* Stellt sicher, dass der Placeholder vollständig sichtbar bleibt */
  display: block;
}

/* Such-Button – fest rechts positioniert */
#neuesuche .search-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: #0073e6;
  color: white;
  padding: 0 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#neuesuche .search-button:hover {
  background: #005bb5;
}

/* Such-Icon richtig platzieren */
#neuesuche .search-button i {
  font-size: 16px;
}

/* Responsive Anpassung für Mobile */
@media (max-width: 768px) {
  #neuesuche {
    justify-content: center;
  }

  #neuesuche .search-form {
    max-width: 200px;
  }

  #neuesuche .search-form input {
    font-size: 12px;
    min-width: 160px;
  }

  #neuesuche .search-button {
    padding: 0 10px;
    font-size: 12px;
  }
}

/* Barrierefreies Verstecken des Labels */
#neuesuche .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.left {
  color: #000;
  font-size: 16px;
}

#bottom .inside .right a {
  color: #000;
  font-size: 16px;
}

#privacy_optout_link {
  position: static;
  display: inline-block;
  cursor: pointer;
  color: #007bff;
  font-size: 16px;
  background: none;
  width: auto;
  height: auto;
  box-shadow: none;
  border: none;
  border-radius: 0;
  text-decoration: none;
}

/* Korrektur des Focus-Selektors */
#privacy_optout_link:focus {
  border-color: #fc4830 !important;
  transform: scale(1.05);
  padding: 3px;
  border-width: 5px !important;
  border: outset !important;
  outline: none; /* Optional, wenn du nur die Border sehen möchtest */
}

.inside {
  font-size: 14px !important;
}

time {
  color: #000;
}

.ce_headline_extended.header-text.mb-0.align-left.color-white.block {
  position: absolute;
  top: 200px;
  left: 200px;
}

.smartmenu-close:focus {
    outline: 2px solid #fc4830 !important; /* Blaue Umrandung für Fokus */
  outline-offset: 4px; /* Abstand der Umrandung vom Link */
}

.smartmenu-trigger:focus, .subitems_trigger:focus {
    outline: 2px solid #fc4830 !important; /* Blaue Umrandung für Fokus */
  outline-offset: 4px; /* Abstand der Umrandung vom Link */
}

.hyperlink_txt:focus {
	border: outset;
    border-color: #fc4830;
    transform: scale(1);
    border-width: 5px;
}


.ce_iconbox_v3_link:focus,
.ce_iconbox_v3_link-wrapper a:focus {
	border: outset;
    border-color: #fc4830;
    transform: scale(1);
    border-width: 5px;
}

/* Optional: Wenn du auch dem ganzen Kasten einen Fokusstil geben willst */
.ce_iconbox_v3_inside:focus-within {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}

/* Für zusätzliche Klarheit: bei Icons im Link */
.ce_iconbox_v3_link i:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.75);
	border-radius: 50%;
}

a:focus {
border: outset !important;
  border-color: #fc4830 !important;
  transform: scale(1);
  padding: 3px;
  border-width: 5px !important;
  margin-left: 3px;   
}

.visually-hidden {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.socials a:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.75);
	border-radius: 4px;
}
#accessibility_widget {
 
  padding-left: 10px;
  padding-right: 10px;
}