/*
Theme Name: Vital Apotheke, Bochum
Theme URI: http://www.staude.de
Author: Das Staude Software Team
Author URI: http://www.staude.de
Description: Vital Apotheke, Bochum
Version: 3.5.1
Tags: staude, kundendesign
*/

/* Bootstrap */
/* Basic structure */

body {
	background-color: #fff;
	background-repeat: no-repeat; 
	background-position: top center;
	color: #616161;
	font-size: 19px;
	line-height:1.4em;
	font-family: 'mulish', sans-serif;
	font-weight: 300;
}

body:after{
	content: "";
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 160px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

body:after{background-image: url("images/bg-home.jpg");opacity: 0.5;}
body.page-id-2:after{opacity: 1;height: 560px;background-image: url("images/bg-home-team.jpg");}


@-webkit-keyframes move-left {
  0% { background-position:0% 0%; }
  50% { background-position: 100% 0%; }
  0% { background-position:0% 0%; }
}

body.down.page-id-2:after{opacity: 1;height: 560px;background-image: url("images/bg-home-team.jpg");}
body.down:after, body.down.page-id-2139:after{
	background-image: url("images/bg-home.jpg");
	opacity: 0.2;
	height: 100vh;
    top: 0;
}

.main-color{color: var(--main-color);}

#content .gesundheitsnews-btn-search {
    background-color: var(--main-color);
}

a { 
color: var(--main-color);
text-decoration: none;
  -webkit-transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  -o-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
a:hover { color: var(--secondary-color); }

p{ margin-bottom: 15px; }

.center{text-align:center;}

.list{
	margin-left: 20px;
    list-style: circle;
    padding-bottom: 20px;
}
.list li{padding:5px 0;}

.swipeit { 
	height:40px; 
	overflow: hidden;
	padding: 5px 0 5px 55px; 
	width: 0; 
	-webkit-transition: width .33s ease-in 0s; 
	-moz-transition: width .33s ease-in 0s; 
	transition: width .33s ease-in 0s; 
}
.swipeit .inner-txt {display: block;min-width: 106px;}
.swipeit:hover, .swipeit:focus {padding: 5px 0px 5px 55px; width: 150px;}

.row{margin-right:-15px;margin-left:-15px}
.row:after,.row:before, .section-content:after, .section-content:before{display:block;content:" ";}
.row:after,.section-content:after {clear:both;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
[class*="col-"] {padding-top:10px; padding-bottom: 10px;}
[class*="col-"] {padding-left:15px; padding-right: 15px;min-height:1px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

#wrapper{ margin: 0px auto; position: relative; /* min-width: 996px; */ }

ul.leistungen {
    margin: 0px 0px 15px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	border: medium none;
	outline: medium none;
}

ul.leistungen li {
    margin: 0px 0px 10px;
    padding: 2px 0px 10px 20px;
    border-bottom: 1px dotted #6D6E71;
    font-style: italic;
    background: url("images/bg-check.png") no-repeat scroll 0px 7px transparent;
}

ul.flaggen {}
ul.flaggen li{display:inline-block;width:40px;height;40px;margin-right:10px;}
ul.flaggen img{width:100%;height:auto;border-radius:100%;}

/** Empfehlen QR und Vorbestellen Button **/
#btn-empfehlen, #btn-qrcode, #btn-vorbestellen, #btn-facebook, #btn-insta, #btn-twitter, #btn-linkedin{
	background-repeat:no-repeat;
	float: right;
	border: 1px solid var(--main-color);
	border-radius: 100%;
	position: relative;
	background-color: transparent;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	margin-top:10px;
}

#btn-qrcode:before, #btn-empfehlen:before, #btn-vorbestellen:before, #btn-facebook:before, #btn-insta:before, #btn-twitter:before, #btn-linkedin:before{
	content: '';
	background-color: var(--main-color);
	-webkit-mask-size: contain;
	width: 18px;
	height: 18px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 8px;
	left:8px;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;	
}

#btn-qrcode:before{-webkit-mask-image: url("images/icons/icon-qrcode.svg");}
#btn-empfehlen:before{-webkit-mask-image: url("images/icons/icon-empfehlen.svg");}
#btn-vorbestellen:before{-webkit-mask-image: url("images/icons/icon-vorbestellen.svg");}
#btn-facebook:before{-webkit-mask-image: url("images/icons/icon-facebook.svg");top: 6px;left:6px;}
#btn-insta:before{-webkit-mask-image: url("images/icons/icon-instagram.svg");}
#btn-twitter:before{-webkit-mask-image: url("images/icons/icon-twitter.svg");}
#btn-linkedin:before{-webkit-mask-image: url("images/icons/icon-in.html");}


#btn-empfehlen:hover, #btn-qrcode:hover, #btn-vorbestellen:hover, #btn-facebook:hover, #btn-insta:hover, #btn-twitter:hover, #btn-linkedin:hover{
background-color: var(--main-color);
}

#btn-qrcode:hover:before, #btn-empfehlen:hover:before, #btn-vorbestellen:hover:before, #btn-facebook:hover:before, #btn-insta:hover:before, #btn-twitter:hover:before, #btn-linkedin:hover:before{
	background-color: #fff;
	transform: rotate(360deg);	
}

@media( max-width: 767px ) {
	#btn-qrcode:before, #btn-empfehlen:before, #btn-vorbestellen:before, #btn-insta:before, #btn-twitter:before, #btn-linkedin:before{top: 6px;left:6px;}
	#btn-empfehlen, #btn-qrcode, #btn-vorbestellen, #btn-facebook, #btn-insta, #btn-twitter, #btn-linkedin{display:none;width:30px;height:30px;margin-right:5px;}
}

@media( min-width: 768px ) {
	#btn-qrcode:before, #btn-empfehlen:before, #btn-vorbestellen:before, #btn-insta:before, #btn-twitter:before, #btn-linkedin:before{top: 6px;left:6px;}
	#btn-empfehlen, #btn-qrcode, #btn-vorbestellen, #btn-facebook, #btn-insta, #btn-twitter, #btn-linkedin{display:inline-block;width:30px;height:30px;margin-right:5px;}
}

@media( min-width: 992px ) {
	#btn-qrcode:before, #btn-empfehlen:before, #btn-vorbestellen:before, #btn-insta:before, #btn-twitter:before, #btn-linkedin:before{top: 6px;left:6px;}
	#btn-empfehlen, #btn-qrcode, #btn-vorbestellen, #btn-facebook, #btn-insta, #btn-twitter, #btn-linkedin{display:inline-block;width:30px;height:30px;margin-right:5px;}
}

@media( min-width: 1200px ) {
	#btn-qrcode:before, #btn-empfehlen:before, #btn-vorbestellen:before, #btn-insta:before, #btn-twitter:before, #btn-linkedin:before{top: 6px;left:6px;}
	#btn-empfehlen, #btn-qrcode, #btn-vorbestellen, #btn-facebook, #btn-insta, #btn-twitter, #btn-linkedin{display:inline-block;width:30px;height:30px;margin-right:5px;}
}

