legant {
  background-color: hsl(20,30%,80%);
  letter-spacing: .15em;
  color: hsl(0,35%,0%);

  text-shadow:
    -1px 2px 1px hsl(0,0%,52%),
    -2px 4px 1px hsl(0,0%,54%),
    -3px 6px 1px hsl(0,0%,56%),
    -4px 8px 1px hsl(0,0%,58%),
    -5px 10px 1px hsl(0,0%,60%)

}
.mmbautext {
   color: hsl(0,0%,0%);
font-family: Arial;
font-size: 14pt;
   background: hsl(0,100%,100%);
  letter-spacing: .15em;
   text-shadow:
     0 1px 0 hsl(0,0%,60%),
     1px 2px 0 hsl(0,0%,58%),
     1px 1px 0 hsl(0,20%,56%),
     0 3px 0 hsl(0,0%,54%),
     0 4px 0 hsl(0,20%,52%);
}

.sw3D {  
color: hsl(255%,50%,100%);
font-family: Arial;
font-size: 16pt;	
background: hsl(0,100%,100%);
letter-spacing: .15em;	
	text-shadow: 0 1px 0px hsla(0, 0%, 50%, 1), 0 2px 0px hsla(0, 0%, 55%, 1), 0 3px 0px hsla(0, 0%, 60%, 1), 0 4px 0px hsla(0, 0%, 65%, 1), 0 5px 0px hsla(0, 0%, 70%, 1), 0 6px 0px hsla(0, 0%, 75%, 1), 0 7px 0px hsla(0, 0%, 80%, 1), 0 8px 0px hsla(0, 0%, 85%, 1), 0 9px 0px hsla(0, 0%, 90%, 1);
}


.elegantred {
  letter-spacing: .15em;
  color: hsl(0,100%,50%);


}
.text-3d {
   color: hsl(0,45%,0%);
   background: hsl(0,100%,100%);
   text-shadow:
     0 1px 0 hsl(0,0%,60%),
     1px 2px 0 hsl(0,0%,58%),
     1px 1px 0 hsl(0,0%,56%),
     0 3px 0 hsl(0,00%,54%),
     0 4px 0 hsl(0,0%,52%);
}
.text-3d-blue {
   color: hsl(255,100%,50%);
   background: hsl(0,100%,100%);
   text-shadow:
     0 1px 0 hsl(0,0%,60%),
     1px 2px 0 hsl(0,0%,58%),
     1px 1px 0 hsl(0,20%,56%),
     0 3px 0 hsl(0,0%,54%),
     0 4px 0 hsl(0,20%,52%);
}

nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

nav li {
	list-style: none;
	margin: 0em;
	padding: 0;
	font-size: 1.5em;

}

@media (min-width: 25em) {
	nav ul {
		flex-direction: row;
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: solid;
	font-weight: bold;
	text-align: center;
	text-shadow:      0 15px 15px hsl(15,20%,50%);
	border: 1px solid white;
	border-radius: 1px;

	box-shadow: 0 5px 10px grey;
	box-shadow: 0 5px 10px white inset;
	color: white;
	background-color: blue;
	transition: all .25s ease-in;
}

nav li[aria-current] a {
	background-color: green;
	color: black;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: blue;
	background-color: white;
}


ul.features {width:100%;}
ul.features li {float:middle;width:30%;margin-right:25px;list-style:none;}
ul.features li img {vertical-align:middle;}
ul.features li h2 {margin:0px 0 0;padding:6px 10px;border:1px solid #f3e49f;width:100%;background:#f3e49f}
ul.features li p {color:white;}

#contactInfo {clear:both;padding-top:-0px;height:60px;background:url(https://www.hermetic-service.de/img/bg/contactInfo.png) no-repeat 0 60px;}
#contactInfo ul {float:middle;}
#contactInfo ul li {display:inline;color:#aaa;font-size:16px;font-weight:bold;margin-right:10px;padding-left:20px;}
#contactInfo ul li a {color:#aaa;text-decoration:none;}
#contactInfo ul li a:hover {text-decoration:underline;}
#contactInfo ul li.address {background:url(https://www.hermetic-service.de/img/icons/address.png) no-repeat 0 50%;}
#contactInfo ul li.phone {background:url(https://www.hermetic-service.de/img/icons/phone.png) no-repeat 0 50%;}
#contactInfo ul li.email {background:url(https://www.hermetic-service.de/img/icons/email.png) no-repeat 0 50%;}

/* link and form buttons */
a.moreBtn, form button {display:inline-block;padding:3px 18px 3px 10px;text-decoration:none;background-image:url(https://www.hermetic-service.de/img/bg/moreBtn.png);background-repeat:repeat-x;background-position:100% 50%;color:gold;margin:-11px 0 9px 0;border:none;cursor:pointer;font-weight:bold;}
a.moreBtn:hover, form button:hover {background-image:url(https://www.hermetic-service.de/img/bg/moreBtnHover.png);}

<style type="text/css">

input.sendButton {
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   font-style: normal;
   background-color: #E4E4E4;
   width: 70px;
   cursor: pointer;
   border: 1px solid #576675;
}

input.sendButton:hover {
   font-size: 11px;
   color: #FFFFFF;
   font-weight: normal;
   font-style: normal;
   background-color: #3B5998;
   width: 70px;
   cursor: pointer;
   border: 1px solid #FFFFFF;
}

input.clearButton {
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   font-style: normal;
   background-color: #E4E4E4;
   width: 70px;
   cursor: pointer;
   border: 1px solid #576675;
}

input.clearButton:hover {
   font-size: 11px;
   color: #FFFFFF;
   font-weight: normal;
   font-style: normal;
   background-color: #FF0000;
   width: 70px;
   cursor: pointer;
   border: 1px solid #FFFFFF;
}

</style>