/*
Theme Name: Orthopädie Lalee, Ratingen
Theme URI: http://www.staude.de
Author: Das Staude Software Team
Author URI: http://www.staude.de
Description: Orthopädie Lalee, Ratingen
Version: 3.5.1
Tags: staude, kundendesign
*/

/* Bootstrap */
/* Basic structure */

body {
	background-color: #fff;
	background-repeat: no-repeat; 
	background-position: top center;
	color: #5e6c76;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: 'Lato', sans-serif;
}

.green-slash{color:#de8600;display:inline-block;width:20px;font-weight:900;text-align:center;}

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

.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");}


a { 
color: #365e7c;
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: #de8600; }

p{ margin-bottom: 15px; }

.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 {
    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 6px transparent;
}

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

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

.wp-block-list {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}
.alignfull img {
    width: 100vw;
}

/** Empfehlen QR und Vorbestellen Button **/
#empfehlen, #qr_link, #btn_vorbestellen {
background-repeat:no-repeat;
float: right;
background-size:cover;
}

#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" );}

#empfehlen:hover{background-image:url("images/btn_teilen_hover.png");}
#qr_link:hover{background-image:url("images/btn_mobil_hover.png");}
#btn_vorbestellen:hover{background-image: url( "images/btn_vorbestellen_hover.png" );}

/***************************/
/********* Header **********/
/***************************/
#header-wrapper{width:100%;position:fixed; top:0px;z-index:9999;}

#header-kontakt{width:100%;background-color:#fff;color:#5e6c76;text-align:left;font-size:1em;font-weight:600;border-bottom:1px solid #efefef;}

#header-kontakt a{color:#de8600;}
#header-kontakt a:hover{color:#5e6c76;}

#header-navigation{width:100%;position:absolute;background-color:#fff;min-height:60px;}
#header-navigation .custom-logo {max-width: 200px; height: auto;}

@media( max-width: 991px ) {
    #header-navigation .header-logo {position:absolute;}
    #header-navigation .header-menu {padding-bottom:0;}
    #header-navigation img{height: 40px;}
    #header-navigation .slicknav_btn {margin: 0 5px 10px;}
}

.admin-bar #header-wrapper {
    margin-top: 30px;
}
@media (max-width: 800px) {
    .admin-bar #header-wrapper {
        margin-top: 46px;
    }
}

/** Navigation Oben **/
#navigation{ text-align: right; width: 100%;}
#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: 10px 0px;color:#495761;font-weight:600;font-size:1em;}
#nav_oben > li.menu-item a::after {content: "|";color:#de8600;display:inline-block;width:30px;font-weight:900;text-align:center;}


#nav_oben > li.menu-item a:hover{color:#de8600;}

