.portrait  #center_this {
	padding-top:0;
}


.portrait div#ui {
    margin-top: 0;
}

.portrait #svghtml svg {
  height: auto;
  max-height: 75vh;
  width: 200%;
  content: 'viewport-units-buggyfill; max-height: 75vh;';
}

.portrait #paintarea {
  height: 100%;
  margin-top: -25%;
  overflow: hidden;
  text-align: center;
  width: 100%;
  position:absolute;

}
	.portrait #svghtml {
	  display: inline-block;
	  height: 75vh;
	  margin-left: -25vh;
	  margin-top: 3vh;
	  width: 75vh;
	  content: 'viewport-units-buggyfill; height: 75vh; margin-left: -25vh; margin-top: 3vh; width: 75vh;';
	}
	
		.portrait #svghtml svg {
		  height: auto;
		  margin-left: 0;
		  height: 75vh;
		  width: 150vh;
		  content: 'viewport-units-buggyfill; height: 75vh; width: 150vh;';
		}
		
		.portrait  #design.rs #svghtml > svg {
		  margin-left: -75vh;
		  content: 'viewport-units-buggyfill; margin-left: -75vh;';
		}
	
.portrait #design.rs #svghtml {
  width: 50vh;
  margin-left:12.5vh; 
  content: 'viewport-units-buggyfill; margin-left:12.5vh; width: 75vh;';
}

.landscape #drehen {
	display:none;
}
.landscape #design {
	width:100%;
}
	.landscape #styleform #design.section > div {

	}
	.landscape #styleform #design.section  #center_this {
		 padding-top:0;
	}
	
	.landscape #styleform #design.section #paintarea {
	  display: block;
	}
	
		.landscape #styleform #design.section #paintarea #svghtml {
		  height: 100%;
		  overflow: hidden;
		}
		
		.landscape #styleform #design.section #paintarea #svghtml svg {
			margin-top: -15%;
		    max-height: 100%;
			max-width: 100%;
		}
	
	.landscape #styleform #design.section div#ui {
		  position: absolute;
		  bottom:10%;
		  width: 100%;
		  text-align: center;
		  pointer-events: none;
	}
	
	.landscape #styleform #design.section div#ui div {
		pointer-events: auto;
	}
	
	.landscape #colorbox {
		margin-top: 0;
	}
	
	
	.landscape ul#colorlist li.cButton {
		width: 3vw;
		height: 3vw;
		margin: 1vw;
		content: 'viewport-units-buggyfill; width: 3vw; height: 3vw; margin: 1vw;';
	}
	
	
	.landscape #imgconatainer {
	  display: inline-block;
	  height: 100%;
	/*  max-height: 75%;
	  max-width: 60%;**/
	  text-align: center;
	  /*width: 60%;*/
	}

.landscape #maszform_schritte {
  display: block;
  margin-top: 0;
  width: 400px;
}

.landscape #imgconatainer > img {
	padding-top:0px;
}

.portrait #styleform #masze.section > div {
}

/*
 *	Media Queries
 */
/*
@media (max-width: 780px) {
	#fp-nav {
		display: block; 
	}
} */

@media all and (max-width: 1024px) {
/*	#rueckseite,
	#drehen  {
		display:block !important;
	}
*/
	/*#paintarea {
		padding: 0 15% 15%;
	}*/	
	body {
		background-image: url("../assets/bg/half/section2_bg.jpg");
		background-size: cover;
	}
	
	
	#svghtml {
		padding-top:10%;
	}
	
	ul#colorlist li.cButton {
		margin:0.3em !important;
	}
	
}

@media all and (min-height: 580px) and (min-width: 1260px) and (max-height: 610px) {


.landscape #drehen {
	display:none;
}
.landscape #design {
	width:100%;
}
	.landscape #styleform #design.section > div {
