/*
Theme Name: Deutscher Berufsverband für Altenpflege, Wiehl
Theme URI: http://www.staude.de
Author: Das Staude Software Team
Author URI: http://www.staude.de
Description: Deutscher Berufsverband für Altenpflege, Wiehl
Version: 3.5.1
Tags: staude, kundendesign
*/

/* Bootstrap */
/* Basic structure */

body {
	background-color: #fff;
	background-repeat: no-repeat; 
	background-position: top center;
	color: #4b4b4b;
	font-size: 16px;
	line-height:1.4em;
	font-family: 'Open Sans', sans-serif;
}

a { 
	color: #00a550;
	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: #4b4b4b; }

p{ margin-bottom: 25px; }

.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:table;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, ul.adresse, ul.sprechzeiten, ul.download{
    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 5px;
    padding: 0px 0px 5px 20px;
    /* border-bottom: 1px dotted #abaea4; */
    background: url("images/bg-check.png") no-repeat scroll 0px 9px transparent;
    font-size: 1em;
}

ul.download li {
    margin: 0px 0px 10px;
    padding: 10px 0px 15px 50px;    
    background: url("images/pdf-symbol.png") no-repeat scroll 0px 3px transparent;
}

#content ol {
    list-style: decimal; margin-left: 15px; margin-bottom:15px;
	
}

.home ul.leistungen li {
    margin: 0px 0px 10px;
    padding: 0px 0px 10px 20px;
    border-bottom: 1px dotted #abaea4;
    background: url("images/bg-check.png") no-repeat scroll 0px 9px transparent;
    font-size: 1em;
}



.page-id-2 .btn-full-color{	
	width: auto;
	min-width:200px;
}

.btn-full-color{
	display: inline-block;
	padding: 10px 20px;
	color:#00a550;
	border-radius: 25px;
	text-transform: uppercase;
	border:1px solid transparent;
	margin-right:5px;
	color:#fff;	
	background: rgba(0,165,80,1);	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:1px solid #00a550;
	margin-top:25px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	font-size:0.9em;
}

.btn-full-color:hover{
	color:#00a550;	
	background: rgba(0,165,80,0);	
}

.page-id-2 .btn-outline{	
	width:25%;
	min-width:200px;
}

.btn-outline{display: inline-block;
	padding: 10px 20px;
	color:#00a550;
	border-radius: 25px;
	text-transform: uppercase;
	border:1px solid transparent;
	margin-right:5px;
	background: rgba(0,165,80,0);		
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:1px solid #00a550;
	margin-right:10px;
	margin-top:25px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	width:100%;
	font-size:0.9em;
	}
	
.btn-outline:hover{	
	color:#fff;	
	background: rgba(0,165,80,1);
}


.btn-blue-outline{
	display: inline-block;
	padding: 5px 20px;
	color:#00a550;
	border-radius: 25px;
	text-transform: uppercase;
	border:1px solid transparent;
	margin: 15px auto;
	background: rgba(0,165,80,0.1);
	background: -moz-linear-gradient(top, rgba(0,165,80,0.0) 0%, rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,165,80,0.0) 0%,rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);
	background: linear-gradient(to bottom, rgba(0,165,80,0.0) 0%,rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);		
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:1px solid #00a550;
	}
	
.btn-blue-outline:hover{	
	color:#fff;	
	background: rgba(0,165,80,1);
	background: -moz-linear-gradient(top, rgba(0,165,80,1) 0%, rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,165,80,1) 0%,rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,165,80,1) 0%,rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
}


.btn-blue-outline-small{
	display: inline-block;
	padding: 2px 10px;
	float:right;
	color:#00a550;
	border-radius: 25px;
	text-transform: uppercase;
	border:1px solid transparent;
	/* margin: 0px auto; */
	background: rgba(0,165,80,0.1);
	background: -moz-linear-gradient(top, rgba(0,165,80,0.0) 0%, rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,165,80,0.0) 0%,rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);
	background: linear-gradient(to bottom, rgba(0,165,80,0.0) 0%,rgba(0,165,80,0.0) 94%, rgba(255,255,255,0.0) 100%);		
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:1px solid #00a550;
	font-size: 14px;
	}
	
