.l-no-horizontal-scroll {overflow-x: hidden}




button {
border: 1px solid black;
background-color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 20px 0% auto 0%;
cursor: pointer;

}


.active,
.accordion:hover {

}
/****** tk-service *********/

/****** online-modules *********/



.show {
display: block;
}

.btn {
border: none;
outline: none;
cursor: pointer;
}

.active,
.btn:hover {
color: white;
}


/****** unsortiert *********/



.button2 {

border-style: 2px solid #EEEAE5;
height: 35px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 5% 0% 10% 10%;
}


.hovermode .button_p{
position : relative;
display : inline-block;
}
.hovermode .button_p2{
position : relative;
display : inline-block;
}



.panel {
align-content: center;
max-width: 1000px;
margin: auto;
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}




select:invalid {
color: gray;
}

.button_p {
font-family:"SoletoTK_W_lt"
display: inline-block;

color: #454542;
cursor: pointer;
}
.button_p2 {
font-family:"SoletoTK_W_lt"
display: inline-block;

color: #454542;
cursor: pointer;
}

.hide{
visibility: hidden;
opacity: 0;

}


.hovermode{
}

.hovermode .button_p::after {
content : "";
position : absolute;
width : 100%;
bottom: 2px;
height : 2px;
background-color: #454542;
bottom: 0;
left: 0;
transform : scaleX(0);
transform-origin: bottom left;
transition : transform 0.3s linear;
}
.hovermode .button_p2::after {
content : "";
position : absolute;
width : 100%;
bottom: 2px;
height : 2px;
background-color: #009EE3;
bottom: 0;
left: 0;
transform : scaleX(0);
transform-origin: bottom left;
transition : transform 0.3s linear;
}


.hovermode:hover .asdr {
transform: rotate(90deg);
transition : transform 0.3s linear;
}

.asdr{
transform: rotate(0deg);
transition : transform 0.3s linear;
}

.hovermode:hover .button_p::after {
transform-origin: bottom left;
transform: scaleX(1);
}
.hovermode:hover .button_p2::after {
transform-origin: bottom left;
transform: scaleX(1);
}

.hovermode .timeline_img{
display:block;
border-radius: 1%;
transform: scale(1.0);
transition: transform 0.2s;
overflow: hidden;
background: black;
}

.hovermode:hover .timeline_img{
display:block;
transform: 0.3s ease-in-out;
transform: scale(1.1);
overflow: hidden;
display: block;
}

.hovermode:hover .hide {
transition: visibility 0s, opacity 0.2s linear;
}

.hovermode:hover .hide {
visibility: visible;
opacity: 1;
}


.jumbotron {
  background-image: url("../img/dhwa/header_blur-res.png");
  height:27.3vw;
  background-size: cover;
  
  z-index: -10;
    right: 0px;
    top: 0px;
   
  
   
    top: 0%;
}

.shadow_final{

box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);


}


.shadow{

box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%), 0 4px 10px 0 rgb(0 0 0 / 19%);


}