/* desktops */
@media only screen and (min-width: 1441px){

}

/* normale laptops */
@media only screen and (max-width: 1440px){

}

/* kleine laptops */
@media only screen and (max-width: 1280px){

}

/* zwischen laptops */
@media only screen and (max-width: 1160px){

}
/* iPad landscape */
@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) {

#header, #content, #footer {
	width: 100%;
	padding:0 2%;
}

/* masonry */
.mason.mcol-5 .post,
.mason.mcol-5 .product,
.mason.mcol-6 .post,
.mason.mcol-6 .product,
.mason.mcol-7 .post,
.mason.mcol-7 .product,
.mason.mcol-8 .post,
.mason.mcol-8 .product {
	width:25%;
}

/* footer widgets */
#footer .fcol-3 .widget-area,
#footer .fcol-4 .widget-area {
	width:50%;
}
#footer .fcol-3 .widget-area:nth-child(3) {
	width:100%;
}

.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: 767px) {
.mainav {
	display:block !important;
}
}
/* smartphones */
@media screen and (max-width: 767px) {

body, html {
	/*overflow-x:hidden;*/
}
.entry-content ol li {
	margin-left:30px;
}
#headwrap {
	position:fixed;
	z-index:2;
	background-color: rgba(255,255,255,1);
	height:50px;
}
div.site-title {
    padding: 10px 0 10px 10px;
    font-size: 20px;
}
div.atelier-logo img {
    right: 9px;
    top: 14px;
    height: 16px;
}
div.atelier-logo.testelab img {
    right: auto;
    left: 40px;
}
#contwrap {
	padding-top:50px;
}
#header, #content, #footer {
	width: 100%;
	padding:0 2%;
}
#header {
	padding:0;
}
.has-sidebar .sidewrap,
.has-sidebar .wrap {
	width:100%;
}

/* masonry */
.mason.mcol-3 .post,
.mason.mcol-3 .product,
.mason.mcol-4 .post,
.mason.mcol-4 .product,
.mason.mcol-5 .post,
.mason.mcol-5 .product,
.mason.mcol-6 .post,
.mason.mcol-6 .product,
.mason.mcol-7 .post,
.mason.mcol-7 .product,
.mason.mcol-8 .post,
.mason.mcol-8 .product {
	width:50%;
}

html.navion,
body.navion {
	overflow:hidden;
	/*position:fixed;*/
}

/* turn btmenu into x */
.btmenu {
	display:block;
	position: absolute;
	top: 9px;
	left: 9px;
}
.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: black;
  position: absolute;
  display: block;
  content: '';
}
.btmenu a span:before {
  top: -6px; 
  width: 22px;
}
.btmenu a span:after {
  bottom: -6px;
  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);
}
.mainav.head {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	overflow-y:scroll;
	/*display:none;*/
	margin-left:-100%;
	background:rgba(255,255,255,1);
	transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	float:none;
}
.navion .mainav.head {
	margin-left:0;
}
.mainav.head ul,
.mainav.head > ul > li,
.mainav.head > ul > li > a {
	display:block;
}
.mainav.head > ul > li {
}
.mainav.head > ul > li,
.mainav.head > ul > li:last-child {
	width:100%;
	padding:5px 30px;
	text-align:center;
	font-size:20px;
}

/* footer widgets */
#footer .fcol-2 .widget-area,
#footer .fcol-3 .widget-area,
#footer .fcol-4 .widget-area {
	width:100%;
}

/* 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%;
}
}
/* Media = iPhone orientation: landscape */
@media only screen and (max-width: 767px) and (orientation:landscape) {
	
/* masonry */
.mason.mcol-2 .post {
	width:50%;
}
.mason.mcol-3 .post {
	width:33.33333333%;
}
.mason.mcol-4 .post,
.mason.mcol-5 .post,
.mason.mcol-6 .post,
.mason.mcol-7 .post,
.mason.mcol-8 .post {
	width:25%;
}

}


/*
/* 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 {
body {
	height: 100%;
	overflow-y: visible;
	overflow-x: visible;
}
}