@font-face {
  font-family: "Poppins-Bold";
  src:
    local("Poppins-Bold"),
    url("Poppins-Bold.ttf") format("opentype") ;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src:
    local("Poppins-SemiBold"),
    url("Poppins-SemiBold.ttf") format("opentype") ;
}
@font-face {
  font-family: "Poppins-Medium";
  src:
    local("Poppins-Medium"),
    url("Poppins-Medium.ttf") format("opentype") ;
}
@font-face {
  font-family: "Poppins-Regular";
  src:
    local("Poppins-Regular"),
    url("Poppins-Regular.ttf") format("opentype") ;
}
html {
    scrollbar-width: none;
  }
body{width:100vw;
	font-family: poppins, sans-serif;
	font-style: normal;
	font-weight: 100;
	margin:0;padding:0;
//overflow-y: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	font-size:10px;
}
body::-webkit-scrollbar {
  display: none;
}
body:hover{/overflow-y: scroll;}
body > div{/max-width:1440px;/margin:auto;position:relative;}
#home{cursor:pointer}
menu{display:none}
h1,h2,h3{font-weight:normal}
#ovs{display:none}
header{
	background-color:#2f277c;
	background-image:url(header_bg.jpg);padding-top:57.361%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size: contain;position: relative;
	
}
#logo{position:absolute;top:10%;left:10%}
nav{position:absolute;top:7%;display:table;padding:0 5% 0 30%;font-size: 2.1em;font-family: Poppins-Bold;}
nav li{display:table-cell;padding:40px}
nav li a{text-decoration:none;color:#336;transition: color .4s;}
nav li a:hover {    color: white;}

h1{text-transform:uppercase;font-size:46px;color:#336;max-width:260px;position:absolute;top:17%;left:10%;font-family: Poppins-Bold;line-height:1.1}
main > h2{text-transform:uppercase;font-size:30px;color:#000;max-width:522px;font-family: Poppins-Bold;line-height:1.2;margin:60px auto; text-align: center;}
#about h2{text-transform:uppercase;font-size:30px;color:#000;font-family: Poppins-Bold;line-height:1.2;margin:60px auto; }
#about{margin: 10%;/padding-left:140px;font-family: Poppins-Regular;font-size:24px;line-height:1.5;}
#about img{float:right;border-radius:50%;height: 320px; margin: -20px 140px 0 140px;}

#bereiche{height:125px;background: url(reiter_bg.png);}
.reiter{
	width: calc(20% - 120px);
	height: 125px;
	float: left;
	vertical-align: middle;
	text-transform:uppercase;
	font-family: Poppins-SemiBold;
	padding-left:120px;
	line-height: 1.1;
	color:white;
	position:relative;
	top:0px;
	transition: all .4s ease-in-out;
	background-size: cover;
	cursor:pointer;
	}
	.reiter a {
  z-index: 5;
  position: absolute;text-decoration:none;color:#fff;top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);font-size: 1.76em;
}
.modal h3{margin: 0 0 15px;  /text-align: center;}
#jobs b, #privacy b, #privacy a{font-family:Poppins-SemiBold;color:black;text-decoration:none}
.modal h3 span{text-transform: lowercase;display:none}
#privacy{line-height: 1.2;max-width:66vw;width:66vw}
#mail-success::first-line{color:red}
#bereiche > div{padding-top:5px;transition: all .3s ease-in-out;}
#bereiche:hover > div{padding-top:0px;}
.reiter:hover{top: -10px;  height: 135px;}
.reiter:after{content:"";background-color: rgba(0,0,0,0.6);width:100%;height:100%;display: block;  position: absolute;  top: 0;  left: 0;z-index:2}
.reiter:hover:after{content:"";background-color: rgba(255, 0, 0, 0.7);background-color: ##db0042;opacity:0.6;width:100%;height:100%;display: block;  position: absolute;  top: 0;  left: 0;z-index:2}

	
#reiter1{	background-image:url(reiter1_bg.jpg);background-position: bottom;}
#reiter2{	background-image:url(reiter2_bg.jpg)}
#reiter3{	background-image:url(reiter3_bg.jpg)}
#reiter4{	background-image:url(reiter4_bg.jpg)}
#reiter4 a{	padding-left: 16px;}
#reiter5{	background-image:url(reiter5_bg.jpg)}	
.reiter a:before{content:''; position:absolute; top:-10px;left:-85px;vertical-align: middle;width:87px;height:61px;}
#reiter1 a:before{ background: url(smart1.png?i=x); }
#reiter2 a:before{ background: url(smart2.png?i=x); }
#reiter3 a:before{ background: url(smart3.png?i=x); }
#reiter4 a:before{ background: url(smart4.png?i=x); }
#reiter5 a:before{ background: url(smart5.png?i=x); }
.cols4, #services{padding:20px;margin: 10%;}
.col{width: 28.3%; padding: 2.5%; float: left;  text-align: center;min-height:460px;font-family: Poppins-Regular;font-size:24px;line-height:1.5;position:relative}
.col:hover{background:silver;background: #c0c0c073;border-radius:24px;}
h3{text-transform:uppercase;font-family: Poppins-Bold;font-size:24px;position:relative;margin-top:160px}
#col4{margin-left: 16.7%;margin-top: 4%;}
#col5{margin-right:16.7%;margin-top: 4%;}
#col1 h3:before{content: url(col1.png);position: absolute;  top: -160px;  left: calc(50% - 68.5px);}
#col2 h3:before{content: url(col2.png);position: absolute;  top: -160px;  left: calc(50% - 68.5px);}
#col3 h3:before{content: url(col3.png);position: absolute;  top: -160px;  left: calc(50% - 68.5px);}
#col4 h3:before{content: url(col4.png);position: absolute;  top: -160px;  left: calc(50% - 68.5px);}
#col5 h3:before{content: url(col5.png);position: absolute;  top: -160px;  left: calc(50% - 68.5px);}
[role="button"], .contactMe{
	display:block;letter-spacing: 2px;line-height: 1; width: fit-content; cursor:pointer;text-decoration:none;
	padding:12px 36px;background:#db0042;color:#fff;text-transform:uppercase;font-family: Poppins-SemiBold;font-size:18px;margin:36px auto;border-radius:21px;
}
.col [role="button"] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.contactMe{background:#2f277c;}
[role="button"]:hover{color:#2f277c;background:#fff ;}
.contactMe:hover{color:#2f277c;background:#fff ;border:1px solid #366}

#coop{
	margin: 10% 0;
	background-image:url(coop_bg.jpg);padding-top: 43.75%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size: contain;position: relative;
	/filter: brightness(80%) grayscale(50%);
	/filter: brightness(60%) grayscale(40%);
	
}
#coop h2{color:#fff;max-width:unset;top:10%;font-size: 36px; line-height: 1.35; letter-spacing: 5.0px;position: absolute;  left: 10%;font-family: Poppins-Bold;
  line-height: 1.1;text-transform: uppercase;}
#coop [role="button"]{position:absolute;top:55%;left:10%}
#getintouch h3{font-size:28px;text-align:center; margin: auto;font-size:36px}
#getintouch img{display: block; border-radius: 50%; margin: 70px auto;}
#getintouch p{font-family:Poppins-Regular;font-size:20px;line-height:1.3;width:345px;margin:auto;text-align:center;}
#getintouch p big{font-size:24px;line-height:2}
#getintouch p span:nth-of-type(1){color:#c03;font-family:Poppins-Bold;}
#getintouch p span:nth-of-type(2){color:#336;font-family:Poppins-Bold;}
#getintouch hr{width: 345px;color: black; border-top-width: 0;  border-style: solid;}
#getintouch img.slash, img.slash{display:block;margin:100px auto;height:36px;border-radius:0}

#vipch{margin:100px 0;background:url(flughafen_chauffeur_slide_shapes.jpg);padding-top:56.1%;position:relative;background-size: contain;}
#vipch h2{text-transform:uppercase;font-size:38px;color:white;max-width:260px;position:absolute;top:10%;left:10%;font-family: Poppins-Bold;line-height:1.1}
#vipch h3{font-size:20px;color:white;max-width:260px;position:absolute;top:20%;left:10%;font-family: Poppins-Medium;text-transform:unset}
#vipch [role="button"]{position:absolute;top:45%;left:10%}
#queryCheck *{display:none}
#statement{padding-bottom: 150px;}
#statement h2{text-align:center;font-size:28px;font-family: Poppins-Bold;line-height:1.3;text-transform:uppercase;max-width: 610px; margin: auto;}
#kontakt{padding:140px;background:url(kontakt_bg.jpg);background-size: cover;  background-position: bottom;padding:10%}
#kontakt [role="button"]{float:right;}
#kontakt h2{color:white;text-align:center;font-size:36px;font-family: Poppins-Bold;line-height:1.1;text-transform:uppercase;margin-top:0}
#kontakt h3{color:white;text-align:center;font-size:24px;font-family: Poppins-Medium;text-transform:unset;margin: 24px 0 100px 0;}
select{box-sizing: content-box;}
input, select, textarea {border:none; border-bottom:2px solid silver;margin-bottom: 20px;  font-size: 18px;font-family:Poppins-Regular;padding:6px 0 6px 10px;outline: none;background:transparent}
::placeholder{font-size: 18px;font-family:Poppins-Regular;}
textarea{min-height:210px}
input:not(:placeholder-shown) ,input:focus, textarea:not(:placeholder-shown) ,textarea:focus{color: #333;  background: #d7d7d7de;  border-radius: 8px;}
::placeholder, select {  color: silver;  opacity: 1; }
.i50{width:48%;float:left;}
.right{margin-left:2%;float:right;}
.i100{width:100%;}
#footer_inner{background:url(footer_bg.png);padding-top: 21.74%;  margin-top: 100px;position:relative;font-family:Poppins-Medium;  background-size: cover;
  background-position: right bottom;}
#footer_inner > div {position:absolute;top:10%;left:10%;color:white}
#footer_inner a {
  display: inline-block;
  padding: 10px 20px 10px 0;
  color: white;
  text-decoration: none;
  font-size: 1.6em;
}
#about p{margin:0}
#about hr{float:left;color:#c03; border-style: solid;  border-width: 1px 0 0 0;} 
#getintouch a{text-decoration:none;color:inherit}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.66);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:30px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left;font-size: 16px;}
.modal{/background:#fff url(modal_bg20.png?i=x) center center no-repeat; background-size: 80%;hyphens:auto;font-family:Poppins-Regular;max-width:35vw;width:35vw;z-index:10}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');background-image:url(closeModal.png)}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
.blocker{z-index:7}
#expander{display:none}
#queryCheck > div {display: none}
 

@media (max-width: 1440px){
	#queryCheck > div {display: none}
	#queryCheck 		  #lt1440{display:block}
	.col{min-height:498px;font-family: Poppins-Regular;font-size:22px;line-height:1.5;position:relative}
	#vipch h3 {top:15%}
	#vipch [role="button"] {    top: 48%;}
}
@media (max-width: 1920px)and(min-width:1601px){
	#queryCheck > div {display: none}
	#queryCheck 		  #lt1920{display:block}
}
@media (max-width: 1600px){
	#queryCheck > div {display: none}
	#queryCheck 		  #lt1600{display:block; color:green}
}
@media (max-width: 2560){
	#queryCheck > div:not(#lt2560){display:block!important}
	
}
@media (max-width: 3840px){
	#queryCheck > div:not(#lt3840) {display: none}
	#queryCheck 		  #lt3840{display:block!important}
	
}
@media only screen and (max-width: 430px) and (max-height: 924px) and ( orientation : portrait){ /*,
    and (-webkit-device-pixel-ratio: 3)
		only screen and (-webkit-min-device-pixel-ratio: 3),
		only screen and (min--moz-device-pixel-ratio: 3),
		only screen and (-o-min-device-pixel-ratio: 3/1),
		only screen and (min-device-pixel-ratio: 3)max-width: 428pxand (device-pixel-ratio: 3)*/
	header{width:100vw;padding-bottom: 10vw;}
	header{background-image:url(Header_mp.png);padding-top:61.4%}
	#queryCheck > div:not(#lt480p) {display: none}
	#queryCheck #lt480p{display:block!important}
	
	#logo{width: 80px;  top: 6%;}
	h1 {font-size: 2.40em;
    color: white;
    top: unset;
    bottom: 10px;
    max-width: 90vw;}
	main > h2 {font-size: 2.4em;max-width:90vw;}
	menu {display:inline-block;background:#2f277c;margin:0;width:100vw;height:50px;padding:0}
	menu.expanded{height:auto}
	
	menu li{
	display:none;
	font-family: Poppins-Regular;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 22.4px;
	margin:14px 0;	
	}
	menu li:last-of-type(1){
	display:list-item;}
	menu.expanded li{display:list-item;}
	menu li a{padding:7px 14px;color:white;text-decoration:none}
	nav{right:1%;top: 5%;/text-align: right;height:36px;overflow:hidden;display:block;padding: 5px 10px;border-radius:5px;
    -webkit-transition-duration: 0.8s;}
	nav{display:none}
	nav.expanded{height:auto;background: #c0c0c07a;}
	nav li {display:list-item;font-size: 14px;padding: 6px;list-style: none;	}
	nav li a{color:white;}
	#expander{display:list-item;position:relative;}
	.line { 
		position: absolute; 
		right:14px;
		height: 4px; width: 40px; 
		background: #fff; border-radius: 2px;
		display: block; 
		transition: 0.5s; 
		transform-origin: center; 
	}

	.line:nth-child(1) { top: 0px; }
	.line:nth-child(2) { top: 9px; }
	.line:nth-child(3) { top: 18px; }
	
		
	
	#bereiche{margin: 0 0 50px 0;}
	.reiter{width: calc(100vw - 120px);}
	.reiter a::before {  left: -100px;}
	#reiter4 a {  padding-left: 0;}
	#reiter5 {  margin: 0 0 50px;}
	.cols4, #services {	padding: 10px;	margin: 10px;	}
	.col,#col4, #col5 {	width: auto;	float: none;padding:15% 5%;margin:10% 0;font-size: 20px;min-height: 380px;}
	.col h3{margin-top: 125px;font-size: 20px;}
	.col h3::before {  top: -160px!important;}
	.col [role="button"] {  bottom: unset;}

	[role="button"], .contactMe {
		padding: 12px 24px;
		font-size: 17px;
		white-space: nowrap;
		border-radius: 20.5px;		
	}
	#coop {  background-image: url(coop_mp.jpg);padding-top: 93.8%;}
	#coop h2, #vipch h2 {font-size:24px;/hyphens:auto;    max-width: 80%;    letter-spacing: 1px;}
	#vipch {  background: url(chauffeur_mp.jpg);padding-top: 109.1%;background-size:cover;}
	#vipch h3 {top:0%;font-size:14px;hyphens:auto;    max-width: 80%;    letter-spacing: 1px;}
	#coop h2 br{display:none}
	#coop [role="button"] {		position: absolute;		top: 70%;		left: unset;		right: 10%;	}
	#vipch [role="button"] {	position: absolute;		top: 75%;		left: unset;		right: 10%;	}
	#about {  font-size: 20px;line-height: 1.4;  hyphens: auto;}
	#about img {
		float: none;
		border-radius: 50%;
		height: 250px;
		margin: -30px auto 30px;
		display: block;
	}
	#statement h2 {  font-size: 24px; 	margin: auto 10%;}
	#kontakt{min-height: 95vh;background:url(kontakt_mp.jpg);background-size: cover;}
	#kontakt h2{font-size: 2.5em;}
	#kontakt h3{margin: 24px 0 48px 0;font-size: 2.0em;margin: 24px -15px 48px -15px;}
	#kontakt h3 br{display:none}
	.i50, .i100, .right{		width: 100%;		margin: 2%;		float: none !important;}
	textarea {  min-height: 160px;}
	#privacy, .modal{width:98%;max-width:98%;    font-size: 14px;    line-height: 1.35;padding: 20px 20px;}
	.modal h3{font-size:14px}

	#footer_inner {  background: url(footer_mp.png);margin-top: 50px;padding-top: 90%;background-size:cover;background-size: 105%;background-position: 70% bottom;}
	#footer_inner h3{margin: 40px 0 5px 0;}
	#footer_inner > div {  top: 1px;}
	#footer_inner a {	padding: 0 15px 4px 0;}
	
}
	
@media only screen and ( max-width: 932px) and ( orientation : landscape) {

	#queryCheck > div:not(#lt480) {    display: none  }
	#queryCheck #lt480{display:block!important}
	body, body > div{min-width:100vw;margin:0;}
	nav li {padding: 12px;}
	nav {font-size: 2em;white-space: nowrap;}
	h1 {	font-size: 3.6em;top:19%	}
	#col4, #col5{margin:0}
	#bereiche{overflow:hidden;}
	#about img {
  float: right;
  border-radius: 50%;
  height: 150px;
  margin: 20px 0 0 20px;
}
.reiter, #bereiche{
  height: 96px;}
.reiter {
  width: calc(20% - 50px);
  padding-left: 50px;
}
.reiter a{font-size:1.15em}
	.reiter a::before {
	top: unset;
    left: -48px;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background-size: cover !important;
}
	.i50 {
	width: 47%;}
	.col {
	width: auto;
	float: none;
	}
}


@media only screen and  (max-width: 1024px){/*iPad*/

	#queryCheck 		  #lt1024{display:block}
}
/**/