/* Jugendfeuerwehr BW

Dekofarbe (green): #10247c;
Textfarbe (grey): #596469;

*/

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

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

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

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

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

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

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

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

/* Container-Breite
--------------------*/

	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
		padding-left: 0;
		padding-right: 0;
	}

	@media screen and (max-width: 1240px) {
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: unset;
			padding-left: 30px;
			padding-right: 30px;
		}
	}

/* Tabfocus
------------*/

	html body *:focus {
	  outline: 3px solid #fc421e !important;
	}

/* Allgemein
------------ */

	html, body {
		color: #000000;
		font-size: 18px;
		font-weight:  300;
		font-family: 'Rubik', 'Open Sans', Arial, sans-serif !important;
	}

	#sp-main-body {
		padding:  0;
	}

	.article-list .article {
		border: none;
		padding:  0px;
	}

	ul {
		padding-left:  1rem;
	}

/* Text & Überschriften
----------------------- */
	p {
		margin-bottom:  12px;
	}

	strong {
		font-weight:  700;
	}

	h1, h2, h3, h4, h5, h6 {
		color:  #10247c;
	}

	h1, 
	.article-header h1 {
		font-size:  50px !important;
	}

	@media screen and (max-width: 768px) {
		h1,
		.article-header h1 {
			font-size:  35px !important;
		}
	}

	h2, .article-header h2 {
		font-size: 40px;
		text-transform: uppercase;
		margin-top: 50px;
		margin-bottom: 30px;
		font-weight: bold;
	}

		@media screen and (max-width: 980px) {
			h2, .article-header h2 {
				font-size: 28px !important;
			}
		}

	h2 *,
	.article-header h2 * {
		color: #10247c !important;
	}

	h3,
	.article-header h3 {
		font-size:  200%;
	}

	h4,
	.article-header h4 {
		font-size:  150%;
	}

	h5,
	.article-header h5 {
		font-size:  120%;
	}

	h6,
	.article-header h6 {
		font-size:  90%;
	}

/* Readmore
----------- */
	.article-list .article .readmore a,
	.article-list .article .readmore a:hover {
		color:  #FFFFFF;
		background-color:  #10247c;
		padding:  10px 20px 10px 20px;
		border-radius:  5px;
		margin-top:  20px;
	}

/* Dateigröße
------------- */
	.wf_file_size {
		font-size:  60%;
	}

	.wf_file {
		display:  block ruby;
	}

/* Links
-------- */
	p a, 
	p a:visited,
	p a:hover {
		color: #10247c;
		text-decoration:  underline;
	}

	a {
	   outline: 0;
	}

	a:hover, a:focus, a:active {
   color: #10247c;
	}

	.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
    color:  #10247c;
	}

	.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #596469;
	}

/* Header
--------- */
	#sp-top-bar {
		background: #596469;
	}

		@media only screen and (max-width: 810px) {
			#sp-top-bar {
				display:  none;
			}
		}

	#sp-top-bar a {
		color:  #FFFFFF;
	}

/* Icons Header
---------------*/
	#sp-top-bar .fab,
	#sp-top-bar .fas,
	#sp-top-bar .far {
		color:  #FFFFFF;
	}


/* Navigation
------------- */

	#sp-menu a {
		position: relative;
		font-weight: 600;
		text-transform: uppercase;
		color: #10247c;
	}

	#sp-menu a:hover {
		color: #fc421e !important;
	}

	#sp-menu .justify-content-end {
		justify-content: unset !important;
	}

	@media screen and (min-width: 992px) {
		#sp-menu .sp-megamenu-parent > .sp-menu-item > a:after {
			content: '';
			position: absolute;
			display: block;
			top: 5px;
			right: 0;
			height: 15px;
			width: 2px;
			background-color: #10247c;
		}
		#sp-menu .sp-megamenu-parent > .sp-menu-item:last-of-type > a:after {
			display: none !important;
		}

	}

	#sp-menu li:last-of-type a:after {
		display: none;
	}

	#sp-menu .sp-megamenu-wrapper {
		margin-top: 0;
	}

	#sp-menu .sp-dropdown-inner {
		padding: 10px;
	}

	#sp-menu .sp-dropdown-inner a {
		font-size: 16px;
	}

	#sp-menu .sp-megamenu-parent .sp-dropdown li > a:hover {
		opacity: 0.8;
	}

	#sp-menu .sp-megamenu-parent .sp-dropdown li.active > a {
		color: #fc421e !important;
	}

	.sp-megamenu-parent > li:hover > a,
	.sp-megamenu-parent > li.active > a, 
	.sp-megamenu-parent > li.active:hover > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
		color: #10247c;
	}

	.sp-megamenu-parent > li > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
		color: #596469;
	}

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		font-size: 18px;
		line-height: unset;
	}

	.sp-megamenu-parent .sp-dropdown li.active > a {
		color: #10247c !important;
	}

	#sp-menu > .sp-column {
		height: auto;
	}

