/*
 * Schriften der Original-Seite (Font Squirrel, 2015) – lokal eingebunden
 */
@font-face { font-family: 'source_sans_probold'; src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'source_sans_prolight'; src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }

/*
Theme Name: Atara, 2015
Author: Alois Gstoettner, http://www.alois-gstoettner.at
*/


/*
Meta
*/

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	list-style-type: none;
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	border-collapse: collapse;
	table-layout: fixed;
	background: transparent;
}


/*
Html, Body
*/

html, body {
	-webkit-text-size-adjust: 100%;
	color: #000;
	width: 100%;
	height: 100%;
	text-rendering: optimizeLegibility;
	background-color: #fff;
	font-size: 14px;
	line-height: 24px;
}

body {
	font-family: 'source_sans_prolight';
}

.icl_lang_sel_translated {
	display: none!important;
}


/*
Abschnitt
*/

.abschnitt {
	clear: both;
	position: relative;
	margin-top: 2px;
	float: left;
	width: 100%;
}

.category-header {
	text-align: center;
}

.page-id-2 .category-header, .page-id-244 .category-header,
.page-id-246 .category-header, .page-id-196 .category-header {
	border-bottom: 1px solid #e5e5e5;
}

/*
Standards
*/

strong, b { 
	font-family: 'source_sans_probold';
}

.imprint { 
	text-align: center; 
}
   
a {
	text-decoration: none;
	color: #fff;
		    -o-transition:.25s;
	       -ms-transition:.25s;
	      -moz-transition:.25s;
	   -webkit-transition:.25s;
		       transition:.25s;
}

a:hover {
	color: #876941;
} 

img {  
	width: 100%;
	height: auto;
	border-style: none!important;
	margin-bottom: 0px!important;
} 

a img, img {
    display: block;
}

h1, h2, h3, h4, h5 {
	font-weight: normal!important;
	font-style: normal!important;
	font-variant: normal!important;
}
h1 {
	font-size: 36px;
	line-height: 48px;
}
h2 {
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
}
h3 {
	font-size: 16px;
	line-height: 24px;
}
h4, .sono-request-button  {
	border: 1px solid #FFF;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	display: inline-block;
    font: 14px/24px 'source_sans_prolight';
	margin-top: 10px;
	margin-right: 10px;
    cursor:pointer;
}
h5 {
	font-size: 12px;
}
.home h4 {
	/*font-size: 20px;*/
	/*padding: 15px 30px;*/
}
h4 a, .sono-request-button {
	color: #FFF;
    padding: 10px 20px;
    display: inline-block;
}
h4:hover, .sono-request-button {
	background-color: #876941;
	border-color: #876941;
}
h4:hover a {
	color: #FFF;
}
.post h4 {
	border-color: #876941;
}
.post h4:hover a {
	color: #FFF;
}