/***********************************/
/********* Quick Actions **********/
/**********************************/
	
#quick-actions{
	display:block;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	background-color: var(--main-color);
	z-index:9999;
	text-align:center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow:hidden;
	height: 67px;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	padding-right: 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
	}

#quick-actions.more{height: 134px;}

#quick-actions .btn-more{display:block;width:25px;height:134px;position:absolute;top:0px;right:0px;background-color: var(--secondary-color);cursor: pointer;}

#quick-actions .btn-more:before{content:"mehr";transform: rotate(-90deg);color:#fff;position:absolute;top:23px;left: -5px;}
#quick-actions.more .btn-more:before{content:"weniger";transform: rotate(-90deg);color:#fff;position:absolute;top: 54px;left: -15px;}

#quick-actions .quick-actions-call, 
#quick-actions .quick-actions-mail, 
#quick-actions .quick-actions-nav, 
#quick-actions .quick-actions-open,
#quick-actions .quick-actions-vorbestellen,
#quick-actions .quick-actions-foto-rezept,
#quick-actions .quick-actions-empfehlen,
#quick-actions .quick-actions-facebook,
#quick-actions .quick-actions-insta,
#quick-actions .quick-actions-twitter,
#quick-actions .quick-actions-linkedin{display:inline-block;background-color: var(--main-color);color:#fff;width: 25%;padding:35px 0px 10px 0px;text-align:center;font-size:0.8em;color:#fff;position:relative;font-weight:400;}

#quick-actions .quick-actions-call:hover, 
#quick-actions .quick-actions-mail:hover, 
#quick-actions .quick-actions-nav:hover, 
#quick-actions .quick-actions-open:hover,
#quick-actions .quick-actions-vorbestellen:hover,
#quick-actions .quick-actions-foto-rezept:hover,
#quick-actions .quick-actions-empfehlen:hover,
#quick-actions .quick-actions-facebook:hover,
#quick-actions .quick-actions-insta:hover,
#quick-actions .quick-actions-twitter:hover,
#quick-actions .quick-actions-linkedin:hover{background-color: var(--secondary-color);}

#quick-actions .quick-actions-call:before,
#quick-actions .quick-actions-mail:before,
#quick-actions .quick-actions-nav:before,
#quick-actions .quick-actions-open:before,
#quick-actions .quick-actions-vorbestellen:before,
#quick-actions .quick-actions-foto-rezept:before,
#quick-actions .quick-actions-empfehlen:before,
#quick-actions .quick-actions-facebook:before,
#quick-actions .quick-actions-insta:before,
#quick-actions .quick-actions-twitter:before,
#quick-actions .quick-actions-linkedin:before{
	content: '';
	background-color: #fff;
	-webkit-mask-size: contain;
	width: 24px;
	height: 24px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 10px;
	left: calc(50% - 12px);
}

#quick-actions .quick-actions-call:before{-webkit-mask-image: url("images/icons/icon-phone.svg");}
#quick-actions .quick-actions-mail:before{-webkit-mask-image: url("images/icons/icon-mail.svg");}
#quick-actions .quick-actions-nav:before{-webkit-mask-image: url("images/icons/icon-location.svg");}
#quick-actions .quick-actions-open:before{-webkit-mask-image: url("images/icons/icon-open.svg");}
#quick-actions .quick-actions-vorbestellen:before{-webkit-mask-image: url("images/icons/icon-vorbestellen.svg");}
#quick-actions .quick-actions-foto-rezept:before{-webkit-mask-image: url("images/icons/icon-foto-rezept.svg");}
#quick-actions .quick-actions-empfehlen:before{-webkit-mask-image: url("images/icons/icon-empfehlen.svg");}
#quick-actions .quick-actions-facebook:before{-webkit-mask-image: url("images/icons/icon-facebook.svg");}
#quick-actions .quick-actions-insta:before{-webkit-mask-image: url("images/icons/icon-instagram.svg");}
#quick-actions .quick-actions-twitter:before{-webkit-mask-image: url("images/icons/icon-twitter.svg");}
#quick-actions .quick-actions-linkedin:before{-webkit-mask-image: url("images/icons/icon-in.html");}

/***************************/
/********* Header **********/
/***************************/
#header-wrapper{
	width:100%;
	position:fixed;
	top:0px;
	z-index:9997;
	background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;	
	}	
#header-kontakt{width:100%;text-align:left;background-color: rgba(255,255,255,0);font-weight:300;display:block;font-size: 0.9em;} 

.icon-phone, .icon-location, .icon-mail, .icon-fax, .icon-open{padding: 0px 30px 5px 30px;display: inline-block;text-align: left;position: relative;float:right;font-size:0.9em;}

.icon-phone:before, .icon-location:before, .icon-mail:before, .icon-fax:before, .icon-open:before{
	content: '';
	background-color: var(--main-color);
	-webkit-mask-size: contain;
	width: 25px;
	height: 25px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 0px;
	left:0px;
}

.icon-phone:before{-webkit-mask-image: url("images/icons/icon-phone.svg");}
.icon-location:before{-webkit-mask-image: url("images/icons/icon-location.svg");}
.icon-mail:before{-webkit-mask-image: url("images/icons/icon-mail.svg");}
.icon-fax:before{-webkit-mask-image: url("images/icons/icon-fax.html");}
.icon-open:before{-webkit-mask-image: url("images/icons/icon-open.svg");}

body.down #header-wrapper{top:-150px; background-color: rgba(255,255,255,1);border-bottom: 1px solid #c4c4c4;}

#header-kontakt a{color:var(--main-color);}
#header-kontakt a:hover{color:var(--main-color);text-decoration:underline;}

#header-navigation{	
	width:100%;	
	border-radius: 5px;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
}

.show-up{display:block;} 
.show-down{display:none;}

body.down .show-up{display:none;}
body.down .show-down{display:block;}

#logo{
	width:100%;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	position: relative;
	display:inline-block;
	}

	
#logo img{width:100%;height:auto;}

.slideout {width: 100%;   box-sizing: border-box;    z-index: 20;    -webkit-transition: all .33s ease-in 0s;    -moz-transition: all .33s ease-in 0s;    transition: all .33s ease-in 0s;    left: 0;    position: relative;}

.slideout-content {
	display: none;   
    padding: 10px;
	font-size:1em;
    margin-top: 0;
    position: absolute;
    top: 100%;
    border: 0px none;
    background: var(--main-color);
	color:#fff;
    left: 0;
    width: 200%;
    box-sizing: border-box;
    z-index: 999;
}

.slideout-trigger {	display: block;	cursor:pointer;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	font-size:1em; }