.btn-blue-outline-small:hover{	
	color:#00a550;	
	background: rgba(0,165,80,1);
	background: -moz-linear-gradient(top, rgba(0,165,80,1) 0%, rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,165,80,1) 0%,rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,165,80,1) 0%,rgba(0,165,80,1) 94%, rgba(255,255,255,1) 100%);
}


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

/** Empfehlen QR und Vorbestellen Button **/
/** Empfehlen QR und Vorbestellen Button **/
#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook, #btn_facebook {
background-repeat:no-repeat;
float: right;
border: 1px solid #efefef;
background-position:50% 50%;
border-radius:100%;

}

#empfehlen{background-image:url("images/btn_teilen.png");}
#qr_link{background-image:url("images/btn_mobil.png");}
#btn_vorbestellen{background-image: url( "images/btn_vorbestellen.png" );}

#btn_deutsch{background-image: url( "images/deutsch.png" );filter: grayscale(100%);background-size: 100% 100%;}
#btn_eng{background-image: url( "images/eng.png" );filter: grayscale(100%);background-size: 100% 100%;}
#btn_facebook{background-image: url( "images/facebook.png" );background-size: 100% 100%;}

#empfehlen:hover{border: 1px solid #fff;}
#qr_link:hover{border: 1px solid #fff;}
#btn_vorbestellen:hover{border: 1px solid #fff;}
#btn_facebook:hover{border: 1px solid #fff;}

/***************************/
/********* Header **********/
/***************************/

#header-wrapper{
	width:100%;
	position:fixed;
	top:0px;
	z-index:9999;
	border-bottom:1px solid #efefef;
	background-color:#ffffff;
	-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;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(149,149,149,0.25);
-moz-box-shadow: 0px 10px 25px 0px rgba(149,149,149,0.25);
box-shadow: 0px 10px 25px 0px rgba(149,149,149,0.25);
	}
	
#header-kontakt{width:100%;color:#fff;text-align:left;font-size:1em;font-weight:300;/* text-transform: uppercase; */display:block;background-color:#00a550;}

body.down #header-wrapper{top:-60px;}

#header-kontakt a{color:#fff;}
#header-kontakt a:hover{color:#efefef;}
#header-navigation{width:100%;background-color:#efefef;border-top:1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;}

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

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

#logo{display: block;width: 100%;max-width: 85px;}
/* #logo-klein{display:none;width:100%;max-width:60px;} */

/* body.down #logo{display:none;} */
/* body.down #logo-klein{display:block;} */


.icon-adresse, .icon-telefon, .icon-mail{background-position:left;background-repeat:no-repeat;}

.icon-adresse{background-image: url("images/icon-adresse.png");}
.icon-telefon{background-image: url("images/icon-telefon.png");}
.icon-mail{background-image: url("images/icon-mail.png");}

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

#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: 15px 15px;
	color:#4b4b4b;
	background-color: rgba(0,165,80,0.0);
	font-weight:300;
	font-size:0.95em;
	text-transform: uppercase;
	border-right:1px solid #cdcdcd;
	-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:#fff;
	background-color: rgba(0,165,80,1);
	}

#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:#000; text-align: left; }
#nav_oben > li > ul.sub-menu > li { background-color:#fff; border-bottom:1px solid #eaf0f0;border-right:0px solid #eaf0f0; }

#nav_oben > li > ul.sub-menu > li:hover > a { color:#fff; }
#nav_oben > li > ul.sub-menu > li:hover { background-color:#00a550; }

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

#nav_oben > li > ul.sub-menu ul.sub-menu{margin-top: -42px;}

#nav_oben > li > ul.sub-menu ul.sub-menu > li.menu-item a {
    padding: 10px 7px;
    color: #4b4b4b;
	background-color:#fff; 
	border-bottom:1px solid #eaf0f0;  
	width:200px;
	text-align:left;	
}

#nav_oben > li > ul.sub-menu ul.sub-menu > li.menu-item a:hover {
    padding: 10px 7px;
    color: #fff;
   background-color:#00a550;    
}