@media screen and (max-width: 1036px) {
  #sp-menu .sp-megamenu-wrapper {
    top: -40px !important;
    left: 100px !important;
  }
}

	@media screen and (min-width: 992px) {
		#sp-menu .sp-megamenu-wrapper {
			position: relative;
			top: 63px;
		}
	}

	@media screen and (max-width: 1050px) {
		.sp-megamenu-parent > .sp-menu-item:nth-child(7) {
			display: none;
		}
	}

/* Mobiles Menü
--------------- */
	.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: #10247c;
	}

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

	.offcanvas-menu {
    color: #596469;
	}

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

	.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
    color: #10247c;
	}

/* offcanvas-toggler
---------------------*/

	#offcanvas-toggler {
		position: absolute !important;
		top: 0;
		right: 30px;
	}

/* Logo in mobiler Ansicht
---------------------------*/

	@media screen and (max-width: 991px) {
		#sp-logo {
			margin-left: 10px;
		}
	}


/* Slideshow
------------ */
	div#n2-ss-2 .nextend-arrow img {
    width: 40px !important;
	}

	div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot.n2-active, div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot:hover, div#n2-ss-2 .n2-style-cdbe3c336ecb064e705625b002e710c6-dot:focus {
    background: #10247c !important;
	}
	
/* Simple Image Gallery
----------------------- */
	.fancybox-button.fancybox-button--share {
		display:  none;
	}

/* Blockquote
------------- */
	blockquote {
		padding: 20px;
		border: 0px;
		background: #10247c;
		color:  #FFF;
	}

/* Suchfeld
----------- */
	.form-control:focus {
		border-color: #10247c;
	}

	.form-control {
		color: #596469;
	}

	.awesomplete mark {
    background: #10247c;
	}	

/* Suchergebnisse
----------------- */
	.com-finder a {
		color: #10247c;
	}

	.btn-primary,
	.btn-primary:hover, 
	.sppb-btn-primary:hover {
    border-color: #10247c;
    background-color: #10247c;
	}

/* 404 Fehlerseite
------------------ */
	.error-page body {
		background: #10247c;
	}

	html.error-page .error-code,
	html.error-page .error-message {
		color:  #FFFFFF;
	}

	.error-page .btn-secondary:hover,
	.error-page .btn-secondary {
		background-color:  #596469;
		border-color:  #596469;
	}

	.error-page h1 {
    color: #FFFFFF !important;
    font-size: 1200% !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important;
    display: inline !important;
	}

	.error-page .btn-secondary:hover, .error-page .btn-secondary {
    background-color: #10247c;
    border-color: #FFFFFF;
    color:  #FFFFFF;
    border-radius:  0px;
	}

/* Kontaktformular Convert Forms
-------------------------------- */
	.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px;
	}

/* Footer
--------- */
	#sp-footer {
		background: #10247c;
	}

	#sp-footer a {
		color:  #FFFFFF;
		text-decoration:  underline;
	}

/* Scroll to top
---------------- */
	.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
	    background: #596469;
	}

	.sp-scroll-up {
    width: 50px;
    height: 50px;
    line-height: 50px;
	}


