/*
Theme Name: SABS Interiors
Theme URI: http://www.sabs-interiors.ch/
Author: °visualcosmos
Author URI: http://www.visualcosmos.com/
Description: SABS Interiors Theme 2016
Version: 1.0
*/

*{
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
}

.justcontent p em span {
    line-height: 25px;
}

html{
	width: 100%;
	height: 100%;
}

body{
	width: calc(100% - 60px);
	padding: 0px 30px;
	height: 100%;
}

a{
	text-decoration: none;
	color: #615d59;
}

a:hover{
	text-decoration: underline;
}


.left{float: left;}

.right{float:right;}

.last{margin-right: 0px !important;}

.clear{clear: both;}

p{
	font-size: 15px;
	line-height: 19px;
	color: #615d59;
	margin-bottom: 19px;
}

h1{
	color: #615d59;
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: normal;
}

#container{
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}

header{
	padding-bottom: 60px;
	position: relative;
}

#subnav{
	height: 20px;
	width: 100%;
	margin-top: 40px;
}

nav{
	max-width: 600px;
	float: right;
}

nav ul li{
	float: left;
	min-width: 139px;
	margin-right: 90px;
	list-style: none;
	border-bottom: 1px dotted #615d59;
	margin-bottom: 5px;
}

nav ul li img{
	vertical-align: bottom;
	margin-bottom: 3px;
}

nav ul li a{
	font-size: 15px;
	color: #615d59;
	text-decoration: none;
	font-style: italic;
	line-height: 25px;
	font-family: "Georgia", serif;
}

nav ul li a:hover{
	text-decoration: none;
}

.current-menu-item ul li.current-menu-item a{
	color: #a9262a;
}

nav ul li.current_page_item,
nav ul li.current_page_ancestor,
nav ul li.current-menu-parent,
nav ul li:hover{
	border-bottom: 1px dotted #a9262a;
}

nav ul li.current_page_item > a,
nav ul li.current_page_ancestor  > a,
nav ul li.current-menu-parent  > a,
nav ul li:hover > a{
	color: #a9262a;
}

nav ul li ul{
	display: none;
}

nav ul li.current_page_item ul,
nav ul li.current_page_ancestor ul,
nav ul li.current-menu-parent ul{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

nav ul li.current_page_item ul li,
nav ul li.current_page_ancestor ul li,
nav ul li.current-menu-parent ul li{
	float: left;
	min-width: 10px;
	margin-right: 10px;
	border: none;
}

.xs-menu{
	max-width: 16px;
}
 
nav ul li.current_page_item ul li a,
nav ul li.current_page_ancestor ul li a,
nav ul li.current-menu-parent ul li a{
	font-style: normal;
	line-height: 15px;
	text-transform: uppercase;
	font-family: "Arial", sans-serif;
}

nav ul li.current_page_item ul li.current_page_item,
nav ul li.current_page_ancestor ul li.current_page_item,
nav ul li.current-menu-parent ul li.current_page_item{
	border: none;
}

nav ul li.current_page_item ul li.current-menu-item > a,
nav ul li.current_page_ancestor ul li.current-menu-item > a,
nav ul li.current-menu-parent  ul li.current-menu-item > a{
	color: #a9262a;
}

.next{
	opacity: 0.6;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 5px;
	display: block;
	width: 38px;
	float: left;
}

.next:hover{
	opacity: 1.0;
}

#infotext, .infotext{
	color: #615d59;
	font-size: 15px;
	font-family: "Arial", sans-serif;
}

#infotext{
	margin-top: 5px;
	display: block;
	height: 17px;
}

#subnav ul li{
	float: left;
	list-style: none;
	margin-right: 10px;
}

#subnav ul li a{
	text-decoration: none;
	text-transform: uppercase;
	color: #615d59;
}

#subnav ul li.current_page_item > a{
	color: #a9262a;
}

#content{
	border-top: 1px solid #615d59;
	border-bottom: 1px solid #615d59;
	padding-top: 55px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}

#content p{
	color: #615d59;
}

.start {
    position: relative;
}

div#kreis-stoerer {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 410px;
    width: 410px;
    background: rgba(255,255,255,0.8);
    border-radius: 100%;
    transform: translate(-50%,calc(-50% - 5px));
}

div#kreis-stoerer-titel {
    color: #a9272a;
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 120px 50px 20px 50px;
    text-align: center;
    line-height: 120%;
}

