@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.eot');
  src: url('../fonts/montserrat-v26-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-regular.woff') format('woff'),
       url('../fonts/montserrat-v26-latin-regular.ttf') format('truetype'),
       url('../fonts/montserrat-v26-latin-regular.svg#Montserrat') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-italic.eot');
  src: url('../fonts/montserrat-v26-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v26-latin-italic.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-italic.woff') format('woff'),
       url('../fonts/montserrat-v26-latin-italic.ttf') format('truetype'),
       url('../fonts/montserrat-v26-latin-italic.svg#Montserrat') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.eot');
  src: url('../fonts/montserrat-v26-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-700.woff') format('woff'),
       url('../fonts/montserrat-v26-latin-700.ttf') format('truetype'),
       url('../fonts/montserrat-v26-latin-700.svg#Montserrat') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700italic.eot');
  src: url('../fonts/montserrat-v26-latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v26-latin-700italic.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-700italic.woff') format('woff'),
       url('../fonts/montserrat-v26-latin-700italic.ttf') format('truetype'),
       url('../fonts/montserrat-v26-latin-700italic.svg#Montserrat') format('svg');
}

/*

Orange: #ff7200;
Gelb: #ffc400;
Dunkel Blau: #218ec3;
Hell Blau: #63a9d6;

*/

body, .sp-preloader {
  background-color: #F7F5F2;
}

.image-border img {
	border: 10px solid #F7F5F2;
}

/* Schriften */

body, p {
  font-family: 'Montserrat', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
  margin-bottom: 30px !important;
  text-transform: uppercase;
}

h1 small {
  font-size: 70%;
  text-transform: none;
}

@media (max-width: 767px) {
	h1 small {
		font-size: 50%;
	}
}

.h2-lower h2 {
	text-transform: none;
	font-size: 44px !important;
}

@media (max-width: 767px) {
	h1 {
		margin-bottom: 16px !important;
	}
	
	.h2-lower h2 {
		font-size: 28px !important;
	}
}

/* Navigation */

#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .social-icons {
	font-size: 26px;
}

#sp-header {
  background: #fff;
}

#sp-header.header-with-modal-menu a {
  color: #333;
}

#sp-header.header-with-modal-menu {
  color: #ff7200;
}

#sp-header.header-with-modal-menu a:hover, #sp-header.header-with-modal-menu a:focus {
  color: #218ec3;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #333;
}

.burger-icon > span {
  background-color: #333;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	font-family: 'Montserrat', sans-serif !important;
}

#modal-menu.has-bg {
  background-image: none !important;
}

#modal-menu .sp-megamenu-parent > li:hover > a, #modal-menu .sp-megamenu-parent > li:hover > span, #modal-menu .sp-megamenu-parent > li.active > a, #modal-menu .sp-megamenu-parent > li.active > span {
  color: #ff7200;
}

.sp-megamenu-parent > li::after {
  border-bottom: 2px dashed #ff7200;
}

#modal-menu ul.sp-megamenu-parent > li > a, #modal-menu ul.sp-megamenu-parent > li > span {
  font-weight: 700;
  text-transform: uppercase;
}


/* Background */

.bg-orange {
  background: #ff7200;
}

.bg-orange, .bg-orange p, .bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4 {
  color: #fff !important;
}

.bg-darkblue {
  background: #218ec3;
}

.bg-darkblue, .bg-darkblue p, .bg-darkblue h1, .bg-darkblue h2, .bg-darkblue h3, .bg-darkblue h4 {
  color: #fff !important;
}

.bg-blue {
  background: #63a9d6;
}

.bg-blue, .bg-blue p, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4 {
  color: #fff !important;
}

.bg-yellow {
  background: #ffc400;
}

.bg-yellow, .bg-yellow p, .bg-yellow h1, .bg-yellow h2, .bg-yellow h3, .bg-yellow h4 {
  color: #333 !important;
}
.bg-yellow h1, .bg-yellow h2, .bg-yellow h3, .bg-yellow h4 {
  color: #218ec3 !important;
}