/* Tabs & Slider
---------------- */
	div.jwts_toggleControlContainer a.jwts_toggleControl {
		font-size:  100%;
		border:  none;
		border-radius:  0px;
		background: #10247c;
		color:  #FFFFFF;
		padding:  15px;
	}

	div.jwts_content {
		border: 1px solid #10247c;
		padding:  15px;
	}

	div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {
		display:  none;
	}

	div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
		background-position: left center;
		background-repeat:  no-repeat;
		background-size: contain;
		padding-left:  25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgtMC42OSAwLjY5KSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Ik0gNDkuODEyNSw5ODEuMzQwOTUgQSAzLjAwMDMsMy4wMDAzIDAgMCAwIDQ4LDk4Mi4wOTA5NSBMIDgsMTAxOC4wOTA5IGEgMy4wMDAzLDMuMDAwMyAwIDEgMCA0LDQuNDY4OCBsIDM4LC0zNC4xODc0NSAzOCwzNC4xODc0NSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCwtNC40Njg4IEwgNTIsOTgyLjA5MDk1IGEgMy4wMDAzLDMuMDAwMyAwIDAgMCAtMi4xODc1LC0wLjc1IHoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIgbWFya2VyPSJub25lIiB2aXNpYmlsaXR5PSJ2aXNpYmxlIiBkaXNwbGF5PSJpbmxpbmUiIG92ZXJmbG93PSJ2aXNpYmxlIj48L3BhdGg+PC9nPjwvc3ZnPjwvZz48L3N2Zz4=");
	}

	div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
		background-position: left center;
		background-repeat:  no-repeat;
		background-size: contain;
		padding-left: 25px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IC0wLjY5KSByb3RhdGUoMCkgdHJhbnNsYXRlKC02MDAgLTYwMCkiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjxzdmcgZmlsbD0iI0ZGRkZGRiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTk1Mi4zNjIxOCkiPjxwYXRoIHN0eWxlPSJ0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0YjtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7IiBkPSJNIDQ5LjgxMjUsOTgxLjM0MDk1IEEgMy4wMDAzLDMuMDAwMyAwIDAgMCA0OCw5ODIuMDkwOTUgTCA4LDEwMTguMDkwOSBhIDMuMDAwMywzLjAwMDMgMCAxIDAgNCw0LjQ2ODggbCAzOCwtMzQuMTg3NDUgMzgsMzQuMTg3NDUgYSAzLjAwMDMsMy4wMDAzIDAgMSAwIDQsLTQuNDY4OCBMIDUyLDk4Mi4wOTA5NSBhIDMuMDAwMywzLjAwMDMgMCAwIDAgLTIuMTg3NSwtMC43NSB6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIG1hcmtlcj0ibm9uZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvZz48L3N2Zz48L2c+PC9zdmc+");
	}

	/* Cookie Popup
--------------- */
	#mod-eu-cookies {
    background-color: #596469 !important;
    opacity:  0.9 !important;
	}

	#sp-feature #mod-eu-cookies #eu-cookies-accept button, 
	#sp-feature #mod-eu-cookies #eu-cookies-accept-all button,
	#sp-feature #mod-eu-cookies #eu-cookies-settings button,
	#sp-feature #mod-eu-cookies #eu-cookies-more-info button,
	#sp-feature #mod-eu-cookies #eu-cookies-save button {
    border-color: #10247c !important;
    background-color: #10247c !important;
	}

	#sp-feature #mod-eu-cookies.position-center {
		height: auto !important;
	}

	#sp-feature #mod-eu-cookies #overview-caption * {
    font-size: 150%;
	}

	#sp-feature #mod-eu-cookies .full-width.scroll-150 {
    font-weight: lighter;
	}

/**
 * Header
 */

	@media screen and (min-width: 992px) {

		.itemid-101 #sp-header {
			display: none;
		}

		#sp-header::before {
			content: '';
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			height: 8px;
			width: 75%;
			background-color: #fc421e;
		}

		#sp-header {
			position: fixed;
			background-color: rgba(255, 255, 255, 0.85) !important;
		}

		#sp-header.header-sticky {
			display: block;
		}
	}

	@media screen and (max-width: 991px) {

		#sp-header {
			border-top: 3px solid #fc421e;
		}

		#sp-header,
		#sp-header .container {
			background-color: rgba(255, 255, 255, 0.5) !important;
		}
	}

/**
 * Buttons
 */

	.btn {
		background-color: #10247c;
		display: inline-block;
		color: #FFFFFF !important;
		border-radius: 3px;
		padding: 2px 8px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none !important;
	}

	.btn:hover {
		background-color: #fc421e;
	}