@media( max-width: 767px ) {
#header-wrapper{position:absolute;}
#header-kontakt{display:none;}
body.down #header-wrapper{top:0px;}

#quick-actions{display:block;}

#logo{max-width: 200px;top: 0px;}
body.down #logo{max-width: 150px;top: 20px;overflow: hidden;}


.icon-phone:before, .icon-location:before, .icon-mail:before, .icon-fax:before, .icon-open:before{display:none;}
.icon-phone, .icon-location, .icon-mail, .icon-fax, .icon-open{padding: 0px 15px 5px 5px;}
.icon-location{display:none;}
}

@media( min-width: 768px ) { 
#header-wrapper{position:fixed;}
#header-kontakt{display:none;}
body.down #header-wrapper{top:0;}

#quick-actions{display:none;}

#logo{max-width: 200px;top: 0px;}
body.down #logo{max-width: 150px;top: 20px;overflow: hidden;}


.icon-phone:before, .icon-location:before, .icon-mail:before, .icon-fax:before, .icon-open:before{display:none;}
.icon-phone, .icon-location, .icon-mail, .icon-fax, .icon-open{padding: 0px 15px 5px 5px;}
}

@media( min-width: 992px ) {
#header-wrapper{position:fixed;}
#header-kontakt{display:block;}
body.down #header-wrapper{top:-78px;}

#quick-actions{display:none;}

#logo{max-width: 200px;top: -70px;}
body.down #logo{max-width: 150px;max-height: 56px;top: 0px;overflow: hidden;}


.icon-phone:before, .icon-mail:before, .icon-fax:before, .icon-open:before{display:block;}
.icon-location:before, .icon-location{display:none;}
.icon-phone, .icon-mail, .icon-fax, .icon-open{padding: 0px 30px 5px 30px;display:inline-block;}
}

@media( min-width: 1200px ) {
#header-wrapper{position:fixed; background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));}
#header-kontakt{display:block;}
body.down #header-wrapper{top:-78px;}

#quick-actions{display:none;}

#logo{max-width: 280px;top: -75px;}
body.down #logo{max-width: 150px;max-height: 70px;top: 0px;overflow: hidden;}



.icon-phone:before, .icon-location:before, .icon-mail:before, .icon-fax:before, .icon-open:before{display:block;}
.icon-phone, .icon-location, .icon-mail, .icon-fax, .icon-open{padding: 0px 30px 5px 30px;display:inline-block;}
}

/** Navigation Oben **/
#navigation{ text-align: right; width: 100%;font-size: 1em;padding-top: 12px; }
#nav_oben { display: inline-block; z-index: 99; width: 100%; }

#nav_oben > li.menu-item { float:left; display: inline-block; }

#nav_oben > li + li.menu-item { 	
	padding-left: 0; 
	margin-left: 0; 
}

/*Hauptnanigation*/
#nav_oben > li.menu-item a{
	display: block;
    padding: 10px 15px;
    color: var(--main-color);
    background-color: transparent;
    font-weight: 700;
    font-size: 0.95em;
    text-transform: uppercase;
    -webkit-transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
	
#nav_oben > li.menu-item a:hover{
	color: var(--secondary-color);
    background-color: transparent;
    border-bottom: 2px solid var(--main-color);
	}

#nav_oben ul.sub-menu { display:none; }

#nav_oben.dropdown li.menu-item:hover > ul.sub-menu,
#navigation  li.page_item:hover > ul.children {
	display:block;
	position: absolute;
	z-index: 109;
}
#navigation .dropdown ul.sub-menu li:hover a:after,
#navigation .dropdown ul.children li:hover a:after{
	float:left;
	display: inline-block;
	content: "";
}

/*Unternavigation*/
#nav_oben > li > ul.sub-menu > li > a{ padding: 10px; color:#fff; text-align: left; }
#nav_oben > li > ul.sub-menu > li { background-color: var(--main-color);margin: 1px 0px; }

body.down #nav_oben > li > ul.sub-menu > li > a{	padding: 10px;	}

#nav_oben > li > ul.sub-menu > li:hover > a { color: #fff; }
#nav_oben > li > ul.sub-menu > li:hover { background-color: var(--secondary-color); }


#navigation .dropdown ul.sub-menu li:hover ul.sub-menu,
#navigation .dropdown ul.children li:hover ul.children{ left: 100%; }


#header-navigation .btn-details{display: block;float: left;margin: 30px 0px;width: 30px;height: 30px;position: relative;float:right;}

#header-navigation .btn-details #line-1, #header-navigation .btn-details #line-2, #header-navigation .btn-details #line-3{
	width:100%;
	height:2px;
	background-color: var(--main-color);
	position:absolute;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	}
#header-navigation .btn-details #line-1{top:25%;right:0px;}
#header-navigation .btn-details #line-2{top:50%;right:0px;}
#header-navigation .btn-details #line-3{top:75%;right:0px;}

#header-navigation .btn-details:hover #line-1{width:100%;background-color: var(--main-color);}
#header-navigation .btn-details:hover #line-2{width:50%;background-color: var(--main-color);}
#header-navigation .btn-details:hover #line-3{width:100%;background-color: var(--main-color);}

#header-navigation .btn-details:after{
	content: "Menü";
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	left: -61px;
	top: 6px;
	font-size: 1.2em;
	color: var(--main-color);
}
#header-navigation .btn-details:hover:after{color: var(--main-color);}


@media( max-width: 767px ) {
#nav_oben > li.menu-item a {padding: 10px 15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size: 1.6em;}
#nav_oben > li.menu-item { float: none;display: block;width:100%;text-align:center;padding: 5px; }
#nav_oben > li.menu-item-910{display:none;}
#nav_oben > li > ul.sub-menu > li.menu-item-1048{display:none;}
#nav_oben > li > ul.sub-menu > li.menu-item-1049{display:none;}
#nav_oben > li > ul.sub-menu > li.menu-item-1050{display:none;}
#nav_oben > li > ul.sub-menu{display:none;}
#nav_oben.dropdown li.menu-item:hover > ul.sub-menu, #navigation li.page_item:hover > ul.children {display: none;}
#nav_oben { width: 100%; }
}

@media( min-width: 768px ) { 
#nav_oben > li.menu-item a {padding: 10px 15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size: 1.6em;}
#nav_oben > li.menu-item { float: none;display: block;width:100%;text-align:center;padding: 5px; }
#nav_oben { width: 100%; }
#nav_oben > li.menu-item-item-2036{display:block;}
#nav_oben > li > ul.sub-menu{display:none;}
#nav_oben.dropdown li.menu-item:hover > ul.sub-menu, #navigation li.page_item:hover > ul.children {display: none;}

}