/*
Superbox
*/
.bx-viewport, .bxslider, .bx-wrapper {
	height: 100%!important;
}
.page-id-329 .bx-viewport {
	height: 100%!important;
}
.bx-wrapper img {
	display: block;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.container {
	width: 100%;
	height: 100%!important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.item {
	position: relative;
	float: left;
	width: 33.1%;
	margin-left: .1%;
	margin-right: .1%;
	margin-bottom: .2%;
}
.item-partner {
	position: relative;
	float: left;
	width: 25%;
	border: 1px solid #f5f5f5;
		box-sizing:border-box;
  	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
} 
.item-partner img {
	width: 50%;
	padding: 25%;
} 
.item-partner img {
  		filter: gray; /* IE6-9 */
  		filter: grayscale(1); /* Firefox 35+ */
        -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.item-partner img:hover {
		filter: none;
	-webkit-filter: grayscale(0);
}
.text, .text-hover {
	position: absolute;
	background: rgba(0,0,0,0.6);
	top: 0;
	right: 0;
	left: 0;
    bottom:0;
	text-align: center;
	color: #FFF;
	padding: 20px 10px;
}
@media all and (max-width:1199px){
    .text-hover h2{
        font-size: 20px;
        line-height: 28px;
    }
}
.home .text {
	margin-top: 120px;
	padding-bottom: 40px;
	padding-top: 40px;
}
.text-hover {
	display: none;
}
.item:hover .text-hover {
	display: inline;
}
.newsletter {  
	background-color: #f5f5f5;
	text-align: center;
	width: 100%;
}

/*
Content
*/
.content {  
	width: 688px;
	position: relative;
	clear: both;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}

.social {  
	background-color: #efeff0;
	text-align: center;
	width: 100%;
	position: relative;
	clear: both;
}


.norm_row {  
	width: 100%!important;
}



.clear {  
	clear: both;
}

.post p {
	margin-bottom: 1em;
}

.page .content {  
	text-align: center;
}

.content img {  
	width: auto;
	margin-top: 10px;
}

.content a {  
	color: #876941;
}

.content a:hover {  
	color: #000;
}
.content h4{
    background-color: #876941;
}

.content h4 a{
    color: #FFF;
}
.content h4:hover a{
    color: #876941;
}
.content h4:hover{
    background-color: #FFF;
	border-color: #876941;
}

/********* SoNo CLUEVO styles *************************************/
.sfsi_shortcode_container{
    float:none !important;
}
.sono-request-button:hover{
    color: #876941;
    background-color: #fff;
}

/********** SoNo CLUEVO productpage **********/
.single-post{
    overflow-x:hidden;
}
.single .content.post{
    width:80%;
}
@media all and (max-width:999px){
    .single .content.post{
        width:95%;
    }
}
@media all and (max-width:829px){
    .single .content.post{
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        padding: 5%;
        margin:0;
        box-sizing: border-box;
    }
}
.single .content-wrap{
    width: 55%;
    float: right;
    margin-right: 40px;
    margin-bottom: 40px;
}
@media all and (max-width:829px){
    .single .content-wrap{
        width: 100%;
        margin-right: 0;
    }
}
.single .spacer-float-right{
    width:310px;
    float:right;
}
.infoboxes-wrap{
    position: relative;
    width:310px;
    float:right;
}
@media all and (max-width:829px){
    .infoboxes-wrap{
        width:90%;
        margin:auto;
        float:left;
    }
}
.infoboxes-wrap .infocontent{
    min-height: 150px;
}
.infoboxes-wrap .infocontent{
    float:left;
    margin-bottom:30px;
    width: 100%;
    padding:15px 15px 10px 15px;
    background-color:#DFD9D2;
    line-height: 1.3;
    font-size: 1.2rem;
    font-weight: thin;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.infoboxes-wrap .titel{
	font-size:1.2rem;
	font-weight: bold;
	text-transform: uppercase;
    padding:5px;
}
.infoboxes-wrap .sepperator{
    /** CLUEVO colorchange border: 2px solid #8a7744; **/
	/*border-bottom:2px solid #876941;*/
    border-bottom:1px solid rgba(135, 105, 65, .25);
    margin-top: 9px;
    margin-bottom: 5px;
}
.infoboxes-wrap .inhalt p{
    margin:0;
	padding:5px;
}
.infoboxes-wrap .inhalt.left, .infoboxes-wrap .inhalt.right{
    width: 50%;
    float:left;
}
.infoboxes-wrap #kontakt .infocontent{
    background-color: #C8C7C8;
}
.single div.wpforms-container-full .wpforms-field input[type="text"],
.single div.wpforms-container-full .wpforms-form input[type="email"],
.single div.wpforms-container-full .wpforms-form textarea{
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    font: 14px/24px 'source_sans_prolight';
    color: #000;
}
.single div.wpforms-container-full .wpforms-form button[type="submit"]{
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    border: 1px solid #876941;
    padding: 10px 20px;
    text-transform: uppercase;
    font: 14px/24px 'source_sans_prolight';
    /** CLUEVO colorchange background-color: #8a7744; **/
    background-color: #876941;
    margin: auto;
    color: #fff;
}
.single div.wpforms-container-full .wpforms-form button[type="submit"]:hover{
    /** CLUEVO colorchange color: #8a7744; **/
    color:#876941;
    background-color:#fff;
    border: 1px solid #876941;
}

/********* CLUEVO Press Page ***********/
.single .content.post.press .content-wrap{
    width: 688px;
    margin: 0 auto 40px auto;
    float:none;
}

@media all and (max-width:829px){
    .single .content.post.press .content-wrap{
        width: 100%;
        margin-right: 0;
    }
}
@media all and (min-width:999px){
    .category-presse .item, .category-press .item{
        width: 24.8%;
    }
}

/*SoNo, CLUEVO sozial media icons */
.sfsi_wicons.shuffeldiv{
    margin:5px !important;
}
.inerCnt #sfsiid_facebook_icon{
    background: url("../theme/assets/fb.png") !important;
    background-size: contain !important;
    width: 36px;
    height: 36px;
}
.inerCnt #sfsiid_pinterest_icon{
    background: url("../theme/assets/pint.png") !important;
    background-size: contain !important;
    width: 36px;
    height: 36px;
}
.inerCnt #sfsiid_instagram_icon{
    background: url("../theme/assets/ig.png") !important;
    background-size: contain !important;
    width: 36px;
    height: 36px;
}
#sfsiid_facebook_icon:hover, #sfsiid_pinterest_icon:hover, #sfsiid_instagram_icon:hover{
    opacity:1 !important;
}
.inerCnt .sficn img{
    display: none;
}
.imprint .sfsi_shortcode_container{
    margin-top:15px;
}
input[type='checkbox']:checked {
    -webkit-filter: grayscale(100%);
}

/*CLUEVO Newsletter Error */
#mc_embed_signup input.mce_inline_error{
    border:1px solid #876941 !important;
}
#mc_embed_signup input:focus{
    outline: none;
    border:2px solid #876941 !important;
}