div#kreis-stoerer-untertitel {
    font-size: 22px;
    color: #646053;
    text-transform: uppercase;
    padding: 0px 50px;
    text-align: center;
    line-height: 130%;
}

.stoerer-link *{
	text-decoration: none !important;
}

.stoerer-link div#kreis-stoerer:hover{
	background: white !important;
}

@media(max-width: 500px){
	div#kreis-stoerer {
	    top: 87px;
	    transform: translate(-50%, 0px);
	    width: 280px;
	    height: 280px;
	}

	div#kreis-stoerer-titel {
	    font-size: 32px;
	    padding: 80px 20px 15px 20px;
	}

	div#kreis-stoerer-untertitel {
	    padding: 0px 20px;
	    font-size: 16px;
	}
}



.start .gallery-item{
	float: left !important;
	width: calc(33.33% - 8px) !important;
	height: 226px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-top: 0px !important;
	overflow: hidden;
}

.start .gallery-item img{
	min-width: 100%;
	min-height: 100%;
	max-width: 110%;
	height: auto;
	border: 0px !important;
}

.img-sidebar{
	width: 33%;
	margin-right: 5%;
	height: auto;
	float: left;
}

.img-sidebar img{
	width: 100%;
	height: auto;
	margin-bottom: 7px;
}

.press-container .img-sidebar img{
	width: auto;
	max-width: 100%;
}

.press-container{
	margin-bottom: 20px;
}

.text-sidebar{
	width: 48%;
	padding-right: 14%;
	float: left;
}

.img-sidebar-half{
	width: 48%;
	margin-right: 4%;
	height: auto;
	float: left;
	position: relative;
}

.img-sidebar-half img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

#blueimp-gallery .bedienung img,
#blueimp-gallery .close img{
	width: auto;
    height: 16px;
    margin-bottom: 0px;
}

.text-sidebar-half,
.text-sidebar-rechts{
	width: 48%;
	float: right;
}

.text-sidebar-fullwidth{
    float: right;
    width: 62%;
}

.img-sidebar-fullwidth{
	width: 33%;
    margin-right: 5%;
    height: auto;
    float: left;
    position: relative;
}

#backtotop{
	width: 14px;
	height: 26px;
	background: url("img/arrow-up.svg");
	position: absolute;
	bottom: 34px;
	right: -6%;
	opacity: 0.6;
	cursor: pointer;
}

#backtotop:hover{
	opacity: 1.0;
}

/** GALLERY **/

.container-cpm-gallery .images{
	width: calc(25% - 15px);
	height: 0px;
	padding-bottom: 17%;
	float: left;
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 7px;
	overflow: hidden;
}

.container-cpm-gallery .images img{
	width: 100%;
	height: auto;
}

.artikel{
	margin-right: 10px;
	opacity: 0.6;
	display: block;
	float: left;
	margin-top: 3px;
}

.artikel:hover{
	opacity: 1.0;
}

.justcontent p{
	max-width: 720px;
}

.play-pause{
	display: none !important;
}

.blueimp-gallery{
	background:white;
}

.portfolio .container-cpm-gallery .images{
	width: 100%;
	height: auto;
	padding-bottom: 0px;
}



.text p{
	font-family: "Georgia", serif;
	font-size: 20px;
	line-height: 24px;
	font-style: italic;
	width: calc(100% - 150px);
}

.social{
	margin-right: 5px;
	margin-top: 5px;
}

#mobile-nav{
	display: none;
}

#mobile-nav-close{
	display: none;
}

#open-text{
	cursor: pointer;
	color: #615d59;
	display: none;
	margin-bottom: 10px;
}


/** WPML CSS LÖSUNG **/

nav ul li:nth-of-type(3){
	min-width: 0px;
	width: 21px;
	margin-right: 1px !important;
}

nav ul li ul li:nth-of-type(3){
	margin-right: 10px !important;
}

nav ul li:nth-of-type(4){
	min-width: 119px;
	padding-left: 0px;
	margin-right: 0px !important;
}

.menu-item-language-current a{
	color: #a9262a;
}

.space{
	margin-bottom: 35px;
}

.overview-item{
	position: relative;
	padding-bottom: 21.5%;
	background-size: cover;
    background-position: center;
}