/* Startseite - Aktuelles
--------------------------*/

	#sp-startseite-aktuelles-container {
		position: relative;
		background-color: #e7e9f2;
		padding-bottom: 50px;
	}

	#sp-startseite-aktuelles-container .entry-meta {
		display: none;
	}

	#sp-startseite-aktuelles-container .entry-description > a {
		background-color: #10247c;
		display: inline-block;
		color: #FFFFFF !important;
		border-radius: 3px;
		padding: 2px 8px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none !important;
	}

	#sp-startseite-aktuelles-container .entry-description > a .fa {
		display: none;
	}

	#sp-startseite-aktuelles-container h2 {
		margin-left: -40px;
		margin-top: 50px;
		font-weight: bold;
		color: #fc421e !important;
		margin-bottom: 30px;
	}

		@media screen and (max-width: 1280px) {
			#sp-startseite-aktuelles-container h2 {
				margin-left: 0;
			}
		}

	#sp-startseite-aktuelles-container:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 10px;
		width: 75%;
		background-color: #fc421e;
	}

	#sp-startseite-aktuelles-container .blog-entry:hover img {
		transform: scale(1) !important;
	}
	.blog-entry:hover, .blog-entry:focus, .blog-entry:active {
		transform: translateY(0) !important;
	}

	#sp-startseite-aktuelles-container .entry-content,
	#sp-startseite-aktuelles-container .blog-entry.border {
		background-color: transparent;
		border: none !important;
		padding-left: 0;
		padding-right: 30px;
	}

	.blog-entry .entry-content,
	.blog-entry:hover .entry-content,
	.blog-entry:focus .entry-content,
	.blog-entry:active .entry-content {
		box-shadow: none !important;
		margin: 0 !important;
	}

	#sp-startseite-aktuelles-container .nspost_sett {
		margin: 0;
	}

/**
 * Überschrift H1
 */
	body h1 {
		font-size: 50px !important;
		text-transform: uppercase;
		margin-left: -40px;
		margin-top: 20px;
		margin-bottom: 30px;
		font-weight: bold;
		color: #10247c;
	}

	@media screen and (max-width: 1320px) {
		body h1 {
			margin-left: 0;
		}
	}

	@media screen and (max-width: 768px) {
		body h1 {
			font-size: 30px !important;
		}
	}

/**
 * 50 Jahre Container
 */

	#sp-50-jahre > .container {

	}

	#sp-banner-50-jahre {

	}

	#sp-banner-50-jahre img {
		width: 100%;
	}

/* Listenpunkte
----------------*/

	#sp-startseite-servicestelle-container ul {
		margin: 0;
		padding: 0 0 30px 0;
	}

	#sp-startseite-servicestelle-container ul li {
		list-style-type: none;
		background-image: url('/images/template/listenpunkt.svg');
		background-size: 20px auto;
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-bottom: 4px;
	}

/* Startseite - Termine
------------------------*/

	#sp-termine {
		position: relative;
		background-color: #ffece6;
		padding-bottom: 50px;
		border-top: 50px solid #FFFFFF;
	}

	#sp-termine h2 {
		margin-left: -40px;
		margin-top: 50px;
		margin-bottom: 30px;
	}

		@media screen and (max-width: 1280px) {
			#sp-termine h2 {
				margin-left: 0;
			}
		}

	#sp-termine:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 10px;
		width: 75%;
		background-color: #10247c;
	}

	.mod_events_latest_first,
	.mod_events_latest {
		background-color: #FFFFFF;
		text-align: left;
		padding: 20px;
	}

/* Teaser - Servicebüro
------------------------*/

	#sp-startseite-servicestelle-container {
		position: relative;
		background-color: #e7e9f2;
		padding-bottom: 50px;
		border-top: 50px solid #FFFFFF;
	}

	#sp-startseite-servicestelle-container h2 {
		margin-left: -40px;
		margin-top: 50px;
		margin-bottom: 30px;
	}

		@media screen and (max-width: 1280px) {
			#sp-startseite-servicestelle-container h2 {
				margin-left: 0;
			}
		}

		@media screen and (max-width: 980px) {
			#sp-startseite-servicestelle-container h2 {
				font-size: 28px !important;
			}
		}

	#sp-startseite-servicestelle-container a {
		color: #10247c;
		text-decoration: underline;
	}

	#sp-startseite-servicestelle-container .wf-column:last-of-type img {
		max-width: 180px;
		display: block;
		float: right;
		margin-left: 25px;
	}

	@media screen and (max-width: 980px) {
		#sp-startseite-servicestelle-container .wf-column:last-of-type img {
			float: left;
			margin: 0 20px 20px 0
		}
	}

	@media screen and (max-width: 960px) {
		.frauenbilder {
			display: none;
		}
	}

	#sp-startseite-servicestelle-container:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 10px;
		width: 75%;
		background-color: #fc421e;
	}