@media( min-width: 992px ) {
#nav_oben > li.menu-item a {padding: 7px 7px;width: auto;font-size: 0.8em;border-bottom: 0px dashed var(--secondary-color);}
#nav_oben > li.menu-item { float: left;display: inline-block;width:auto;text-align:right;padding: 5px;}
#nav_oben { width: auto; }
#nav_oben > li.menu-item-2036{display:none;}
#nav_oben.dropdown li.menu-item:hover > ul.sub-menu, #navigation li.page_item:hover > ul.children {display: block;}

}

@media( min-width: 1200px ) {
#nav_oben > li.menu-item a {padding: 7px 10px 10px;width: auto;font-size: 0.9em;}
#nav_oben > li.menu-item { float: left;display: inline-block;width:auto;text-align:right;padding: 5px; }
#nav_oben { width: auto; }
#nav_oben > li.menu-item-2036{display:block;}
}

/********************************************/
/********** CONTENT / SECTIONS *************************/
/********************************************/

#srcoll-down{width:160px;position:absolute; bottom: 50px; left: calc(50% - 80px);font-size:1.2em;color:#888;opacity:1;-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;text-transform: uppercase;font-weight:700;	}
body.down #srcoll-down{opacity:0;}


.scroll-circle{width:40px;height:40px;margin:auto;border-radius:100%;border:2px solid #888;position:relative;}
.scroll-circle:after{content:"";position:absolute;right:13px;top:13px;width:14px;height:14px;background-image: url(images/bg-check.png);animation: scroll-down 2s infinite;animation-timing-function: linear;}

.scroll-line{width:1px; height: 30px; margin: auto; border-left: 1px solid #888;animation: scroll-down-color 2s infinite;animation-timing-function: linear;}
.scroll-small-circle{width:15px;height:15px;margin:auto;border-radius:100%;border:2px solid #888;position:relative;}


@-webkit-keyframes scroll-down {
  0% { top:13px; }
  10% { top:13px; }  
  40% { top:74px; }
  60% { top:74px; }
  90% { top:13px; }
  100% { top:13px; }
}

@-webkit-keyframes scroll-down-color {
  0% { border-left: 2px solid #888 }
  10% { border-left: 2px solid #888 }  
  40% { border-left: 2px solid var(--main-color); }
  60% { border-left: 2px solid var(--main-color); }
  90% { border-left: 2px solid #888 }
  100% { border-left: 2px solid #888 }
}

.pre-title{text-align: center;color: var(--secondary-color);margin-bottom: 15px;font-weight: normal;display:block;font-family: 'Euphoria Script', cursive;}

#content hr{background-color: #efefef;border: 0;height: 1px;margin: 25px auto;width:100%}

.btn-green-small{
	display: inline-block;
    padding: 10px 15px;
    color: #fff;
    margin-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px;
    background-color: var(--main-color);
    font-weight: 500;
	
	}
.btn-green-small:hover, .pdf-btn:hover{color:#fff;background-color: #888;}

.pdf-btn{padding-left:50px;background-color: var(--secondary-color) !important;}
.pdf-btn:before{
	content: '';
    background-image: url(images/pdf-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 35px;
	width:25px;
	height:29px;
}

#content { line-height:1.4em;width:100%;max-width:100%;overflow:hidden;position: relative;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {line-height: 1.15;color:var(--main-color);font-weight:700;}
#content h1 {font-size: 2em;margin-bottom:25px;font-weight: 900;}
#content h2 {font-size: 2em;margin-bottom:25px;font-weight: 900;}
#content h3 {font-size: 1.6em;margin-bottom:25px;font-weight:700;}
#content h4 {font-size: 1.5em;margin-bottom:25px;}
#content h5 {font-size: 1.33em;}
#content h6 {font-size: 1.25em;}

#site-content { padding-top: 230px; }

@media( max-width: 767px ) {
	#content h1 {font-size: 1.8em;word-break:break-all;}
	#content h2 {font-size: 1.5em;word-break:break-all;}
	#content h3 {font-size: 1.4em;}
	#content h4 {font-size: 1.3em;}
	#content h5 {font-size: 1.2em;}
	#content h6 {font-size: 1.1em;}
	
	#site-content { padding-top: 150px; }
}

@media( min-width: 768px ) { 
	#content h1 {font-size: 1.5em;}
	#content h2 {font-size: 1.5em;}
	#content h3 {font-size: 1.4em;}
	#content h4 {font-size: 1.3em;}
	#content h5 {font-size: 1.2em;}
	#content h6 {font-size: 1.1em;}
	 
	#site-content { padding-top: 230px; }
}

@media( min-width: 992px ) {
	#content h1 {font-size: 2.5em;}
	#content h2 {font-size: 2em;}
	#content h3 {font-size: 1.3em;}
	#content h4 {font-size: 1.5em;}
	#content h5 {font-size: 1.33em;}
	#content h6 {font-size: 1.25em;}
}

@media( min-width: 1200px ) {
	#content h1 {font-size: 3em;}
	#content h2 {font-size: 2em;}
	#content h3 {font-size: 1.3em;}
	#content h4 {font-size: 1.5em;}
	#content h5 {font-size: 1.33em;}
	#content h6 {font-size: 1.25em;}
}



body.home #site-content { padding-top: 0px; }
body.page-id-2 #site-content { padding-top: 0px; }

.section-wrapper { }
.section-content { width: 85%; min-height: 1px; max-width:1600px;margin:auto;}
.section-content.unfixed { min-height: initial; }

.fancy-btn {
	display: inline-block;
    background: transparent;
    color: var(--main-color);
    padding: 20px 40px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #c4110b, rgba(196, 17, 11, 0.9), rgba(224,224,224, 0.5), rgba(255,255,255, 0.5));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 1em 0.2em;
    border: 1px solid var(--main-color);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.fancy-btn:hover{
  color: #fff;
  border: 1px solid rgba(42, 125, 119,0);
  color: $white;
  background-position: 99% 50%;
}

/*********************************************/
/**************** HOME ***********************/
/*********************************************/


#home{
	/* height:100vh; */
	position:relative;
	/* overflow:hidden; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align: center;
	}
#home .pre-title{display:inline-block;text-align: center;color: #fff;padding:10px;background-color: var(--main-color);border-radius: 15px;margin-bottom: 5px;text-transform:uppercase;font-weight: 700;letter-spacing: 0.15em;}
#home h1{text-align: center;color: #fff;text-transform:uppercase;font-size:2.6em;font-weight:700;letter-spacing: 0.15em;text-shadow: 2px 2px 2px #000;}





.center-content-wrapper{
	width:100%;
	height:auto;
	padding:25px;
	background-color: rgba(255,255,255,0.9);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 10px;
	}

@media( max-width: 767px ) {
#home h1{font-size:2.5em;margin-bottom: 25px;}
#home .pre-title{font-size: 1.35em;}
#home{padding:130px 0px 0px 0px;background-position: top left; }
#home .center-content-wrapper{height: calc(100vh - 450px);}
.btn-green-small{font-size:0.8em;}
}

@media( min-width: 768px ) { 
#home h1{font-size:3em;margin-bottom: 25px;}
#home .pre-title{font-size: 1.6em;}
#home{padding:150px 0px 0px 0px;background-position: top left;}
#home .center-content-wrapper{height: calc(100vh - 450px);}
.btn-green-small{font-size:0.9em;}
}

@media( min-width: 992px ) {
#home h1{font-size:3em;margin-bottom: 25px;}
#home .pre-title{font-size: 1.6em;}
#home{padding:450px 0px 0px 0px;background-position: 65% 100%;}
#home .center-content-wrapper{height: calc(100vh - 450px);}
.btn-green-small{font-size:0.9em;}
}

@media( min-width: 1200px ) {
#content #home h1{font-size:4.5em;margin-bottom: 150px;}
#home .pre-title{font-size: 1.5em;}
#home{padding:500px 0px 0px 0px;background-position: 65% 100%;}
#home .center-content-wrapper{height: calc(100vh - 450px);}
.btn-green-small{font-size:1em;}
}

.start-box{
    color: #fff;
    min-height: 200px;
    border: 5px solid #fff;
    text-align: left;
    overflow: overlay;
	width:100%;
	padding:20px;
	background: var(--main-color);
background: linear-gradient(0deg, var(--main-color) 0%, var(--secondary-color) 100%);
	-webkit-transition: all 0.33s ease-in-out;-moz-transition: all 0.33s ease-in-out;-o-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;
}
.start-box img:hover{opacity:0.5;-webkit-transition: all 0.33s ease-in-out;-moz-transition: all 0.33s ease-in-out;-o-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;}
.start-box img{width:100%;-webkit-transition: all 0.33s ease-in-out;-moz-transition: all 0.33s ease-in-out;-o-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;}
.start-box h3{color:#fff !important;margin-bottom: 10px !important;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.start-box p{text-align: center;padding: 10px;}
.start-box a{
	color: var(--main-color);
    background-color: #ffffff;
    padding: 5px 10px;
    margin-top: 10px;
    display: block;
}
.info{font-size: 0.8em;min-height: 60px;display: block;}

.links-small .btn-green-small{width:100%;}

/********************************************/
/*************** SECTIONS ****************************/
/********************************************/

#apotheke, #service, #team, #kosmetik, #chronik, #kundenkarte{padding:100px 0px 0px 0px;}

@media( max-width: 767px ) {
#apotheke, #service, #team, #kosmetik, #chronik, #kundenkarte{padding:25px 0px 0px 0px;}
}

@media( min-width: 768px ) { 
#apotheke, #service, #team, #kosmetik, #chronik, #kundenkarte{padding:35px 0px 35px 0px;}
}

@media( min-width: 992px ) {
#apotheke, #service, #team, #kosmetik, #chronik, #kundenkarte{padding:35px 0px 35px 0px;}
}

@media( min-width: 1200px ) {
#apotheke, #service, #team, #kosmetik, #chronik, #kundenkarte{padding:50px 0px 50px 0px;}
}
.sig{color:var(--main-color);}
.social{
	max-width: 150px;
    width: 100%;
    display: inline-block;
    margin-right: 30px;
}

#rundgang{text-align:center;padding-bottom:100px;}

.inhaber{width:140px;height:auto;display: inline-block;height: 185px;vertical-align:top;margin-right:10px;}
.date{
	width:100px;
	height:100px;
	border-radius:100%;
	background-color: var(--main-color);
	border:2px solid #fff;
	margin: 0px auto 15px auto;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 20px 0px;
	}
.date span.month{color:#fff; font-size:1em;}
.date span.year{color:#fff; font-size:1.5em;font-weight:700;}

#kosmetik img{
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
	}
	
	
.bg-box{
	width:100%;
	height:100%;
	padding:40px;
	border-radius:10px;
	background-color: var(--main-color);
	color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
	}
#content .bg-box h2{color:#fff;}


/********************************************/
/********** Schwerpunkte ****************************/
/********************************************/

.flex-row{display: -webkit-flex;   display: -ms-flex;   display: flex;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;}
.flex-col{display: -webkit-flex;display: -ms-flexbox; display: flex;}

.service-box{	
	width: 100%;
	display: block;
	height: 100%;
	position:relative;	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	padding:25px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
	font-size: 0.9em;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
}


/* .service-box:hover{background-color: var(--secondary-color);} */

#content .service-box h3{color: border: 1px solid var(--main-color);text-align:center;margin-bottom:15px;}

#content .service-box hr{background-color:transparent;border-bottom:1px dashed var(--secondary-color);}
#content .service-box a, #content .service-box a:hover{color:#fff;width: 100%;text-align: center;}

.service-icon-1, 
.service-icon-2, 
.service-icon-3, 
.service-icon-4, 
.service-icon-5, 
.service-icon-6, 
.service-icon-7, 
.service-icon-8,
.service-icon-9,
.service-icon-10{width:100px;height:100px;border-radius:100%;border: 1px solid var(--main-color);margin: 0px auto 15px auto;position:relative;}

.service-icon-1:after, 
.service-icon-2:after, 
.service-icon-3:after, 
.service-icon-4:after, 
.service-icon-5:after, 
.service-icon-6:after, 
.service-icon-7:after, 
.service-icon-8:after,
.service-icon-9:after,
.service-icon-10:after{
	content: "";
	background-color: var(--main-color);
	-webkit-mask-size: contain;
	width: 60px;
	height: 60px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 20px;
	left:20px;
	
}

.service-icon-1:after{-webkit-mask-image: url("images/icons/service-icon-1.svg");}
.service-icon-2:after{-webkit-mask-image: url("images/icons/service-icon-2.svg");}
.service-icon-3:after{-webkit-mask-image: url("images/icons/service-icon-3.svg");}
.service-icon-4:after{-webkit-mask-image: url("images/icons/service-icon-4.svg");}
.service-icon-5:after{-webkit-mask-image: url("images/icons/service-icon-5.svg");}
.service-icon-6:after{-webkit-mask-image: url("images/icons/service-icon-6.svg");}
.service-icon-7:after{-webkit-mask-image: url("images/icons/service-icon-7.svg");}
.service-icon-8:after{-webkit-mask-image: url("images/icons/service-icon-8.svg");}
.service-icon-9:after{-webkit-mask-image: url("images/icons/service-icon-9.svg");}
.service-icon-10:after{-webkit-mask-image: url("images/icons/service-icon-10.svg");}

.mann{max-width:100px;}

.details {
	opacity: 0;
	transition: all .3s ease-in-out;
	width: 0;
	/* overflow: hidden; */
	position: fixed;
	font-size: 1rem;
	top: 0px;
	left: 0px;
}

/* .details:after{content: "";position:absolute;top:0px;left:33vw;background-color:#efefef;opacity:0.3;width:67vw;height:100vh;z-index: -1;} */

.details.open {
	background-color: #fff;
	height: 50vh;
	width: 50vw;
	color: #3d3d3d;
	z-index: 9998;
	box-sizing: border-box;
	overflow: auto;
	opacity: 1;
	padding: 50px;
	margin: 25vh 25vw;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	
}

.details .close{
	position: absolute;
	top: 25px;
	right: 25px;
	width:40px;
	height:35px;
	padding-top:5px;
	text-align:center;
	line-height:30px;
	vertical-align: 30px;
	border: 1px solid #efefef;
	color: var(--main-color);
	font-size:3em;
	cursor: pointer;
	text-align: center;	
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	font-weight: 100;
}

.details .close:hover{color: var(--secondary-color);}

.details > .row.row-flex {min-height: 100%;}
.details img{max-width:100%;height:auto;}


.details .blue-point{color:#ebeaf0;display:inline-block;width:20px;font-weight:900;text-align:center;}
.details a{color: var(--main-color);margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #ccc;display: inline-block;}
.details a:hover{
	padding-left:10px;
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
}
.details a:hover::after{content:'»';padding-left:10px;}


@media( max-width: 767px ) {
.details.open {height: 100vh;width: 100vw;padding: 60px 30px;margin: 0vh 0vw 0vh 0vw;}
}

@media( min-width: 768px ) { 
.details.open {height: 100vh;width: 100vw;padding: 50px;margin: 0vh 0vw 0vh 0vw;}
}

@media( min-width: 992px ) {
.details.open {height: 100vh;width: 50vw;padding: 50px;margin: 0vh 0vw 0vh 50vw;}
}

@media( min-width: 1200px ) {
.details.open {height: 100vh;width: 34vw;padding: 50px;margin: 0vh 0vw 0vh 66vw;}
}


/********************************************/
/********** Service ****************************/
/********************************************/

.service-label{
	font-size: 1em;
    color: #fff;
    font-weight: 300;
    -webkit-transition: all .33s ease 0s;
    -moz-transition: all .33s ease 0s;
    transition: all .33s ease 0s;
    max-width: 200px;
}
.service-label:hover{color:#fff;font-weight: 400;}
.service-item {
    display: flex;
	border: 0px solid;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
	min-height: 200px;
    box-sizing: border-box;
    text-align: center;
	background: rgba(202, 14, 19, 0.9);
    -webkit-transition: all .33s ease 0s;
    -moz-transition: all .33s ease 0s;
    transition: all .33s ease 0s;
}

.service-item:hover{
	background: rgba(49, 105, 200, 0.9);
	color:#fff;
	border: 2px solid;
	-webkit-transition: all .33s ease 0s; 
	-moz-transition: all .33s ease 0s; 
	transition: all .33s ease 0s;
}
ul.service-link {
	list-style:circle;
	text-align:center;
	color:#fff;
	opacity:0;
	width: 300px;
	transition: all .5s ease 0s;
}
.service-item:hover .service-label {color: #fff;}
.service-item:hover .service-link {
	opacity:1;
	-webkit-transition: all .33s ease 0s; 
	-moz-transition: all .33s ease 0s; 
	transition: all .33s ease 0s;
}


/*********************************/
/********** Gallery **************/
/*********************************/

#content #gallery-1 .gallery-item {    
    margin-top: 0px;
}

#content .gallery-item a {
    display: block;
	
	overflow:hidden;
	padding:10px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

#content .gallery-item a, .gallery-caption {
    width: 100%;
}

#content .gallery .gallery-icon img {
    height: auto;
    max-width: 100%;
    padding: 0%;
}

#content #gallery-1 img {border: 0px solid #3e3e3e;opacity:1;  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}

#content #gallery-1 img:hover {opacity:0.75;}

#content .wp-caption .wp-caption-text, #content .gallery-caption, #content .entry-caption {
    font-style: normal;
    font-size: 100%;
    line-height: 1.25;
    color: #fff;
    margin-top: -55px;
    position: relative;
    padding: 0px 15px 15px;
    text-align: left;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);
}




/*********************************************/
/**************** Team ***********************/
/*********************************************/
/* #team {
    background-image:url('images/team-bg.jpg');
	background-position:center;
	background-size:cover;
} */

.slick-slider.team-slider{overflow:hidden;}
.team-slider .slick-prev,.team-slider .slick-next, .details-nav-next, .details-nav-prev{width: auto;height: auto;border-radius: 50%;overflow: hidden;background-color: rgba(100, 100, 100, 0.8);}
.team-slider .slick-prev{left: .5rem;z-index: 2;}
.team-slider .slick-next{right: 0.5rem;}
.team-slider .slick-prev::before,.team-slider .slick-next::before {display:none;}
.team-slider .slick-prev::before {}
.team-slider .slick-next::before {}

.team-slider .team-member {position: relative;padding:0;cursor: pointer;}
.team-slider .team-member img {height:auto;max-width: 460px;width: 100%;box-sizing:border-box;padding-left: 10%;padding-right: 10%; border-radius: 30px;}
.slick-slide:focus{outline:none;}
.team-slider .member-caption {
	overflow: hidden;
	position: absolute;
	left: 46px;
	bottom: 0px;
	width: 80%;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	box-sizing: border-box;
}
.team-slider .slick-active .member-caption{opacity: 1;}
.member-name {font-size: 1.2em;left: -100%;margin-bottom:5px;}
.member-position {right: -100%;font-size:0.7em;}
.member-name, .member-position {
	background: var(--main-color);
	color: #fff;
	text-align: center;
	padding: .5em;
	font-weight: 500;
	position: relative;
	transition: left .3s ease-out .3s , right .3s ease-out .35s;
}
.slick-active .member-name {left: 0;}
.slick-active .member-position {right: 0;background: var(--secondary-color);padding: 10px 50px;}
	
.navigation a:hover, .navigation a.active{color: #fff;background-color:var(--main-color);}	


	
#content .navigation{
	line-height:1.2em;
	/* padding:40px 0px 100px 0px; */
	background-color:var(--main-color);
	height: 60vh;
	align-items: center;
	justify-content: center;
	display: flex;
	flex: 1;
	flex-flow: column wrap;
	}
	
#bg-white .navigation{
	/* line-height:0px; */
	padding:0px 0px 0px 0px;
	height: 30px;
	display: block;
	background-color:#f5f5f5;
	}

#btn_aktion, #btn_raetsel, #btn_angebote {
	background-repeat:no-repeat;
	background-size:cover;
	width:125px;
	height:125px;
	display:block;
	margin:auto;
}


/********************************************/
/********** QR-Code *************************/
/********************************************/

#qr-row{align-items: center;}
#qr-row .qr-item + .qr-item{border-top:1px solid var(--main-color);}
#qr-row .qr-item::before, #qr-row .howto-flip::before{ background-color:var(--main-color); }
#qr-row .qr-item::before {width: 55px;}


/********************************************/
/********** NEWS ****************************/
/********************************************/

#content #staude_gesundheits_suche {
    background-color: transparent;
    
}

#content #staude_search_header {
    height: 100px;
	background-color: transparent;
	box-shadow: 0 .2em .2em rgba(33,33,33,.0);
}

#content #staude_search_bar {
    left: 4%;
    width: 92%;
    height: 50px;

}

#content #staude_btn_search {   
    float: right;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 21.58%;
	color: #324c3b;
	text-transform: uppercase;
	border:1px solid transparent;
	background-color: transparent;
	border: 1px solid var(--main-color);	
	-webkit-transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	transition: all 0.33s ease-in-out;
	text-decoration: none;
	background: linear-gradient( to bottom,transparent,transparent 0%,transparent 0% );
	cursor: pointer;
}

#content .gesundheitssuche.matches {
    background-color: transparent;
    padding: 1em;
    box-shadow: .2em .2em .2em rgba(33,33,33,.0);
    width: 92%;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

#content #staude_search_wrapper .matches .rss-title a {
    color: var(--main-color);
    text-decoration: none;
	font-size: 1.2em;
	font-weight:400;
}

#content #staude_search_wrapper .rss-item{padding-top:15px;margin-bottom:15px;border-bottom:1px solid #efefef;}

#content #staude_search_header .deko {
    height: 18%;
    width: 92.2%;
    position: absolute;
    bottom: 0;
    left: 3.9%;
    box-sizing: border-box;
    border-top: 0px solid;
        border-top-color: currentcolor;
    border-left: 0px solid;
        border-left-color: currentcolor;
    border-right: 0px solid;
        border-right-color: currentcolor;
    border-color: #999;
        border-bottom-color: rgb(153, 153, 153);
    background-color: transparent;
    border-bottom: 0;
    font-weight: 700;
    font-size: .85em;
    line-height: 2.5em;
    text-align: center;
    z-index: -1;
}


#content #staude_btn_search:hover {   
	color:var(--main-color);	
	border: 1px solid var(--main-color);
	background-color: transparent;
	}

#content #staude_search_image { display: none; }



#content #staude_gesundheits_suche {
    background-color: transparent;
	font-family: 'PT Sans', sans-serif;
}


