/*
Theme Name: Yogana Theme
Theme URI: http://rockymedia.at
Author: rockymedia
Author URI: http://rockymedia.at
Description: Yogana Theme
Version: 1.0
License: private
License URI: http://rockymedia.at
Tags: 

*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway:400,600,700');

/*
font-family: 'Merriweather', serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;
*/

/* Allgemeine Styles */
@media (min-width: 768px) {
.vertical-align {
    display: flex;
    align-items: center;
}
}

@media(max-width:767px) {
section.content .col-xs-1, section.content .col-sm-1, section.content .col-md-1, section.content .col-lg-1, section.content .col-xs-2, section.content .col-sm-2, section.content .col-md-2, section.content .col-lg-2, section.content .col-xs-3, section.content .col-sm-3, section.content .col-md-3, section.content .col-lg-3, section.content .col-xs-4, section.content .col-sm-4, section.content .col-md-4, section.content .col-lg-4, section.content .col-xs-5, section.content .col-sm-5, section.content .col-md-5, section.content .col-lg-5, section.content .col-xs-6, section.content .col-sm-6, section.content .col-md-6, section.content .col-lg-6, section.content .col-xs-7, section.content .col-sm-7, section.content .col-md-7, section.content .col-lg-7, section.content .col-xs-8, section.content .col-sm-8, section.content .col-md-8, section.content .col-lg-8, section.content .col-xs-9, section.content .col-sm-9, section.content .col-md-9, section.content .col-lg-9, section.content .col-xs-10, section.content .col-sm-10, section.content .col-md-10, section.content .col-lg-10, section.content .col-xs-11, section.content .col-sm-11, section.content .col-md-11, section.content .col-lg-11, section.content .col-xs-12, section.content .col-sm-12, section.content .col-md-12, section.content .col-lg-12 {
    margin-bottom: 30px;
}
}
.clear {
    clear: both;
}
.container {
    max-width: 1200px;
}
#sb-site {
    background: none;
}
body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #C69D16;
    line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
}
a, .wpcf7-submit, a img, .tagLabel {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
a:hover img {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
}
section.content img.alignright {
    float: right;
    margin: 0 0 3em 3em
}
section.content img.alignleft {
    float: left;
    margin: 0 3em 3em 0
}
section.content img.aligncenter {
    display: block;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto
}
section.content a img.alignright {
    float: right;
    margin: 0 0 3em 3em
}
section.content a img.alignleft {
    float: left;
    margin: 0 3em 3em 0
}
section.content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:767px) {
section.content img.alignright, section.content img.alignleft, section.content img.aligncenter {
    width: 100%;
    height: auto;
}
}
section.content img.alignnone, section.content img.aligncenter {
    max-width: 100%;
    height: auto;
}
/* Navigation */
nav.navbar.navMain {
    background: url(img/header-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: none;
    border-radius: 0;
    margin: 0 0 3px 0;
}

.navMain ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.navMain ul li {
    display: inline-block;
    width: auto;
    text-align: center;
}
.navMain ul li a {
    font-size: 15px;
    padding: 20px 10px 20px 10px;
    display: block;
    color: #ffffff;
    font-family: 'Open Sans', serif; /* Raleway*/
    font-weight: 600;
    text-transform: uppercase;
}
.navMain ul li a:hover, .navMain ul li a:focus, .navMain ul li.current-menu-item a, .navMain ul li.current-page-ancestor a {
    background: rgba(255,255,255,1);
    color: #C69D16;
}
.logoWrap {
display: flex;
    align-items: center;
	height:61px;
}
.logoWrap img {
    height: auto;
    width: 100%;
	max-width:233px;
}


.navLink {
    text-align: right !important;
    width: 100%;
    padding: 15px 0 5px 0;
}
.navLink a {
    display: inline-block;
    color: #ffffff;
    font-size: 2.3em;
}
.navLink a:hover, header .navLink a:focus {
    color: #ffffff;
    text-decoration: none;
}
.navLink {
    margin: 0 auto;
    text-align: center;
}
section.content {
    margin: 60px 0 20px 0;
}
section.content img {
    max-width: 100%;
    height: auto;
}
section.content h1 {
    font-family: 'Open Sans', serif; /* Raleway*/
    font-size: 2em;
    line-height: 1.3em;
    margin-bottom: 35px;
    font-weight: 400;
    color: #C69D16;
}
section.content h2 {
    font-family: 'Open Sans', serif; /* Raleway*/
    font-size: 2em;
    line-height: 1.3em;
    margin-bottom: 35px;
    font-weight: 400;
    color: #C69D16;
}
section.content h3 {
    font-family: 'Open Sans', serif; /* Raleway*/
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 5px;
}
section.content ul, section.content ol {
    padding: 0;
    margin: 0 0 0 15px;
    line-height: 1.7em;
    font-size: 1em;
    margin-bottom: 15px;
}
section.content li {
    padding-left: 0.8em;
}
section.content a {
    text-decoration: underline;
    color: #9d7d13;
}
section.content a:hover {
    text-decoration: none;
    color: #C69D16;
}
.home section.content h1, .home section.content h2, .home section.content h3, .home section.content p, .home section.content a, .home section.content .productDesc p, .home section.content .productDesc a {
    color: #C69D16 !important;
}
.home section.content .productDesc h3 {
    color: #C69D16 !important;
}
/* Footer */



footer {
    color: #ffffff;
    padding: 50px 0 50px 0;
    background: #412D2D;
    margin-top: -22px;
}
footer h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 15px;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 0.9em;
}
footer p {
    line-height: 1.5em;
    font-size: 0.9em;
}
footer a {
    color: #ffffff;
}
footer a:hover, footer a:focus, footer .current-menu-item a, footer .current-page-ancestor a {
    color: #C69D16;
    text-decoration: none;
}
.footerBox.last {
    text-align: right;
}
.footerBox::after {
    display: block;
    content: "";
    clear: both;
}

