/* desktops */
@media only screen and (min-width: 1441px){
.postthumb.hbild img {
	width:auto;
	max-height:auto;
}
}

/* normale laptops */
@media only screen and (max-width: 1440px){
.postthumb.hbild img {
	width:auto;
	max-height:594px;
}
.owl-stage {
	/*margin-left:-100px;*/
}

}

/* kleine laptops */
@media only screen and (max-width: 1280px){
.postthumb.hbild img {
	width:auto;
	max-height:490px;
}
#header, #content, #footer {
	padding: 0 5%;
}
#header {
	padding-top: 25px;
}
.singlewrapper .entry-content {
    width: 60%;
}
.singlewrapper.noadds .entry-content {
    width: 80%;
}
.category-3 .singlewrapper .entry-content, .page:not(.home) .singlewrapper .entry-content {
    width: 100%;
}
.footnav {
    padding: 150px 0px 55px 140px;
}
.scrolltop.aktiv {
    right: 0;
}
.owl-stage {
	/*margin-left:-100px;*/
}

}

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

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

body.home {
    background-position: right 850px;
}
#header, #content, #footer {
	padding: 0 2%;
}
#header {
	padding-top: 25px;
}
.postthumb {
	padding-bottom:5px;
}
.owl-stage {
	/*margin-left:-100px;*/
}

.footnav {
	padding: 150px 0px 55px 0;
}
.footnav > ul,
.site-desc {
	background:rgba(255,255,255,.8);
}
.scrolltop.aktiv {
	background: rgba(255,255,255,1);
    right: -3%;
}

}

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

body, body.single, body.home {
	background:none;
}

.mainav.head > ul > li,
.footnav > ul > li,
.fhead > ul > li {
	padding:0 10px;
}
.menu-item-type-logout {
	display:none;
}
.admin-bar .searchwrap {
	top: 57px;
}
.postthumb {
	padding-bottom:5px;
}
.teaser .entry-content p,
.teaser .entry-content h3,
.arch .entry-content p,
.arch .entry-content h3 {
	line-height:17px;
}
.teaser .entry-content p,
.arch .entry-content p {
	font-size:14px;
	padding-bottom:2px;
}
.teaser .entry-content h3,
.arch .entry-content h3,
.singlewrapper .entry-content h3,
.kontaktinfo h4,
.hinweise h4,
.entry-adds h4 {
	font-size:16px;
}
.singlewrapper.noadds .entry-content {
    width: 100%;
}
.owl-stage {
	/*margin-left:-50px;*/
}

/* 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%;
}

.footnav {
	padding: 150px 0px 55px 0;
}
.footnav > ul,
.site-desc {
	background:rgba(255,255,255,.8);
}
/* footer widgets */
#footer .fcol-3 .widget-area,
#footer .fcol-4 .widget-area {
	width:50%;
}
#footer .fcol-3 .widget-area:nth-child(3) {
	width:100%;
}
.scrolltop.aktiv {
	background: rgba(255,255,255,1);
    right: -4%;
}

.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;
}
body.single,
body.home {
	background:none;
}

#header, #content, #footer {
	width: 100%;
}
.logo {
}
.toggle {
	color:rgba(227,0,24,1);
	display:block;
	font-size: 24px;
	transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}

.has-sidebar .sidewrap.sideleft,
.has-sidebar .sidewrap.sideright,
.has-sidebar .wrap {
	float:none;
	width:100%;
}
.owl-stage {
	/*margin-left:-20px;*/
}

.teaser.owl-carousel {
	padding-right:0;
}
.teaser .owl-item {
	/*padding:0 10px 0 0;*/
}

/* 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%;
}
body.admin-bar {
	position:static;
}
body.navion {
	overflow:hidden;
	/*position:fixed;*/
}
#header {
	padding-top:10px;
	padding-bottom:10px;
	min-height:60px;
}
.headroom  #headwrap + #contwrap {
	padding-top:80px;
}
.headroom--unpinned #headwrap {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
}
/* turn btmenu into x */
.btmenu {
	display:block;
	position: absolute;
	right: 60px;
	margin-top:3px;
}
.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: 4px;
  width: 30px;
  background: rgba(227,0,24,1);
  position: absolute;
  display: block;
  content: '';
}
.btmenu a span:before {
  top: -11px; 
  width: 36px;
}
.btmenu a span:after {
  bottom: -11px;
  width: 36px;
}
.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: 30px;
  background: rgba(0,0,0,1);
}
.btmenu a.menuon span {
  background-color: transparent;
}
.btmenu a.menuon span:before, .btmenu a.menuon span:after {
  height: 5px;
  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.qtranxs-lang-menu {
	padding:5px 30px;
}
.mainav.head > ul > li.qtranxs-lang-menu > a {
	display:none;
}
.mainav.head > ul > li,
.mainav.head > ul > li.menu-item-language-de,
.mainav.head > ul > li.menu-item-language-en,
.mainav.head > ul > li:last-child {
	padding:5px 30px;
}
.mainav.head > ul > li.menu-item-language-de,
.mainav.head > ul > li.menu-item-language-de a {
	display:inline-block;
}
.mainav.head > ul > li.menu-item-language-en,
.mainav.head > ul > li.menu-item-language-en a {
	display:inline-block;
}
.mainav.head > ul > li.menu-item-language-de {
	padding:5px 0 5px 30px;
}
.mainav.head > ul > li.menu-item-language-en {
	padding:5px 30px 5px 0;
}
.searchwrap,
.admin-bar .searchwrap {
	top: 50%;
	right: 5%;
	left: 5%;
	width:90%;
	transform:translateY(-50%);
}
.teaser, .singleteaser {
    float: none;
    width: 88%;
}
.singleteaser {
    width: 100%;
}
.teaser > .post, .teaser > .page, .archflex > .post, .home .archflex > .post, .archflex > .page {
    padding: 0 5px 15px 0;
}
.teaser > .post > .tcont, .teaser > .page > .tcont, .archflex > .post > .tcont, .archflex > .page > .tcont {
    padding-bottom: 133.5%;
}
.postthumb {
    padding-bottom: 5px;
}
.teaser .entry-content p, .arch .entry-content p {
    font-size: 11px;
    line-height: 14px;
}
.singlewrapper .entry-content h2 {
    font-size: 28px;
    line-height: 32px;
	margin-bottom:15px;
}
/*
.singlewrapper .entry-content h2 ~ p {
    font-size: 14px;
    line-height: 19px;
}
*/
.teaser .entry-content h3, .arch .entry-content h3, .kontaktinfo h4, .hinweise h4 {
    font-size: 13px;
    line-height: 17px;
}
.singlewrapper .entry-content h3 {
    font-size: 17px;
    line-height: 20px;
}
.entry-adds h4 {
    font-size: 16px;
    line-height: 18px;
}
.singlewrapper .entry-content h4 {
    font-size: 15px;
    line-height: inherit;
    margin-bottom: 15px;
}
.entry-adds h5 {
	padding-top:10px;
}
.home .postwrapper {
    width: 100%;
    padding: 0 0 30px 0;
}
.home .postwrapper .entry-content h2 {
    font-size: 18px;
}
.arch h2 {
    font-size: 28px;
    line-height: inherit;
    margin-bottom: 15px;
}
.archflex > .post, .fhead > ul > li, .home .archflex > .post, .archflex > .page {
    width: 50%;
}
.fhead > ul > li {
    padding: 5px 0;
}
.single .arch h2 {
    width: 88%;
}
.arch > div.desc.sing {
    width: 100%;
    padding-right: 0;
}
.arch > div.desc, p.fheadline, .single .postwrapper p.cat, .single .arch h2.recent, .page:not(.home) .arch h2.recent {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
}
.postthumb.hbild {
    padding: 0 0 35px 0;
}
.postthumb.hbild img {
    max-height:inherit;
}

.inforight,
.singlewrapper .entry-adds {
	width: 100%;
	float: none;
	position: absolute;
	top: 0;
	z-index: 1;
	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;
}
.singlewrapper.adds {
	position:relative;
}
.singlewrapper .entry-adds {
	left:auto;
	margin-left:-110%;
	padding-right: 0;
}
.inforight .toggle {
	margin-left: -14%;
}
.singlewrapper.adds .toggle {
	margin-left: 110%;
}
.inforight.aktiv {
	left: 0;
	padding: 0 5% 30px;
}
.singlewrapper .entry-adds.aktiv {
	margin-left:0;
}
.inforight .toggle.aktiv {
	margin-left: 90%;
}
.singlewrapper .entry-adds .toggle.aktiv {
	margin-left:0;
}
.singlewrapper .entry-adds .toggle i {
	transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}
.singlewrapper .entry-adds .toggle.aktiv i {
	margin-left:0;
	transform:rotate(135deg);
}
.singlewrapper > div {
    padding: 0 0 35px 0;
}
.singlewrapper .entry-content {
    width: 88%;
	margin-left:12%;
}
.category-3 .singlewrapper .entry-content, .page:not(.home) .singlewrapper .entry-content, .singlewrapper.noadds .entry-content {
    width: 100%;
	margin-left:0;
}
.page:not(.home) .singlewrapper.rrot .entry-content {
    padding: 15px;
}
.single .arch h2.recent, .page:not(.home) .arch h2.recent {
    margin-top: 15px;
}
.fhead.aktiv {
	border-bottom: 1px solid rgb(227, 0, 24);
	padding-bottom: 15px;
}
.fcontent .sf-field-submit {
    margin-left: 0;
}
.fcontent .sf-field-submit, .fcontent .sf-field-reset {
    width: 50%;
}
.fnwrap ul > li > ul li, .fpwrap ul > li > ul li {
    width: 7.6923076923%;
}
.fywrap ul > li > ul li {
    width: 20%;
}
.fmwrap ul > li > ul li {
    width: 50%;
	hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
}
.gallery-columns-2 .gallery-item {
	padding:15px 5px 15px 0;
}
.gallery-columns-2 .gallery-item:nth-child(even) {
	padding:15px 0 15px 5px;
}

#footwrap {
	background-size:auto 100px;
	background-position:left bottom;
}
#footer {
	min-height: inherit;
}
.footnav {
	padding: 30px 0;
}
.footnav > ul > li {
    padding: 5px 10px;
}
.site-desc {
	font-size:11px;
	padding-bottom:120px;
}
/* footer widgets */
#footer .fcol-2 .widget-area,
#footer .fcol-3 .widget-area,
#footer .fcol-4 .widget-area {
	width:100%;
}
.scrolltop.aktiv {
	background: rgba(255,255,255,1);
    right: -30px;
}

/* 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;
}
}