/* Aktuelles */
#content.category { overflow: auto; padding: 20px 20px 0; }
#content.post-detail { overflow: auto; padding: 20px 20px 0; }
#content .post-content h1{ font-size: 2em; }
#content .post-content h2{ font-size: 1.5em; }
#content .post-content h3{ font-size: 1.17em; }
#content .post-content h4{ font-size: 1.33em; }
#content .post-content h5{ font-size: 0.83em; }
#content .post-content h6{ font-size: 0.67em; }
#content .post-content h7{ font-size: 0.67em; }
#content .post-content h8{ font-size: 0.67em; }
#content .post-content h9{ font-size: 0.67em; }

/** Leere-Seite wie Popup */
#content.empty { background: none; height: auto; }

#sitemap{}
#content.sitemap ul{
	list-style-type: disc;
	padding-left: 2em;
}

#footer-a {	
	clear: both;
    padding: 50px 0px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-top: 4px solid var(--main-color);
	
}

#footer-a h6{font-size:1.2em;letter-spacing: 0.1em;margin-bottom:15px;margin-top:15px;text-transform: uppercase;color: var(--main-color);}

#footer-b {	
	clear:both;		
	overflow:hidden;
	width:100%;
	max-width:100%;
	position: relative;	
	background-color:var(--secondary-color);
	color:#fff;
}
#footer-b a{color:#fff !important;}