@media(max-width:991px) {
.footerBox {
    margin-bottom: 30px;
}
.footerBox.second {
    text-align: right;
}
}

@media(max-width:767px) {
footer {
    text-align: center;
}
.footerBox {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.footerBox.last {
    margin: 0;
    padding: 0;
    border: none;
}
.footerBox.last,  .footerBox.second {
    text-align: center;
}
}
/* Newsletter Form */
.nlForm input.wpcf7-text {
    background: none;
    border: 1px solid #C69D16 !important;
    color: #fff !important;
    height: 36px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	box-sizing: border-box;
	 padding: 3px 10px 3px 10px !important;
	 
    

    
   
   
    width: 100% !important;
    outline: none !important;
    margin-bottom: 3px;
	
	
}
.nlForm span.your-email {
    display: inline-block;
    width: calc(100% - 120px);
}
.nlForm input.wpcf7-submit {
    width: 100px;
 
    height: 36px;
    color: #C69D16 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	padding: 3px 10px 3px 10px !important;
	background-color: #ffffff;
	border: medium none !important;
    box-sizing: border-box;
    font-size: 1em;
    text-transform: uppercase;
    float: right;
    font-weight: 600;
	
	
	
}
/* Mobile Navigation */

.sb-slidebar {
    background: #412D2D;
    min-width: 280px;
}
.mobileNavi, .mobileNavi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mobileNavi a {
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    font-size: 1.3em;
    display: block;
    font-family: 'Open Sans', serif; /* Raleway*/
    font-weight: 300 !important;
}
.mobileNavi ul a {
    text-transform: none;
    padding-left: 30px;
}
.mobileNavi ul ul a {
    padding-left: 50px;
    font-size: 0.9em;
}
.mobileNavi a:hover, .mobileNavi a:focus, .mobileNavi ul a:hover, .mobileNavi ul a:focus {
    text-decoration: none;
    background: rgba(255,255,255,0.1);
    color: #fff;
}
.mobileNavi li.current_page_item a {
    background: rgba(255,255,255,0.1);
}
.mobileNavi li.current_page_item li a {
    text-decoration: none;
    background: none;
}
/* Anfrageformular */
.wpcf7-not-valid-tip {
    font-size: 12px !important;
}
form.wpcf7-form {
}
.wpcf7-form .required {
    color: #ff0000;
}
.wpcf7-form strong {
    font-weight: 600;
}
.wpcf7-form .formtextSmall {
    clear: both;
    text-align: right;
    font-size: 0.9em;
}
.contactForm input.wpcf7-text, .contactForm textarea.wpcf7-textarea {
    background-color: #ffffff;
    border: 1px solid #C69D16 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
 
    font-size: 14px;
    padding: 5px 10px 5px 10px !important;
    width: 100% !important;
    outline: none !important;
    margin-bottom: 3px;
	color: #C69D16 !important;
}
.contactForm input.wpcf7-submit {
    background-color: #C69D16;
    border: medium none !important;
    border-radius: 3px !important;
    box-sizing: border-box;
    color: #ffffff !important;
    font-size: 1em;
    padding: 5px 10px 5px 10px !important;
    text-transform: uppercase;
    float: right;
    font-weight: 600;
}
.contactForm input.wpcf7-submit:hover {
    background: rgba(198, 157, 22, 0.5);
    color: #ffffff !important;
    cursor: pointer !important;
}
.contactForm input.wpcf7-submit:disabled{ background: rgba(198, 157, 22, 0.5);}

.contactForm label{ font-weight:400 !important;}

.contactForm .wpcf7-list-item{ margin-left:0;}
.contactForm .wpcf7-form-control-wrap{ margin-bottom:25px; display:block;}

.contactForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C69D16;
	opacity: 1;
}
.contactForm ::-moz-placeholder { /* Firefox 19+ */
  color: #C69D16;
	opacity: 1;
}
.contactForm :-ms-input-placeholder { /* IE 10+ */
  color: #C69D16;
	opacity: 1;
}
.contactForm :-moz-placeholder { /* Firefox 18- */
  color: #C69D16;
	opacity: 1;
}