/* Tabelle Kurse */

.kurse {
  width: 100%;
  text-align: center;
}

.kurse tbody, .kurse td, .kurse tfoot, .kurse th, .kurse thead, .kurse tr {
  border: 3px solid #F7F5F2;
  padding: 10px;
}

.no-addon-text .sppb-addon-text {
  display: none;
}

/* Button */

body .sppb-btn, body .btn {
  font-size: 18px;
  font-weight: 400;
  border-color: transparent;
  padding: 17px 30px;
  text-transform: none;
}

@media (max-width: 767px) {
	body .sppb-btn, body .btn {
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body .sppb-btn, body .btn {
		font-size: 16px;
	}
}

body .sppb-btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.sppb-btn-default, body .btn.sppb-btn-primary, body .btn.btn-primary {
  background-color: #218ec3;
  transition: all 0.5s ease;
}

.btn-primary:hover, .sppb-btn-primary:hover {
  background-color: #ff7200 !important;
  transition: all 0.5s ease;
}

.sppb-btn-outline:hover {
  background-color: transparent !important;
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline, body .sppb-btn.sppb-btn-primary.sppb-btn-outline, body .sppb-btn.btn-primary.sppb-btn-outline, body .btn.sppb-btn-default.sppb-btn-outline, body .btn.sppb-btn-primary.sppb-btn-outline, body .btn.btn-primary.sppb-btn-outline {
  color: #fff;
  border-color: #fff;
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-default.sppb-btn-outline:focus, body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus, body .sppb-btn.btn-primary.sppb-btn-outline:hover, body .sppb-btn.btn-primary.sppb-btn-outline:focus, body .btn.sppb-btn-default.sppb-btn-outline:hover, body .btn.sppb-btn-default.sppb-btn-outline:focus, body .btn.sppb-btn-primary.sppb-btn-outline:hover, body .btn.sppb-btn-primary.sppb-btn-outline:focus, body .btn.btn-primary.sppb-btn-outline:hover, body .btn.btn-primary.sppb-btn-outline:focus {
  border-color: #ffc400;
  color: #ffc400;
}


.bg-darkblue .sppb-btn.sppb-btn-primary.sppb-btn-square.sppb-btn-outline {
	background: #218ec3;
}

/* Standorte Teaser */

.standorte-teaser .sppb-addon-title {
	text-transform: uppercase;
	font-weight: 700;
}

.standorte-teaser .sppb-addon-title a {
	color: #fff;
}

.standorte-teaser .overlay-image-title, .standorte-teaser .sppb-addon-title {
	height: 100%;
	width: 100%;
}

.standorte-teaser .overlay-image-title a {
	height: 100%;
}

.standorte-teaser .sppb-addon-title {
  text-shadow: 0 0 10px #000;
}

.standorte-teaser .sppb-addon-title a {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}

.standorte-teaser .sppb-addon-overlay-image-content {
	padding: 0;
}

.standorte-teaser .sppb-addon-title a {
	padding: 20px;
}

/* standorte Image Slider */

.sppb-carousel-extended-item img {
	object-fit: cover !important;
}

.sppb-carousel-extended-heading {
	font-size: 24px;
	text-transform: uppercase;
	text-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.sppb-carousel-extended-subheading {
	font-size: 18px;
	font-weight: 400;
	text-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.sppb-carousel-extended-nav-control .nav-control {
	margin-top: 0 !important;
	margin-left: -30px !important;
	margin-right: -30px !important;
}

/* Kurse */

.kurs-tabs .sppb-tab-content {
	padding: 30px 0;
}

.kurs-box {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.25) !important;
	font-size: 16px;
}

.kurs-box h3 {
	margin-bottom: 0 !important;
	font-size: 26px;
}

.kurs-zeit .sppb-addon-title {
	font-weight: bold;
	margin-bottom: 16px !important;
}

.sppb-addon-text-block.kurs-infos {
	margin-top: 16px !important;
}

.kurs-tabs li {
	padding: 0 5px;
}

.kurs-tabs li:first-child {
	padding-left: 0;
}

.kurs-tabs li:last-child {
	padding-right: 0;
}

@media (max-width: 767px) {
	.kurs-tabs li {
		padding: 1px 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.kurs-tabs li {
		padding: 0;
	}
}

/* Über uns */

.column-border-left {
	border-left: 3px dashed #63a9d6;
	margin-left: -15px;
}

@media (max-width: 767px) {
	.column-border-left {
		border-left: 0;
		margin-left: 0;
	}
}

/* Über uns - Wirkung */

.animated-heading-highlighted-wrap {
	text-align: center;
	width: 100%;
}

.sppb-addon-animated-heading .sppb-addon-title {
  font-weight: 700;
}

.animated-heading-highlighted-text.shape-circle {
  padding-top: 10px;
}

.animated-heading-highlighted-wrap svg path:nth-of-type(2) {
	display: none;
}

/* Zitat auf Bild */

.zitat p {
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* Netzwerk */

#netzwerk .sppb-addon-clients .sppb-addon-clients-image {
	margin-bottom: 30px !important;
}

/* Map */

.map, #map {
	height: 890px;
}

@media (max-width: 767.98px) {
	.map, #map {
		height: 660px;
	}
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #fff !important;
    -webkit-box-shadow: 0 3px 14px rgba(0,0,0,0.4) !important;
    -moz-box-shadow: 0 3px 14px rgba(0,0,0,0.4) !important;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4) !important;
}

.leaflet-popup-content-wrapper {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.leaflet-popup-content {
	color: #333 !important;
	font-family: 'Montserrat',sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

/* Kursleiter */

.kursleiter-liste .sppb-addon-title {
	margin-bottom: 20px !important;
}

.kursleiter-liste ul {
	list-style: none;
	padding-left: 16px !important;
}

.kursleiter-liste li:before {
	content: "... ";
	display: inline;
	margin-left: -16px;
}

/* Accordion */

.sppb-addon-accordion .sppb-panel .sppb-panel-body .sppb-addon-content {
	font-weight: 400;
}

.sppb-addon-accordion .sppb-panel:first-child {
  border-color: #fff;
}

.sppb-addon-accordion .sppb-panel {
	border-color: #fff;
}

.sppb-addon-accordion .sppb-addon-content {
	padding: 0 25px;
}

.sppb-addon-accordion .sppb-addon-content a {
	color: #fff !important;
	text-decoration: underline;
}

.sppb-addon-accordion .sppb-addon-content a:hover {
	color: #ffc400 !important;
}

.sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700;
}

.sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction {
	color: rgba(255, 255, 255, 0.6);
}

/* Youth Leader Programm */

.programm-bausteine h3.sppb-addon-title {
	font-size: 22px !important;
	color: #fff !important;
}

.programm-bausteine p {
	color: #fff !important;
}

.programm-bausteine .sppb-container-inner .sppb-column .sppb-column-addons  {
	/*background-color: #63a9d6;
	background-color: rgba(99, 170, 214, 0.8);*/
	background-color: rgba(0, 0, 0, 0.1);
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); 
	border: 3px solid #fff;
	padding: 40px 40px 24px 40px;
	margin-bottom: 30px;
}

/* article */

.article-details .article-header h1, .article-details .article-header h2 {
	font-weight: 700;
	font-size: 38px;
	line-height: 120%;
}

.article-details .article-top-sec {
	padding-top: 80px;
}

.sppb-addon-article .sppb-article-info-wrap h3 {
	font-size: 22px;
}

.sppb-addon-article .sppb-article-info-wrap h3 a {
	color: #218ec3;
}

.sppb-addon-article .sppb-article-info-wrap h3 a:hover {
	color: #ff7200;
}

.article-top-sec {
	background: #218ec3;
}

.article-top-sec h1 {
	color: #fff;
}

.sppb-addon-article .sppb-article-img-wrap {
	max-height: 200px;
	overflow: hidden;
}

.sppb-addon-article .sppb-readmore {
	background: #63a9d6;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 20px;
}

.sppb-addon-article .sppb-readmore:hover {
	background: #ff7200;
}

.sppb-addon-article h3 {
	white-space: nowrap;
	text-overflow: ellipsis !important;
	overflow: hidden;
	color: #218ec3;
	margin-bottom: 0px !important;
}

.sppb-article-introtext {
	font-size: 15px;
}

/* Formular */

.sppb-addon-form-builder label {
  font-weight: 400;
  font-size: 18px;
  color: #333;
  line-height: 1.25;
  text-transform: none;
  margin-bottom: 16px;
  letter-spacing: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sppb-addon-form-builder label {
		font-size: 16px !important;
	}
}

@media (max-width: 767px) {
	.sppb-addon-form-builder label {
		font-size: 14px !important;
	}
}

.sppb-form-group .sppb-form-control, .form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	font-weight: 400;
	color: #868e96;
}

.sppb-addon-form-builder .sppb-form-control {
	color: #333 !important;
}

.sppb-form-control, .sppb-form-group .sppb-form-control {
	line-height: 1.25 !important;
	min-height: 48px;
}

.sppb-form-group .sppb-form-control, .form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
	line-height: 1.25 !important;
	min-height: 48px;
}