.col-4 {
    width: calc(25% - 15px);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.overview-link-list:nth-child(4n) .col-4{
	margin-right: 0px;
}

.pagination-ov {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.33);
    opacity: 0;
}

.pagination-ov span {
    font-size: 80px;
    line-height: 80px;
    position: absolute;
    font-weight: bold;
    color: white;
    bottom: 0px;
    left: 8px;
    display: block;
}

.overview-item:hover .pagination-ov{
	opacity: 1;
}

@media(min-width: 766px){  /**NUR NAVIGATION**/
	nav ul li:nth-child(3n+4){margin-right: 0px !important;}

	nav ul li ul li:nth-child(3n+4){margin-right: 10px !important;}

}

@media(min-width: 769px){
	.start .gallery-item:nth-child(3n+0){margin-right: 0px !important;}

	.container-cpm-gallery .images:nth-child(4n+0){margin-right: 0px !important;}
}

@media (max-width: 920px){ /**NUR NAVIGATION**/

	nav{max-width: 450px;}

	nav ul li{margin-right: 40px; min-width: 119px;}

	nav ul li:nth-of-type(4){min-width: 95px;}
}

@media (max-width: 768px){
	.bedienung{
		display: none !important;
	}

	.text p{
		width: 100%;
	}

	.start .gallery-item{
		width: calc(50% - 6px) !important;
	}

	.start .gallery-item:nth-child(2n+2){
		margin-right: 0px !important;
	}

	.container-cpm-gallery .images{
		width: calc(33% - 8px);
		margin-right: 12px;
		margin-bottom: 12px;
		padding-bottom: 22%;
	}

	.container-cpm-gallery .images:nth-child(3n+0){
		margin-right: 0px !important;
	}

	.img-sidebar{
		width: 48%;
		margin-right: 4%;
	}

	.text-sidebar{
		width: 48%;
		padding-right: 0px;
	}

	.col-4 {
	    width: calc(50% - 10px);
	}

	.overview-link-list:nth-child(4n) .col-4{
		margin-right: 20px;
	}

	.overview-link-list:nth-child(2n) .col-4{
		margin-right: 0px;
	}

	.overview-item{
		padding-bottom: 42.5%;
	}
}

@media (max-width: 765px){ /**UMSPRUNGSMARKE**/
	nav{
		max-width: 330px;
	}

	#content{
		padding-top: 35px;
	}


	nav ul li{
		min-width: 139px;
		margin-right: 50px;
		margin-bottom: 6px;
	}

	/** WPML **/

	nav ul li:nth-of-type(2){
		min-width: 0px;
		width: 21px;
		margin-right: 1px !important;
	}

	nav ul li ul li:nth-of-type(2){
		width: auto;
	}

	nav ul li ul li:nth-of-type(3){
		margin-right: 10px !important;
	}

	nav ul li:nth-of-type(3){
		min-width: 119px;
		padding-left: 0px;
		margin-right: 0px !important;
	}

	/**********/

	nav ul li ul li:nth-child(2n+2){
		margin-right: 10px !important;
	}

	nav ul li:nth-child(3),
	nav ul li:nth-child(5),
	nav ul li:nth-child(7){
		margin-right:0px;
	}

	nav ul li:nth-child(4){min-width:139px; margin-right:50px !important;}


	header{
		padding-bottom: 90px;
	}

}

@media (max-width: 600px){ /**NUR NAVIGATION**/
	nav ul li{ min-width: 109px; margin-right: 30px; }

	nav{ max-width: 250px; }

	nav ul li:nth-child(4){min-width:109px; margin-right:30px !important;}

	nav ul li:nth-child(3){min-width:84px; margin-right: 0px !important;}
}

.visible{
	visibility: visible;
}

.hide{
	visibility: hidden;
}

.close{
	display: none;
}

.open{
	display: block;
}