#nav_oben > li.menu-item-1322 a {color: #365e7c;}
.slicknav_nav li.menu-item-1322 a {background-color:#de8600;}

#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: 15px;color:#495761; }
#nav_oben > li > ul.sub-menu > li { background-color:#fff; }

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

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


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


#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {line-height: 1.15;font-family: 'Lato', sans-serif;color:#de8600;font-weight:400;}
#content h1 {font-size: 2em;}
#content h2 {font-size: 1.75em;margin-bottom:25px;}
#content h3 {font-size: 1.6em;margin-bottom:15px;}
#content h4 {font-size: 1.5em;}
#content h5 {font-size: 1.33em;}
#content h6 {font-size: 1.25em;}

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

.section-wrapper { }
 /* .section-wrapper .section-content { min-height: 350px; } */
.section-content, .kb-theme-content-width { width: 85%; min-height: 1px; max-width:1380px;margin:auto;}
.section-content.unfixed { min-height: initial; }
.section-content.page {padding-top:40px;}

#home{min-height:70vh;padding-top:25vh;padding-bottom:5vh;background-image:url("images/Dr. Lalee an der Rezeption.jpg");background-size:cover;background-position: center top;background-attachment:fixed;}
#home h1{font-size: 2.5em;text-transform:uppercase;margin-bottom:25px;}
.pre-title{font-weight:600;text-transform:uppercase;}

#kundenstimmen{padding-top:10vh;padding-bottom:10vh;background-image:url("images/kundenstimmen.jpeg");background-size:cover;background-attachment:fixed;}

.bg-white{background-color: rgba(255,255,255,0.75);width:100%;padding:25px;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#bg-light-green, #slideup{background-color:#efefef;}

#bg-blue{background-color:#efefef;padding:35px 0px;text-align:center;}
#bg-blue h3{color:#de8600;text-align:center;margin-bottom:15px;font-weight:600;text-transform: uppercase;font-size:1.2em;}
#bg-blue h2{color:#de8600;text-align:center;margin-bottom:25px;font-family: 'Lato', sans-serif;font-size:2.5em;}

.btn-green-small{display:inline-block;border-radius:30px;padding:10px 15px;color: #fff;background-color: rgba(222,134,0,1);border:2px solid #de8600;margin-top:25px;}
.btn-green-small:hover{color:#de8600;background-color: rgba(222,134,0,0);border:2px solid #de8600;}

#header-philo, #header-praxis, #header-team{color:#fff;padding: 50px 0 50px 0;background-position: top center; background-repeat:no-repeat;background-attachment: fixed;text-align:center;background-size:cover;}
#header-philo{background-image: url("images/header-philo.png");}
#header-praxis{background-image: url("images/header-praxis.png");}
#header-team{background-image: url("images/header-philo.png");}

#header-neutral{background-color:#efefef;text-align:center;padding: 170px 0 30px 0;}
#header-neutral h1{font-family: 'Lato', sans-serif;color: #365e7c;font-size: 3em;margin-bottom: 10px;line-height: 1.15;font-weight: 400;}
#header-neutral h2{font-family: 'Lato', sans-serif;color:#de8600;font-size:1.6em;}
#header-philo h2, #header-praxis h2, #header-team h2 {color: #fff;margin-bottom: 10px;font-size: 2.5em;}

#slideup .section-content {width: 100%;min-height: 1px;max-width: 100%;margin: auto;}

@media( max-width: 991px ) {
    #header-neutral{padding-top: 110px;}
}

/************************************/
/********** Hintergründe Leistungen **************/
/************************************/
.flex-center { height: 80vh; align-items: center; justify-content: center; display: flex;flex: 1;flex-flow: column wrap;}
.no-padding {padding: 0px !important;}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto;  margin-left: auto;}

.main-bnr {background: #005daa;position: relative;height: 100%;}

.main-bnr-left {padding: 110px 0 0;}

.main-sportmedizin, .main-arthrosetherapie, .main-chirotherapie, .main-physikalische-therapie, .main-pst, .main-schmerztherapie, .main-stosswellentherapie, .main-akupunktur{
	background-size: auto 120%;
	z-index: 99;
	position: absolute;
	height: 100%;
	right: 0;
	background-repeat: no-repeat;
	background-position: top right;
}

.main-sportmedizin{background-image: url("images/sportmedizin.jpg");}
.main-arthrosetherapie{background-image: url("images/athrose.jpg");}
.main-chirotherapie{background-image: url("images/chirotherapie.jpg");}
.main-physikalische-therapie{background-image: url("images/physikalisch.png");}
.main-pst{background-image: url("images/pst.png");}
.main-schmerztherapie{background-image: url("images/schmerztherapie.png");}
.main-stosswellentherapie{background-image: url("images/stoßwellen.png");}
.main-akupunktur{background-image: url("images/akupunktur.jpg");}
 
.main-bnr-text {padding: 10%;}
#content .main-bnr-text .subtitle {text-transform: uppercase;letter-spacing: 3px;font-size: 20px;line-height: 1.2em;font-weight: 500;color: #fff; margin: 0 0 25px;}
.main-bnr-text .title {font-size: 44px;line-height: 1em;font-weight: bold;color: #fff;text-transform: uppercase;margin-bottom: 25px;}
.main-bnr-text .btn {border-color: #fff;color: #fff; margin-top: 25px;}
.main-bnr-text {color: #fff;}

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

.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: 2em;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
	font-size: 1.25em;
	-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: #efefef;
}

figure.effect-ruby img {
	opacity: 0.5;
	-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: 0.75;
	-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.4em;
}

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);
}


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

#content .gallery-item a,
#content .wp-block-gallery a {
    display: block;
	background: -moz-linear-gradient(45deg,  rgba(146,172,187,1) 0%, rgba(146,172,187,0) 100%); 
	background: -webkit-linear-gradient(45deg,  rgba(146,172,187,1) 0%,rgba(146,172,187,0) 100%); 
	background: linear-gradient(45deg,  rgba(146,172,187,1) 0%,rgba(146,172,187,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509e30', endColorstr='#00509e30',GradientType=1 );	
	border-radius: 15px;
}

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

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

#content #gallery-1 img {border: 1px solid #3e3e3e;opacity:0.4;  -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:1;}

#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);
}

/********************************************/
/********** Slideup Navigation **************/
/********************************************/

.navigation a{
	display:block;
	font-size: 18px;
	color: #fff;
	margin: 0px;
	border: none;
	border-radius: 0px;
	padding: 35px 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
	background-color:#efefef;
	-webkit-transition: all .33s ease-in 0s; 
	-moz-transition: all .33s ease-in 0s; 
	transition: all .33s ease-in 0s; 
	text-align:center;
	width:100%;
	text-align:center;
	cursor: pointer;
	}
	
.navigation a:hover, .navigation a.active{color: #fff;background-color:#de8600;}	


	
#content .navigation{
	line-height:1.2em;
	/* padding:40px 0px 100px 0px; */
	background-color:#efefef;
	height: 60vh;
	align-items: center;
	justify-content: center;
	display: flex;
	flex: 1;
	flex-flow: column wrap;
	}
	


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

.qr-01{
	background-image: url(images/qr-01.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
.qr-02{
	background-image: url(images/qr-02.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
.qr-03{
	background-image: url(images/qr-03.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
.qr-04{
	background-image: url(images/qr-04.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
.qr-05{
	background-image: url(images/qr-05.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}
.qr-06{
	background-image: url(images/qr-06.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 70px 0 70px 120px;
}


/* LEISTUNGEN */
#leistungsgalerie a img {
    opacity: 0.5;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(1.15);
}
#leistungsgalerie a:hover img {
    opacity: 0.8;
}
#leistungsgalerie .kt-infobox-textcontent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
}
#leistungsgalerie h2 {
    margin-top: 10%;
    margin-bottom: 0;
    transition: transform 0.35s;
    transform: translate3d(0,20px,0);
    color: #fff;
    font-size: 1.4em;
    text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
    backface-visibility: hidden;
    box-sizing: border-box;
}
#leistungsgalerie a .kt-blocks-info-box-text {
    visibility: hidden;
    margin: 1em;
    padding: 0.5em;
    border: 1px solid #fff;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(0,20px,0) scale(1.1);
    font-size: 0.8em;
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}
#leistungsgalerie a:hover .kt-blocks-info-box-text {
    visibility: visible;
}

#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: #005387;
	text-transform: uppercase;
	border:1px solid transparent;
	background-color:#005387;
	border: 1px solid #005387;	
	-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 #staude_search_wrapper .matches .rss-title a {
    color: #005387;
    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 { display: none; }

#content #staude_btn_search:hover {   
	color:#005387;	
	border: 1px solid #005387;
	background-color: transparent;
	}

#content #staude_search_image { display: none; }

/*-----------------*/
/* Allgemiene Button Styles */
/*-----------------*/

.button {
	/* float: left; */
	/* min-width: 150px;
	max-width: 250px; */
	display: inline-block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	border-radius:30px;	
}

.button{padding: 1em 1.5em;margin: 5px;width:100%;max-width: 75px;cursor: pointer;}

.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

.button--round-l {
	border-radius: 40px;
}

.button--text-medium { 
	font-weight: 500;
}

/*-----------------*/
/* Button */
/*-----------------*/

/* Antiman */
.button--antiman {
	background: none;
	border: none;
	height: 60px;
	font-size:1em; 
	color:#fff;
	width:100%;max-width: 400px;	
}

#home .button--antiman {
max-width: 200px;margin-top:25px;	
}

.button--antiman::before,
.button--antiman::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman::before {
	border: 2px solid #de8600;
	color:#de8600;
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	
}
.button--antiman.button--border-thin::before {
	border-width: 1px;
}
.button--antiman.button--border-medium::before {
	border-width: 2px;
}
.button--antiman.button--border-thick::before {
	border-width: 3px;
}

.button--antiman::after {
	background-color:#de8600;
}

.button--antiman:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}

.button--antiman:hover{color:#de8600;}

.btn-start-kontakt{position:absolute; bottom:5%;left:50%;margin-left:-200px;}

#btn_aktuelles, #btn_termin, #btn_leistungen {
	background-repeat:no-repeat;
	background-size:cover;
	width:125px;
	height:125px;
	display:block;
	margin:auto;
}

#btn_aktuelles{background-image:url("images/btn_aktuelles.png");}
#btn_termin{background-image:url("images/btn_termin.png");}
#btn_leistungen{background-image: url( "images/btn_leistungen.png" );}

#btn_aktuelles:hover{background-image:url("images/btn_aktuelles_hover.png");}
#btn_termin:hover{background-image:url("images/btn_termin_hover.png");}
#btn_leistungen:hover{background-image: url( "images/btn_leistungen_hover.png" );}

#content { line-height:1.4em;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;
}

#footer-a {	
	clear:both;
	min-height: 100px;
	background-color:#de8600;
	padding: 50px 0px;
	color:#fff;
}
#footer-a h6 {font-size:1.4em;font-family: 'Lato', sans-serif;margin-bottom:15px;margin-top:15px;color:#fff}
#footer-a a {color:#fff}
#footer-a a:hover {text-decoration:underline;}

#footer-b {	
	clear:both;
	background-color:#efefef;
}


#social_icons a{color:#fff;}

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

#nav_footer a{color:#de8600;padding:10px;}
#nav_footer a:hover{color:#005daa;}
#nav_footer > li.menu-item{ display: inline-block;float:right; }

#social_icons{ margin-top: 5px; }


.btn-leistungen-grey, .btn-leistungen-red{width:100%;padding:100px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:30px;display:block;text-align:center;color:#fff;font-size:1.5em;}

.btn-leistungen-grey{background-color:#efefef;opacity:1;}
.btn-leistungen-red{background-color:#de8600;opacity:1;}

.btn-leistungen-grey:hover{opacity:0.5;color:#fff}
.btn-leistungen-red:hover{opacity:0.5;color:#fff}


/** Kontaktformular **/
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 #365e7c;
        background-color: #fff;
		color:#365e7c;
		border-radius:30px;
        padding: 15px;
        min-height: 40px;
        width: 100%;
        /* font-family: 'Exo', sans-serif; */
        box-sizing: border-box;
        font-size: 11pt;
		font-size:1em;
		font-family: 'Lato', 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 #365e7c;
    background-color: #fff;
	color:#365e7c;
	border-radius:30px;
    padding: 15px;
    min-height: 80px;
    /*	font-family: sans-serif;*/
    box-sizing: border-box;
	transition: background-color ease-in-out .3s;
    font-size:1em;
	font-family: 'Lato', 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: #f7faec;
   transition: background-color ease-in-out .3s;
    outline: 0px;
    border: 1px solid #fff;
    box-shadow: 0em 0em .3em #fff;
}
/* .wpcf7 input.wpcf7-text:focus,
.wpcf7 input.wpcf7-textarea:focus,
.wpcf7 input.wpcf7-captchar:focus{outline: 0px;} */
#kontaktformular .wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus,input.wpcf7-form-control.wpcf7-submit:active {background: rgba(222,134,0,1);outline:0;color: #fff;}

#kontaktformular .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    box-sizing: border-box;
    background: rgba(222,134,0,0);
    border: 2px solid #de8600;
    padding: 15px;
    color: #de8600;
	border-radius: 30px;
	font-size:1em;
}


/** Vorbestellformular - Produkte **/
#produktliste .removeProduct{
	background: transparent url("cdn/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>
*/

/*********************/
/*** Kundenstimmen ***/
/*********************/

#kundenstimmen .metaslider .caption-wrap {
    position: relative;
    background: white;
    color: #303030;
    opacity: 1;
    margin: 0;
    display: block;
    width: 50%;
	margin: 0px 25%;
    line-height: 1.4em;
	border-radius: 15px;
	text-align:center;
	min-height:200px;
}

#kundenstimmen .metaslider .slides img {
    width: 70px;
    display: block;
    height: 70px;
   margin: 1% 0% 1% 47.5% !important;
	/* display: inline-block; */
}

#kundenstimmen .metaslider .caption-wrap h4 {
    font-size: 1.40em;
    margin-bottom: 25px;
	text-align:center;
}

#kundenstimmen .metaslider .caption {
    padding: 15px;
    word-wrap: break-word;
}


#kundenstimmen .metaslider .flexslider .flex-direction-nav li a {
    width: 56px;
    height: 56px;
    border: 0;
    margin: -20px 0 0;
    box-shadow: none !important;
    display: block;
    background-color: transparent;
   /*  background-image: url('../sliders/flexslider/bg_direction_nav.png'); */
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: opacity .25s ease-in-out;
    transition: all .3s ease;
}

#kundenstimmen .metaslider .flex-direction-nav .flex-prev {
    background-position: left 0;
    text-align: left;
    text-indent: 9999px;
}

