.voll{

width: 100%;


}

h1{

margin-left: 11px;
float: left;
font-family: 'Open Sans', sans-serif;
font-style: bold;
font-weight: 700;
font-size: 35px;


font-feature-settings: 'tnum' on, 'lnum' on;

color: #FFFFFF;
}

h2{

margin-left: 0;
float: left;
font-family: 'Open Sans', sans-serif;
font-style: bold;
font-weight: 700;
font-size: 1.5rem;


font-feature-settings: 'tnum' on, 'lnum' on;

color: #000000;
}

h7{

margin-left: 11px;
float: left;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 35px;


font-feature-settings: 'tnum' on, 'lnum' on;

color: #FFFFFF;
}



a{

  text-decoration: none;
  color:#000000;

}

a:hover{

  text-decoration: none;
  
}

.reiter{
  margin-top: 0px;
  margin-left: 0px;
  background-color: #EB272A;
  width:100%;


}

button {
  background-color: #EB272A;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 33px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 5px #212121;
  
}

button:hover {
  background-color: #cc0000;


}

.btn-black{
    background-color: #000;
    font-size: 13px;
    margin-top: 19px;
    margin-bottom: 11px;
}

.spd{

  color:white;
}






  /* Tabellen - Termine */

.termin{

  margin-bottom: 5%;




}


.termin-title{
  
width: calc(100% - 49px);
margin-left: 41px;
margin-right: 23px;
margin-top: 3%;
margin-bottom: 2%;
display: flex;
justify-content: space-between;

    position: relative;
    z-index: 10;

text-shadow:  1px  1px 1px #E3000F,
                  1px -1px 1px #E3000F,
                 -1px  1px 1px #E3000F,
                 -1px -1px 1px #E3000F;    
    
}


  .termin-head{
    
  width: calc(100% - 82px);
  margin-left: 41px;
  margin-right: 41px;
  margin-top: 3%;
  display: flex;
  border: 1px solid #EB272A ;
  justify-content: center;
      
  background-color: #fff;
      
  position: relative;
  z-index: 11;
  }


  .termin-head-item{
   
  width: 20%;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none;





  }

 

  .termin-head-itemb{
   
 margin-left: 5%;
   margin-right:5%;
      width: 20%;
  text-align: center;




  }




  .termin-body-itemb{

   margin-left: 5%;
   margin-right:5%;
      width: 20%;
  text-align: center;



  }


















/* Roter Löwe */







.tab-rl-head{

  margin-left: 10%;
  margin-right: 10%;
  width:80%;
  background-color: #EB272A;
  border: 1px solid #EB272A ;


  

}

.tab-rl-body{

  margin-top: 0.5%;
  margin-left: 10%;
  margin-right: 10%;
  width:80%;
 
  border: 1px solid;
}

.tab-rl-body:hover{



    background-color:#EB272A;
    border: 1px solid #EB272A ;
}




#backhach{
    font-family: 'Alex Brush', cursive;
    z-index: 1;
    
    position: absolute;
width: 1126px;
height: 368px;
left: -40px;
top: 300px;

font-weight: 400;
font-size: 300px;
line-height: 0px;
/* identical to box height */

color: rgba(227, 0, 15, 0.13);
}



.tabelinfo{
    margin-left: 2%;
    height: auto;
    width: calc(40% - 23px);
    min-width: 33%;
    max-height: 300px;
    
    font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 21px;
}

#iconstable{
    float: right;
    margin-right: 7px;
}

.tabelinfo tr {
height: 15px;
}








#message{
    height: 111px;
    border-radius: 23px 23px 0px 23px;
    margin-bottom: 17px;
}


@media screen and (max-width: 850px) {
  .kontakt-body2, .tabelinfo {
    width: 100%;
      margin-right: 23px;
  }
}

@media screen and (max-width: 850px) {
  .kontakt-body2 {
   margin-top: 56px;
  }
}






      .raw-response {
        width: 100%;
        height: 60px;
      }

      .nav-container {
        margin-top: 20px;
        font-size: 20px;
        display: inline-block;
        width: 100%;
      }

      .nav-next {
        float: right;
      }


      html {
        scroll-behavior: smooth;
      }

/* Cookies */

.cookie-form {
  background-color: #fff;
  border: 1px solid #000000;
  padding: 20px;
  font-family: Arial, sans-serif;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 10px;

}

