/*** Individuelle CSS-Formatierungen ***/
/* advent-pro-300 - latin */
@font-face {
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/advent-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/advent-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/advent-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/advent-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/advent-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/advent-pro-v11-latin-300.svg#AdventPro') format('svg'); /* Legacy iOS */
}

/* advent-pro-regular - latin */
@font-face {
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/advent-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/advent-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/advent-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/advent-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/advent-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/advent-pro-v11-latin-regular.svg#AdventPro') format('svg'); /* Legacy iOS */
}

/* advent-pro-600 - latin */
@font-face {
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/advent-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/advent-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/advent-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/advent-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/advent-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/advent-pro-v11-latin-600.svg#AdventPro') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

:root {
  --zplightblue:#a1c3d6;
  --zplightgreen:#bad25f;
	--zpdarkgreen:#adc359;
	--zppastellgreen:#f0f5df;
}


#sp-top-bar {color:transparent !important;}

#sp-bottom a {text-decoration: underline !important;}
body {font-family: 'Roboto Condensed', sans-serif;font-weight: 300;font-size: 1.2rem;}
b, strong {font-weight: 700;}
h2, h3 {text-transform:uppercase;}
h3 {font-size:2em;font-weight: 700 !important;}

h2.sppb-title-heading, h3 {color: var(--zplightgreen);}
h2.sppb-title-heading {font-size: 3em !important;font-weight: 300;line-height:52px !important;}
.zps-hidden {display:none;margin-bottom:0;}
#sp-page-builder .sppb-section-title .sppb-title-heading {margin-bottom: 0;}


/***<Top-Bar>***/
#sp-top-bar {background-color: var(--zpdarkgreen);}
.kontakticons p {margin:0;}
.kontakticons .sppb-addon-content {display:flex; justify-content: flex-end;}
#sp-top2 .sp-module {width:100%;display:block;} 
/*.zps-icon-email, .zps-icon-tel, .zps-icon-anschrift, .zps-icon-oeffnungszeiten, .zps-icon-facebook, .zps-icon-instagram {float:left;}*/
.zps-icon-email:before {content:url('/images/icons/zps-icon-email.png');}
.zps-icon-tel:before {content:url('/images/icons/zps-icon-tel.png');}
.zps-icon-anschrift:before {content:url('/images/icons/zps-icon-anschrift.png');}
.zps-icon-oeffnungszeiten:before {content:url('/images/icons/zps-icon-oeffnungszeiten.png');}
.zps-icon-facebook:before {content:url('/images/icons/zps-icon-facebook.png');background:transparent;}
a {background:transparent;}
.zps-icon-instagram:before {content:url('/images/icons/zps-icon-instagram.png');background:transparent;}
.btn-secondary {color: #fff;background-color: transparent;border-color:transparent;}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {background-color:transparent;border-color:transparent;}
.btn.btn-secondary {padding:0;line-height:0;margin:0 5px !important; border:none;}
.btn-secondary:focus {box-shadow:none;}
.popover-body {color:white;}
.bs-popover-bottom {background-color:var(--zplightblue); border:none;max-width:284px;}
.popover-body a {color:white;}
.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after {border-bottom-color:#a1c3d6;}
#sp-top-bar {padding: 5px 0;}
.popover-body {min-width:300px;}


/***</Top-Bar>***/

/***<Mainnav>***/
#sp-logo {
	order: 2;
}
#sp-menu {
	order: 1;
}
/*.sp-megamenu-parent {float:left;}*/

.page-content a {
		color:var(--zplightblue);
		text-decoration: underline;
} 


.sp-megamenu-parent > li a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item a  {
    font-size: 1.2rem;
		color: var(--zplightblue);
		font-family: 'Advent Pro', sans-serif;
		font-weight: 300;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding:15px 0 15px 0; 
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	padding:0 30px 0 30px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active {
	background-color:var(--zplightgreen);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active a {
	color:white;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a {
    color: #adc359;
}
/***</Mainnav>***/

/***<Offcanvas>***/
.offcanvas-menu {background-color: #fff;color: white;background-color:var(--zppastellgreen);}
.offcanvas-menu img {margin-top:20px}
.offcanvas-inner::after {content: url('/images/icons/icon-zahnrose.png');position: absolute;bottom:0;}
.close-offcanvas {background:transparent ;color: #fff;}
.close-offcanvas:hover {background: var(--zplightgreen);color: #fff;}
.close-offcanvas {top:10px;}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color: var(--zplightblue);
}
/***</Offcanvas>***/

/***<Footer>***/
#sp-bottom {background: var(--zplightblue);font-size:1.2rem;}
#sp-footer {background: var(--zpdarkgreen);color:white;font-size: 20px;font-weight: 400;text-transform:uppercase;padding: 10px 0;}
#sp-footer a, #sp-bottom h3, #sp-bottom a {color:white !important;}
#sp-footer .container-inner {padding: 0;color:white;border-top:none;}
#sp-footer1 {margin-top: 5px;}
#sp-footer1 ul.menu li:first-child a:after {content:'|';position:relative;top:0;padding-left:20px;} 
#sp-footer2 .sppb-addon-content {display:flex;justify-content:flex-end;}
#sp-footer2 .sppb-addon-content p {margin:0;}
/***</Footer>***/

.zp-intro h3 {
	margin-top: 30px;
}
.zp-intro img {
	width: 60%;
}
.zp-intro, .zp-intro h3 {
	color: var(--zplightblue);
}

/***<Slider und Kopfbilder>***/
.sp-slider .sp-dots ul li, .sp-slider .sp-nav-control .nav-control {
	background:transparent;
}
.dot-controller-dot.sp-slider .sp-dots ul li, .dot-controller-dot.sp-slider .sp-dots ul li.active {
	border-color: var(--zplightblue);
}
.dot-controller-dot.sp-slider .sp-dots ul li::after {
	height: 18px;
	width: 18px;
}
div.sp-slider .sp-nav-control .nav-control:hover {
	background-color: var(--zplightblue);
}
div.sp-slider .sp-nav-control .nav-control {
    background: rgba(161,195,214,.5);
}
.zps-kopfbild .sppb-addon-single-image-container, .zps-kopfbild .sppb-img-responsive {
    width: 100% !important;
}
/***</Slider und Kopfbilder>***/
/***<Kacheln>***/
.zps-schattenbox {}
.zps-schattenbox {
	-webkit-box-shadow: 4px 5px 8px -2px rgba(0,0,0,0.4); 
	box-shadow: 4px 5px 8px -2px rgba(0,0,0,0.4);
	transform: translateY(-8px);
	background-color: white;
	padding: 20px 0px;
	transition: all 0.3s ease-out 0s;
	position:relative;
	z-index:200;
	min-height:200px;
}
.zps-schattenbox .sppb-addon-content {
	position:relative;
	width: 100%;
	min-height:160px;
}
.zps-schattenbox a.zp-titel {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:40px;
	padding-top: 100px;
}

.zps-schattenbox:hover {
	background-color:var(--zplightgreen);
}
.zps-schattenbox h3 {color:var(--zplightblue);font-family: 'Advent Pro';font-size: 28px;}
.zps-schattenbox .sppb-addon-single-image {
	display:flex;
	justify-content:center;
}
/*.zps-schattenbox a:hover h3 {color:white;}
.zps-boximage {}
*/
/***</Kacheln>***/

.zp-raeume img, .zp-team .sppb-column, .zp-team img {
	border-radius: 50%;
}
.zp-raeume h3, .zp-team h3 {
	font-size: 1.4em;	
}
.zp-team h3 {
	font-weight:400 !important;
	font-size:1.2em;
	margin-bottom:0;
}
.zp-team p {
	color: var(--zplightblue);
	font-size:14px;
}
.zp-img-over-right img {
	position: relative;
	right: -100px;
}

.zp-txt-white {
	color: white;
}
.zp-txt-white a {
	color: white;
}
.zp-small-content .sppb-row-container {
	max-width: 620px;
}

#raeumlichkeiten h2.sppb-title-heading {
	color:var(--zplightblue);
}


/***<Akkordeon>***/
	.sppb-panel-modern > .sppb-panel-heading {
    padding: 10px 30px 10px 15px;
    background: var(--zplightblue);
    color: white;
}
.sppb-addon-accordion .sppb-panel-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.sppb-addon-accordion .sppb-panel-modern {
    background: transparent;
}
.sppb-addon-accordion .sppb-panel-heading.active {
		background: var(--zplightgreen);
}
.sppb-panel-modern {
	margin-bottom:4px;
}

/***</Akkordeon>***/

#scharrelmann .sppb-row-container {
    max-width: 950px;
}
#scharrelmann h2 {
	color:var(--zplightblue);
}
table tbody tr td {
  padding-right: 15px;
}
table tbody tr td:first-child {
	display:flex;
}
.zps-tabelle td {
  line-height: 24px;
}

.zp-ueb-blue {color: var(--zplightblue);}

.sppb-img-responsive.zps-boximage {
	position:relative;
	top:0;
}
.sp-pre-loader .sp-loader-clock{border:3px solid var(--zplightblue);}
.sp-pre-loader .sp-loader-clock:after, .sp-pre-loader .sp-loader-clock:before{
	background-color:var(--zplightblue);
}


.sppb-carousel-indicators .active {
		width: 20px;
		height: 20px;
}
.sppb-carousel-indicators li {
	width: 18px;
	height: 18px;
	border-radius: 18px;
}
.google-map .sppb-col-md-12 {
	padding-right:100px;
}

/***<Rechtliches>***/
.zps-rechtliches h1, .zps-rechtliches .h1 {
    font-size: 3rem;
    color: var(--zplightblue);
}
.zps-rechtliches h4, .zps-rechtliches .h4 {
    font-weight: 400;
}
.zps-rechtliches h3, .zps-rechtliches .h3 {
    font-size: 1.3em;
}
/***</Rechtliches>***/

/*<Kontaktformular>*/
.sppb-addon-ajax-contact {background:#efefef;padding:50px;}
.sppb-addon-ajax-contact input.sppb-form-control, .sppb-addon-ajax-contact textarea.sppb-form-control {background:transparent;border:none;border-bottom:1px solid white;border-radius:none !important;}
.sppb-addon-ajax-contact {background: #f0f5df;padding: 50px;}
.sppb-form-check .sppb-form-check-label {color: var(--zplightblue);}
.sppb-addon-ajax-contact input.sppb-form-control, .sppb-addon-ajax-contact textarea.sppb-form-control {border-bottom: 2px solid white;}
.sppb-form-control::placeholder {color:var(--zplightblue);}
.sppb-form-control::-webkit-input-placeholder::after {
	content:'...';
}
/*</Kontaktformular>*/
.jmg-googlemaps-dsgvo-notification.position_3 {width:300px;}
.zps-content-center .sppb-row {
	justify-content: center;
}

table.zps-tabelle tbody tr td:first-child{
	font-weight:600;
	min-width: 130px;
	padding-right: 15px;
}
.zps-jobs, .zps-jobs a, .zps-jobs h2, .zps-jobs span{
	color: white
}
.zps-jobs h4 {text-transform:uppercase; font-weight:400;} 
.zps-jobs .sppb-col-md-6:nth-child(odd) {
		border-right:solid 1px white;
}
/******************************<RESPONSIVE>*************************************/
@media (max-width: 576px){
	.kontakticons .sppb-addon-content {
		display:flex;
		justify-content:center;
	}
	h2.sppb-title-heading {
    font-size: 2.5em !important;
    line-height:48px !important;
  }
  h3 {
    font-size: 1.5em;
  }
  .sp-scroll-up {
    bottom: 60px;
    right: 15px;
 	}
 	.footernav .sp-module-content, #sp-footer2 .sp-module-content {
 		display:flex;
 		justify-content:center;
 		padding-bottom: 15px;
 	}  
 	.zps-schattenbox h3 {
    font-size: 20px;
	}
	.zps-schattenbox {
		min-height:150px;
	}
	#sp-logo, #sp-logo img {
   	width: 250px;
   	height: auto;
	}
	table.zps-tabelle tbody tr td:first-child{
		font-weight:600;
		min-width: 110px;
		padding:0;
	}
	div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control {
    font-size: 18px;
    width: 30px;
    height: 30px;
	}
	div[data-arrow-content="icon_only"].sp-slider .sp-nav-control {
    top: 0px;
	}
	div.sp-slider .sp-nav-control .nav-control {
		line-height:30px;
	}
	div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i {
    line-height: 0px;
	}
	.sppb-carousel-indicators {
     bottom: -15px
	}
	.sppb-carousel-indicators li {
     width: 12px;
     height: 12px;
     border-radius: 12px;
	}
	.sppb-carousel-indicators .active {
     width:12px;
     height:12px;
	}
}

@media (max-width: 766px){}
@media (max-width:767px){}
@media (min-width:577px) and (max-width:991px){
	.kontakticons .sppb-addon-content {
		display:flex;
		justify-content:flex-end;
	}	
}
@media (max-width:991px){
	.sp-slider .sp-dots {
    bottom: 20px !important;
	}
	.zps-autoheight {
		height:auto !important;
		min-height:auto !important;
		border:solid 1px var(--zplightblue);
		margin-bottom:30px;
	}	
}
@media (max-width: 991px){
	#offcanvas-toggler {
		display:block;
	}
	#sp-header {
    height: 90px;
    padding-top:10px;
	}
	.logo-image {
    margin-top: 10px;
	}
	#sp-menu {
    order: 2;
	}
	#sp-logo {
    order: 1;
   
	}
	.kontakticons .sppb-addon-content {
    justify-content: center;
	}
	#sp-top-bar .sp-module {
    margin: 0;
	}
}
@media (min-width: 992px){
		#offcanvas-toggler {
			display:none !important;
		}
}
@media (min-width: 1200px){
	.h4, h4 {
    font-size: 1.7rem;
    font-weight: 600;
	}	
}
@media (max-width: 1200px){
	.sp-page-builder .page-content #philosophie {
		padding-bottom:0 !important;
	}
	.sppb-panel-modern > .sppb-panel-heading {padding: 8.4px 30px 9px 15px;}		

}
@media (max-width: 1400px){
	.zp-img-over-right img {
		right: 0;
	}
}

/******************************</RESPONSIVE>*************************************/