#social_icons a{color:#fff;}

.footer-kontakt{display:inline-block;width:80px;} 

#footer-car-wrapper{width:100%;max-width:100%;overflow:hidden;}


#footer-car{
	display:none;
	max-width:500px;
	width:100%;
	height:auto;
	margin-top:35px;
	position:relative;
	bottom:0px;
	animation-name: drive;
	animation: drive 10s infinite;
	animation-timing-function: linear;
	left: -500px;
}
.page-id-332 #footer-car{display:block;}

@keyframes drive {
	from {left: -500px;}
	to {left: calc(100vw + 500px);}
}


@media( max-width: 767px ) {
#footer-a {text-align:center;padding: 50px 0px 0px;}
#footer-a h6{text-align:center;}
#footer-b {text-align:center;}
#footer-b .shariff.shariff-align-flex-start ul {  justify-content: center; }
#social_icons {margin: 25px auto;display: inline-block;}
#nav_footer{margin-top:20px;}
}

@media( min-width: 768px ) {
#footer-a {text-align:left;padding: 50px 0px;}
#footer-a h6{text-align:left;}
#footer-b {text-align:right;}
#footer-b .shariff.shariff-align-flex-start ul {  justify-content: flex-start; }
#social_icons {margin: 25px auto;display: inline-block;}
#nav_footer{margin-top:20px;}
}

