* {
margin: 0;
padding: 0;
}

body {
  font-family: Rajdhani;
/* font-family: Tahoma, Verdana, sans-serif; */
font-size: 100%;
}


h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 2.2em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 1.5em;
}

a {
  font-size: 0.9em;
}



.hintergrundbild1  {
background-color: #21625a; 
background-image: url("../img/pexels-markus-spiske-3806749.webp"); 
background-size: cover;
background-repeat: no-repeat;
width: 100%;
margin-top: auto;
/* background-blend-mode: darken; */
 
}
/* Ende Navigation  !!!!!!!!!!!!!!!!!!!  */

.hauptteil {
display: block;
height: 95vh;
padding-top: 8vh;
background-color: #21625a; 
}

.hauptteil h1, h2 {
text-align: center;
line-height: 2.9vh;
color: white; 
text-shadow: 2px 2px #21625a;
padding-top: 3vh;
}

.hauptteil h3{ 
  color: white;
  text-shadow: 2px 2px #21625a;
  }

.hauptteil .service {
display: block;
margin: 2.2vh 20vw;
}


.service {
padding-top: 3vh; 
width: 80%;
color: #EAAD29;
}

@media screen and (max-width: 800px){
  .hauptteil h1 {font-size: 1.6em;}
  .hauptteil h2 {font-size: 1.3em;}
  .hauptteil h3 {font-size: 1.1em;  text-shadow: 1px 1px #21625a;}
  .hauptteil .service { display: block; margin: 0.5vh 1.0vw; /* text-align: center; */
  }
  }

/*  Ende von Hauptteil !!!!!!!!!!!!!!  */

/* Start von beschreibung ///////////// */

.entwicklung {
  display: block;
  text-align: center;
  margin-top: 4vh;
  }

#verlinkung {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 10vh;
    width: 100%;
  }

button {
    border-radius: 4px;
    margin: 3% 3%;
    padding-top: 0.8%;
   }

button.robethood__link {
align-items: center;
justify-content: center;
background-color: #EAAD29;
width: 25vw;
height: 9vh;
border: 2px solid #21625a;
}

button.robethood__link a {
color: white;
text-decoration: none;
font-size: 1.4em;
}

#beschreibung {
  display: block;
  height: 15vh;
  background-color: #21625a;
}

.vorgang {
color: white;
margin: 0px 30px;
}

.vorgang h3 {
padding-top: 3vh;
text-align: center;
}

@media screen and (max-width: 800px){
  button.robethood__link a {font-size: 0.9em;}
  }
   
  footer {
  background-color: #21625a;
  width: 100%;
  height: 25vh;
  /* z-index: 9999; */
  }

.fussnote {
  display: flex;
  height: 15vh;
  width: 90%;
  line-height: 1.8vh;
  }

 .fussnote p, a {
  color: #EAAD29;
  font-size: 0.9em;
  padding: 2vh 1vw 0 5vw;
  text-decoration: none;
      }

.fussnote1 {
  width: 29%;
}

.fussnote2 {
  width: 29%;
 text-align: left;
 
} 

  /*.fussnote2 a, p {
   color: #EAAD29;
  text-decoration: none;
   } */