/*		height: 100%;
		width:100%;
		left:0;*/
	}
	.landscape #styleform #design.section  #center_this {
	    padding-top: 0;
	}
	
	.landscape #styleform #design.section #paintarea {
	  display: block;
	}
	
		.landscape #styleform #design.section #paintarea #svghtml {
		  height: 100%;
		  margin-bottom: 5vh;
		  content: 'viewport-units-buggyfill; margin-bottom: 5vh;';
		  overflow: hidden;
		}
		
			.landscape #styleform #design.section #paintarea #svghtml svg {
			  /*margin-top: 5vh;*/
			  max-height: 75vh;
			  max-width: 100vh;
			  content: 'viewport-units-buggyfill; max-height: 75vh; max-width: 100vh;';
			}
	
	.landscape #styleform #design.section div#ui {
		  position: absolute;
		  top:75%;
		  width: 100%;
		  text-align: center;
		  pointer-events: none;
	}
	
	.landscape #styleform #design.section div#ui div {
		pointer-events: auto;
	}
	
	.landscape #colorbox {
		margin-top: 20%;
	}
	
	
	
	.landscape #imgconatainer {
	  display: inline-block;
	  height: 100%;
	/*  max-height: 75%;
	  max-width: 60%;**/
	  text-align: center;
	  /*width: 60%;*/
	}

	.landscape #maszform_schritte {
	  display: block;
	  margin-top: 0;
	  width: 400px;
	}
	.landscape  #styleform .section > div {

	}
	.landscape #imgconatainer > img {
		padding-top:0px;
	}

	.portrait #styleform #masze.section > div {
	}


}

@media all and (max-height: 720px) {
	
	div#footer {
		display:none !important;
	}
	
	.portrait #paintarea {
		margin-top:-60px !important;
	}
	#fullpage {
		margin-top:0 !important;
	}
	
	#styleform .section > div {
		padding-bottom:0;
	}
	
	
}

@media all and (max-height: 600px) {
	
	.portrait #paintarea {
		margin-top:-10vh !important;
		content: 'viewport-units-buggyfill; margin-top:-10vh;';
	}
}

@media all and (min-height: 640px) {
	body {
		font-size: 14px;
	}
	
}



@media all and (max-height: 800px) {
  #adress_felder {
	font-size: 0.7em;
  }
  
  .portrait div#ui {
	font-size: 0.7em;
  }
}
  

@media all and (min-height: 700px) {
	#bestellen, #optionen {
	  font-size: 2em;
	  line-height: 125%;
	}
	
	#footer {
		display:block;
	}
	
	#center_all {
	    overflow:visible;
	}
}

@media all and (max-width: 480px) and (max-height: 640px) {
	
	.portrait div#ui {
		font-size:0.9em;
	}
	
}

@media all and (max-width: 540px)  {
	
	#header > div > .navbar-brand {
		display:none !important;
	}	
	
}

@media all and (max-width: 480px) and (min-height: 720px)  {
	body {
		font-size: 12px !important;
	}
	
}
/*
360*616360
*/

@media all and (max-width: 480px) , all and (max-height: 650px) {
	body {
/*		background-image: none;**/
		background-size: cover;
	}
	.section {
		width:100%;
	}

	form#styleform {
		max-height:100%;
	}
	.portrait #svghtml {
		padding-top:0;
	}
	
	#center_this {
		padding-top:0 !important;
	}
	
	#paintarea {
	 /* margin: -10% -15% -15% !important;*/
	}
	