/* Text-Marker
---------------*/

	.jf-red {
		font-weight: bold;
		color: #fc421e !important;
	}

	.jf-blue {
		font-weight: bold;
		color: #10247c !important;
	}

/* ##############
/* ##  Footer ###
/* ############## */

	#sp-footer {
		position: relative;
		background-color: #FFFFFF;
	}

	#sp-footer,
	#sp-footer *,
	#sp-footer a {
		color: #000000;
	}

	#sp-footer a {
		color: #fc421e;
	}

	/* Trenner
	-----------*/

		#jfbw-footer .trenner {
			height: 8px;
			width: 40%;
			background-color: #fc421e;
			border-radius: 3px;
			margin-left: -20px;
			margin-top: 40px;
		}

		@media screen and (max-width: 980px) {
			#jfbw-footer .trenner {
				display: none;
			}
		}

	/* Verbandslogo im Footer
	--------------------------*/

		#jfbw-footer {
			position: relative;
			font-size: 18px;
		}

		#jfbw-footer .footer-logo {
			position: absolute;
			top: 0;
			right: 0;
		}

		@media screen and (max-width: 980px) {
			#jfbw-footer .footer-logo {
				display: none;
			}
		}

		#jfbw-footer .footer-logo {
			width: 75px;
			height: auto;
		}

	/* Obere Zeile
	---------------*/

		#jfbw-footer .footer-top {
			margin-top: 30px;
		}

		#jfbw-footer .footer-top p {
			margin-bottom: 0;
		}

		@media screen and (max-width: 980px) {
			#jfbw-footer .footer-top * {
				text-align: center;
			}
			#jfbw-footer .footer-top p {
				margin-bottom: 15px;
			}
		}

	/* Zweite Zeile
	----------------*/

		#jfbw-footer .footer-bottom {

		}

		#jfbw-footer .footer-bottom p {
			margin-bottom: 0;
		}

		@media screen and (max-width: 980px) {
			#jfbw-footer .footer-bottom * {
				text-align: center;
			}
			#jfbw-footer .footer-bottom p {
				margin-bottom: 15px;
			}
		}

	/* Copyright
	-------------*/

		#jfbw-footer .footer-copyright {
			font-size: 14px;
		}

/* Aktuelles Artikel
---------------------*/

	.itemid-216 .article-list .article {
		padding: 20px 0 40px 0;
	}

	.itemid-216 .article:after,
	.itemid-216 .article-list .article:after,
	.itemid-216 .article-introtext:after {
		content: '';
		clear: both;
		display: table;
	}

	.article-list .article .article-intro-image,
	.article-list .article .article-featured-video,
	.article-list .article .article-featured-audio,
	.article-list .article .article-feature-gallery {
		margin: 0;
	}

	.itemid-216 .article-intro-image {
		float: left;
	}

	.itemid-216 .article-intro-image img {
		max-width: 300px;
	}

	.itemid-216.view-category .article-header,
	.itemid-216.view-category .article-introtext {
		margin-left: 330px;
	}

	@media screen and (max-width: 920px) {
		.itemid-216 .article-intro-image {
			float: none;
			width: 100%;
		}
		.itemid-216 .article-intro-image img {
			width: 100%;
			max-width: unset;
			margin-bottom: 20px;
		}

		.itemid-216.view-category .article-header,
		.itemid-216.view-category .article-introtext {
			margin-left: 0;
		}
	}

/* Page-Title
--------------*/

	#sp-page-title {
		background-color: transparent !important;
	}

/* Header
----------*/

	#mod-finder-searchword0 {
		display: none;
	}