/* Video responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modulBox {
    margin-bottom: 5px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 60px 0;
}
.modulBox.smallGap {
    margin-bottom: 30px;
}
.spalten4FullWidth {
    margin-top: 30px;
}
.bannerWrap {
    position: relative;
	margin-bottom:50px;
	margin-top:-57px;
}

.bannerWrap img{ width:100%; height:auto;}
.bannerWrap .bannerTextWrap{ top: 50%;
    transform: translateY(-50%); position: absolute; width:100%; max-width: 1200px; margin:0 auto; left:0; right:0;}
.bannerWrap .bannerTextWrap .bannerText{ text-align: right !important; width:100%; font-size:4em; color:#ffffff;font-family: 'Open Sans', serif; /* Raleway*/font-weight: 400; }

@media(max-width:1220px) {
.bannerWrap .bannerTextWrap .bannerText{ padding-right:15px !important; }

}

@media(max-width:767px) {
.bannerWrap .bannerTextWrap .bannerText{ font-size:6vw; font-weight:300; }

}
/* zweier Block */


.zweierBlock {
    padding: 40px 0 40px 0;
}
.zweierBlock .zBTextBlock {
    background: rgba(0,0,0,0.75);
    padding: 40px;
    margin-left: -20px;
    margin-right: -20px;
    color: #d3b964;
}
.zweierBlock .zBTextBlock h2, .zweierBlock .zBTextBlock p, .zweierBlock .zBTextBlock a {
    color: #d3b964 !important;
}
.zweierBlock .zBTextBlock.first {
    margin-bottom: 30px;
}

@media(max-width:767px) {
.zweierBlock .zBTextBlock {
    margin: 0;
}
}
/* Info Block */

.infoBlock {
    padding: 200px 0 200px 0;
}
.infoBlock .iBTextBlock {
    padding: 30px;
}
section.content .infoBlock .iBTextBlock h1 {
    color: rgba(255,255,255,0.9) !important;
    font-size: 3.5em !important;
    line-height: 1.7em !important;
}
section.content .infoBlock .iBTextBlock h1 strong {
    font-size: 1.9em !important;
    font-weight: 700 !important;
    display: block;
}
section.content .infoBlock .iBTextBlock p, .home section.content .infoBlock .iBTextBlock p {
    color: #fff !important;
}

@media(max-width:1200px) {
section.content .infoBlock .iBTextBlock h1 {
    font-size: 2em !important;
}
}

@media(max-width:768px) {
	.infoBlock {
    padding: 100px 0 100px 0;
}
	
section.content .infoBlock .iBTextBlock h1 {
    font-size: 6vw !important;
}
}
.parallax {
    background-attachment: fixed;
}
/* Blue Button */
.btnBlue {
    display: inline-bock;
    background: #8DCBD8;
    color: #fff !important;
    font-size: 1.7em;
    line-height: 1em;
    padding: 10px 30px 10px 30px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none !important;
}
.btnBlue:hover, .btnBlue:focus {
    color: #fff;
    background: #81b8c4;
}
.btnBanner {
    display: inline-bock;
    background: #cccccc;
    color: #fff !important;
    font-size: 1.7em;
    line-height: 1em;
    padding: 10px 30px 10px 30px;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    white-space: nowrap;
    position: absolute;
    bottom: -23px;
    text-decoration: none !important;
    border: 2px solid #fff;
    left: 50%;
    transform: translateX(-50%);
}
.btnBanner:hover, .btnBanner:focus {
    color: #fff;
    background: #b2b2b2;
}