/* 
#sub-menu-left { margin: 70px 0 0 15px; }

#sub-menu-left li.current-page-ancestor .sub-menu,
#sub-menu-left li.current_page_ancestor .sub-menu { display: block; }
#sub-menu-left > li.menu-item { display: none; }
#sub-menu-left li.current-page-ancestor,
#sub-menu-left li.current_page_ancestor { display: block; }
#sub-menu-left > li.current-page-ancestor > a,
#sub-menu-left > li.current_page_ancestor > a { display: none; }
#sub-menu-left li.current_page_ancestor .sub-menu li,
#sub-menu-left li.current-page-ancestor .sub-menu li,
#sub-menu-left li.current-menu-ancestor ul.sub-menu li,
#sub-menu-left li.current_menu_ancestor ul.sub-menu li { margin: 0.25em 0; } */

/** Inhaltsbereich **/
#site-content { padding-top: 115px; }
#content { min-height: 500px;line-height:2em;width:100%;padding-top: 100px;overflow:hidden;}

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

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {line-height: 1.15;font-weight:300;color:#00a550;}
#content h1 {font-size: 2em;text-transform:uppercase;margin-bottom:25px;}
#content h2 {font-size: 1.75em;margin-bottom:25px;}
.page-id-2 #content h2 {text-align:center;}
.home #content h2 {text-align:center;}
#content h3 {font-size: 1.25em;margin-bottom:15px;}
#content h4 {font-size: 1.40em;margin-bottom:25px;}
#content h5 {font-size: 1.15em;}
#content h6 {font-size: 1.1em;}

#home{background-image: url("images/bg-home.jpg");background-size:cover;color:#4b4b4b;text-align:center;min-height:30vh;padding: 35vh 0vh;background-attachment:fixed;background-position: 15% 100%;}
#home h1{color:#00a550;}
#home .pre-title{color:#818181;}
#home hr{background-color:#efefef;}
.starttext{text-shadow: 0px 0px 10px rgba(255,255,255,0.8);}


#bg-leistungen{background-image: url("images/bg-leistungen.jpg");background-size:cover;min-height:90vh;padding: 5vh 0vh;background-position:top;max-height:110vh;overflow:hidden;}
#bg-blue{background-image: url("images/bg-blue.jpg");background-size:cover;padding-top:50px;color:#fff;text-align:center;}
#bg-grey{background-image: url("images/bg-grey.jpg");background-size:cover;max-height: 945px;overflow: hidden;background-attachment:fixed;}
#bg-grey-2{background-image: url("images/bg-grey.jpg");background-size:cover;padding-top:150px;min-height: 500px;padding-bottom:50px;background-attachment:fixed;}

#bg-light-blue{background-color:#4b4b4b;padding: 25px 0px; text-align:center;}



.underline{width:5%;height:1px;margin:10px auto;background-color:#050505;}

#content h1.slogan{font-size:2.5em;font-weight:200;}

#content #bg-blue h2, #footer #bg-blue h2{color:#fff;}

#bg-blue .underline{width:5%;height:1px;margin:10px auto;background-color:#fff;}

.pre-title{color:#818181;font-size:1.2em;font-weight:600;text-transform:uppercase;margin-bottom: 10px;line-height: 1em;text-align:center;display:block;}

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

/* 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;
}

/***************************/
/*********Praxis**************/
/***************************/

#content .gallery-item a {
    display: block;
	background: -moz-linear-gradient(45deg,  rgba(0,165,80,1) 0%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(45deg,  rgba(0,165,80,1) 0%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(45deg,  rgba(0,165,80,1) 0%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a550', endColorstr='#00509e30',GradientType=1 );	
	border-radius: 15px;
	border:1px solid #00a550;
}

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

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

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

#content  #gallery-1 img {
	opacity:0.5;  
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .33s ease-in-out;
	-o-transition: all .33s ease-in-out;
	transition: all .33s ease-in-out;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  }

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

#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: -70px;
    position: relative;
    padding: 0px 15px 15px;
    text-align: left;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);
	font-weight: bold;
}

#content  #gallery-1 h3{color:#fff;}

/***************************/
/*********Team**************/
/***************************/

.team-img{position:relative;top:0px;-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;}
.team-img:hover{position:relative;top:-35px;}

.depth-1{width:100%;max-width:175px;margin-top:0px;}
.depth-2{width:100%;max-width:200px;margin-top:25px;}
.depth-3{width:100%;max-width:300px;margin-top:50px;}

#team .slideup .texte {min-height: 260px;text-align:center;}

#team-text-wrapper{width:50%;padding:15px;margin:auto;background-color:#1e66b0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:15px;}
#team-text-wrapper img{width:100%;height:auto;}
#team-text-wrapper h3{color:#fff;font-weight:400;font-size:1.5em;}
#team-text-wrapper .pre-title{color:#fff;}

#team .navigation a{opacity:0.6;}
#team .navigation a.active{opacity:1;}

.slideup .navigation{ min-height: 1px;overflow: hidden; width: 100%;}
.slideup ul.navigation a {}
.slideup ul.navigation a:hover, .slideup ul.navigation a.active{}

.slideup .texte{  box-sizing: border-box; float: left; min-height: 630px; overflow: hidden; position: relative; width: 100%;line-height:20px;}
.slideup .text {overflow: auto;
position: absolute;
top: 100%;
width: 100%;
transition: top ease-in-out .25s;
-moz-transition: top ease-in-out .25s;
min-height: 100px;
background-color: rgba(255,255,255,0.75);
padding: 15px;
border: 1px solid #fff;
height:auto;
border-radius: 15px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.slideup .text.active{ top: 0; }

/***********************************/
/********* Leistungen **************/
/***********************************/

.btn-full-blue {
    background-image: url("images/logo-klein.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 10px 50%;
    position: absolute;
    padding: 4px 14px 4px 45px;
    background-color: #fff;
    border-radius: 25px;
    color: #959595;
	min-width:240px;
	font-size:0.9em;
}

.btn-full-blue:hover{background-color: #1e66b0;color:#fff;}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/* margin: 10px 1%; */
	/* min-width: 320px; */
	width: 100%;
	height: auto;
	background: #efefef;
	text-align: center;
	cursor: pointer;
	max-height: 415px;
	border-radius:15px;
}

.grid figure img {
	position: relative;
	display: block;
	/* min-height: 100%; */
	max-width: 100%;
	opacity: 0.8;

}

.grid figure figcaption {
	padding: 0.5em;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

figure.effect-ruby {
	background-color: #959595;
}

figure.effect-ruby img {
	opacity: 0.75;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#content figure.effect-ruby h2 {
	margin-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size:1.3em;
}

figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 1.2em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1);
    font-size: 0.8em;
}

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

.animation-wrapper{width:100%;height:100%;position:relative;}

.veneers-layer-1{width:100%;height:auto;z-index:10;}
.veneers-layer-2{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:20;animation: move-down 15s infinite;}

.kronen-layer-1{width:100%;height:auto;z-index:10;}
.kronen-layer-2{position:absolute;bottom:0px;left:0px;width:100%;height:auto;z-index:20;animation: move-up 15s infinite;}
.kronen-layer-3{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:30;}

.implantate-layer-1{width:100%;height:auto;z-index:10;}
.implantate-layer-2{position:absolute;bottom:0px;left:0px;width:100%;height:auto;z-index:20;animation: move-up-implantat-1 15s infinite;}
.implantate-layer-3{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:30;}
.implantate-layer-4{position:absolute;bottom:0px;left:0px;width:100%;height:auto;z-index:40;animation: move-up-implantat-2 15s infinite;}

.implantate-2-layer-1{width:100%;height:auto;z-index:10;}
.implantate-2-layer-2{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:20;animation: move-down-implantat-1 15s infinite;}
.implantate-2-layer-3{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:30;}
.implantate-2-layer-4{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:40;animation: move-down-implantat-2 15s infinite;}
.implantate-2-layer-5{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:50;}

.implantate-3-layer-1{width:100%;height:auto;z-index:10;}
.implantate-3-layer-2{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:20;animation: move-down-implantat-3 15s infinite;}

@-webkit-keyframes move-down {
  0% { top:0px; }
  33% { top:40%; }
  66% { top:40%; }  
  100% { top:0px; }
}

@-webkit-keyframes move-up {
  0% { bottom:0px; }
  33% { bottom:30%; }
  66% { bottom:30%; }  
  100% { bottom:0px; }
}

@-webkit-keyframes move-up-implantat-1 {
  0% { bottom:0px; }
  33% { bottom:20%; }
  76% { bottom:20%; }  
  100% { bottom:0px; }
}

@-webkit-keyframes move-up-implantat-2 {
  0% { bottom:0px; }
  10% { bottom:0px; }
  43% { bottom:50%; }
  76% { bottom:50%; }  
  100% { bottom:0px; }
}

@-webkit-keyframes move-down-implantat-1 {
  0% { top:0px; }
  33% { top:8.5%; }
  76% { top:8.5%; }  
  100% { top:0px; }
}

@-webkit-keyframes move-down-implantat-2 {
  0% { top:0px; }
  10% { top:0px; }
  43% { top:29.2%; }
  76% { top:29.2%; }  
  100% { top:0px; }
}

@-webkit-keyframes move-down-implantat-3 {
  0% { top:0px; }
  33% { top:16%; }
  76% { top:16%; }  
  100% { top:0px; }
}

/********************************************/
/********** Footer ****************************/
/********************************************/

#footer-kontakt{background-color:#7dbb2a;color:#fff;padding: 25px 0px;text-align:center;overflow:hidden;}

#footer-kontakt h2{color:#fff;font-size:2.5em;font-weight:300;text-transform:uppercase;margin-bottom:25px;text-align:center;line-height:1.5em;}
#footer-kontakt .pre-title{color:#efefef;font-size:1.4em;font-weight:600;text-transform:uppercase;margin-bottom: 10px;line-height: 1em;text-align:center;}

#footer-a {clear:both;background-color:#5b8f1f; color:#fff;padding: 25px 0px;overflow:hidden;}
#footer-b {clear:both;background-color:#00a550; color:#fff;overflow:hidden;}

#footer-a a{color:#fff;}
#footer-a a:hover{color:#fff;}

#footer-a h3{color:#efefef;font-size:1.3em;font-weight:300;margin-bottom:15px;}
#footer-a h2{color:#efefef;font-size:1.4em;font-weight:400;margin-bottom:15px;text-align:left;text-transform:uppercase;}

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

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

ul.menu-footer-menue li {
	margin: 0px 0px 10px;
	padding: 2px 0px 10px 20px;
	border-bottom: 1px dotted #fff;
	background: url("images/bg-check.png") no-repeat scroll 0px 6px transparent;
}

#nav_footer{ float:right; }
#nav_footer a{color:#ffffff;}
#nav_footer a:hover{color:#fff;}
#nav_footer > li.menu-item{ display: inline-block;padding:5px;}

#social_icons{ margin-top: 5px; }

/*********************************/
/********* Kontakt ***************/
/********************************/

#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 #fff;
font-family: 'Quicksand', sans-serif;
		padding: 5px;
		min-height: 40px;
		width: 100%;
		/* font-family: 'Exo', sans-serif; */
		box-sizing: border-box;
		font-size: 11pt;
		color:#fff;
		background-color: rgba(255,255,255,0.0);
		margin-bottom:15px;
		 border-radius:25px;
}

.page-id-272 #kontaktformular input.wpcf7-captchar {
		border: 1px solid #4b4b4b;
		color:#4b4b4b;
		background-color: rgba(255,255,255,0.0);
		}
		
.page-id-272 #kontaktformular input::placeholder, #kontaktformular textarea::placeholder { color:#4b4b4b; }

#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,
#content .wpcf7-form-control {
	border: 1px solid #fff;
	width: 100%;
	background-color: rgba(255,255,255,0.0);
	padding: 5px;
	min-height: 40px;
	/*	font-family: sans-serif;*/
	box-sizing: border-box;
	transition: background-color ease-in-out .3s;
	font-size:11pt;
	font-family: 'Quicksand', sans-serif;
	color:#fff;
	display:inline-block;
	 border-radius:25px;
}