/* Brotkrumenpfad
------------------*/

	.itemid-101 #sp-brotkrumenpfad {
		display: none;
	}

	.breadcrumb {
		background-color: transparent;
		padding: 20px 0 0 0;
	}

	.breadcrumb .float-start {
		display: none;
	}

/* Startseite
--------------*/

	.itemid-101 #sp-component {
		padding-top: 75px;
		padding-bottom: 30px;
	}

	@media screen and (max-width: 1024px) {
		.itemid-101 #sp-component {
			padding-top: 25px;
			padding-bottom: 20px;
		}
	}

/* Erster Container auf der Startseite
---------------------------------------*/

	.itemid-101 .blog-featured {
		padding-left: 0;
		padding-right: 0;
	}

/* Termine
-----------*/

	.itemid-215 .article-list .article {
		background-color: #e7e9f2;
		padding: 20px;
	}

/**
 * Baseheader
 */

	#jfbwheader {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.85);
		position: absolute;
		top: 0;
		height: 110px;
		z-index: 999;
		display: none;
	}

	.itemid-101 #jfbwheader {
		display: block;
	}

	@media screen and (max-width: 991px) {
		.itemid-101 #jfbwheader {
			display: none;
		}
	}

	#jfbwheader:before {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 8px;
		width: 75%;
		background-color: #fc421e;
	}

	#jfbwheader > .container {
		position: relative;
	}

	/* Menütoggler
	---------------*/

		.jfbw-menu-toggler {
			position: relative;
			display: block;
			height: 30px;
			cursor: pointer;
			position: absolute;
			top: 50px;
		}

		.jfbw-menu-toggler:after {
			content: '';
			clear: both;
			display: table;
		}

		.jfbw-menu-toggler:focus-within .jfbw-menu-toggler--icon {
			opacity: 0.8;
		}

		.jfbw-menu-toggler--icon {
			display: block;
			height: 30px;
			width: 30px;
			float: left;
			background-image: url("/images/template/menu-toggler.svg");
			background-size: 30px auto;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.jfbw-menu-toggler--text {
			display: block;
			float: left;
			text-transform: uppercase;
			color: #10247c;
			font-size: 25px;
			font-weight: bold;
			position: relative;
			top: -3px;
			margin-left: 5px;
		}

	/* Aufklappmenü
	-----------------*/

		.jfbw-menu-toggler ul {
			display: none;
			list-style-type: none;
			position: absolute;
			top: 50px;
			left: 0;
			margin: 0;
			padding: 0;
		}

		.jfbw-menu-toggler ul li a {
			display: inline-block;
			background-color: #FFFFFF;
			border-radius: 3px;
			padding: 5px 10px;
			margin-bottom: 5px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 20px;
			-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			white-space: nowrap;
			color: #10247c;
		}

		.jfbw-menu-toggler ul li a:hover {
			opacity: 0.9;
		}

		.jfbw-menu-toggler ul li a i {
			font-style: normal;
			color: #fc421e !important;
		}

		.jfbw-menu-toggler:focus-within ul {
			display: block;
		}

	/* Logo
	--------*/

		.jfbw-logo {
			display: block;
			height: 70px;
			width: 320px;
			position: absolute;
			top: 20px;
			left: 50%;
			transform: translateX(-50%);
			background-image: url('/images/template/logo1.svg');
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			cursor: pointer;
		}

	/* Suche
	--------*/

		.jfbw-search-toggler {
			display: block;
			height: 30px;
			width: 30px;
			position: absolute;
			top: 60px;
			right: 0;
			transform: translateX(-50%);
			background-image: url('/images/template/lupe.svg');
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			cursor: pointer;
		}

/**
 * Suchen-Seite
 */

	.result__item {
		background-color: #e7e9f2;
		padding: 20px;
	}

	.result__title-text {
		font-size: 24px !important;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 5px;
		font-weight: bold;
		color: #10247c;
	}

	.result__title-link {
		text-decoration: none;
	}

	.result__title-url {
		color: #454545 !important;
		text-decoration: none;
	}

/**
 * Social Media Links im rechten Bereich
 */

	.social-links {
		position: fixed;
		right: 0;
		width: 45px;
		top: 330px;
		z-index: 999;
	}

	.social-links a {
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		height: 45px;
		width: 45px;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.8);
		margin-bottom: 3px;
		padding: 10px;
		line-height: 0;
		opacity: 1;
		margin: 0;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	}

	.social-links a span {
		display: none;
		width: auto;
		position: absolute;
		right: 45px;
		background-color: inherit;
		height: 45px;
		top: 0;
		color: #ffffff;
		line-height: 45px;
		padding-left: 25px;
		padding-right: 15px;
		white-space: nowrap;
		font-size: 16px;
	}

	.social-links a i {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		height: 45px;
		width: 45px;
		margin-right: 0;
		background-size: 30px 30px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.icon-facebook {
		background-image: url("/images/template/icon-facebook.svg");
	}

	.icon-whatsapp {
		background-image: url("/images/template/icon-whatsapp.svg");
	}

	.icon-instagram {
		background-image: url("/images/template/icon-instagram.svg");
	}

	.icon-wiki {
		background-image: url("/images/template/icon-wiki.svg");
	}

	.icon-shop {
		background-image: url("/images/template/icon-shop.svg");
	}


	.social-links a span.zweizeilig {
		line-height: 20px;
		padding-top: 5px;
		height: 50px;
		padding-right: 20px;
	}

	.social-links a:hover {
		opacity: 1;
		background-color: #FFFFFF;

	}

	.social-links a:hover span {
		display: inline-block;
		transition: all 0ms;
		opacity: 1;
		font-family: 'Overpass';
		font-weight:400;
	}

	.social-links a:nth-child(4) {
		padding-top: 13px;
	}

	@media only screen and (max-width:1200px) {
		.social-links {
			top: 180px;
		}
	}

	@media only screen and (max-width:980px) {
		.social-links {
			top: 80px;
		}
	}

	@media only screen and (max-width:760px) {
		.social-links {
			display: none;
		}
	}

/* Startseite - Introtext
--------------------------*/

	.startseite-intro:after {
		content: '';
		clear: both;
		display: table;
	}

	.startseite-intro--right {
		float: right;
		width: 50%;
		padding-left: 20px;
	}

	.startseite-intro--left {
		float: left;
		width: 50%;
		padding-right: 20px;
		text-align: right;
		padding-top: 65px;
	}

	@media screen and (max-width: 1200px) {
		.startseite-intro--right,
		.startseite-intro--left {
			float: none;
			width: 100%;
			padding: 0;
			text-align: left;
		}

		.startseite-intro--right {
			padding-bottom: 30px;
		}

		.startseite-intro--left p:last-of-type {
			margin-bottom: 0;
		}
	}

/**
 * Slidernavigation auf der Startseite
 * Betrifft Bereich "Aktuelles"
 */

	.owl-nav .owl-prev {
		left: -70px !important;
	}
	.owl-nav .owl-next,
	.nav-rounded:hover .owl-nav .owl-next {
		right: -70px !important;
	}

	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		opacity: 1 !important;
		height: 50px !important;
		width: 50px !important;
		background-color: rgba(255, 255, 255, 0.8) !important;
		border: none !important;
	}

/**
 * Silbentrennung bei Slider auf der Startseite
 */
	.entry-title *,
	.entry-description * {
		hyphens: auto !important;
	}

/**
 * Silbentrennung bei Überschriften auf der Aktuelles-Seite
 */
	.itemid-216 h2 {
		hyphens: auto !important;
	}

/**
 * Gleiche Bildhöhe auf der Startseite.
 */
	.itemid-101 .blog-entry-image {
		height: 250px;
		overflow: hidden;
		background-color: #FFFFFF;
	}

	.itemid-101 .blog-entry-image img {
		min-width: 100%;
		max-width: 100%;
		height: unset !important;
	}

	@media screen and (max-width: 1100px) {
		.itemid-101 .blog-entry-image img {

		}
	}

/* Startseite - Aktuelle Slider
--------------------------------*/

	.itemid-101 .mos-img {
		margin-bottom: 20px;
	}

/* Abstand nach oben in der Suche entfernen
-------------------------------------------*/

	.itemid-221 .body-wrapper {
		margin-top: 0 !important;
	}

/**
 * Suchicon in der Navigation
 */
	.nav-search-icon {
		display: inline-block;
		height: 20px;
		width: 20px;
		background-image: url('/images/template/lupe.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		position: relative;
		top: 2px;
		margin-left: 10px !important;
	}

/* Weiterlesen-Button bei Aktuelles
------------------------------------*/

	.itemid-216 .readmore {
		margin-top: 30px;
	}

/* Artikel-Introbild
---------------------*/

	.jfbw-article-intro-image {
		float: right;
		margin: 0 0 30px 30px;
	}

	.jfbw-article-intro-image img {
		max-width: 400px;
	}

	.jfbw-article-intro-image .jfbw-image-description {
		color: #454545;
		font-size: 16px;
		padding-top: 3px;
	}

	.itemid-216 figcaption {
		text-align: left !important;
	}

	.itemid-216 .article-intro-image {
		border-bottom: none !important;
	}

/* Downloads
-------------*/

	.sgdownloadlist-files li {
		background-color: #f0d1be !IMPORTANT;
		font-weight: 400 !important;
	}

	.sgdownloadlist-folders li {
		background-color: #ec430f !IMPORTANT;
		font-weight: 400 !important;
		background-image: url('/plugins/content/sgdownloadlist/pub/img/white/folder.svg') !important;
	}

	.sgdownloadlist-folders li a,
	.sgdownloadlist-folders li a * {
		color: #FFFFFF !important;
	}

	.sgdownloadlist-files li:hover,
	.sgdownloadlist-folders li:hover {
		color: #ec430f !important;
	}

	.sgdownloadlist-files-title {
		color: #10247c !IMPORTANT;
	}

	.sgdownloadlist-files-decription,
	.sgdownloadlist-files-decription * {
		font-family: "Rubik", "Open Sans", Arial, sans-serif;
		font-size: 18px !important;
		font-weight: 300 !important;
	}

	.sgdownloadlist-folders h2,
	.sgdownloadlist-files h2 {
		font-size: inherit;
	}

/* Abstand der Slider
----------------------*/

	[itemprop="articleBody"] > .jwts_toggleControlContainer:first-of-type {
		margin-top: 30px;
	}

	[itemprop="articleBody"] > .jwts_toggleControlContainer:last-of-type {
		margin-bottom: 30px !important;
	}

	.jwts_toggleControlContainer {
		margin-bottom: 5px !important;
	}


a.ev_link_row:link, a.ev_link_row:visited {
	font-size:18px;
	color:#000000;
}

/* Footerlinks Hover
---------------------*/

	.footer-bottom a:hover {
		color: #10247c !important;
	}

.article-info {
	margin-top: 0px;
	padding-left: 30px; 
}

/* Darstellung der nächsten Termine
------------------------------------*/

	.mod_events_latest_table {
		width: 100%;
	}

	.mod_events_latest_table tbody {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 20px;
		row-gap: 20px;
	}

	.mod_events_latest_table td {
		display: block !important;
	}

	@media screen and (max-width: 800px) {
		.mod_events_latest_table tbody {
			grid-template-columns: minmax(0, 1fr);
		}

		.mod_events_latest_table tbody td {
			width: 100%;
		}
	}

/* Optimierung bei Downloadliste
---------------------------------*/

	@media screen and (max-width: 1024px) {
		.sgdownloadlist-folders ul {
			grid-template-columns: minmax(0, 1fr) !important;
		}
	}

/* Ausblenden Button "Featured"
------------------------------- */
  .article-details .featured-article-badge, .bg-danger {
      display: none !important;
  }

/* Navigation 100% Breite
------------------------- */
	#sp-header .container {
		margin-left: 30px;
		margin-right: 30px;
		max-width: 100%;
	}

	.flex-auto {
		width: 90% !important;
	}


@media screen and (max-width: 1220px) {
  .sp-megamenu-parent > li > a {
    font-size: 14px !important;
  }
}


	@media screen and (max-width: 1360px) {
      .sp-megamenu-parent > li > a {
          font-size: 15px;
      }
      
      #sp-header .container {
  		margin-left: 15px;
  		margin-right: 0px;
        padding-left: 0px;
		}
	}

@media screen and (max-width: 992px) {
        #sp-header .container {
  		margin-left: 0px;
  }
}

#sp-filter {
  margin-top: 3%;
}