/*	div#ui {
		font-size: 0.7em;
	}*/
	
	#drehicon {
		width:45px;
	}
	
	#wingsuit div#rueckseite {
		width:100%;
	}
	
	#design div#rueckseite {
		bottom: 0;
		left: 0;
		margin-left: 5px;
		margin-right: auto;
		overflow: hidden;
		position: absolute;
		right: 0;
		width: 64px;
		height: 64px;
		z-index: 70;
	}
	
	.portrait #design.rs div#rueckseite {
		margin-left: -15px;
	}
	.portrait #design.rs #rueckseite svg {
		margin-left: -1px !important;
	}
	
	#design div#rueckseite svg {
		margin-top: 0;
		width: 128px;
		height: 100px;
		max-height: 64px;
		margin-left: -100%;
	}
	
	#adress_felder ul {
		font-size:1.2em !important;
	}
	
	div#bestellen,
	div#optionen {
	  font-size: 1.2em;
	}
	
	#header {
		height: 4px;
		min-height: 60px !important;
	}
	
	.landscape #header {
		height: 4px;
		min-height: 35px !important;
	}
	
	.navbar-inverse .navbar-toggle {
		margin: 1em;
	}
	
	.navbar-inverse .navbar-toggle .icon-bar {
		height: 0.5em;
		margin-bottom: 0.5em;
		width: 3em;
	}
	
	#header > div > .navbar-header,
	#header > div > .navbar-brand {
		display:none !important;

	}
	
	.navbar-brand > img {
		height: auto;
		width: auto;
		max-height:35px;
		min-width:auto;
		
	}
	
	.portrait ul.navbar-nav  {
	}
	
	.navbar-nav > li > a {
		font-size: 1.3em;
		line-height: 2em;
		padding: 0;
	}
	
	
	#header .navbar-collapse {
		box-shadow: none;
		margin-top: 0;
		padding-left:0;
		height:50px;
	}
	
	.container {
	}
	
	.container > div > img {
		width: 90%;
	}
	
	.col-sm-4, .col-sm-6, .col-sm-8 {
	  /*  padding-top: 2em;*/
	}

	#styleform .section > div {
		margin-top:0px;
	}

	.landscape #styleform #design.section #center_this {
		margin-top:0;
	}
	.togglePs {
		position:relative;
		overflow-y:hidden;
	}
	

	/*
	 *	Details
	 */
	 


		.produkt-pointer {
			font-size: 1em;
		}
	
	.landscape #styleform #design.section div#ui {
		/*top:25vh;*/
		bottom:0;
		margin-top:5%;
	}
	
	#drehen #icon  {
		width: 50px;
		height: 50px;
	}
	
	.landscape #modellauswahl > div > h2 {
		margin-bottom:-0.5em;
	}
	
	.landscape #modellauswahl > div > h3,
	.landscape #modellauswahl > div > p {
		display:none;
	}
	
	.landscape #modelle .modell img {
		margin-top:-1em;
	}
	
	.landscape #modelle .modell .price {
		margin-top:-1em;
		font-weight:bold;
		text-align:center;
	}
	
	.landscape #imgconatainer > img {
		height:200px;
	}
	
	.landscape #adresse ul li {
		margin-bottom: 0;
	}
}

@media all and (max-width: 420px) {
	.portrait #imgconatainer,
	.portrait #imgconatainer > img,
	.portrait #maszform_schritte {
	  max-width:300px;
	}
	
/*	.portrait #paintarea {
		margin-left:3vh;
	}*/
	
	.portrait ul#colorlist li.cButton {
		width: 8vw;
		height: 8vw;
		margin: 4vw;
		content: 'viewport-units-buggyfill; width: 8vw; height: 8vw; margin: 4vw;';
	}
	
	ul.nav li a {
		font-size:1em;
	}
	
	.portrait #design.rs #svghtml {
		width: 50vh;
		margin-left:0vh; 
		content: 'viewport-units-buggyfill; margin-left:0vh; width: 50vh;';
	}
	
	
}

@media all and (max-height: 460px) {
	.portrait #paintarea {
		margin-top:-5vh !important;
		content: 'viewport-units-buggyfill; margin-top:-5vh;';
	}
	.portrait div#ui {
	}
	#adress_felder {
		padding-top:5em;
	}
}

@media all and (max-height: 420px) {
	#imgconatainer {
		float: left;
		width: 200px;
		margin-left:-200px;
	}
	
	#imgconatainer > img {
	  display: inline-block;
	  height: auto;
	  /*padding-top: 30%;*/
	  width: 200px;
	}
	
	.portrait #maszform_schritte,
	.landscape #maszform_schritte {
	    position: absolute;
		float: left;
		/* bottom: 0; */
		left: 200px;
		width: 200px;
		top: 200px;
		height: 200px;
	}
}

/*
 *	Android -- Tastatur ausgeklappt
 **/

@media all and (max-width: 420px) and (max-height: 420px) {
	#adresse,
	#masze {
		padding-top:0!important;
	}
	
	#adresse h3,
	#masze h3{
		margin-top:-15px!important;
	}
	
	#adress_felder,
	#imgconatainer {
		position:absolute;
		top:50px;
	}
	#imgconatainer {	
		margin-left:-40%;
	}
	
	#adress_felder {
		margin-top:-35px;
	}
	
	
	input {
		margin-bottom:-1em;
	}
	textarea {
		margin-bottom:-2em;
	}
	
	input:focus, textarea:focus {
	/*	position:absolute;
		bottom:1em;
		z-index:50;*/
	}
	
	.portrait #maszform_schritte,
	.landscape #maszform_schritte {
		right:15px;
		left:auto;
		top:25%;
	}
	
	
}