.page-id-272 #content .wpcf7-form-control {
	border: 1px solid #4b4b4b;	
	background-color: rgba(255,255,255,0.0);	
	color:#4b4b4b;
}

.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: rgba(255,255,255,0);
   transition: box-shadow ease-in-out .3s, background-color  ease-in-out .13s;
   outline: 0px;
   border: 1px solid #fff;
   box-shadow: 0em 0em 0.5em #ddd;
}
#kontaktformular input::placeholder,
#kontaktformular textarea::placeholder {
	color: #fff;
}
/* .wpcf7 input.wpcf7-text:focus,
.wpcf7 input.wpcf7-textarea:focus,
.wpcf7 input.wpcf7-captchar:focus{outline: 0px;} */
#footer-kontakt .wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus,input.wpcf7-form-control.wpcf7-submit:active,
#kontaktformular .wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus,input.wpcf7-form-control.wpcf7-submit:active {background: rgba(0,165,80,1);outline:0;color: #fff;}

#footer-kontakt .wpcf7-form-control.wpcf7-submit,
#kontaktformular .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0,165,80,0);
    border: 2px solid #fff;
    padding: 15px;
    color: #fff;
	font-size:1em;
	cursor: pointer;
	-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;
  border-radius:25px;
}

.page-id-272 #kontaktformular .wpcf7-form-control.wpcf7-submit {
    background: rgba(0,165,80,0);
    border: 2px solid #1e66b0;   
    color: #1e66b0;	
}