select.sppb-form-control:not([size]):not([multiple]) {
	min-height: 48px;
}

.sppb-addon-form-builder select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	line-height: 1.25 !important;
	min-height: 48px !important;
	padding: 13px 20px !important;
}


/* Bottom */

#sp-bottom a:hover {
	text-decoration: underline;
}

#sp-bottom .sppb-btn-link {
	border: 0 none !important;
}

#sp-bottom .sppb-btn-link:hover {
	text-decoration: underline !important;
	border: 0 none !important;
}

#sp-bottom .sp-module {
  margin-bottom: 0px !important;
}

#sp-bottom {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

#sp-bottom .sp-module ul > li {
  margin-bottom: 5px !important;
}

@media (max-width: 767px) {
	#sp-bottom {
		font-size: 14px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#sp-bottom {
		font-size: 16px !important;
	}
}

/* Footer */



/* Responsive */

.logo-image {
	width: auto !important;
}

.logo-image-phone {
	height: 50px !important;
	width: auto !important;
}

.offcanvas-menu {
  background-color: #fff !important;
  color: #333 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #000 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
  font-weight: 400 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: #ff7200 !important;
	font-weight: 700;
	opacity: 1;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
  color: #ff7200;
  width: 20px;
  text-align: center;
}

.offcanvas-menu .offcanvas-inner a {
  color: #000;
}

