.menubox {display:block;
	width:220px;position:fixed;left:40px;top:20px;
	height:56px;transition:transform 0.3s;transform: translateY(-100px);z-index:9999;
	}
.mnsldwn {position:absolute;background:white;z-index:8;
top:-40px;left:-11px;heights:295px;transform:translateY(-320px);
padding:80px 0 10px 0;text-align:center;
width:190px;background:#fff;
	transition:transform 0.2s}
.act {transform:translateY(00px);}


	#menn {
		cursor:pointer;display:inline-block;
		position:relative;top:0;left:0;
		padding:22px 17px 12px 7px;
		vertical-align:top;
		z-index:999;
		}

#nav-icon3 {
  width: 18px;
  height: 25px;
  position: relative;
  margin: 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  border-radius:4px;
  width: 100%;
  background: #1155cf;
  
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 5px;
}
#nav-icon3 span:nth-child(4) {
  top: 10px;
}
#nav-icon3.openmenu span:nth-child(1) {
  top: 5px;
  width: 0%;
  left: 50%;
}
#nav-icon3.openmenu span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.openmenu span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.openmenu span:nth-child(4) {
  top: 5px;
  width: 0%;
  left: 50%;
}


/*body {  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
  */
.nav {
	padding-left: 0;
    list-style: none;
    margin:0;
    margin-top:20px;
	}

.formular > p {text-align:left; margin: 0 4%;}
.nav-justified > li {
	display:inline-block;
    width: 24%;
    margin:0 2%;
    padding:20px 20px;
    text-align:left;
    }