@media(max-width:767px) {
.btnBanner {
    font-size: 1.2em;
}
}
.testimonialWrap {
    padding: 80px 0 80px 0;
    text-align: center;
    font-style: italic;
}
.testimonialWrap .authorTesti {
    font-weight: 700;
    font-style: normal;
    margin-top: 20px;
    display: block;
}
.testiBottom {
    margin-top: 20px;
}
.testiTop {
    margin-bottom: 25px;
}
.kontaktHeadline {
    margin: 80px 0 25px 0;
}
.reservierungsWrap {
    padding: 130px 0 130px 0;
    margin-top: -60px;
}
.reservierungsBox {
    background: rgba(255,255,255,0.75);
    padding: 20px;
}
.anfrageformWrap {
    background: #8DCBD8;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}
.anfrageformWrap h3, .anfrageformWrap p, .anfrageformWrap a {
    color: #fff !important;
}
/* Produkt Liste */
.produktContainer {
}
h2.productTaxHeadline {
    margin-top: 25px !important;
	text-align: center;
}
.productBox {
    margin-bottom: 30px;
}
.productImg {
}
.productDesc {
    text-align: center;
    padding: 20px;
    border: 0.5px solid #95989A;
    border-top: none;
}
.productDesc h3 {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-transform: none;
    font-size: 1.7em !important;
    font-weight: 400 !important;
}
.productDesc a {
    font-size: 1.2em;
}
.productDesc h3, .productDesc p, .productDesc a {
    color: #C69D16 !important;
}
/* Produkt Detailseite */
.produktBanner {
    position: relative;
    margin-bottom: 60px;
    margin-top: -57px;
}
.produktBanner .produktBannerTitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.5);
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 2em;
    line-height: 1.3em;
    font-family: 'Open Sans', serif; /* Raleway*/
    font-weight: 400;
    text-transform: uppercase;
    color: #C69D16;
}
.produktBanner img {
    width: 100%;
    height: auto;
}
.inhaltsstoffeBox {
    background: rgba(198, 157, 22, 0.5);
    padding: 20px;
}
.inhaltsstoffeBox h2, .inhaltsstoffeBox p {
    color: #4B4B4B !important;
}
.erfahrungsberichteLink {
    margin-top: 30px;
    font-size: 1.2em;
}
.erfahrungsberichteLink a{ color:#c69d16 !important;}
.fullWidthImg {
    width: 100%;
    height: auto;
}
.tagBox {
    margin-top: 30px;
}
.tagBox a {
    display: inline-block;
    background: rgba(198, 157, 22, 0.5);
    color: #4B4B4B !important;
    padding: 5px 10px 5px 10px;
    text-decoration: none !important;
    margin: 0 10px 10px 0;
}
.tagBox a:hover {
    background: #C69D16 !important;
}




.tagBoxGrau {
    margin-top: 15px;
}
.tagBoxGrau a {
    display: inline-block;
    background: #666;
    color: #ffffff !important;
    padding: 5px 10px 5px 10px;
    text-decoration: none !important;
    margin: 0 10px 10px 0;
}
.tagBoxGrau a:hover {
    background: #333 !important;
}



/* Statements */
.statementWrap {
    margin-top: 30px;
}
.statementBox {
    padding: 20px;
    border: 0.5px solid #95989A;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
}
.tagLabel {
    display: inline-block;
    background: rgba(198, 157, 22, 0.5);
    color: #4B4B4B !important;
    padding: 5px 10px 5px 10px;
    text-decoration: none !important;
    margin: 0 10px 10px 0;
}
.controls .tagLabel:hover, .controls .tagLabel.mixitup-control-active {
    background: #C69D16 !important;
    cursor: pointer;
}
.cloudBox {
    text-align: center;
}
.cloudBox div {
    display: inline-block;
    font-weight: 300;
    padding: 5px 15px 5px 15px;
	 cursor: pointer;
}
.cloudBox div:nth-child(2n) {
    font-weight: 700;
}



.tp-caption{ whitespace:normal !important; }
	.textLayer,
		.textLayer p,
		.textLayer h4{ text-align:right;}
.textLayer p{ margin-bottom:25px;}
.textLayer a{ color:#4B4B4B;}


#searchform{ margin-top:15px;}

#searchform input#s{ 
  background: rgba(255,255,255,0.8);
    border: none !important;
    color: #C69D16 !important;
    height: 36px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	box-sizing: border-box;
	 padding: 2px 10px 2px 10px !important;
	 
    

    
   
   
    width: 100% !important;
    outline: none !important;
    margin-bottom: 3px;
}

.searchMobile{ padding:20px;}

#sliderFP{ height:800px;}