/*Navi stuff */




nav ul li:hover > ul,
nav ul li:focus-within > ul {
  top: 100%;
  left: 0;
  opacity: 1;
}





nav ul ul li:hover > ul ,
nav ul ul li:focus-within > ul{
  top: 0;
  left: 300px;
  border-left: 1px solid #fff;
}






.custom-logo-link:focus-within{
  border: 1px solid #989898; 
}

/* Fokuszustand für Navigationsmenü */
nav a:focus-visible{
    border: 1px solid var(--selectedTextColor);
}


.main .fakten {
  color: #0078c9;
  background-color: #fcfcfc;
}

.main .fakten h3 {
  font-family: oss;
  font-size: 1.25em;
}

nav ul ul li a:hover, nav ul li.current-menu-parent > a, nav ul li.current-menu-parent ul li.current-menu-item > a, nav ul li ul li.menu-item-has-children:hover > a {
  background-color: #fff;
  color: #0078c9;
}


p strong {
  font-family: oss;
  font-weight: 500;
  color: #0078c9;
}

.main a{
  color: #0077C9; /* Barrierefrei  */
}

.main a:after{
  border-bottom: solid 0px #0077C9;
}


.main a:hover:after, .th3_downloads a:after{
  border-bottom: solid 1px #0077C9;
}


.th3_ansprechpartner, .th3_downloads h3, .th3_downloads a:hover, .th3_standorte .sidebar_cta:hover{
  color: #0077C9!important;
}


a.NewsButton{
  background-color: #0077C9!important;
}

a.NewsButton:after{
  border-bottom: solid 0px #0077C9;
}


.footer-upper, .footer-bottom {
  background-color: #0078c9;
}








.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 100;
  text-decoration: none;
  transition: top 0.3s;
}

.skip-link:focus {
  top: 3px;
  left:4px;
}



/*in der header-navigation.php ist der Link*/
/*in der page.php muss noch die ID "main" gesetzt werden */
a.skiptomain{
  display: none;

}

a.skiptomain:focus{
  display: block;

}


footer a:focus-visible,
.main a:focus-visible{
  border: 1px solid #000000!important;
  
}


.search-form .search-field {
  position: relative;
  top: 0;
  width: 100%;
  height: 35px;
  background-color: #ffffff;
  color: #000!important;
  transition: background-color 0.3s, color 0.3s;
  padding: 0 10px;
}

.search-form .search-field:focus {
  background-color: #fff;
  color: #0077c9;
}




.open_haupthaus {
  background-color: #fbfbfb;
}

.open_haupthaus strong {
  color: #0077c9;
}

/* Form-Stuff */

form input, form select {
  color: #010101;

}





input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000;
  font-size: 16px; /* normale Eingabetextgröße */
}
input:-moz-placeholder {
  color: #000;
  font-size: 16px; /* normale Eingabetextgröße */
}
input::-moz-placeholder {
  color: #000;
  font-size: 16px; /* normale Eingabetextgröße */
}
input:-ms-input-placeholder {
  color: #000;
  font-size: 16px; /* normale Eingabetextgröße */
}




form input, 
form select{
  background-color: #ffffff;
  border: 1px solid #aeaeae;
  color: #121212;
}

form textarea{
  background-color: #fff;
  border: 1px solid #aeaeae;
  color: #121212;

}


form input:focus, form textarea:focus, form select:focus{
  border: 1px solid #a9a9a9;
  background-color: #fefefe;
}


form input[type="submit"]{
  background-color: #fff;
  color: #fff;
  color: #0077C9;
  border:2px solid #0077c9;
  font-size: 1em;
}

form input[type="submit"]:hover{
  background-color: #0078c9;
  color: #fff;
}



form button#submit{
  background-color: #0078c9;
  color: #fff;
}