@media( min-width: 992px ) {
#footer-a {text-align:left;padding: 50px 0px;}
#footer-a h6{text-align:left;}
#footer-b {text-align:right;}
#footer-b .shariff.shariff-align-flex-start ul {  justify-content: flex-start; }
#social_icons {margin: 20px 0px;display: block;}
#nav_footer{margin-top:20px;}
}

@media( min-width: 1200px ) {
#footer-a {text-align:left;padding: 50px 0px;}
#footer-a h6{text-align:left;}
#footer-b {text-align:right;}
#footer-b .shariff.shariff-align-flex-start ul {  justify-content: flex-start; }
#social_icons {margin: 20px 0px;display: block;}
#nav_footer{margin-top:20px;}
}

#nav_footer{ float:right; }
#nav_footer > li.menu-item{ display: inline-block; }

#social_icons{ margin-top: 20px; }

#empfehlen #social_icons {margin: 25px auto;display: inline-block;}


/***********************************/
/********* Formulare **************/
/***********************************/


div.wpcf7 .wpcf7-form label {
	cursor: pointer;
    vertical-align: top;
    display: inline-block;
}
#kontaktformular {
    margin: auto;
}
#kontaktformular .wpcf7 .wpcf7-form label { width: 10em; }

#vorbestellformular span.vorbestell-label{
     display: inline-block;
	 vertical-align:middle;
}
#vorbestellformular span.vorbestell-label.left{ width: 85px; }
#vorbestellformular span.vorbestell-label.right{
    width: 75px;
    margin-left: 10px;
}

#content div.wpcf7 .wpcf7-form label span{
	/* color: #ffffff; */
}