.page-id-272 #kontaktformular .wpcf7-form-control.wpcf7-submit:hover {
    background: rgba(0,165,80,1);
    border: 2px solid #1e66b0;   
    color: #fff;	
}

/** 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 #959595;background-color:#fff;margin-bottom:10px; }
.flipper .flip {
	background-image: url( 'images/btn-open.png' );
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding-left: 40px;
	color: #4b4b4b;
	border:1px solid #959595;

	
}
.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:1.2em;font-weight:300;color:#4b4b4b;}

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

</div></div>
*/

.page-id-529 #staude_gesundheits_suche {
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
}

/*QR*/
#content .qr-01{
	background-image: url(images/qr-01.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .qr-02{
	background-image: url(images/qr-02.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .qr-03{
	background-image: url(images/qr-03.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .qr-04{
	background-image: url(images/qr-04.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .qr-05{
	background-image: url(images/qr-05.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .qr-06{
	background-image: url(images/qr-06.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
#content .trenner{
	border-bottom: 4px dotted #eee;
}

/*News*/

.page-id-529 #staude_gesundheits_suche {
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
}

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

.page-id-529 #staude_search_bar {
    left: 4%;
    width: 92%;
    height: 50px;
	border-radius: 25px;
}

.page-id-529 #staude_btn_search {   
    float: right;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 21.58%;
	color: #303030;
	border-radius: 25px;
	text-transform: uppercase;
	border:1px solid transparent;
	background-color:#303030;
	border: 1px solid #303030;	
	-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;
}

.page-id-529 .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;
}

.page-id-529 #staude_search_header .deko { background-color: transparent; border: transparent }

.page-id-529 #storckquery { border-radius: 25px; }

.page-id-529 #staude_search_box_query { border-radius: 25px; }

.page-id-529 #staude_btn_search:hover {   
	color:#303030;	
	border: 1px solid #303030;
	background-color: transparent;
	}

.page-id-529 #staude_search_image { display: none; }


.hide-sm{display:none;}
.show-sm{display:block;}

@media( max-width: 767px ) {
	#nav_oben {display:none;}
	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook {display:none;}
	#content h1.slogan{font-size:1.5em;}
	.hide-sm{display:none;}
	.show-sm{display:block;}
	#footer .metaslider .caption-wrap {width: 90%;margin: 0px 5%;}	 
	#footer .metaslider .flexslider .flex-direction-nav li a {display:none;}

	
	#header-kontakt{display:none;}
	ul.kontakt li {display:none;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 10px 5px 40px;font-size:0.9em;}
	#home{min-height:60vh;padding: 20vh 0vh;}
	
	#content h1 {font-size: 1.4em;}
	#content h2 {font-size: 1.35em;}
	#content h3 {font-size: 1.25em;}
	#content h4 {font-size: 1.15em;}
	#content h5 {font-size: 1.1em;}
	#content h6 {font-size: 1.1em;}
	
	#footer-kontakt h2{font-size:1.4em;}
}

@media( min-width: 768px ) { 
	.slicknav_menu { display: inline-block; } 
	#nav_oben {display:none;}

	#content h1.slogan{font-size:1.5em;margin-top:5%;}
	.hide-sm{display:none;}
	.show-sm{display:block;}
	#footer .metaslider .caption-wrap {width: 90%;margin: 0px 5%;}
	#footer .metaslider .flexslider .flex-direction-nav li a {display:none;}
	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook {display:none;}
	
	#header-kontakt{display:none;}
	ul.kontakt li {display:none;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 10px 5px 40px;font-size:0.9em;}
	#home{min-height:60vh;padding: 20vh 0vh;}
	
	#content h1 {font-size: 1.5em;}
	#content h2 {font-size: 1.45em;}
	#content h3 {font-size: 1.25em;}
	#content h4 {font-size: 1.15em;}
	#content h5 {font-size: 1.1em;}
	#content h6 {font-size: 1.1em;}
	
	#footer-kontakt h2{font-size:1.5em;}
}

@media( min-width: 992px ) {
	.slicknav_menu { display: none; } 
	#nav_oben {display:inline-block;}

	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook {display:block;}
	.hide-sm{display:none;}
	.show-sm{display:block;}
	#footer .metaslider .caption-wrap {width: 60%;margin: 0px 20%;}
	#footer .metaslider .flexslider .flex-direction-nav li a {display:block;}
	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook {display:inline-block;width:30px;height:30px;margin-right:5px;}
	
	#header-kontakt{display:block;}
	ul.kontakt li {display:inline-block;}
	.icon-adresse{padding: 5px 5px 5px 5px;font-size:0.9em;background-image:none;}
	.icon-telefon, .icon-mail{padding: 5px 5px 5px 5px;font-size:0.9em;background-image:none;}
	#home{min-height:50vh;padding: 25vh 0vh;}
	
	#content h1 {font-size: 1.75em;}
	#content h2 {font-size: 1.5em;}
	#content h3 {font-size: 1.25em;}
	#content h4 {font-size: 1.15em;}
	#content h5 {font-size: 1.1em;}
	#content h6 {font-size: 1.1em;}
	
	#footer-kontakt h2{font-size:1.75em;}
}

@media( min-width: 1200px ) {

	#content h1.slogan{font-size:2em;}
	.hide-sm{display:block;}
	.show-sm{display:none;}
	#footer .metaslider .caption-wrap {width: 50%;margin: 0px 25%;}
	#footer .metaslider .flexslider .flex-direction-nav li a {display:block;}
	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook {display:inline-block;width:30px;height:30px;margin-right:5px;}
	
	
	ul.kontakt li {display:inline-block;}
	.icon-adresse{padding: 5px 10px 5px 40px;font-size:0.9em;}
	.icon-telefon, .icon-mail{padding: 15px 10px 15px 40px;font-size:1em;}
	
	.icon-adresse{background-image: url("images/icon-adresse.png");}
	.icon-telefon{background-image: url("images/icon-telefon.png");}
	.icon-mail{background-image: url("images/icon-mail.png");}
	#header-kontakt{display:block;}
	#home{min-height:30vh;padding: 35vh 0vh;}
	
	#content h1 {font-size: 2em;}
	#content h2 {font-size: 1.75em;}
	#content h3 {font-size: 1.25em;}
	#content h4 {font-size: 1.40em;}
	#content h5 {font-size: 1.15em;}
	#content h6 {font-size: 1.1em;}
	
	#footer-kontakt h2{font-size:2em;}
	#content figure.effect-ruby h2 {font-size:1.3em;}
}

@media( min-width: 1300px ) {
	#content h1.slogan{font-size:2.2em;}
	.hide-sm{display:block;}
	.show-sm{display:none;}
	#footer .metaslider .caption-wrap {width: 50%;margin: 0px 25%;}
	#footer .metaslider .flexslider .flex-direction-nav li a {display:block;}
	#empfehlen, #qr_link, #btn_vorbestellen, #btn_deutsch, #btn_eng, #btn_facebook, #btn_facebook{display:inline-block;width:30px;height:30px;margin-right:5px;}
	#header-kontakt{display:block;}
	#home{min-height:30vh;padding: 35vh 0vh;}
	
	#content h1 {font-size: 2em;}
	#content h2 {font-size: 1.75em;}
	#content h3 {font-size: 1.25em;}
	#content h4 {font-size: 1.40em;}
	#content h5 {font-size: 1.15em;}
	#content h6 {font-size: 1.1em;}
	
	#footer-kontakt h2{font-size:2.5em;}
	
	#content figure.effect-ruby h2 {font-size:1.5em;}
}

#kontaktformular .wpcf7 .wpcf7-form .wpcf7-acceptance label { width: auto; }
