body {
  font-size: 100%;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 3.5vh;
  color:inherit;
}

h2 {
  font-size: 2.5vh;
}
h3{
  font-size: 2vh;
}

p {
  font-size: 1.6vh;
}

/*
#left{
	position: absolute;
	position: fixed;
	width: 20%;
	top: 1vh;
	left: 1vh;
	z-index: 1;
	color: white;
	float: left;
}

.step {
	display: grid;	
	width: 100%;
	grid-template-columns: auto 90%;
	padding: 3vh 0.5vh; 
}

.marker {
	content:" ";
	z-index: 2;
    height: 2vmin;
	width: 2vmin;
	top: 0.5vh;
	border-radius:50%;
 	background: white;
	transition:all ease 0.3s;
}

.navtxt {
	color: white;
	margin-top: 1vmin;
	margin-left: 1vmin;
	font-family: "Roboto", sans-serif;
	font-size: 2vmin;
	text-shadow: 0.5px 0.5px 1px grey;
	transition:all ease 0.5s;
}

#links div.marker.active {
	position: relative;
	left: -0.25vmin;
	background: #a1b1ca;
	border:solid 0.3vmin #fff; 
	border-radius:50%;
	box-shadow:0 2px 13px -1px rgba(0,0,0,0.3);
	transition:all ease 0.3s; 
}

#links div.navtxt.active {
	font-family: "Roboto", sans-serif;
	color: white;
	text-shadow: 1px 1px 2px black;
	margin-top: 1.17vmin;
    margin-left: 2.3vmin;
	font-size: 2.5 vmin;
	transition:all ease 0.3s;
}




#bugermenu{
	
}

*/


#right{
	width:100%;
	z-index: 0;
	float: right;
}


section {
  height: 110vh;
  position: relative;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
 }
	
.content {
	text-align: left;
	position: relative;
	padding-left: 17%;	
	top: 2vh;
	width: 70%
}

#content1{
	top: 20vh;
}
#content2 {
	top: 5vh;
}

/* Sections */
#section1 {
  background-image: url("./images/YosemiteOffice-dark.jpg");
  background-attachment:fixed;
  color: white;
  text-shadow: black 1px 1px;
  
    }

#section2 {
  background-color: #2e2e2e;
  height: 97vh;
  color: white;
}


#section3 {
	height: 0vh;
	color: black;
}

#partnerscontent{
	display: none;
	width: 100%;

}

#modus-logo {
	height: 8vh;
}
	
#step03 {
	display: none;
}
	
#section4 {
  height: 190vh;
  background-image: url("./images/FMBF63_2.jpg"); 
  background-attachment:fixed;
    }

#section5 {
  background-color: grey;
  height: 100vh;
  color: black;
  padding: 1vh 1vh 1vh 1vh;
}

#about-img {
	position: relative;
	width: 66%;
	top: 5%;
	filter: brightness(0.9);
	border: 1px solid #ddd;
 	border-radius: 4px;
 	padding: 5px;	
	transition: all ease 0.3s;
	left: 17%;
}

	
#contactleft {
	position: absolute;
	
}

#contactright{
	position: absolute;
	top: -20%;
	left: 10vh;
}
	


.btns {
	position: relative;
	background-color: #a1b1ca;
	top: 3vh;
	border: none;
	color: lightgrey;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	font-size: 3vh;
	border-radius: 15px;

	z-index: 30;
}

.btns:hover {
	background-color: darkgrey;
	cursor: pointer;
}


#content4container {
	position: relative;
	top: 0vh;
	height: 100%;
	
}

#content4 {
	position: relative;
	padding-left: 0%;
	width: 100%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr; 
	gap: 1vh;
/*	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); top: 20vh;*/
	height: 90%; 		 
}


#serviceheader {
	position: relative;
	top: 50%;
	color: white;
	font-size: 4.5vh;
	grid-column-start: 1;
	grid-column-end: 2;
	text-align: center;
	text-shadow: black 1.5px 1.5px;
}



.card {
  position: relative;
  background-color: rgba(10, 10, 10, 0.7);
  color: white;  
  text-align: center;
  padding: 2vh 1vh;
  font-size: 30px;
  border-radius: 20px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  z-index:30;
  transition:all ease 0.3s;
}

#QualityControl{
	
}


.cardtxt {
	position: absolute;
	top: 55%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	pointer-events: none;
	line-height: 3vh;
	font-size: 1vh;
}

.cardtitle {
	position: relative;
	pointer-events: none;
	font-size: 2.4vh;
	color: #61ce70;
	text-shadow: #61ce70 0.5px 0.5px;
}