#kundenstimmen .flex-direction-nav .flex-prev {
    left: 0px;
	background-image: url('images/btn-back.png');
}

#kundenstimmen .flex-direction-nav .flex-prev:hover {
    left: 0px;
	background-image: url('images/btn-back-hover.png');
}

#kundenstimmen .metaslider .flexslider:hover .flex-prev {
    opacity: 1;
    left: 0px;
    text-indent: -9999px;
}

#kundenstimmen .metaslider .flex-direction-nav .flex-next {
    background-position: right 0;
    text-align: left;
    text-indent: 9999px;
}

#kundenstimmen .flex-direction-nav .flex-next {
    right: 0px;
	background-image: url('images/btn-next.png');
}

#kundenstimmen .flex-direction-nav .flex-next:hover {
    right: 0px;
	background-image: url('images/btn-next-hover.png');
}

#kundenstimmen .metaslider .flexslider:hover .flex-next {
    opacity: 1;
    right: 0px;
}

#kundenstimmen .ml-slider-3-6-8, #kundenstimmen .metaslider, #kundenstimmen .metaslider-flex, #kundenstimmen .metaslider-1078, #kundenstimmen .ml-slider{max-width:100%!important;width:100%!important;overflow:hidden;}

.btn-mutter{display:none;padding:10px 15px; border-radius:30px;background-color:#de8600;color:#fff;margin-top:10px;text-decoration:none;}
.parent-pageid-756 .btn-mutter{display:inline-block;}

.blue-box{background-color:#365e7c;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: 'Lato', sans-serif;font-weight:700;font-size:2em;}

@media( max-width: 767px ) {
	#nav_oben {display:none;}
	.slicknav_menu { display: block; } 
	#empfehlen, #qr_link, #btn_vorbestellen {display:inline-block;width:35px;height:35px;margin-right:15px;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 10px 5px 20px;font-size: 0.85rem;font-weight: 400;}
	.green-slash{display:inline-block;width:20px;}
	ul.kontakt li {display:none;}
	#header-kontakt{display:none;}

	#content #gallery-1 .gallery-item {width: 100%;}
	.btn-start-kontakt{left:5%;margin-left:0px;max-width:90%;}
	#home h1{font-size: 1.2em;}
}

@media( min-width: 768px ) { 
	.slicknav_menu { display: block; } 
	#nav_oben {display:none;}
	#empfehlen, #qr_link, #btn_vorbestellen {display:inline-block;width:35px;height:35px;margin-right:15px;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 10px 5px 20px;font-size: 0.85rem;font-weight: 400;}
	.green-slash{display:inline-block;width:20px;}
	ul.kontakt li {display:none;}
	#header-kontakt{display:block;}

	#content #gallery-1 .gallery-item {width: 33%;}
	.btn-start-kontakt{left:50%;margin-left:-150px;max-width:300px;}
	#home h1{font-size: 1.5em;}
	#nav_oben > li.menu-item a {font-size: 1em;}
}

@media( min-width: 992px ) {
	.slicknav_menu { display: none; } 
	#nav_oben {display:inline-block;}
	#empfehlen, #qr_link, #btn_vorbestellen {display:inline-block;width:30px;height:30px;margin-right:5px;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 5px 5px 5px;font-size: 0.85rem;font-weight: 400;background-image:none;}
	.green-slash{display:inline-block;width:20px;}
	ul.kontakt li {display:inline-block;}
	#nav_oben > li.menu-item a::after {width:20px;}

	#content #gallery-1 .gallery-item {width: 33%;}
	.btn-start-kontakt{left:50%;margin-left:-150px;max-width:300px;}
	#home h1{font-size: 2em;}
	#nav_oben > li.menu-item a {font-size: 0.6em;}
}

@media( min-width: 1200px ) {
	
	#empfehlen, #qr_link, #btn_vorbestellen {display:inline-block;width:35px;height:35px;margin-right:15px;}
	.icon-adresse, .icon-telefon, .icon-mail{padding: 5px 10px 5px 20px;font-size: 0.85rem;font-weight: 400;}
	.green-slash{display:inline-block;width:20px;}
	ul.kontakt li {display:inline-block;}
	.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");}
	#nav_oben > li.menu-item a::after {width:30px;}

	#content #gallery-1 .gallery-item {width: 33%;}
	.btn-start-kontakt{left:50%;margin-left:-200px;max-width:400px;}
	#home h1{font-size: 2.5em;}
	#nav_oben > li.menu-item a {font-size: 0.8em;}
}

@media( min-width: 1300px ) {

	#kundenstimmen .metaslider .caption-wrap {width: 50%;margin: 0px 25%;}
	#kundenstimmen .metaslider .flexslider .flex-direction-nav li a {display:block;}
}