*{
	font: sans-serif;
}
::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}
/* width */
::-webkit-scrollbar {
  width: 3px;

}

/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.8);
 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.99);
}
body{
	margin: 0;
	padding: 0;
	font-family: Roboto,sans-serif;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
	box-sizing: border-box;
	position: relative;
}
.header{
	width: 100%;
	height: 75px;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 8px 3px #fff; 
	box-shadow: 0px 0px 8px 3px #fff;
	transition: 0.3s;
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	background: #607b8f;
	color: white;
}
.header > div{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	position:relative;
	overflow: hidden;
}
.mobmenubtnbg{
	position: fixed;
	right: 0;
	top: 0;
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999999;
	border-radius: 100%;
	background: #607b8f;
}
.headinfobg{
	width: calc(100% - 75px);
	height: 75px;
	display: flex;
}
.logobg{
	width: 40%;
	height: 75px;
	display: flex;
	align-items: center;
}
.desktitlebg{
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 75px;
}
.desktitlebg a{
	font-weight: 600%;
	font-size: 150%;
		display: none;
}
.logoinfo{
	
}
.icon-amm_logo{
	font-size: 300%;
	margin-left: 15px;
}
.website{
	margin-top: 75px;
	height: calc(100% - 75px);
	overflow-y: scroll;
}
.logoinfo div:nth-child(1){
	margin-left: 7.5px;

}
.logoinfo div:nth-child(2){
	margin-left: 40px;
	
}
.deskmenubg{
	width: 60%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.deslmenulink{
	padding-left: 35px;
	padding-right: 35px;
	height: 100%;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 130%;
	transition: 0.3s;
}
.deslmenulink:hover{
	border-bottom: 3px solid #fff;
	background: rgba(255, 255,255,0.8);
	margin-bottom: 3px;
	cursor: pointer;
	color: #607b8f;
}
.mobmenuopened{
	width: 0px;
	height: 0px;
	background: #607b8f;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	border-radius: 100%;
	transition: 0.1s;
}
.neuesdiv{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 100%;
}
.nrlink{
	color: #fff!important;
	margin-left: 15px;
}
.nrlink:hover{
	cursor: pointer;
}
.menucontent{
	width: calc(100% - 30px);
	height: 80%;
	max-width: 650px;
	position: relative;
		color: white;
		overflow: hidden;
}
.mobmenubgimg{
	bottom: -75px;
	position: absolute;
	font-size: 200px;
	right: -35px;
	color: white;

}

.mobmenutxt{

	font-size: 90%;
	font-weight: 600;
	margin-top: 5px;

}
.mobmenulin{
	width: 100%;
	height:55px;
	background: rgba(255,255,255,0.1);
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	font-weight: 600;
}
.mobmenulin > div:nth-child(1){
	width: calc(100% - 55px);
	height: 100%;
	display: flex;
	align-items: center;
}
.mobmenulin > div:nth-child(2){
	width: 55px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobmenulinks{
	margin-top: 25px;
}
.mobmenutxtpos{
	margin-left: 25px;
}
.website > div:nth-child(1){
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.startbg{
}
.zeitenbg{
	text-align: start;
	width: calc(90% - 50px);
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	position: relative;
	font-size: 80%;
	background:  #607b8f;
	border-radius: 30px;
	color: white;
		-webkit-box-shadow: 0px 0px 8px 3px #607b8f; 
	box-shadow: 0px 0px 8px 3px #607b8f;
}
.zeitlinks{
	width: 10%;
}
.zeitrechts{
	width: 90%;

}
.zeittxtbg{
	margin-bottom: 5px;
}
.introducebg{
	width: calc(90% - 50px);
	background: #607b8f;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	padding: 25px;
	font-size: 80%;
	position: relative;
	-webkit-box-shadow: 0px 0px 8px 3px #607b8f; 
	box-shadow: 0px 0px 8px 3px #607b8f;
}
.phonebgpos{
	position: absolute;
	width: 40%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 700%;
	color: rgba(255,255,255, 0.2);
	top: 0;
	right: 0;
}
.zeiten{
	display: flex;
}
.zeitheader{
	font-size: 150%;
	font-weight: 600;
	margin-bottom: 15px;
}
.boxheader{
	font-size: 150%;
	font-weight: 600;
}
.boxinfobg{
	margin-top: 15px;
}
.flexshit{

		display: flex;
	align-items: center;
	justify-content: center;

	padding-left: 30px;
}
.persname{
	color: #607b8f;
	font-weight: 600;
}
.engagebuttonbg{
	width: 100%;

	
margin-top: 15px;
	display: flex;
	cursor: pointer;
}
.engagebuttonbg div:nth-child(1){
	width: 55px;
	
	display: flex;
	align-items: center;
	
	font-size: 150%;
}
.engagebuttonbg div:nth-child(2){
	width: calc(100% - 55px);
		display: flex;
	align-items: center;
font-size: 150%;
	
}
.engagebuttonbg:hover .engagelinktxt{
border-bottom: 1px solid white;

}
.headimgbg{
	width: 100%;
	height: 300px;
		display: flex;
	align-items: center;
	justify-content: center;
	font-size: 200%;
	font-weight: 600;
	color: #607b8f;
	margin-bottom: 25px;
				background-image: url(../img/headimg.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.headimgtxt{
	padding: 15px;
	background: rgba(255,255,255,0.95);
}
.smallengagetxt{
	margin-top: 25px;
	width: calc(90% - 50px);
	max-width: 700px;
	padding: 25px;
		background: #607b8f;
	border-radius: 30px;
	color: white;
	font-weight: 600;
	font-size: 150%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 25px;
	overflow:hidden;
	z-index: -3;
		-webkit-box-shadow: 0px 0px 8px 3px #607b8f; 
	box-shadow: 0px 0px 8px 3px #607b8f;
}
.smallengagetxt a{
	z-index: 1;
}
.smallengageicobg{
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
		display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,0.2);
	font-size: 300%;
	z-index: 0;
}
.infobg{
	margin-top: 25px;
	width: calc(90% - 50px);
	max-width: 700px;
	padding: 25px;
	overflow:hidden;
	margin-bottom: 25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.title{
	margin-bottom: 25px;
	color: #607b8f;
	font-weight: 600;
	font-size: 140%;
}
.perspicbg{
	width: 100%;
	height: 200px;
		display: flex;
	align-items: center;
	justify-content: center;
}
.persimg{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #607b8f;
		display: flex;
	align-items: center;
	justify-content: center;
	font-size: 400%;
	color: white;
}
.persinfo{
		display: flex;
	align-items: center;
	justify-content: center;
}
.footer{
	width: 100%;
	height: 75px;
	background:#607b8f;
			display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.footer a{
	color: white;
}
.imp{
	margin-right: 15px;
	cursor: pointer;
}
.impbg{
	margin-top: 35px;
}
.dat{
	margin-left: 15px;
	cursor: pointer;
}
.datenschutzundso{
width: calc(100% - 50px);
overflow: hidden;
padding: 25px;
	background: white;
	z-index: 9999;
}
.leistungenbg > div{
	width: calc(90% - 50px);
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	background: #607b8f;
	color: white;
	padding: 25px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
		-webkit-box-shadow: 0px 0px 8px 3px #607b8f; 
	box-shadow: 0px 0px 8px 3px #607b8f;
}
.leistungheader{
	font-size: 150%;
	font-weight: 600;
	margin-bottom: 15px;
}
.hoverbg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: 0.3s;
	background: #607b8f;
				display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.leistungenbg > div:hover .hoverbg{
	height: 100%;
}
.leistbgimg{
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
					display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,0.2);
	font-size: 700%;
}
.engagebtn{
	padding: 15px;
	background: rgba(255,255,255,0.95);
	color:#607b8f;
	font-size: 120%;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
	text-decoration:none;
}
	.engagebtn:active{
	border: 3px solid rgba(255,255,255,0.95);
	background: transparent;
	color: white;
}
.kontaktbg{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	text-align: center;
}
.kontaktbg a{
	text-decoration: none;
}
.kontheader{
	font-size: 150%;
}
@media screen and (max-height: 400px){
	.menucontent{
		overflow-Y: scroll;
	}
	
}
@media screen and (max-width:979px){
	.kontheader{
	font-size: 80%;
}
	.headimgtxt{
		font-size: 80%;
	}
	.engagebtn, .headimgtxt{
		zoom: 0.8;
	}
	.leistungenbg{
		font-size: 90%;
	}
	.deskmenubg{

	display: none;
}
.zeitenbg{
	margin-top: 25px;
}
}
@media screen and (min-width:980px){
	.engagebtn:hover{
	border: 3px solid rgba(255,255,255,0.95);
	background: transparent;
	color: white;
}
	.leistungenbg{
		display: flex;
	}
	.leistungenbg > div{
		width: calc(50% - 25px);
	}
	.leistungenbg > div:nth-child(1){
		margin-left: 12.5px;
		margin-right: 12.5px;
	}
	.leistungenbg > div:nth-child(2){
		margin-right: 12.5px;
		margin-left: 12.5px;
	}
	.headimgbg{
	height: 400px;
	background-position: center top;
	}
	.engagebuttonbg{
		height: 45px;
	}
	.startbg{
		display: flex;
		
	}
	.introducebg{
		width: calc(56% - 25px);
		margin-left: 25px;
	}
	.introducebg{
		font-size: 130%;
	}
	.zeitenbg{
	width: calc(44% - 50px);
	font-size: 130%;
	margin-left: 25px;
	margin-right: 25px;
}
	.mobmenubtnbg, .mobmenuopened{
		display: none;
	}
	.desktitlebg a{
		display: block;
	}
	.deskheaderbg{
		z-index: -1;
		font-size: 400px;
		position: absolute;
		bottom: -150px;
		right: -110px;
	}
.header{
	height: 175px;
}
.website{
	margin-top: 175px;
	height: calc(100% - 175px);
	overflow-y: scroll;
}
.menubtnbg{
	display: none;
}	
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?xr9j9t');
  src:  url('../fonts/icomoon.eot?xr9j9t#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?xr9j9t') format('truetype'),
    url('../fonts/icomoon.woff?xr9j9t') format('woff'),
    url('../fonts/icomoon.svg?xr9j9t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-hhskylineimg:before {
  content: "\e900";
}


.icon-amm_logo:before {
  content: "\e901";
}

.row{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
label.hamburg { 
   display: block;
  width: 30px; height: 30px; 
   position: relative;
   margin-left: auto; margin-right: auto;
   border-radius: 4px;
   margin-top: -3px;
cursor: pointer;
}
input#hamburg{
	display: none;
}
.smallpadding{
	height: 100%;
	width: 100%;
}
.line { 
   position: absolute; 
   height: 4px; width: 30px; 
   border-radius: 2px;
   display: block; 
   transition:all 0.2s; 
   transform-origin: center;
   background: #fff;
}

.line:nth-child(1) { top: 8px; transform: rotateY(180deg);}
.line:nth-child(2) { top: 16px; }
.line:nth-child(3) { top: 24px; transform: rotateY(180deg);}

.hamburger-active .line:nth-child(1){
	transform: translateY(8px) rotate(-45deg);
	background: red;
}
.hamburger-active .line:nth-child(3){
	transform: translateY(-8px) rotate(45deg);
	background: red;
}
.hamburger-active .line:nth-child(2){
opacity: 0;
}


.cookie-banner {
  position: fixed;
  bottom: 65px;
  left: 10%;
  right: 10%;
  padding: 10px 18px;
  background-color: #607b8f;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  color: white;
}
.cschließen {
  height: 20px;
  background-color: white;
  border: none;
  color: #607b8f;
  border-radius: 3px;
  cursor: pointer;
 margin-right: 10px;
 position: absolute;
 top: 5px;
 right: -5px;

}
.newcbanner{
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
}
.aabbtn{
	padding: 5px 10px;
	color: #607b8f;
	border-radius: 3px;
	border: none;
	 background-color: white;
	 cursor: pointer;
}
.aabbtn2{
	padding: 5px 10px;
	color: #607b8f;
	border: none;
	border-radius: 3px;
	 background-color: white;
	  cursor: pointer;
}