@media (max-width: 520px){ /**UMSPRUNGSMARKE**/
	body{
		width: calc(100% - 40px);
		padding: 0 20px;
	}

	#container{
		padding-top: 20px;
	}

	#content{
		padding-top: 15px;
	}

	.container-cpm-gallery .images{
		width: calc(50% - 6px);
		margin-right: 12px;
		padding-bottom: 35%;
	}

	.container-cpm-gallery .images:nth-child(3n+0){
		margin-right: 12px !important;
	}

	.container-cpm-gallery .images:nth-child(2n+0){
		margin-right: 0px !important;
	}

	#mobile-nav{
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		cursor: pointer;
	}

	#mobile-nav-close{
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		cursor: pointer;
		z-index: 20;
	}

	nav{
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 122px;
		background: white;
		max-width: 100%;
		top: -10px;
	}

	nav ul li{
		min-width: 140px;
		margin-right: 50px;
		margin-bottom: 3px;
	}

	nav ul li.current-menu-item ul.sub-menu,
	nav ul li.current-menu-parent ul.sub-menu{
		bottom: -2px;
	}

	nav ul li:nth-child(4){min-width:114px; margin-right: 50px !important;}



	header{
		padding-bottom: 50px;
	}

	.start .gallery-item{
		width: 100% !important;
		margin-right: 0px !important;
	}

	.img-sidebar-half{
		width: 100%;
		padding: 0px;
	}

	.text-sidebar-half,
	.text-sidebar-rechts{
		width: 100%;
		padding: 0px;
	}

	.text-sidebar-half{
		display: none;
	}

	.text-sidebar-fullwidth,
	.img-sidebar-fullwidth{
	    width: 100%;
	    padding: 0px;
	}

	.text-sidebar,
	.img-sidebar{
		width: 100%;
		padding-right: 0px;
	}

	#open-text{
		display: block;
	}

	#backtotop{
		left: 50%;
		bottom: -23px;
	}
}

@media(max-width: 400px){
	.overview-link-list:nth-child(4n) .col-4{
		margin-right: 0px;
	}

	.overview-link-list:nth-child(2n) .col-4{
		margin-right: 0px;
	}

	.overview-item{
		width: 100%;
		padding-bottom: 68.5%;
	}
}

@media (max-width: 380px){
	nav ul li{
		min-width: 110px;
		margin-right: 30px;
	}

	nav ul li:nth-child(3){min-width:85px; margin-right: 30px !important;}
	nav ul li:nth-child(4){min-width:110px;margin-right: 30px !important;}
}


#backtotop{
	display: none;
}

.fliesstext-rot{
	color: #a9262a !important;
}

.testimonials-rot{
	font-family: "Georgia", serif !important;
    font-style: italic;
	color: #a9262a !important;
	font-size: 18px !important;
	line-height: 25px !important;
}

.testimonials-grau{
	font-family: "Georgia", serif !important;
    font-style: italic;
    color: #615d59 !important;
    font-size: 18px !important;
	line-height: 25px !important;
}

.testimonials-autor{
	font-family: "Arial", sans-serif !important;
	color: #615d59 !important;
	font-size: 15px !important;
	line-height: 25px !important;
}

/** PRODUCT ACCORDION **/

.omsc-toggle-title:after{
	top:inherit !important;
	left:inherit !important;
	display:inline !important;
	margin-left:10px !important;
}

.omsc-toggle-title{
	padding-left: 5px !important;
	border: none !important;
	text-transform: uppercase !important;
	color: #615d59 !important;
	font-weight: bold !important;
}

.omsc-toggle{
	border-bottom: 1px solid #615d59 !important;
}

.omsc-accordion{
	border-top: 1px solid #615d59 !important;
	border-top-color: #615d59 !important;
}

.omsc-toggle-title, .omsc-toggle-title:hover, .omsc-toggle.omsc-expanded .omsc-toggle-title{
	background:none !important;
	font-size: 15px;
}

.omsc-accordion .omsc-toggle{
	border-right:none !important;
	border-left:none !important;
}

.omsc-toggle-title:after {
    content: '\f105' !important;
}

.omsc-toggle.omsc-expanded .omsc-toggle-title:after{
    content: '\f107' !important;
}

.omsc-toggle-inner ul{
	list-style: none !important;
}

.omsc-toggle-inner{
	padding: 0px 5px 0px 0px !important;
	color: #615d59 !important;
	font-size: 15px;
}

.omsc-toggle-inner ul li {
    padding: 8px 5px !important;
    border-top: 1px solid #615d59 !important;
    min-height: 36px !important;
}

.omsc-toggle-inner ul li a{
	color: #615d59 !important;
	text-decoration: underline;
}

.omsc-toggle-inner ul li a:hover{
	text-decoration: none;
}


.omsc-toggle-inner p{
	padding-left: 5px;
	font-size: inherit;
}

.omsc-toggle-inner ul li:last-child {
    margin-bottom: -18px; /** KORREKTUR DER LEERZEILE **/
}