@media (max-width: 991px) {
	h3.sppb-addon-title {
		margin-top: 30px !important;
	}
}

/* error-page */

html.error-page .error-code::after {
	border-color: #218ec3 !important;
}

html.error-page .error-code {
	color: #218ec3 !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

html.error-page .error-logo {
  max-width: 300px;
}

html.error-page .error-message {
	color: #218ec3 !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.error-page .sppb-btn.sppb-btn-dash-circle, .error-page .btn.sppb-btn-dash-circle {
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	padding: 13px 20px !important;
	color: #ff7200 !important;
}

.error-page .sppb-btn, .error-page .btn {
	border-color: #ff7200 !important;
}

.error-page .sppb-btn.sppb-btn-dash-circle:hover, 
.error-page .sppb-btn.sppb-btn-dash-circle:focus, 
.error-page .sppb-btn.sppb-btn-dash-circle:active, 
.error-page .btn.sppb-btn-dash-circle:hover, 
.error-page .btn.sppb-btn-dash-circle:focus, 
.error-page .btn.sppb-btn-dash-circle:active {
  background-color: #ff7200 !important;
  border-color: #ff7200 !important;
  color: #fff !important;
}

@media (max-width: 991.98px) {
	#sp-bottom .sp-module ul > li > a {
		padding: 14px 0;
	}
}

.sppb-addon-text-block ol li p {
  margin-bottom: 0;
}

.sppb-addon-text-block ul li p {
  margin-bottom: 0;
}