.section-content div.wpcf7 input.wpcf7-text ,
#kontaktformular input.wpcf7-text ,
.section-content div.wpcf7 input.wpcf7-captchar,
#kontaktformular input.wpcf7-captchar {
        border: 1px solid var(--secondary-color);
        background-color: #fff;
		color: #3d3d3d;	
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        font-size: 11pt;
		font-size:1em;
		font-family: 'Nanum Gothic', sans-serif;
}

#kontaktformular input.wpcf7-text ,
#kontaktformular input.wpcf7-captchar { width: 100%; }
#vorbestellformular span.vorbestell-fields{ vertical-align: middle; }
#vorbestellformular span.vorbestell-fields input.wpcf7-text{ width: 170px;}
.section-content div.wpcf7 textarea.wpcf7-textarea,
#kontaktformular textarea.wpcf7-textarea {
    border: 1px solid var(--secondary-color);
    background-color: #fff;
	color: #3d3d3d;
    padding: 10px;
    min-height: 80px;
    box-sizing: border-box;
	transition: background-color ease-in-out .3s;
    font-size:1em;
	font-family: 'Nanum Gothic', sans-serif;
	width:100%;
}

.section-content div.wpcf7 input.wpcf7-text:focus, 
.section-content div.wpcf7 textarea.wpcf7-textarea:focus,
.section-content div.wpcf7 input.wpcf7-captchar:focus,
#kontaktformular input.wpcf7-text:focus, 
#kontaktformular textarea.wpcf7-textarea:focus,
#kontaktformular input.wpcf7-captchar:focus
 {
   background-color: #fff;
   transition: background-color ease-in-out .3s;
    outline: 0px;
    border: 1px solid var(--secondary-color);
    box-shadow: 0em 0em .3em #fff;
}

/**** Absenden Button ************/
#content .wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus,input.wpcf7-form-control.wpcf7-submit:active {border: 2px solid var(--secondary-color);background: var(--secondary-color);outline:0;color: #fff;}
#content .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    box-sizing: border-box;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    padding: 15px;
    color: #fff;
	font-size:1em;
}


/**** Foto hochladen ************/
#content .foto-rezept .btn-foto-upload{
	width: 100%;
	background-color: #efefef;
	border: 1px dashed #c80713;
	text-align:center;
	padding: 60px 10px 30px 10px;
	position: relative;
	color: #c80713;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 600;
	}
	

#content .foto-rezept .btn-foto-upload:before{
	content: '';
	background-color: #c80713;
	-webkit-mask-size: contain;
	width: 30px;
	height: 30px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 20px;
	left: calc(50% - 15px);
	-webkit-mask-image: url("images/icons/icon-foto-rezept.svg");
}

	
#content .foto-rezept.has-file .btn-foto-upload{color: #55a03b;border: 1px solid #55a03b;}

#content .foto-rezept.has-file .btn-foto-upload:before{background-color: #55a03b;-webkit-mask-image: url("images/icons/icon-foto-rezept-check.svg");}

/** Vorbestellformular - Produkte **/
#produktliste .removeProduct{
	background: transparent url("https://cdn.staude.info/themes/images/delete-icon.png" ) no-repeat center center;
	display: inline-block;
	height: 16px;
	margin-left: 8px;
	width: 16px;
}

#content .slide .caption{ font-size: 13px; }

#gmapoverlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;}
#gmapoverlay.hidden{display:none;}

/** Aufklappbares Menü**/
.flipper .panel, .flipper .flip { padding:5px; text-align:left;border:1px solid #dadada;background-color:#efefef;margin-bottom:10px; }
.flipper .flip {
	background-image: url( 'images/btn-open.png' );
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding-left: 40px;
	color: #000;
	border:1px solid #dadada;
	background-color:transparent;
	
}
.flipper .flip:hover { cursor: pointer; }
.flipper .flip.open { background-image: url( 'images/btn-close.png' ); }
.flipper .panel { display:none; padding:1em; }.fb-like iframe {max-width:none;}

#content .flipper h3{font-size:1em;}

/*
<div class="flipper"><h3 class="flip"></h3>
<div class="panel">

</div></div>
*/

.btn-mutter{display:none;padding:10px 15px; background-color:var(--main-color);color:#fff;margin-top:10px;text-decoration:none;}
.parent-pageid-756 .btn-mutter{display:inline-block;}

.blue-box{background-color:var(--main-color);padding:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center;}

#content .blue-box h3{color:#fff;font-family: 'PT Sans', sans-serif;font-weight:700;font-size:2em;}

.hide-xs{display:block;}
.hide-sm{display:block;}
.hide-md{display:block;}
.hide-lg{display:block;}

.show-xs{display:none;}
.show-sm{display:none;}
.show-md{display:none;}
.show-lg{display:none;}


.slicknav_menu { display: none; }


@media( max-width: 767px ) {
	body.page-id-2:after {height:100vh;}
	body.down.page-id-2:after{height:100vh;}
	
	#footer-b{padding-bottom:80px;}

	#content #gallery-1 .gallery-item {width: 100%;}	
	
	.hide-xs{display:none;}
	.hide-sm{display:none;}
	.hide-md{display:none;}
	.hide-lg{display:none;}

	.show-xs{display:block;}
	.show-sm{display:block;}
	.show-md{display:block;}
	.show-lg{display:block;}
	
	.btn-kontakt{display: none;}
	body {font-size: 16px;}
}

@media( min-width: 768px ) { 
	#content #gallery-1 .gallery-item {width: 50%;}
	
	.hide-xs{display:block;}
	.hide-sm{display:none;}
	.hide-md{display:none;}
	.hide-lg{display:none;}

	.show-xs{display:none;}
	.show-sm{display:block;}
	.show-md{display:block;}
	.show-lg{display:block;}
	
	.btn-kontakt{display: inline-block;}
	body {font-size: 17px;}
}

@media( min-width: 992px ) {

	#content #gallery-1 .gallery-item {width: 50%;}	

	
	.hide-xs{display:block;}
	.hide-sm{display:block;}
	.hide-md{display:none;}
	.hide-lg{display:none;}

	.show-xs{display:none;}
	.show-sm{display:none;}
	.show-md{display:block;}
	.show-lg{display:block;}
	
	.btn-kontakt{display: inline-block;}
	body {font-size: 18px;}

}

@media( min-width: 1200px ) {


	#content #produkte #gallery-1 .gallery-item {width: 33%;}

	#content #gallery-1 .gallery-item {width: 25%;}

	
	.hide-xs{display:block;}
	.hide-sm{display:block;}
	.hide-md{display:block;}
	.hide-lg{display:none;}

	.show-xs{display:none;}
	.show-sm{display:none;}
	.show-md{display:none;}
	.show-lg{display:block;}
	
	.btn-kontakt{display: inline-block;}
	body {font-size: 19px;}
}



@media( max-width: 767px ) {

}

@media( min-width: 768px ) { 

}

@media( min-width: 992px ) {

}

@media( min-width: 1200px ) {

}