.cookie-form p {
  margin-top: 0;
}

.cookie-form label {
  display: block;
  margin-bottom: 10px;
}

.cookie-form {
  margin-top: 20px;
}

.select-container {
  margin-top: 20px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);

}


.cookie-form select {
  font-size: 16px;
  padding: 5px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;


}

.cookie-form button[type="submit"] {
  background-color: #EB272A;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 5px #212121;
  
}

.cookie-form button[type="submit"]:hover {
  background-color: #cc0000;


}
.cookie-form input[type="checkbox"] {
  margin-right: 5px;
}



.div-body-top
{

  background-color: #FFFFFF;
  background-image:linear-gradient(to top, #EB272A 100%, transparent 0);
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;



}



.div-body-mid {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90%;


  
  background-size: cover;
  background-position: center;

}

.img-cookie {
filter: blur(5px);
}

/* Über uns  */



/* Mach mit */

.inhalt-links-3{

margin-top: 2%;
margin-bottom: 2%;
margin-left: 15%;
width: 100%;
border: 5px solid #EB272A;
border-radius: 10px;


}


.inhalt-mitte-3{


margin-top: 2%;
margin-bottom: 2%;
margin-left: 5%;
margin-right: 5%;
width: 100%;
border: 5px solid #EB272A;
border-radius: 10px;




}

.inhalt-rechts-3{

margin-top: 2%;
margin-bottom: 2%;
width: 100%;
border: 5px solid #EB272A;
border-radius: 10px;


}


/*Kontakt*/
.inhalt-unten{
margin-top: 2%;
margin-bottom: 2%;
width: 100%;
border: 5px solid #EB272A;
border-radius: 10px;


}


/*
.contmehr{
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 170px;
    margin-bottom: 41px;
    margin-top: 41px;
    width: calc(100% - 129px);
    justify-content: space-between;
    
}

.link1, .link2, .link3{
    width: 100%;
    background: #FFFFFF;
    border: 2px solid #E3000F;
    padding: 23px;
    height: calc(100% - 41px);
    margin: 0px;
    
    
}


.link3t{
    width: 50%;
    background: #FFFFFF;
    border: 2px solid #E3000F;
    padding: 23px;
    height: 80%;
    margin-left: 23px;
    padding-right: 162px;
    
}
*/

/*
.contmehr {
  display: flex;
  justify-content: space-between;
    margin: 41px 120px 41px 23px;
    gap: 23px;
    width: 100%;
}

.link {
  flex: 1;
  max-width: 300px;
  background-color: #fff;
  border: 2px solid pink;
  transition: all 0.3s ease;
  text-decoration: none;
  color: black;
  padding: 20px;
  text-align: center;
}

.link:hover {
  background-color: pink;
  width: 100%;
  color: white;
  border-color: pink;
}

.link h2 {
  margin-bottom: 10px;
}

.link i {
  display: block;
  font-size: 24px;
  margin-top: 10px;
}
*/


.contmehr {
  display: flex;
  justify-content: space-between;
  margin: 41px 120px 41px 23px;
  gap: 23px;
  width: 100%;
}

.link {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 300px;
  background-color: transparent;
  border: 2px solid #E3000F;
  transition: all 0.3s ease;
  text-decoration: none;
  color: black;
  padding: 20px;
  text-align: left;
  position: relative;
  overflow: hidden;
  align-content: flex-start;
}

.link:hover {
  background-color: #E3000F;
  width: 100%;
  color: #fff;
  border-color: #E3000F;
}

.link h2 {
  margin-bottom: 10px;
  font-size: 20px;
  opacity: 1;
  transition: opacity 0.3s ease;
  margin-left: 10px;
  position: relative;
  display: flex;
  visibility: visible;
    color: #000;
}

.link i {
  display: flex;
  font-size: 44px;
  margin-right: 10px;
  transition: all 0.3s ease;
  z-index: 3;
    align-self: center;
}

.link:hover i {
    display: flex;
   margin: 0 23px;
  font-size: 44px;
    
}

.link:hover h2 {
    color: #fff;
  opacity: 1;
    visibility: visible;
}


#iconlinkmehr{
    font-size:2em;
    color:#000000;
}


.emptybot{
    height: 111px;
    z-index: -1;
}