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


}

/* iPad Portrait */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 75%;  4:3 */
	/*padding-bottom: 54.05%;  1.85:1 cinemascope */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

/* navi display screen resize */
@media screen and (min-width: 660px) {
#navigation {
	display:block !important;
}
}
/* smartphones */
@media screen and (max-width: 660px) {

/* turn btmenu into x */
.btmenu {
	display:block;
}
.btmenu a { cursor: pointer; position: absolute; padding: 10px 35px 16px 0px; }
.btmenu a span { text-indent:-9999px;}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 20px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.btmenu a span:before {
  top: -8px; 
  width: 22px;
}
.btmenu a span:after {
  bottom: -8px;
  width: 24px;
}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
.btmenu a.menuon span, .btmenu a.menuon span:before, .btmenu a.menuon span:after {
  width: 24px;
}
.btmenu a.menuon span {
  background-color: transparent;
}
.btmenu a.menuon span:before, .btmenu a.menuon span:after {
  top: 0;
}
.btmenu a.menuon span:before {
  transform: rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}
.btmenu a.menuon span:after {
  transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
}
/* iframe vimeo/youtube... */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 75%;  4:3 */
	/*padding-bottom: 54.05%;  1.85:1 cinemascope */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}


/*
/* Falls weitere ScreenMediaLayouts
/*

/* Media = iPad orientation: landscape */
@media only screen and (min-device-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
	
}

/* Media = iPad orientation: portrait */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {

}

/* Media = Mobile - iPhone */
@media handheld, only screen and (max-width: 480px) {

}
	

/* Media = Mobile - All Others - orientation:portrait */
@media handheld, only screen and (max-width: 480px) and (orientation:portrait) {

}


/* Media = Mobile - All Others - orientation:landscape */
@media handheld, only screen and (max-width: 767px) and (orientation:landscape) {

}




/* =Print Style
-------------------------------------------------------------- */

@media print {

}