.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;
}



.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;
}

.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;
;
}

.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 .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%;
}
.jumbotron2 {
  background-image: url("../img/dhwa/header_blur-res2.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%);


}


.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  <!-- backface-visibility: hidden; -->
}

.middle {
  transition: .01s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translate(-43%, -43%);
  -ms-transform: translate(-43%, -43%);
  text-align: center;
}

.middle-box-div:hover .image {
  opacity: 0.5;
}

.middle-box-div:hover .middle {
  opacity: 1;
}

.text {
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding: 16px 16px;
  z-index:100;
}
.impressumDiv {
    display: flex;
    justify-content: space-between;
  }
@media only screen and (max-width: 592px) {
  .impressumDiv {
    display: block !important;
    text-align: center !important;
  }
  .randimpressum{
    text-align: center;
  }
}

.impressumDiv {
  display: flex;
  justify-content: space-between;
}