hr {height:1px;background:#1155cf;border:none;margin: 10px 0;}
.boxwahl.active {background: #1155cf; color:#fff !important;}
.boxwahl.active a {background: #1155cf; color:#fff !important;}
.boxwahl:hover {background:#ddeeff;}
.row {
	}


.formular.box {padding-top:10px;
	width:86%;margin:auto;}
.infokreis {
    float: left;
    font-family: Larish Neue, Georgia, Times, Times New Roman, serif;
    font-size: 1.8em;
    border: 1px solid;
    border-radius: 100%;
    line-height: 0.8em;
    padding: 10px;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    color: white;
    background: #1155cf;
    margin-bottom: 10px;
    transform: translateY(13px);	
	}
.col-sm-4 {
	display:inline-block;
    width: 24%;
    margin: 0 2%;
    padding:20px 20px 20px 20px;
	text-align:left;	
	background:#fff;
	box-shadow: 0px 0px 0px 2px #1155cf inset, 8px 8px 0px rgba(130,130,180,0.16);
	vertical-align:top;
	margin-top:-2px;
	height:auto;
	}
.col-sm-4 > h3 {margin-top:0.4em;}

.col-sm-4.hidden {opacity:0;
		}
		
.button {
	
	background-color: #1155cf;
    border-width: 2px;
    padding:20px 30px;
    border-style: solid;
    border-color: transparent;
    color: #fff;
    font-size:1em;
    letter-spacing:0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:300px;
	position:absolute;
	text-align:right;
	bottom:1em;	
	left:15px;	
	box-shadow: 8px 8px 0px rgba(130,130,180,0.16);
	z-index:99999;
	transition: all 0.2s;
	}	
.button:hover {
	box-shadow: 4px 4px 0px rgba(130,130,180,0.16);
	transform:translate(2px,2px);
	opacity:1;
	background-color: #1155cf;
	}
.haken {content:'\2713';}		
.inputlab {display:inline-block;vertical-align:top;width:80%;}
.button:before {content:'\2713';top:10px;left:20px;font-size:2em;
position:absolute;}		
.input {
	color:#1155cf;
	border: 2px solid;
	border-width: 0px 0px 2px 0;
	font-size:1.4em;
	line-height:1.3em;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#aabbff;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#1155cf;
}
:-ms-input-placeholder { /* IE 10+ */
	color:#1155cf;
}
:-moz-placeholder { /* Firefox 18- */
	color:#1155cf;
}

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
.eissorten-selector.hidden {display:none;}
.help {text-align:left;font-size:12px;text-shadow:none;line-height:1.3em;}
.input-newsletter {}
.checkout  {
	text-align:left;
	padding: 0px 20px 30px 20px;
	display:flex;
	position:relative;
	width: calc(100% - 40px);
	margin:auto;
	}
.checkout > div {
	padding: 0.2em 1em 0 1em;
	width:50%;
	position:relative;
	}
.checkout > div:last-child {
	text-align:left;
	}	
.checkout > div:last-child label {
	line-height:2.3em;
	}
.eisbox-configurator select {
	color: #1155cf;
   background: transparent;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
	border:1px solid;
  -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   margin:5px 0;
   width:100%;
	}
.anzahl-eissorten {
	width:40px !important;
	margin-left:20px !important;}

.gesamt-preis {font-size:2.5em;font-weight:300;}

.box2 {
line-height:10px;
display:block;
padding:1px;
padding-left:0px;
text-align:center;
backgrounds:white;
margin:0px 0 2px 0px;
transform:translateX(-0px) scale(1.1,1);
text-transform: uppercase;
font-size:12px;
letter-spacing:1px;
color:#ccccff}
.box2.active {opacity:1;color:#1155cf !important;
border-bottoms: 2px solid;}

section {width:1080px;max-width:100%;margin:auto;position:relative;
min-height:85vh;border-bottoms:1px solid;
text-align:center;} 
section.trenner {min-height:10vh;border-bottoms:1px solid;border-tops:1px solid;
margin: 150px auto !important;}
.crisp {  image-rendering: pixelated;}
.lazy { image-rendering: pixelated;object-fit: contain;smax-width: 50px; }
.b-loaded {borders:1px solid; max-widths:100%}



section > h1 {margin-bottom:5vh;}
/*


	START MENÜ TYPO ANIMATION


*/
.marquee {width:100%;overflow:hidden;position:absolute;top:100px;}

article.bikerar {
	position:relative;backgrounds:red;borders:1px solid;display:block;
	margin-left: calc(50vw + 540px);
    transform: translateX(-100vw);
    width: 100vw;		
    
    margin-top: 150px;
    margin-bottom: 150px;
	}
@media screen and (max-width : 1080px) {
article.bikerar {
	position:relative;backgrounds:red;borders:1px solid;display:block;
	margin-left: 100vw;
    transform: translateX(-100vw);
    width: 100vw;		
	}
}	







.startmenubox:hover {opacity:1 !important;}
.startmenubox > div {position:relative;width:calc(100% - 4px);margin:auto;overflow:hidden;
border-bottom:2px solid;height:calc(20% - 2px);padding:0;text-align:center}
.startmenubox > div > img {max-height:80%;margin-top:4%;}
.startmenubox > div:nth-child(1) {}
.startmenubox > div:nth-child(2) {height:calc(44% - 2px);}
.startmenubox > div:nth-child(3) {height:calc(36% - 2px)}
.startmenubox > div:nth-child(4) {height:calc(25% - 2px)}
.startmenubox > div:nth-child(3) > a:nth-child(1),
.startmenubox > div:nth-child(3) > a:nth-child(3),
.startmenubox > div:nth-child(3) > a:nth-child(5) {border-left: none}
.startmenubox a:hover {background:#ddeeff;}

.ega {-webkit-text-stroke: 1px #1155cf;
	transition: color 0.4s, -webkit-text-stroke 0.4s !important; 
}
.ega p {white-space: nowrap;}
.activeega > .ega {color: #fff;-webkit-text-stroke: 1px #1155cf; z-index : 0;opacity:1.2;}
.activeega {color: #fff;-webkit-text-stroke: 1px #1155cf; z-index : 0;opacity:1.2;}





#autoan, #autoan2 {position:absolute;left:24%;top:0;}
#autoan {transform: translate(130%,-70%)}
#autoan {animation: autogome 12.1s cubic-bezier(0.3, 0.7, 0.7, 0.1) forwards infinite 1s;}
@keyframes autogome {0% {transform: translate(130%,-70%)} 50%, 100% {transform: translate(-120%,70%)}}

#autoan2 {transform: translate(-160%,-00%) }
#autoan2 {animation: autogome2 12.1s linear reverse infinite 1s;}
@keyframes autogome2 {50%, 100% {transform: translate(-160%,-0%)  } 0% {transform: translate(190%,0%) }}






/*


	SORTEN ANIMATION - VIECH ROLLT SICH


*/



	.parrt {position:relative;margins:0 0 14vh 0;height:320px;padding:8vh 0;padding-top:0;}
	.sortenbox {
		position:relative;
		z-index:9;
		left:9%;
		top: 3vh;
		width:290px;
		height:270px;
		padding: 0px 40px !important;
		background:white;
		}
	.sortenbox > div {position:relative;top:50%;transform: translateY(-50%);}
	#sortentitel {margin:0;}
	.bildbox {
		width:550px;
		height:360px;
		position:absolute;
		right:9%;
		top:0;
		}
	.bildbox > div {
		height:100%;width:100%;
		background-size:cover;
		background-position:center;
		}
	.sortencontainer {
		heights:100vh;
		margin:auto;
		text-align:center;
		}
	.sortencontainer > div {
		margin:auto;
		text-align:center;
		width:900px;
		}
	.anim-container {
		width: 122.5px;
		height: 105px;
		}



/*@media screen and (min-width : 1080px) {

	.sortenbox {
		position:relative;
		z-index:9;
		left:0px;
		top: 90px;
		width:290px;
		height:270px;
		padding: 0px 20px !important;
		background:white;
		}
	.sortenbox > div {position:relative;top:50%;transform: translateY(-50%);}
	#sortentitel {margin:0;}
	.bildbox {
		width:500px;
		height:360px;
		position:absolute;right:40px;top:0;
		}
	.bildbox > div {
		height:100%;width:100%;
		background-size:cover;
		background-position:center;
		}
	.sortencontainer {
		heights:100vh;
		margin:auto;
		text-align:center;
		}
	.sortencontainer > div {
		margin:auto;
		text-align:center;
		width:900px;
		}
	.anim-container {
		width: 122.5px;
		height: 105px;
		}
}*/



@media screen and (min-width : 721px) {
	.anim {
		width: 350px;
		height: 297px;
		background: url('../rollin.gif') left center;
		transform: scale(0.32,0.32) translateX(30px);
		transform: scale(0.3,0.3) translateX(120px);
		transform-origin: top left;
		borders:1px solid;
		}
}

	.stands1 {margin-left: 0px}
	.stands2 {margin-left: 180px}
	.stands3 {margin-left: 360px}
	.stands4 {margin-left: 540px}
	.stands5 {margin-left: 720px}

	.a1to2 {animation: play12 1.1s ease-in-out forwards;}
	.a1to2 > div {animation: play1move-r 1.1s steps(33) forwards;}
	.a2to3 {animation: play23 1.1s ease-in-out forwards;}
	.a2to3 > div {animation: play1move-r 1.1s steps(33) forwards;}
	.a3to4 {animation: play34 1.1s ease-in-out forwards;}
	.a3to4 > div {animation: play1move-r 1.1s steps(33) forwards;}
	.a4to5 {animation: play45 1.1s ease-in-out forwards;}
	.a4to5 > div {animation: play1move-r 1.1s steps(33) forwards;}

	.a2to1 {animation: play21 1.1s ease-in-out forwards;}
	.a2to1 > div {animation: play1move-l 1.1s steps(33) forwards;}
	.a3to2 {animation: play32 1.1s ease-in-out forwards;}
	.a3to2 > div {animation: play1move-l 1.1s steps(33) forwards;}
	.a4to3 {animation: play43 1.1s ease-in-out forwards;}
	.a4to3 > div {animation: play1move-l 1.1s steps(33) forwards;}
	.a5to4 {animation: play54 1.1s ease-in-out forwards;}
	.a5to4 > div {animation: play1move-l 1.1s steps(33) forwards;}


	/* ONE RIGHT */

	/* TWO LEFT */
	.a1to3 {animation: play13 1.2s	ease-in-out forwards;}
	.a1to3 > div {
		animation: play2move-a 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-e 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		}
	.a2to4 {animation: play24 1.2s	ease-in-out forwards;}
	.a2to4 > div {
		animation: play2move-a 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-e 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		}
	.a3to5 {animation: play35 1.2s	ease-in-out forwards;}
	.a3to5 > div {
		animation: play2move-a 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-e 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		}
	.a3to1 {animation: play13 1.2s	ease-in-out forwards;animation-direction:reverse}
	.a3to1 > div {
		animation: play2move-e 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-a 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}
	.a4to2 {animation: play24 1.2s	ease-in-out forwards;animation-direction:reverse}
	.a4to2 > div {
		animation: play2move-e 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-a 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}
	.a5to3 {animation: play35 1.2s	ease-in-out forwards;animation-direction:reverse}
	.a5to3 > div {
		animation: play2move-e 0.3s steps(11)	forwards, play2move-b 0.3s steps(10) forwards, play2move-c 0.3s steps(10) forwards, play2move-a 0.3s steps(11)	forwards;
		animation-delay: 0s, 0.3s, 0.6s, 0.9s;
		animation-iteration-count: 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}
		 
	@keyframes play1move-r {
		 100% { background-position: -11550px; }}
	@keyframes play1move-l {
		 0% { background-position: -11550px; }100% { background-position: 0px; }}
	@keyframes play2move-a {from { background-position: 0; } to { background-position: -3850px; }}
	@keyframes play2move-b {from { background-position: -2800px; } to { background-position: -6300px; }}
	@keyframes play2move-c {from { background-position: -4550px; } to { background-position: -8050px; }}
	@keyframes play2move-d {from { background-position: -4900px; } to { background-position: -8400px; }}
	@keyframes play2move-e {from { background-position: -7700px; } to { background-position: -11550px; }}

	@keyframes play2move-a {from { background-position: 0; } to { background-position: -3850px; }}
	@keyframes play2move-b {from { background-position: -2800px; } to { background-position: -6300px; }}
	@keyframes play2move-c {from { background-position: -4550px; } to { background-position: -8050px; }}
	@keyframes play2move-d {from { background-position: -4900px; } to { background-position: -8400px; }}
	@keyframes play2move-e {from { background-position: -7700px; } to { background-position: -11550px; }}
		 
		 
	/* THREE LEFT */		 
	.a1to4 {animation: play14 1.3s	ease-in-out forwards;}
	.a1to4 > div {
		animation: play3move-a 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-e 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		}
	.a2to5 {animation: play25 1.3s	ease-in-out forwards;}
	.a2to5 > div {
		animation: play3move-a 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-e 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		}
	.a1to5 {animation: play15 1.3s	ease-in-out forwards;}
	.a1to5 > div {
		animation: play3move-a 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-e 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		}
	.a5to1 {animation: play15 1.3s	ease-in-out forwards;animation-direction:reverse}
	.a5to1 > div {
		animation: play3move-e 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-a 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}
	.a4to1 {animation: play14 1.3s	ease-in-out forwards;animation-direction:reverse}
	.a4to1 > div {
		animation: play3move-e 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-a 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}
	.a5to2 {animation: play25 1.3s	ease-in-out forwards;animation-direction:reverse}
	.a5to2 > div {
		animation: play3move-e 0.2s steps(11)	forwards, play3move-b 0.3s steps(10) forwards, play3move-c 0.3s steps(10) forwards, play3move-d 0.3s steps(10) forwards, play3move-a 0.2s steps(11)	forwards;
		animation-delay: 0s, 0.2s, 0.5s, 0.8s, 1.1s;
		animation-iteration-count: 1, 1, 1, 1, 1;
		animation-direction: reverse, reverse, reverse, reverse, reverse;
		}


	@keyframes play3move-a {from { background-position: 0; } to { background-position: -3850px; }}
	@keyframes play3move-b {from { background-position: -2800px; } to { background-position: -6300px; }}
	@keyframes play3move-c {from { background-position: -4550px; } to { background-position: -8050px; }}
	@keyframes play3move-d {from { background-position: -4900px; } to { background-position: -8400px; }}
	@keyframes play3move-e {from { background-position: -7700px; } to { background-position: -11550px; }}

/* #################### */

	@keyframes play12 {
		 0% { margin-left: 0px; } 24% { margin-left: 0px; }
		 80% { margin-left: 180px; } 100% { margin-left: 180px; } }
	@keyframes play23 {
		 0% { margin-left: 180px; } 24% { margin-left: 180px; }
		 80% { margin-left: 360px; } 100% { margin-left: 360px; } }
	@keyframes play34 {
		 0% { margin-left: 360px; } 24% { margin-left: 360px; }
		 80% { margin-left: 540px; } 100% { margin-left: 540px; } }
	@keyframes play45 {
		 0% { margin-left: 540px; } 24% { margin-left: 540px; }
		 80% { margin-left: 720px; } 100% { margin-left: 720px; } }

	@keyframes play21 {
		 0% { margin-left: 180px; } 30% { margin-left: 180px; }
		 80% { margin-left: 0px; } 100% { margin-left: 0px; } }
	@keyframes play32 {
		 0% { margin-left: 360px; } 30% { margin-left: 360px; }
		 80% { margin-left: 180px; } 100% { margin-left: 180px; } }
	@keyframes play43 {
		 0% { margin-left: 540px; } 30% { margin-left: 540px; }
		 80% { margin-left: 360px; } 100% { margin-left: 360px; } }
	@keyframes play54 {
		 0% { margin-left: 720px; } 30% { margin-left: 720px; }
		 80% { margin-left: 540px; } 100% { margin-left: 540px; } }
		 		 
	@keyframes play13 {
		 0% { margin-left: 0px; } 15% { margin-left: 0px; }
		 85% { margin-left: 360px; } 100% { margin-left: 360px; }}
	@keyframes play24 {
		 0% { margin-left: 180px; } 15% { margin-left: 180px; }
		 85% { margin-left: 540px; } 100% { margin-left: 540px; }}
	@keyframes play35 {
		 0% { margin-left: 360px; } 15% { margin-left: 360px; }
		 85% { margin-left: 720px; } 100% { margin-left: 720px; }}

	@keyframes play14 {
		 0% { margin-left: 0px; } 12% { margin-left: 0px; }
		 88% { margin-left: 540px; } 100% { margin-left: 540px; }}
	@keyframes play25 {
		 0% { margin-left: 180px; } 8% { margin-left: 180px; }
		 84% { margin-left: 720px; } 100% { margin-left: 720px; }}

	@keyframes play15 {
		 0% { margin-left: 0px; } 12% { margin-left: 0px; }
		 88% { margin-left: 720px; } 100% { margin-left: 720px; }}



.hidefinger {transition: opacity 0.2s}
.nav2 {display:inline-block;width:272px;transition:all 0.1s;}
.nav2:hover {}
.sortenlink {border-bottom:0px solid blue;display:inline-block;width:180px;margin:0;margin-right:0px;
	text-align:center;cursor:pointer;font-size:1.4em; line-height:1.2em;
	padding-bottom:13px;opacity:0.5;transition: all 0.1s;font-weight:300;margin-top:0px;
	padding-top: 100px;
    transform: translateY(-100px);}		 
.sortenlink:hover {padding-bottom:10px;border-bottom:0px solid blue;opacity:1;
}
.sortenlink.active {padding-bottom:10px;border-bottom:0px solid blue;opacity:1;color:#1155cf !important;pointer-events: none !important;
}
.sortenlink > .nophonesp {transition: all 0.1s;display:inline-block}
.sortenlink:hover > .nophonesp,
.sortenlink.active > .nophonesp {transform:translateY(-6px);
border-bottom:2px solid;}
a:hover {
		text-decoration: none;
		color: inherit;
}

/* #################### */


/*


	LADENGESCHÄFT


*/

.z7 {backgrounds:red;}
.ladenbox {
	width:300px;
	display:inline-block;
	position:relative;
	height:350px;

	}
	
.ladenbox h1 {margin: 10px 0 30px 0;}
.z8, .z9 {overflow:hidden;}	
.z9 {transform: translateY(50px);	background: white;}
.z8 > div > div {background-size:cover;width:100%;}



/* #################### */


#biker {position:relative;top:10px;left:0px;mix-blend-modes:multiply}

#bikerbg {position:relative;top:40px;left:0; height:40px;width:100%;background:transparent}
.bg-elem-1 {position:absolute;top:100px;height:45px;width:0px;
	right:-20px;}
.bg-elem-2 {position:absolute;top:40px;height:45px;width:10%;
	right:-20px;}

.nophonesp {display:inline}
.onlyphonesp {display:none;}


.nophone {display:block;}
.onlyphone {display:none;}

@media screen and (max-width : 1080px) {

	.stands1 {margin-left: 0px}
	.stands2 {margin-left: 60px}
	.stands3 {margin-left: 120px}
	.stands4 {margin-left: 180px}
	.stands5 {margin-left: 240px}

	@keyframes play1move-r {
		 100% { background-position: -5775px; }}
	@keyframes play1move-l {
		 0% { background-position: -5775px; }100% { background-position: 0px; }}

	@keyframes play2move-a {from { background-position: 0; } to { background-position: -1925px; }}
	@keyframes play2move-b {from { background-position: -1400px; } to { background-position: -3150px; }}
	@keyframes play2move-c {from { background-position: -2275px; } to { background-position: -4025px; }}
	@keyframes play2move-d {from { background-position: -2450px; } to { background-position: -4200px; }}
	@keyframes play2move-e {from { background-position: -3850px; } to { background-position: -5775px; }}

	@keyframes play3move-a {from { background-position: 0; } to { background-position: -1925px; }}
	@keyframes play3move-b {from { background-position: -1400px; } to { background-position: -3150px; }}
	@keyframes play3move-c {from { background-position: -2275px; } to { background-position: -4025px; }}
	@keyframes play3move-d {from { background-position: -2450px; } to { background-position: -4200px; }}
	@keyframes play3move-e {from { background-position: -3850px; } to { background-position: -5775px; }}
	
	@keyframes play12 {
		 0% { margin-left: 0px; } 20% { margin-left: 0px; }
		 80% { margin-left: 60px; } 100% { margin-left: 60px; } }
	@keyframes play23 {
		 0% { margin-left: 60px; } 24% { margin-left: 60px; }
		 80% { margin-left: 120px; } 100% { margin-left: 120px; } }
	@keyframes play34 {
		 0% { margin-left: 120px; } 24% { margin-left: 120px; }
		 80% { margin-left: 180px; } 100% { margin-left: 180px; } }
	@keyframes play45 {
		 0% { margin-left: 540px; } 24% { margin-left: 540px; }
		 80% { margin-left: 240px; } 100% { margin-left: 240px; } }

	@keyframes play21 {
		 0% { margin-left: 60px; } 30% { margin-left: 60px; }
		 80% { margin-left: 0px; } 100% { margin-left: 0px; } }
	@keyframes play32 {
		 0% { margin-left: 120px; } 30% { margin-left: 120px; }
		 80% { margin-left: 60px; } 100% { margin-left: 60px; } }
	@keyframes play43 {
		 0% { margin-left: 180px; } 30% { margin-left: 180px; }
		 80% { margin-left: 120px; } 100% { margin-left: 120px; } }
	@keyframes play54 {
		 0% { margin-left: 240px; } 30% { margin-left: 240px; }
		 80% { margin-left: 180px; } 100% { margin-left: 180px; } }
		 		 
	@keyframes play13 {
		 0% { margin-left: 0px; } 15% { margin-left: 0px; }
		 85% { margin-left: 120px; } 100% { margin-left: 120px; }}
	@keyframes play24 {
		 0% { margin-left: 60px; } 15% { margin-left: 60px; }
		 85% { margin-left: 180px; } 100% { margin-left: 180px; }}
	@keyframes play35 {
		 0% { margin-left: 120px; } 15% { margin-left: 120px; }
		 85% { margin-left: 240px; } 100% { margin-left: 240px; }}

	@keyframes play14 {
		 0% { margin-left: 0px; } 12% { margin-left: 0px; }
		 88% { margin-left: 180px; } 100% { margin-left: 180px; }}
	@keyframes play25 {
		 0% { margin-left: 60px; } 8% { margin-left: 60px; }
		 84% { margin-left: 240px; } 100% { margin-left: 240px; }}

	@keyframes play15 {
		 0% { margin-left: 0px; } 12% { margin-left: 0px; }
		 88% { margin-left: 240px; } 100% { margin-left: 240px; }}
	@keyframes play45 {
		 0% { margin-left: 180px; } 12% { margin-left: 180px; }
		 88% { margin-left: 240px; } 100% { margin-left: 240px; }}

	@keyframes play51 {
		 0% { margin-left: 240px; } 12% { margin-left: 240px; }
		 88% { margin-left: 0px; } 100% { margin-left: 0px; }}
		 

	.sortencontainer {
		height:100vh;
		margin:auto;
		text-align:center;
		}
	.sortencontainer > div {
		width:320px;
		}
	.anim-container {
		width: 122.5px;
		height: 105px;
		}
	.anim {
		width: 175px;
		height: 148px;
		background: url('../rollin2.gif') left center;
		transform: scale(0.32,0.32) translateX(30px);
		transform: scale(0.45,0.45) translateX(10px) translateY(80px);
		transform-origin: top left;
		}

	.sortenlink {
		font-size:3em;
		width:18.5%;		
		border-top: 2px solid transparent;
		}

	body {font-size:14px !important}
	.eisgrid {height:100vh;width:100vw;display:block;position:relative;top:0;
	padding:8vh 0;text-align:left;margin:0;}
	body {font-size:20px}
	.eisgrid > div {height:82vh;max-height:82vh;max-width:80vw;display:block;margin:auto;}
	.eisgrid > div > div {top: 50%;position: relative;transform: translateY(-50%) translateX(2vw);borders:1px solid;}
	.eisgrid > div > div > div {width:16%;display:inline-block;transition: opacity 2.9s}
	.eisgrid > div > div > div > p {width:auto;display:block;font-family:Larish Neue;letter-spacing:0.4vw;font-size:5.9vw;font-sizes:115px;
	line-height:6.5vw;text-shadow:none;margin:0;border-bottoms:1px solid;}
	.box {box-shadow: 0px 0px 0px 2px #1155cf inset, 8px 8px 0px rgba(130,130,180,0.16);}
	.startmenubox {width:23.4vw !important;position:absolute;
		top:14%;left:0;height:69.8%;background:white;z-index:9999;text-align:center;
	}

	.startmenubox p {margin:0;line-height:1.6vw;font-size:1.2vw;position:relative;top:50%;transform:translateY(-50%);text-shadow:none;}
	.startmenubox > div:nth-child(3) > a {width:calc(50% - 1px);display:inline-block;
	border:2px solid;border-width: 0 0 2px 2px; line-height:3.7vw;
	text-shadow:none;}

	.picsclass {display:none !important;opacity:0 !important;
	}
	.sortenbox {left:0;width:calc(100% - 65px);margin:0 20px;
		height:150px;padding:10px !important;top:0;
		right:-100px}
	.bildbox {width:calc(100% + 9%);height:200px;top:140px;
	box-shadow:none;margin-right:-13%;}
	.sortencontainer {height:auto;margin-top:20px;}
	.parrt {height:250px;}
	.pic3x2 {width:35vw;height:24.4vw;}
	.pic2x4 {width:22.2vw;height:31vw;}
	.pic1x2 {width:9.5vw;height:12vw;}
	.pic1x3 {width:9.5vw;height:18vw;}
	.pic1x4 {width:9.5vw;height:24.4vw;}
	
	.nophonesp {display:none !important}
	.onlyphonesp {display:inline;}


	.nophone {display:none !important;}
	.onlyphone {display:block;}


	
	


}

	.eisgrid {height:84vh;width:1080px;display:block;position:relative;top:0;
	padding:8vh 0;text-align:left;}

	.eisgrid > div {height:82vh;max-height:82vh;max-width:1080px;display:block;margin:auto;}
	.eisgrid > div > div {top: 50%;position: relative;transform: translateY(-50%) translateX(2vw);borders:1px solid;}
	.eisgrid > div > div > div {width:180px;display:inline-block;transition: opacity 2.9s}
	.eisgrid > div > div > div > p {width:auto;display:block;font-family:Larish Neue;
	letter-spacing:6px;font-size:85px;
	line-height:93px;text-shadow:none;margin:0;border-bottoms:1px solid;}
	.box {box-shadow: 0px 0px 0px 2px #1155cf inset, 8px 8px 0px rgba(130,130,180,0.16);}
	.startmenubox {width:320px !important;position:absolute;
		top:14%;left:0;height:455px;background:white;z-index:9999;text-align:center;
	}

	.startmenubox p {margin:0;line-height:16px;font-size:20px;position:relative;top:50%;transform:translateY(-50%);text-shadow:none;}
	.startmenubox > div:nth-child(3) > a {width:calc(50% - 1px);display:inline-block;
	border:2px solid;border-width: 0 0 2px 2px; line-height:53px;
	text-shadow:none;}

	.picsclass {z-index:999;
		position:absolute;background-position:center;background-size:cover;
		background-repeat: no-repeat;
		margin-top:-87px;
		perspective:160px;
		}
	.pic3x2 {width:500px;height:360px;}
	.pic2x4 {width:320px;height:450px;}
	.pic1x2 {width:140px;height:175px;}
	.pic1x3 {width:140px;height:260px;}
	.pic1x4 {width:140px;height:360px;}

@media screen and (max-width : 1080px) {
	.eisgrid {padding:2vh 0;height:98vh;overflow:hidden;
	width:286px; margin:auto;}
	.eisgrid > div {height:96vh;max-height:96vh;max-width:90vw;}
	.eisgrid > div > div {transform:none;vertical-align:top;top:0;position:relative;display:block;height:96vh;}
	.eisgrid > div > div > div {width:32.2%;
	width:95px;}
	.eisgrid > div > div > div > p {
	font-size:60px;line-height:80px;letter-spacing:0;
	}	
	.startmenubox {
	width:280px !important;height:370px;
	height: 370px;
	top:50%;
    transform: translateY(-50%);}
	.startmenubox p {line-height:24px;font-size:15px;}
.startmenubox > div:nth-child(3) > a {
width:calc(50% - 1px);display:inline-block;
border:2px solid;border-width: 0 0 2px 2px;
line-height:43px;
text-shadow:none;}
	
	.ega {displays:none !important;}
	.eisgrid > div > div > div {display:none;}
	.eisgrid > div > div > div:nth-child(1),
	.eisgrid > div > div > div:nth-child(2),
	.eisgrid > div > div > div:nth-child(3),
	.eisgrid > div > div > div:nth-child(4) {display:inline-block;}
	.eisgrid > div > div > div:nth-child(5),
	.eisgrid > div > div > div:nth-child(6),
	.eisgrid > div > div > div:nth-child(7) {display:inline-block;position:absolute;bottom:-10px;left:0;}
	.eisgrid > div > div > div:nth-child(6) {left:95px;}
	.eisgrid > div > div > div:nth-child(7) {left:190px;}
	
	.z7, .z8, .z9 {pointer-events:none;
	box-shadow:none !important;
	border-width: 0px 0px !important;
	padding:0px 0 !important;
	margin:auto !important}
	.dashy {padding: 0 10px;top: 40px !important;margin-left: 0 !important;}
	.dashy > div {	width:300px !important;
	left:10px !important;transform:none !important;
	height:417px !important;}
	.hidefinger {display:none;}
	.tooltip {left: 0 !important;}
	.tooltip1 > img {width:300px !important}
	.top-container2 {
    	position: relative;
    	left: 20px !important;
		}
	.padding10 > h1 {padding: 0 20px !important;max-width:calc(100%  - 40px) !important;}	
	.padding10 > h1:nth-child(3) {
	font-weight:300;font-size: 1.2em !important;
	font-family: "Apercu", Helvetica, Arial, sans !important;}
	section.trenner {margin: 40px auto 0px auto !important}
	.trenner img {transform: scale(0.5,0.5);}
	.leftmephone {margin-left:-30px;}
	.sortenlink {opacity:0.2;	}
	body {max-width: 320px !important;margin:auto !important;}
	.formular.box {width:100%;box-shadow:none;
	}
	.nav-justified > li {
		width:80%;
		box-shadow:none !important;
		border:2px solid #1155cf !important;
		margin-bottom: -2px;	
		}
	.formular.box div:nth-child(2)	 {
		margin-top:20px;
		}
	.col-sm-4 {
		width:80%;
		box-shadow:none !important;
		border:2px solid #1155cf !important;
		}	
	.col-sm-4.hidden {
    	height: 0;padding:0;margin:0;
		}	
	.checkout {display:block;padding:0;
	width:calc(100% - 30px);}
	.checkout > div {
		width:96%;
		padding:0;
		display:block;
		}
	.button {
		left:0;
		width:280px;
		position:relative;
		margin-top:0;
		}
	article.bikerar {
		position:absolute;
		margin:50px 0;
		width:600px;
		transform:none;
		margin-left: -150px;
		}
	.menubox {display:none;}	
}