/* 
Theme Name: Dorfkäserei Küssnacht am Rigi
Version: 
Description: RHO
Author: ROMAN HOSPENTHAL aka RHO
Author URI: http://www.rhodesign.ch/
*/




/* ***************************************************
							Reset
*************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;font-size: 100%;font-weight: inherit;font-style: normal;vertical-align: baseline;background: transparent;border: 0;outline: 0;}

/* HTML5 RESETS FOR OLDER BROWSERS */
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}
ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; }input, select { vertical-align: middle; }a img { border: 0; }:focus { outline: 0; }a:hover, a:active { outline: none; }

img {max-width:100%; height:auto}

/*  Clearfixes * */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}

/* Opera Fix  */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;;}








/* ******************************************************************************************************
							Global Styles
****************************************************************************************************** */

html, body {width:100%;height:100%; -webkit-text-size-adjust: 100% !important;}
body {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px; color: #323232; text-align:center; background: #FFF; overflow-x: hidden;}


/* Images & Links */
a {color: #e1002d;text-decoration:none;}
a:hover {color: #78000f;text-decoration:none;}
a img {border: none;outline: none;}

::selection {background: #e6e6e6; /* Safari */}
::-moz-selection {background: #e6e6e6; /* Firefox */}





/* ******************************************************************************************************
							Fonts
****************************************************************************************************** */

.soleilbook {font-family:'Soleil W01 Book';}
.soleilbold {font-family:'Soleil W01 Bold';}
.klang {font-family:'Klang W01';}






/* ******************************************************************************************************
							Main Containers
****************************************************************************************************** */

#wrap { width: 100%; text-align: left; height:auto !important; height:100%; min-height: 100%; position:relative; top: 0; right: 0; z-index: 10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#main { overflow: none; padding-bottom:180px; margin: 0px auto; width: 100%; }


.full {width: 100%;}
.outher {max-width: 1222px;}
.innerwide {max-width: 1014px;}
.inner {max-width: 1014px;}

.lightgrey {background: #f2f2f2;}
.textcenter {text-align: center !important;}
.bordertop {border-top: 1px solid #b4b4b4;}
.overflow {display: block; clear: both;}

.margincenter {margin: 0 auto !important;}
.margintop40 {margin-top: 40px !important;}
.marginbottom20 {margin-bottom: 20px !important;}

.paddingtop20 {padding-top: 20px !important;}
.paddingtop40 {padding-top: 40px !important;}
.paddingtop70 {padding-top: 65px !important;}
.paddingtop100 {padding-top: 100px !important;}
.paddingtop115 {padding-top: 115px !important;}
.paddingbottom70 {padding-bottom: 70px !important;}


.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
float:left;margin-right: 2.2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}

.span1{width: 6.31666666667%;}
.span2{width: 14.8333333333%;}
.span3{width: 23.35%;}
.span4{width: 31.8666666667%;}
.span5{width: 40.3833333333%;}
.span6{width: 48.9%;}
.span7{width: 57.4166666667%;}
.span8{width: 65.9333333333%;}
.span9{width: 74.45%;}
.span10{width: 82.9666666667%;}
.span11{width: 91.4833333333%;}
.span12{width: 100%;margin-right: 0;}

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





/* **************************************************
			    		HEADER
************************************************** */
#header {height: 110px;	margin: 0 auto; position: relative; padding: 0; display: block;}
#header .logo{text-indent:100%; white-space:nowrap; overflow:hidden; display:block; width:250px; height:60px; position: absolute; top: 24px; left: 0;  background: url(images/logo.svg) no-repeat; background-size: 250px 60px; z-index: 10;}
.no-svg .logo { background-image: url(images/logo.png) no-repeat; }





/* **************************************************
			    		MENU
************************************************** */
#hauptnavigation {position: absolute; top: 35px; right: 0px; padding: 0;}
#hauptnavigation ul{list-style: none; padding: 0; margin: 0;}
#hauptnavigation ul li{list-style-type:none;padding:0; float:left; margin: 0 0 0 32px;}
#hauptnavigation ul li a{font-family:'Soleil W01 Book'; font-weight: normal; font-size: 20px;line-height: 25px; color: #b4b4b4; padding: 0; margin:0; display: block;text-decoration: none;}
#hauptnavigation ul li a:hover{text-decoration: none; color: #787878; }
#hauptnavigation ul li.current_page_item a,
#hauptnavigation ul li.current_page_parent a{font-family:'Soleil W01 Bold' !important; text-decoration: none; color: #e1002d; }

.single-post #hauptnavigation ul li.menu-item-869 a{font-family:'Soleil W01 Bold' !important; text-decoration: none; color: #e1002d; } 

/*
#header .headcart {position: absolute; right: 0; top: 38px; display: inline-block; height: 22px;}
.headcart a {padding: 7px 0 0 36px; background: url(images/kd_web_icons_wk-01.png) no-repeat top left; background-size: 25px 29px !important; font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px; line-height: 20px; color: #b4b4b4;}
.headcart a:hover {background: url(images/kd_web_icons_wk-02.png) no-repeat top left; background-size: 25px 29px !important;color: #787878;}
.headcart a.cartfull {background: url(images/kd_web_icons_wk-03.png) no-repeat top left;	color: #37b44b ;}
.headcart a.cartfull:hover {background: url(images/kd_web_icons_wk-04.png) no-repeat top left;	color: #287d32 ;}
*/


#mobilenav ul{list-style: none; padding: 0; margin: 0;}
#mobilenav ul li{list-style-type:none; padding:0; float:none; display: block; margin: 0 0 10px 0; text-align:left; }
#mobilenav ul li a{font-family:'Soleil W01 Book'; font-weight: normal; font-size: 20px;line-height: 25px; color: #b4b4b4; padding: 0; margin:0; display: block; text-decoration: none; text-align:left:}
#mobilenav ul li a:hover{text-decoration: none; color: #787878; }
#mobilenav ul li.current_page_item a,
#mobilenav ul li.current_page_parent a{font-family:'Soleil W01 Bold' !important; text-decoration: none; color: #e1002d; }

.sidebar .headcart {position: static; display: block; height: 22px; text-align: left; margin: 50px 0 0 0;}





.sidebar {background: #FFF; padding: 35px 0 0 30px; width: 220px; right: -250px; overflow: auto; position: fixed; top: 0; height: 100%; z-index: 55555;}
.sidebar.menu-open {right: 0px;}

.page {overflow-x: hidden; position: relative;left: 0;}
.sidebar-push-toleft {left: -250px; overflow: hidden;}


/* Transitions */
.sidebar, .page {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}			

/* Page Overlay */
.overlay {width: 100%; height: 100vh; position: absolute; left: 0; background: rgba(255, 0, 45, 0.7); z-index: 20; display: none;}
	

	
	


#nav-icon { display: none; width: 35px; height: 12px; position: absolute; right: 0; top: 36px; margin:0px; z-index: 1000; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span { display: block; z-index: 1000; position: absolute; height: 4px;width: 100%;background: #b4b4b4;border-radius: 0px; opacity: 1; left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 8px;}
#nav-icon span:nth-child(4) {top: 16px;}

#nav-icon.active {z-index: 1000;}
#nav-icon.active span {background: #FFF !important; z-index: 1000;}
#nav-icon.active span:nth-child(1),
#nav-icon.active span:nth-child(4) {top: 8px; width: 0%; left: 50%;}
#nav-icon.active span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}




/* ******************************************************************************************************
							Content
****************************************************************************************************** */
	
.content {position: relative;  }	
.content p{margin: 0px; padding: 0px 0px 30px 0px;}

img{width: 100%; height: auto; display: block;}

h1 {font-family:'Klang W01'; font-weight: normal; font-size: 60px; line-height: 60px; color: #e1002d ; margin: 0; padding: 0 0 10px 0; }
h2 {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 25px; line-height: 33px; margin: 0; padding: 0 0 30px 0; }
h3 {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 5px 0; }
h4 {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px; line-height: 22px; margin: 0; padding: 0 0 15px 0; }

h2.ubertitel {font-family:'Soleil W01 Bold'; font-weight: normal; font-size: 20px; line-height: 20px; margin: 0; padding: 0 0 30px 0; }
h3.untertitel {font-family:'Klang W01'; font-weight: normal; font-size: 85px; line-height: 85px; margin: 0; padding: 0; }

.rot {color: #e1002d;}
.schwarz {color: #323232;}
.weiss {color: #FFFFFF;}

.lead {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 25px;line-height: 33px; color: #323232;}
.lead p:last-child {	padding-bottom: 0px;}

.strongred {font-family:'Soleil W01 Bold'; color: #e1002d;}


.section-text ul{ list-style: none; padding:0;  margin:0 0 25px 0;  }
.section-text ul li{ padding-bottom: 5px;    }
.section-text ul li:before {  
content: '';
       display: inline-block;
       width: 5px; min-width: 5px;
       height: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       border-radius: 5px;
       background-color: #323232;
margin-right: .8em;
margin-top: 10px;
}








/* **************************************************
			    		ACF MAP	
************************************************** */
.acf-map {width: 100%;height: 450px; margin: 0;}
.markerinfo {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 14px;line-height: 19px; color: #323232;}
.markerinfo p {padding-bottom: 10px !important; }
.markerinfo p:last-child {padding-bottom: 10px !important; }





/* **************************************************
			    		ÜBER UNS	
************************************************** */
.aboutblock {overflow: hidden; display: block; clear: both; margin-bottom: 30px;}
.abouttext {width: 42%; float: right; font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px; color: #323232;  padding: 40px 0 0 0;}
.abouttext h3{font-family:'Soleil W01 Bold'; font-weight: normal; font-size: 16px;line-height: 22px; margin: 0; padding: 0px !important; color: #e1002d; text-align: left; }
.aboutimg {width: 48.5%;float: left;}
.aboutimg img{display: block; width: 100%; height: auto;}
.aboutblock:nth-child(even) .abouttext{float: left !important;}
.aboutblock:nth-child(even) .aboutimg {float: right !important;}





/* ############ ZERTIFIKATE UND PARTNER ############*/
.partnerblock {}
.partnerblock img {width: auto!important; height: 80px; -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.partnerblock a img:hover {zoom: 1;filter: alpha(opacity=75);opacity: 0.75;}


.zertifizierung .row, .partner .row{
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	align-content: space-between
}

.row img {margin: 0 20px 0 20px; }

.zertifizierung {width: 100%; display: block; overflow: hidden; text-align: center; border-top: 1px solid #b4b4b4; padding: 25px 0;}
.partner {width: 100%;  display: block; overflow: hidden;text-align: center; border-top: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4; padding: 25px 0;}



.zertifizierung img{height: 68px !important; padding-top: 15px;}
.logo-heumilch {}
.logo-migros {}
.logo-suisse-garantie {}
.logo-fromarte {}

.partner img {padding-top: 15px;}
.logo-heinzer {}
.logo-urschwyz {}
.logo-mundo {}
.logo-emmi {}









a.button {
font-family:'Soleil W01 Book';font-size: 16px !important; line-height: 22px !important; color: #FFF;  font-weight: normal !important;padding: 10px 20px;
text-align: center; display: inline-block; background: #e1002d; margin: 0 auto 50px auto; 
-webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px;
-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;
}
a.button:hover {background: #78000f}







/* ############ NEWS BOXEN FRONT ############*/

.newsbox { background: #f2f2f2; margin-bottom: 4%; overflow: hidden; display: block; position: relative;}
.newsboxcontent {padding: 35px 45px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}

.newsbox .boxubertitel {font-family:'Soleil W01 Bold'; font-style: normal; font-size: 13px; line-height: 16px; color: #323232; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.1em;}
.newsbox .boxtitel {font-family:'Klang W01'; font-weight: normal; font-size: 40px; line-height: 40px; color: #e1002d; margin: 0 0 15px 0;}
.newsbox .boxtext {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px; color: #323232;}
.newsbox .boxtext p { padding: 0px 0px 22px 0px;}
.newsbox .boxtext p:last-child { padding: 0px;}

a.newsboxlink {
font-family:'Soleil W01 Book'; 
font-weight: normal; font-size: 16px;line-height: 22px;  color: #FFF; padding: 7px 14px; text-align: center; display: inline-block; background: #e1002d; margin: 0; -webkit-border-radius: 7px;
-moz-border-radius: 7px; border-radius: 7px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 30px 0 0 0;
}
a.newsboxlink:hover{ background: #78000f; color: #FFF; }

a.newsboxlinkprodukte {font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px;  color: #FFF; padding: 7px 14px; text-align: center; display: inline-block; background: #b4b4b4; margin: 0; -webkit-border-radius: 7px;
-moz-border-radius: 7px; border-radius: 7px;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;margin: 30px 0 0 0;}
a.newsboxlinkprodukte:hover{ background: #787878; color: #FFF; }







/* **************************************************
			    		Slider
************************************************** */

/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Theme
*********************************/
.flexslider { margin: 0 auto;  position: relative;  zoom: 1; width: 100%; display: block;  clear: both; }
.flexslider .slides { zoom: 1; }


/* Direction Nav
.flex-direction-nav {*height: 0; z-index: 88888 !important;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 20px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -300% !important;white-space: nowrap;overflow: hidden; }
.flex-direction-nav .flex-prev { background: url(images/pfeil_previous.svg) no-repeat top; background-size: 20px 90px; left: 0px; }
.flex-direction-nav .flex-next { background: url(images/pfeil_next.svg) no-repeat top; background-size: 20px 90px; right: 0px; }
.no-svg .flex-direction-nav .flex-prev{ background: url(images/pfeil_previous.png) no-repeat;}
.no-svg .flex-direction-nav .flex-next{ background: url(images/pfeil_next.png) no-repeat;}
.flex-prev:hover, .flex-next:hover {background-position: bottom;}
 */

 
 
/* SLIDER STRASTEITE - PAGINATION*/
.flex-control-nav {width: auto; position: absolute; left: 18%; top: 30px; z-index: 88888; }
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;;}
.flex-control-nav li:first-child {}
.flex-control-nav li a {width: 20px; height: 20px; display: block; background: url(images/pagination.svg) no-repeat top; background-size: 20px 45px; cursor: pointer; text-indent: -9999px;}
.no-svg .flex-control-nav li a{ background: url(images/pagination.png) no-repeat;}
.flex-control-nav li a:hover {background-position: bottom;}
.flex-control-nav li a.flex-active {background-position: bottom !important; cursor: default;}


/* SLIDER STRASTEITE */
.flexsliderhome {position: relative; padding-bottom: 48%; height: 0; overflow: visible !important; margin-bottom: 60px; display: block;}
.flexsliderhome .slides > li {display: none;} 
.flexsliderhome .slides { position: absolute;top: 0; bottom: 0;  left: 0; width: 100%; height: 100%;}
.flexsliderhome .slides li {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;transition:.5s;}

.FlexEmbed {display: block;overflow: hidden; position: relative;}
.FlexEmbed:before {content: ""; display: block; width: 100%;}
.FlexEmbedHeight:before { padding-bottom: 48%;}
.CoverImage {background-position: 50%; background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin: 0;}

.flexsliderhome, .flexsliderhome .slides, .flexsliderhome .slides li {overflow: visible !important;}
.flexsliderhome .slides .innerimage { max-width: 50%; position: absolute; margin-left: auto; margin-right: auto; bottom: -130px; left: 0; right: 0; }

.hold {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 70px; display: block; text-align: center;}
.flexubertitel {font-family:'Soleil W01 Bold'; font-style: normal; font-size: 20px; line-height: 20px;  text-transform: uppercase; margin-bottom: 30px; letter-spacing: 0.1em;}
.flextitel {font-family:'Klang W01'; font-weight: normal; font-size: 80px; line-height: 80px; }







.flexsliderhome .slides .innerimage, 
.hold {
-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;

}

.flexsliderhome li.flex-active-slide .innerimage, 
.flexsliderhome li.flex-active-slide .hold {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.flexsliderhome li.flex-active-slide hold {-webkit-animation-delay: .4s;animation-delay: .4s;}



@-webkit-keyframes fadeIn {
	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
	100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeIn {
	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
	100% {opacity: 1;-webkit-transform: none;transform: none;}
}


@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}





/* CAROUSEL */
.caroussel ul.slides li {margin: 0 5px;}
.tooltip {display:none;position:absolute;background-color:#323232;zoom: 1;filter: alpha(opacity=80);opacity: 0.8;border-radius:5px;padding:10px;color:#fff; font-family:'Soleil W01 Book'; font-style: normal; font-size: 16px; line-height: 17px; z-index: 99998}
.caroussel ul.slides {border-top: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4; padding: 15px 0 10px 0; }

/* CAROUSEL Direction Nav */
.caroussel .flex-direction-nav {*height: 0; z-index: 88888 !important;}
.caroussel .flex-direction-nav a  { text-decoration:none; display: block; width: 20px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -500% !important;white-space: nowrap;overflow: hidden; }
.caroussel .flex-direction-nav .flex-prev { background: url(images/pfeil_previous.svg) no-repeat top; background-size: 20px 90px; left: 0px; }
.caroussel .flex-direction-nav .flex-next { background: url(images/pfeil_next.svg) no-repeat top; background-size: 20px 90px; right: 0px; }
.caroussel .no-svg .flex-direction-nav .flex-prev{ background: url(images/pfeil_previous.png) no-repeat;}
.caroussel .no-svg .flex-direction-nav .flex-next{ background: url(images/pfeil_next.png) no-repeat;}
.caroussel .flex-prev:hover, .flex-next:hover {background-position: bottom;}



/* Direction Nav Slider Über uns*/
.flex .flexslider .flex-direction-nav {*height: 0; z-index: 88888 !important; position: absolute !important; bottom: 0 !important; left: 0; width: 150px; background: #323232 !important; display: block;  }
.flex .flexslider .flex-direction-nav a  { text-decoration:none; display: block; width: 20px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -10000% !important;white-space: nowrap;overflow: hidden; }
.flex .flexslider .flex-direction-nav .flex-prev { background: url(images/pfeil_previous.svg) no-repeat top; background-size: 20px 90px; left: 0px; background: #323232}
.flex .flexslider .flex-direction-nav .flex-next { background: url(images/pfeil_next.svg) no-repeat top; background-size: 20px 90px; right: 0px; background: #323232}
.flex .flexslider .no-svg .flex-direction-nav .flex-prev{ background: url(images/pfeil_previous.png) no-repeat;}
.flex .flexslider .no-svg .flex-direction-nav .flex-next{ background: url(images/pfeil_next.png) no-repeat;}
.flex .flexslider .flex-prev:hover, .flex-next:hover {background-position: bottom;}


/* CUSTOM Direction Nav Über uns*/
.customflex {position: relative; bottom: 38px; left: 0px; width: 70px; z-index: 99999 !important; background: #323232;padding: 10px 15px; }
.slideshow-next {	position: relative; float:right;width: 10px; height:18px; background: url(images/pfeil_next_small.svg) no-repeat top; background-size: 10px 40px; cursor: pointer; text-indent: -10000% !important;}
.slideshow-prev{	position: relative; width: 10px; height: 18px;  background: url(images/pfeil_previous_small.svg) no-repeat top; background-size: 10px 40px; cursor: pointer; text-indent: -10000% !important;}
.no-svg .slideshow-next { background-image: url(images/pfeil_next_small.png) no-repeat; }
.no-svg .slideshow-prev { background-image: url(images/pfeil_previous_small.png) no-repeat; }
.slideshow-next:hover, .slideshow-prev:hover {background-position: bottom;}







/* **************************************************
			    		FOOTER
************************************************** */

#footer {width: 100%; height: 160px; overflow: hidden; clear:both; background: #FFF; position: relative; margin: -160px auto 0 auto; display: block; z-index: 8000;}
#footercontent {margin: 0 auto;overflow: hidden;display: block; padding: 20px 0 0 0;text-align: left;  font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px; color: #323232; }

#footercontent a{color: #323232;}
#footercontent a:hover{color: #d2d2d2;}
#footercontent strong { font-family:'Soleil W01 Bold'; color: #e1002d;}





/* **************************************************
			    		Floats and MISCS
************************************************** */
.alignleft{float: left;margin: 0 22px 22px 0;}
.alignright{float: right;margin: 0 0 22px 22px;}
.aligncenter{margin-left: auto !important;margin-right: auto !important; }

table{width: 100% !important;	border-spacing:0px !important; margin: 0 0 40px 0;;}




/* **************************************************
			    		SMOOTH LINKS
************************************************** */
#hauptnavigation li a,
ul.footerdmenu li a, {
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;transition:.5s;}







/* **************************************************
			    		CONTACT FORM 7
************************************************** */
div.wpcf7 {	width: 100% !important; margin: 0;	padding: 0;}

.wpcf7 form input, .wpcf7 form textarea { 
padding: 15px 20px; width:100%; box-sizing: border-box; margin: 0;
font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px; color: #323232;
background: #fff;
border: 1px solid #FFF;
margin: 0 0 20px 0;
}
.wpcf7 form input:hover, form textarea:hover {outline:none; border: 1px solid #b4b4b4;}
.wpcf7 form input:focus, form textarea:focus {outline:none; border: 1px solid #b4b4b4;}

.wpcf7 form textarea {height: 250px;}


.wpcf7 form input[type=submit] {
background: #e1002d;border: 1px solid #e1003d;color: #FFF;
font-family:'Soleil W01 Book'; font-weight: normal; font-size: 16px;line-height: 22px;
padding: 10px 35px; width:auto; text-align:center;
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;transition:.5s;
}
.wpcf7 form input[type=submit]:hover {background:#78000f; border: 1px solid #78000f; cursor: pointer;}



div.wpcf7-response-output { margin: 0 0 20px 0;	padding: 0; color: #000; font-size: 18px;}
div.wpcf7 .screen-reader-response {	position: absolute;	overflow: hidden;	clip: rect(1px, 1px, 1px, 1px);	height: 1px;	width: 1px;	margin: 0;	padding: 0;	border: 0;}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
font-family:'Soleil W01 Book'; font-weight: normal; font-size: 20px;line-height: 24px; text-align: center;
border: 0px !important; padding: 0px !important; margin: 0 0 30px 0 !important; color: #323232;}

div.wpcf7-mail-sent-ok {}
div.wpcf7-mail-sent-ng {}
div.wpcf7-spam-blocked {}
div.wpcf7-validation-errors {}


span.wpcf7-form-control-wrap {	position: relative;}
span.wpcf7-not-valid-tip {color: #e1002d;	font-size: 14px !important; display: block; margin: -20px 0 10px 0!important ;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none { display: none;}
div.wpcf7 .placeheld {color: #000;}
div.wpcf7 img.ajax-loader { border: none;vertical-align: middle;margin-left: 4px;display: none;}
div.wpcf7 div.ajax-error { display: none;}













.pagination {clear:both; padding: 0; position:relative; text-align:center; margin-bottom: 50px;}

.pagination a:hover, .pagination .current{background: #78000f; color: #FFF;}

.pagination span, .pagination a {
    font-family: 'Soleil W01 Book';
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    padding: 7px 14px;
    text-align: center;
    display: inline-block;
    background: #e1002d;
width:36px; height: 36px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0 10px 0 0;
	box-sizing: border-box;
}





.newscontent {float: left !important;width: 40.3833333333%  !important;}
.newsimages{float:right !important;width: 57.4166666667% !important;}

.boxubertitel {font-family:'Soleil W01 Bold'; font-style: normal; font-size: 13px; line-height: 16px; color: #323232; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.1em;}
.newscontent h2 {
	font-family: 'Klang W01';
    font-weight: normal;
    font-size: 40px;
    line-height: 40px;
    color: #e1002d;
    margin: 0;
    padding: 0 0 20px 0;
}

.news .newsanreisser {font-size: 20px; line-height: 25px;}
.news .newsdatum {color: #b4b4b4; margin-top:  40px;}

.news .newslinks {display: block; margin:  0;}
a.btn {
    font-family: 'Soleil W01 Book';
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    padding: 7px 14px;
    text-align: center;
    display: inline-block;
    background: #e1002d;
    margin: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 10px;
}
a.btn:first-of-type { margin-top: 0px;}


.thumb {
    width: 100px;
    display: inline-block;
    margin-top: 1em;
    margin-right: 1em;
}




.section-nexpostlinks {  margin-top: 60px; padding-top:40px; margin-bottom: 60px; border-top: 1px solid #b4b4b4;}
.section-nexpostlinks .container{position: relative; }


.previous_post_link a, .next_post_link a  { text-decoration:none; display: block; width: 20px; height: 40px; margin: 0; position: absolute; overflow: hidden; cursor: pointer; text-indent: -500% !important;white-space: nowrap;overflow: hidden; }

.previous_post_link a { 
background: url(images/pfeil_previous.svg) no-repeat top; 
background-size: 20px 90px;
position: absolute; 
left: 0px;
text-indent: -99999px;}

.next_post_link a { 
background: url(images/pfeil_next.svg) no-repeat top; 
background-size: 20px 90px; 
position: absolute;
right: 0px; 
}

.previous_post_link a:hover, .next_post_link a:hover {background-position: bottom;}





.overview  { display: inline-block; width: 25px; height: 15px; position: absolute; left: 0;right: 0;margin: auto;cursor: pointer; }
.overview span { 
display: block; 
position: absolute; 
height: 12px; 
width: 12px;
background: #FFF; 
border: 2px solid #e1002d;
border-radius: 0px; 
opacity: 1; 
left: 0; 
-webkit-transition: all 0.5s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

.overview:hover span { background: #FFF; border: 2px solid #000;  }
.overview span:nth-child(1) {top: 0px; left: 0}
.overview span:nth-child(2) {top: 0px; left: 20px;}
.overview span:nth-child(3) {top: 20px; left: 0}
.overview span:nth-child(4) {top: 20px; left: 20px}



@media (max-width: 959px) {
.newscontent { width:57.4166666667%  !important;}
.newsimages {width:40.3833333333%  !important;}
}
@media (max-width: 599px) {
.newscontent,.newsimages  {float: none !important; width:100%  !important;}
.newscontent h2{font-size: 35px; line-height: 35px; padding: 0 0 20px 0;  }
}
@media (max-width: 479px) {

}






/* ##########################################################################
                     M E D I A    Q U E R R I E S
				 http://jsfiddle.net/danield770/Vfffg/16/
########################################################################## */


/* ################### MOBILE  PORTRAIT LAYOUT 300PX  ################### */
@media screen and (max-width: 479px){

.outher, .inner {width: 90%;}

#nav-icon {display: block; }
nav#nav-mobile {display: block; }
#hauptnavigation {display: none; }
#header {height: 100px;}
#header .headcart {display: none; }
#header .logo{width:210px; height:50px; background-size: 210px 50px; }

.flex-control-nav {width: 100%; margin: 0 auto; position: relative; left: auto; right: auto; bottom: 0; text-align: center; }
.flexsliderhome {padding-bottom: 110%;  margin-bottom: 60px;}
.FlexEmbedHeight:before { padding-bottom: 110%;}
.flexsliderhome .slides .innerimage { max-width: 85%; bottom: -90px;  }
.hold {top: 65px; display: block; text-align: center; width: 100%}
.flexubertitel {font-size: 16px; line-height: 22px; margin-bottom: 5px;}
.flextitel {font-size: 45px; line-height: 45px;}

.span1,.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 {width: 100%;}

h1 {font-size: 45px; line-height: 45px; padding: 0 0 10px 0; }
h2 {font-size: 25px; line-height: 33px; padding: 0 0 30px 0; }
h2.ubertitel {font-size: 16px; line-height: 22px; margin: 0; padding: 0 0 30px 0; }
h3.untertitel {font-size: 60px; line-height: 60px; }
.lead {font-size: 20px; line-height: 26px; color: #323232;}

.span4.newsbox {margin-bottom: 10%;}
.newsboxcontent {padding: 35px 20px;}

#footer {height: 350px; }
.footerblock {margin-bottom: 30px;}

.paddingtop70 {padding-top: 40px !important;}
.paddingtop100 {padding-top: 40px !important;}
.paddingtop115 {padding-top: 60px !important;}

.abouttext {width: 100%; float:none; padding: 20px 0 0 0;}
.aboutimg {width: 100%; float: none;}

.acf-map {height: 300px;}


.partnerblock img {height: 60px; }

.zertifizierung .row, .partner .row{
flex-wrap:  wrap ;
}
}







/* ################### MOBILE  LANDSCAPE LAYOUT 480PX  ################### */
@media only screen and (min-width: 480px) and (max-width: 599px){

.outher, .inner {width: 90%;}

#nav-icon {display: block; }
nav#nav-mobile {display: block; }
#hauptnavigation {display: none; }
#header .headcart {display: none; }

.flex-control-nav {width: 100%; margin: 0 auto; position: relative; left: auto; right: auto; bottom: 0; text-align: center; }
.flexsliderhome {padding-bottom: 100%;  margin-bottom: 60px;}
.FlexEmbedHeight:before { padding-bottom: 100%;}
.flexsliderhome .slides .innerimage { max-width: 85%; bottom: -90px;  }
.hold {top: 70px; display: block; text-align: center; width: 100%}
.flexubertitel {font-size: 20px; line-height: 26px; margin-bottom: 5px;}
.flextitel {font-size: 55px; line-height: 55px;}

.span1,.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 {width: 100%;}

h1 {font-size: 45px; line-height: 45px; padding: 0 0 10px 0; }
h2 {font-size: 25px; line-height: 33px; padding: 0 0 30px 0; }
h2.ubertitel {font-size: 16px; line-height: 22px; margin: 0; padding: 0 0 30px 0; }
h3.untertitel {font-size: 60px; line-height: 60px; }
.lead {font-size: 20px; line-height: 26px; color: #323232;}

.span4.newsbox {margin-bottom: 10%;}
.newsboxcontent {padding: 35px 20px;}

#footer {height: 350px; }
.footerblock {margin-bottom: 30px;}

.paddingtop70 {padding-top: 40px !important;}
.paddingtop100 {padding-top: 40px !important;}
.paddingtop115 {padding-top: 60px !important;}

.abouttext {width: 100%; float:none; padding: 20px 0 0 0;}
.aboutimg {width: 100%; float: none;}

.acf-map {height: 300px;}


.partnerblock img {height: 65px;}

.zertifizierung .row, .partner .row{
flex-wrap:  wrap ;
}
}





/* ################### 7" Tablet 600px ################### */
@media only screen and (min-width: 600px) and (max-width: 759px){

.outher {width: 90%;}
.inner {width: 84%;}

#nav-icon {display: block; }
nav#nav-mobile {display: block; }
#hauptnavigation {display: none; }
#header .headcart {display: none; }

.flex-control-nav {width: 100%; margin: 0 auto; position: relative; left: auto; right: auto; bottom: 0; text-align: center; }
.flexsliderhome {padding-bottom: 75%;  margin-bottom: 60px;}
.FlexEmbedHeight:before { padding-bottom: 75%;}
.flexsliderhome .slides .innerimage { max-width: 70%; bottom: -120px;  }
.hold {top: 70px; display: block; text-align: center; width: 100%}
.flexubertitel {font-size: 20px; line-height: 26px; margin-bottom: 5px;}
.flextitel {font-size: 55px; line-height: 55px;}


#footer {height: 350px; }
.span4.footerblock {width: 100%}
.footerblock {margin-bottom: 30px;}

.span4.newsbox {width: 70%; margin-left: auto !important ; margin-right: auto !important; float: none; }

.abouttext {width: 48.5%; padding: 0;}

.partnerblock img {height: 70px;}

}





/* ################### iPad 780px ################### */
@media only screen and (min-width: 760px) and (max-width: 959px){

.outher {width: 90%;}
.inner {width: 84%;}

#nav-icon {display: block ; }
nav#nav-mobile {display: block; }
#hauptnavigation {display: none; }
#header .headcart {display: none; }

.flex-control-nav { left: 5%;  }
.flexsliderhome {padding-bottom: 65%;  margin-bottom: 60px;}
.FlexEmbedHeight:before { padding-bottom: 65%;}

.home .span4.newsbox:nth-of-type(1) {width: 48.9%;  margin-right: 2.2% !important;}
.home .span4.newsbox:nth-of-type(2) {width: 48.9%;  margin-right: 0% !important;}
.home .span4.newsbox:nth-of-type(3) {width: 48.9%;  margin-left: auto !important ; margin-right: auto !important; float: none;}

.woocommerce .span4.newsbox {width: 48.9%;}
.woocommerce .span4.newsbox:nth-of-type(2n) { margin-right: 0px !important;} 

.abouttext {width: 46%; padding: 0;}


.partnerblock img {height: 80px;}

}


/* ###################  DESKTOP ################### */
@media only screen and (min-width: 960px) and (max-width: 1250px){
.outher {width: 96%;}
.inner {width: 86%;}

.flex-control-nav { left: 2%;  }
.flexsliderhome {padding-bottom: 58%;  margin-bottom: 60px;}
.FlexEmbedHeight:before { padding-bottom: 58%;}

.span4.newsbox:nth-of-type(3n) { margin-right: 0px !important;} 

#hauptnavigation {
    right: 140px;
}
#hauptnavigation ul li {
    margin: 0 0 0 25px;
}
}



/* ###################  HUGE ################### */
@media only screen and (min-width: 1251px){
.span4.newsbox:nth-of-type(3n) { margin-right: 0px !important;} 
}






/* ################### RETINA BG IMAGES  ################### */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {}