/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/c125824e004695a1/files/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2/$file/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url(/c125824e004695a1/files/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2/$file/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2/$file/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.woff2/$file/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtD6GjLMkiQ.woff2/$file/YA9Qr0Wd4kDdMtD6GjLMkiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url(/c125824e004695a1/files/YA9dr0Wd4kDdMthQOCfzsw.woff2/$file/YA9dr0Wd4kDdMthQOCfzsw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url(/c125824e004695a1/files/YA9dr0Wd4kDdMthfOCfzsw.woff2/$file/YA9dr0Wd4kDdMthfOCfzsw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url(/c125824e004695a1/files/YA9dr0Wd4kDdMthROCc.woff2/$file/YA9dr0Wd4kDdMthROCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2/$file/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2/$file/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url(/c125824e004695a1/files/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2/$file/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/************************************************
*** BASICS
************************************************/

html			{ box-shadow: none !important; overflow-x: hidden; }
body			{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: #000000; background: #198bc5; }

a				{ color: #198bc5; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:active		{ color: #198bc5; }
a:focus			{ color: #198bc5; }
a:hover			{ color: #000000; text-decoration: underline; }

p 				{ margin: 0; padding: 0; }
b, strong 		{ font-weight: 700; }

.seperator		{ width: 100%; height: 1px; margin: 0; padding: 0; background: rgba(255,255,255,0.3); }
.seperator-2	{ width: 100%; height: 1px; margin: 0; padding: 0; background: #eeeeee; }


/************************************************
*** PAGINATION
************************************************/

.pagination 				{ margin-top: 15px; margin-bottom: 0; }
.pagination a				{ color: #198bc5; }
.pagination .active a		{ background: #198bc5; border-color: #198bc5; }
.pagination .active a:hover	{ background: #198bc5; border-color: #198bc5; }


/************************************************
*** WRAPPER
************************************************/

.wrapper			{ margin: 0 auto; padding: 0; width: 100%; height: auto; }

/************************************************
*** TOPBAR
************************************************/

.wrapper-topbar 	{ padding-top: 10px; padding-bottom: 10px; }


/************************************************
*** SEARCHBAR
************************************************/

.wrapper-searchbar 									{ padding-bottom: 15px; }
.wrapper-searchbar > .container > .row > .col-6		{ padding-top: 15px; }
.wrapper-searchbar .img-logo 						{ height: 100px; width: auto; }

@media (max-width: 767px)
{
	.wrapper-searchbar .img-logo	{ height: 80px; width: auto; }
}


/************************************************
*** SIDEBAR
************************************************/

@media (max-width: 1399px)
{
	.sidebar							{ width: 100%; height: auto; margin: 0; padding: 0; display: block; font-size: 13px; }
	.sidebar h3 						{ font-size: 21px !important; }
	.sidebar a							{ display: block; margin: 0; padding: 15px; background: #198bc5; color: #ffffff; border-right: 1px solid rgba(255,255,255,0.3); -webkit-transition: 0.3s; 
										  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; float: left; width: 33.33%; height: auto; }
	.sidebar a:last-child				{ border-right: 0; }
	.sidebar a:hover					{ background: #63b22b; }
}

@media (min-width: 1400px)
{
	.sidebar							{ width: 135px; height: auto; margin: 0; padding: 0; position: fixed; left: 0; top: 257px; z-index: 500; }
	.sidebar a							{ display: block; margin: 0; padding: 15px; background: #198bc5; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.3); -webkit-transition: 0.3s; 
										  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.sidebar a:last-child				{ border-bottom: 0; }
	.sidebar a:hover					{ background: #63b22b; }
}


/************************************************
*** NAV
************************************************/

.navigation												{ background-color: #198bc5; min-height: 1px; }

.navigation .navigation-button-toggler					{ color: #ffffff; width: 100%; height: auto; padding-top: 18px; padding-bottom: 18px; }
.navigation .navigation-button-toggler .oi-menu 		{ font-size: 18px; margin-right: 10px; }

.navigation .navigation-body							{ background-color: #198bc5; }
.navigation .navigation-body-header						{ border-bottom: 0; }

.navigation .navigation-menu							{ border-bottom: 1px solid rgba(255,255,255,0.1); }
.navigation .navigation-menu li 						{ border-top: 1px solid rgba(255,255,255,0.1); width: 100%; }
.navigation .navigation-menu li a 						{ background-color: transparent; color: #ffffff; font-size: 15px; line-height: 1.2; font-weight: 400; width: 100%;
														  font-family: "Droid Sans", sans-serif; white-space: normal; }
.navigation .navigation-menu li ul li a:hover			{ background-color: rgba(0,0,0,0.1); color: #ffffff; }

.navigation .navigation-menu > li > a 								{ padding: 20px 13px; }
.navigation .navigation-menu > li > ul > li > a						{ padding: 20px 13px 20px 21px; }
.navigation .navigation-menu > li > ul > li > ul > li > a			{ padding: 20px 13px 20px 29px; }
.navigation .navigation-menu > li > ul > li > ul > li > ul > li > a	{ padding: 20px 13px 20px 37px; }

.navigation .is-active 							{ background-color: transparent; }
.navigation .is-active a 						{ color: #ffffff !important; }

.navigation .navigation-menu .submenu-indicator	{ margin-top: 0; }
.navigation .navigation-body-close-button		{ color: #ffffff; }

.navigation .navigation-dropdown 						{ border: 0; background-color: transparent; width: 100%; box-shadow: none; }
.navigation .navigation-dropdown-item					{ background: rgba(0,0,0,0.1); }
.navigation .navigation-menu .navigation-dropdown-link	{ background-color: transparent; border: 0; }
.navigation .navigation-menu .navigation-dropdown-link .submenu-indicator::after	{ border-color: transparent #ffffff #ffffff transparent; }
.navigation .navigation-menu .navigation-link										{ border: 0; }
.navigation .navigation-menu .navigation-link .submenu-indicator::after				{ border-color: transparent #ffffff #ffffff transparent; }
.navigation .navigation-menu .navigation-link:hover		{ background-color: rgba(0,0,0,0.1); color: #ffffff; }


.navigation-landscape .row 									{ width: 100%; }
.navigation-landscape .navigation-body-header				{ display: none; }
.navigation-landscape .navigation-dropdown					{ background-color: #63b22b; max-width: 270px; }
.navigation-landscape .navigation-menu						{ border-bottom: 0; }
.navigation-landscape .navigation-menu li 					{ border-top: 0; }
.navigation-landscape .navigation-menu > li > a 								{ padding: 10px; text-align: center; }
.navigation-landscape .navigation-menu > li > ul > li > a						{ padding: 10px; }
.navigation-landscape .navigation-menu > li > ul > li > ul > li > a				{ padding: 10px; }
.navigation-landscape .navigation-menu > li > ul > li > ul > li > ul > li > a	{ padding: 10px; }
.navigation-landscape .navigation-menu li ul li a:hover							{ background-color: rgba(0,0,0,0.1); color: #ffffff; }

.navigation-landscape .navigation-menu .navigation-item 							{ border-left: 1px solid rgba(255,255,255,0.1); }
.navigation-landscape .navigation-menu .navigation-item:last-child 					{ border-right: 1px solid rgba(255,255,255,0.1); }
.navigation-landscape .navigation-menu .navigation-link 							{ display: table-cell; text-align: center; vertical-align: middle; height: 80px; width: 145px; }
.navigation-landscape .navigation-menu .navigation-link .submenu-indicator::after	{ display: none; }


.footer-nav				{ list-style: none; margin: 0; padding: 0; }
.footer-nav li			{ list-style: none; display: inline-block; margin: 0; padding: 0; }
.footer-nav li a		{ display: block; padding: 0 5px 0 5px; color: #ffffff; }
.footer-nav li:hover a	{ color: #ffffff; }
.footer-nav li:focus a	{ color: #ffffff; }


/************************************************
*** SUCHE
************************************************/

.btn-suche		{ display: block; font-size: 32px; width: 100%; height: auto; float: right; padding-top: 10px; text-align: right; margin-left: 25px; }

@media (min-width: 992px)
{
	.btn-suche	{ display: none; }
}

@media (max-width: 991px)
{
	.form-suche	{ display: none; }
}


/************************************************
*** SLIDER
************************************************/

@media (max-width: 991px)
{
	#slider						{ height: 270px; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
								  background-position: center; margin-top: 0; text-align: center; }
	#slider .col-12				{ padding-top: 50px; }
	#slider .slider-title		{ font-size: 35px; padding: 7px 10px 7px 10px; background: #63b22b; color: #ffffff; width: auto; height: auto; font-weight: 700; margin-bottom: 15px;  }
	#slider .slider-title-sub	{ font-size: 25px; padding: 7px 10px 7px 10px; background: #63b22b; color: #ffffff; width: auto; height: auto; }
}

@media (min-width: 992px) and (max-width: 1199px)
{
	#slider						{ height: 400px; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
								  background-position: center; margin-top: 0; }
	#slider .col-12				{ padding-top: 110px; }
	#slider .slider-title		{ font-size: 70px; padding: 10px 20px 10px 20px; background: #63b22b; color: #ffffff; width: auto; height: auto; font-weight: 700;  }
	#slider .slider-title-sub	{ font-size: 42px; padding: 10px 20px 10px 20px; background: #63b22b; color: #ffffff; width: auto; height: auto; }
}

@media (min-width: 1200px)
{
	#slider						{ height: 595px; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
								  background-position: center; margin-top: 0; }
	#slider .col-12				{ padding-top: 150px; }
	#slider .slider-title		{ font-size: 70px; padding: 10px 20px 10px 20px; background: #63b22b; color: #ffffff; width: auto; height: auto; font-weight: 700;  }
	#slider .slider-title-sub	{ font-size: 42px; padding: 10px 20px 10px 20px; background: #63b22b; color: #ffffff; width: auto; height: auto; }
}


/************************************************
*** TEASER
************************************************/

.wrapper-teaser 		{ height: 271px; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
						  background-position: center; }

@media (max-width: 575px)
{
	.wrapper-teaser 	{ height: 110px; }
}

@media (min-width: 576px) and (max-width: 767px)
{
	.wrapper-teaser 	{ height: 150px; }
}

@media (min-width: 768px) and (max-width: 991px)
{
	.wrapper-teaser 	{ height: 200px; }
}


/************************************************
*** BREADCRUMB
************************************************/

.wrapper-breadcrumb					{ padding-top: 10px; padding-bottom: 10px; }
.wrapper-breadcrumb .breadcrumb		{ border-radius: 0; background: none; margin: 0; padding: 0; }


/************************************************
*** STARTSEITE
************************************************/

.wrapper-home-aktuelles									{ padding-top: 15px; padding-bottom: 45px; background: #eeeeee; }
.wrapper-home-aktuelles > .container > .row 			{ padding-top: 15px; }
.wrapper-home-aktuelles > .container > .row > .col-12 	{ padding-top: 15px; }
.wrapper-home-aktuelles .box							{ display: block; width: 100%; height: 100%; border-bottom: 5px solid #d8d9dc; background: #ffffff; margin: 0; padding: 0; }
.wrapper-home-aktuelles .box .box-img					{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; overflow: hidden; }
.wrapper-home-aktuelles .box .box-img:after 			{ padding-top: 60%; /* 3:2 ratio */ display: block; content: ''; }
.wrapper-home-aktuelles .box .box-img .box-content		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ overflow: hidden; }
.wrapper-home-aktuelles .box .box-img .box-content img	{ width: 100%; height: auto; }
.wrapper-home-aktuelles .box .box-body					{ padding: 15px; margin: 0; height: auto; min-height: 240px; }
.wrapper-home-aktuelles .box-body p 					{ padding-top: 15px; }

.wrapper-home-themen									{ padding-top: 15px; padding-bottom: 45px; background: #eeeeee; }
.wrapper-home-themen > .container > .row 				{ padding-top: 15px; }
.wrapper-home-themen > .container > .row > .col-12 		{ padding-top: 15px; }
.wrapper-home-themen form 								{ margin-top: 30px; }


/************************************************
*** CONTENT
************************************************/

.wrapper-content																			{ padding-top: 15px; padding-bottom: 45px; }
.wrapper-content > .container > .row 														{ padding-top: 0; }
.wrapper-content > .container > .row > .col-12 												{ padding-top: 30px; }
.wrapper-content > .container > .row > .col-12 > h3 										{ margin-top: 15px; }
.wrapper-content > .container > .row > .col-12 > h4 										{ margin-bottom: 15px; margin-top: 15px; }
.wrapper-content > .container > .row > .col-12 > h5 										{ margin-bottom: 15px; margin-top: 15px; }
.wrapper-content > .container > .row > .col-12 > .seperator-2								{ margin-bottom: 15px; margin-top: 15px; }
.wrapper-content > .container > .row:first-child > .col-12:first-child > p:first-child 		{ padding-top: 15px !important; }
.wrapper-content > .container > .row:not(:first-child) > .col-12:not(:first-child) > .row 	{ padding-top: 15px; }

.wrapper-col					{ padding: 15px; }
.wrapper-col > h4 				{ margin-bottom: 15px; }
.wrapper-col > address 			{ margin-bottom: 0; }
.wrapper-col img 				{ width: 100%; height: auto; }

.wrapper-content-aktuelles-liste > .seperator-2						{ margin-bottom: 30px; }
.wrapper-content-aktuelles-liste > .seperator-2:not(:first-child)	{ margin-top: 30px; }
.wrapper-content-aktuelles-liste > .row > .col-12 > h5 				{ margin-bottom: 15px; }

.wrapper-content-mitarbeiterverzeichnis > nav 						{ margin-bottom: 15px; }
.wrapper-content-mitarbeiterverzeichnis > div > div > dl 			{ padding-top: 5px; padding-bottom: 5px; border-bottom: 0; border-top: 1px solid rgba(0,0,0,0.1);
																	  margin-bottom: 0; }
.wrapper-content-mitarbeiterverzeichnis > div > div > dl:last-child { border-bottom: 1px solid rgba(0,0,0,0.1); }
.wrapper-content-mitarbeiterverzeichnis > div > div > dl > dt 		{ padding-top: 5px; }
.wrapper-content-mitarbeiterverzeichnis > div > div > dl > dd 		{ padding-top: 5px; }

.wrapper-content-vereine-liste		{ margin-top: 15px; }


/************************************************
*** PAGINATION
************************************************/

.pagination 								{ border-radius: 0; display: inline-block; }
.pagination .page-item						{ display: inline-block; border-radius: 0; margin-top: 2px; }
.pagination .active .page-link 				{ background: #198bc5; border-color: #198bc5; }
.pagination .page-item .page-link:hover 	{ color: #000000;}


/************************************************
*** TABELLEN
************************************************/

.dienstl 								{ margin-top: 15px; width: 100%; }
.dienstl > thead > tr 					{ padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.3); }
.dienstl > thead > tr > td 				{ vertical-align: top; padding-left: 5px; padding-right: 5px; }
.dienstl > thead > tr > td:first-child 	{ padding-left: 0; }
.dienstl > thead > tr > td:last-child 	{ padding-right: 0; }
.dienstl > tbody > tr 					{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.dienstl > tbody > tr > td 				{ vertical-align: top; padding-left: 5px; padding-right: 5px; }
.dienstl > tbody > tr > td:first-child 	{ padding-left: 0; }
.dienstl > tbody > tr > td:last-child 	{ padding-right: 0; }

.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > thead > tr 					{ padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.3); }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > thead > tr > td 				{ vertical-align: top; padding-left: 5px; padding-right: 5px; }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > thead > tr > td:first-child 	{ padding-left: 0; }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > thead > tr > td:last-child 	{ padding-right: 0; }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > tbody > tr 					{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > tbody > tr > td 				{ vertical-align: top; padding-left: 5px; padding-right: 5px; }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > tbody > tr > td:first-child 	{ padding-left: 0; }
.wrapper-content > .container > .row:not(:first-child) > .col-12 > table > tbody > tr > td:last-child 	{ padding-right: 0; }


/************************************************
*** LISTEN
************************************************/

.list-lg				{ list-style: none; margin: 0; padding: 0; }
.list-lg li				{ list-style: none; width: 100%; height: auto; margin: 0; margin-top: 10px; padding: 0; }
.list-lg li a			{ display: block; margin: 0; padding: 15px; border: 1px solid #eeeeee; background: #eeeeee; color: #000000; font-size: 17px; }
.list-lg li a span		{ float: right; margin-top: 5px; }
.list-lg li:hover a		{ background: #ffffff; border-color: #198bc5; color: #198bc5; text-decoration: none !important; }
.list-lg li:hover span	{ color: #198bc5; }

dl 						{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
dt 						{ font-weight: 400; }

#accordion-list										{ width: 100%; height: auto; margin: 0; margin-top: 30px; padding: 0; }
#accordion-list .accordion-item						{ border: 1px solid rgba(0,0,0,0.1); margin-top: 5px; }
#accordion-list .accordion-item .accordion-head 	{ padding: 10px; background: rgba(0,0,0,0.02); font-size: 17px; }
#accordion-list .accordion-item .accordion-head a 	{ display: block; }
#accordion-list .accordion-item .accordion-collapse	{ padding: 10px; }
#accordion-list dl 									{ border-top: 0; border-bottom: 0; padding: 0; margin: 0; }
#accordion-list dl dt 								{ color: #198bc5; }
#accordion-list dl dd 								{ margin-bottom: 0; }

.link-list 				{ margin: 0; margin-top: 15px; padding: 0; list-style: none; }
.link-list li 			{ margin: 0; padding: 0; list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); }
.link-list li a 		{ display: block; padding: 0; padding-top: 8px; padding-bottom: 8px; }
.link-list li a .oi		{ float: right; }
.link-list li:first-child{ border-top: 1px solid rgba(0,0,0,0.1); }

.default-list 				{ margin: 0; padding: 0; list-style: none; }
.default-list li 			{ margin: 0; padding: 0; padding-top: 8px; padding-bottom: 8px; list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); }
.default-list li:last-child { border-bottom: 0; }

.page-list					{ width: 100%; height: auto; margin: 0; margin-top: 15px; padding: 0; }
.page-list a 				{ display: inline-block; padding: 8px 12px; border: 1px solid rgba(0,0,0,0.1); width: auto; height: auto; margin: 0; margin-top: 5px; }
.page-list a:hover			{ background: rgba(0,0,0,0.02); color: #000000; }
.page-list a.active 		{ background: #198bc5; color: #ffffff; }

.event-list 				{ margin: 0; margin-top: 30px; padding: 0; width: 100%; height: auto; }
.event-list a 				{ display: block; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0; padding-top: 10px; padding-bottom: 10px; }
.event-list a:hover 		{ background: rgba(0,0,0,0.05); }
.event-list a:first-child 	{ border-top: 1px solid rgba(0,0,0,0.1); }
.event-list a .event-date 	{ color: #198bc5; font-weight: 700; }
.event-list a .event-date p	{ color: #000000; font-weight: 400; }
.event-list a .event-name 	{ color: #198bc5; font-weight: 700; }
.event-list a .event-name p	{ color: #000000; font-weight: 400; }

.list-unstyled 				{ margin-bottom: 0; }


/************************************************
*** KACHELN
************************************************/

.kachel									{ width: 100%; height: auto; margin: 0; padding: 0; -webkit-transition: 0.3s; 
										  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #63b22b; }
.kachel .kachel-img						{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; overflow: hidden; }
.kachel .kachel-img:after 				{ padding-top: 50%; /* 3:2 ratio */ display: block; content: ''; }
.kachel .kachel-img .kachel-content		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ overflow: hidden; }
.kachel .kachel-img .kachel-content img	{ width: 100%; height: auto; }
.kachel .kachel-body					{ padding: 15px; margin: 0; height: auto; }
.kachel:hover							{ background: #198bc5; }


/************************************************
*** BOTTOM BAR
************************************************/

.wrapper-bottombar 										{ padding-top: 15px; padding-bottom: 45px; background: #eeeeee; }
.wrapper-bottombar > .container > .row > .col-12		{ padding-top: 30px; }
.wrapper-bottombar > .container > .row > .col-12 > h4	{ margin-bottom: 15px; }


/************************************************
*** SITEMAP
************************************************/

.wrapper-sitemap	{ padding-top: 15px; }


/************************************************
*** IMAGES
************************************************/

.img-3zu2						{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; overflow: hidden; }
.img-3zu2:after 				{ padding-top: 60%; /* 3:2 ratio */ display: block; content: ''; }
.img-3zu2 .img-3zu2-content		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ overflow: hidden; }
.img-3zu2 .img-3zu2-content img	{ width: 100%; height: auto; }

.img_center 					{ width: 100%; height: auto; margin: 0 auto; }
.img_right						{ float: right; margin-left: 15px; }
.img_left						{ float: left; margin-right: 15px; }

@media (max-width: 575px)
{
	.img_right 	{ margin-left: 0; margin-bottom: 15px; float: none; width: 100%; height: auto; }
	.img_left 	{ margin-right: 0; margin-bottom: 15px; float: none; width: 100%; height: auto; }
}


/************************************************
*** MODAL
************************************************/

.modal				{ z-index: 20000; }
.modal-backdrop		{ z-index: 19999; }


/************************************************
*** FOOTER
************************************************/

.wrapper-footer 				{ padding-top: 45px; padding-bottom: 100px; }
.wrapper-footer .oi				{ margin-left: 10px; margin-right: 5px; }
.wrapper-footer .oi:first-child	{ margin-left: 0; }
.wrapper-footer .img-logo-footer{ height: 70px; width: auto; margin: 0 auto; margin-top: 30px; opacity: 0.5; }
.wrapper-footer .seperator 		{ margin-top: 15px; margin-bottom: 15px; }


/************************************************
*** TO TOP
************************************************/

#back-top				{ position: fixed; bottom: 30px; left: 50%; margin-left: -20px; }
#back-top a				{ width: 40px; height: 40px; display: table-cell; vertical-align: middle; text-align: center; background: #eeeeee; color: #198bc5;
						  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 18px; line-height: 20px; }
#back-top a:hover		{ background: #63b22b; color: #ffffff; }

@media (max-width: 991px)
{
	#back-top			{ display: none; }
}


/************************************************
*** HEADLINES
************************************************/

h1	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 35px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }
h2	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 30px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }
h3	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 25px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }
h4	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }
h5	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }
h6	{ font-family: "Droid Sans", sans-serif; font-weight: 700; font-size: 15px; line-height: 1.3; margin: 0; padding: 0; color: #198bc5; }


/************************************************
*** KONTAKT / INPUT / FORMS
************************************************/

.input-lg				{ font-size: 18px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; }
#google-map				{ width: 100%; height: 450px; }

#form-newsletterbestellung > fieldset > legend 		{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.3; margin: 0;
													  padding: 0; padding-top: 15px; padding-bottom: 15px; color: #198bc5; }

.wrapper-content > .container > .row > .col-12 > form						{ margin-top: 30px; }
.wrapper-content > .container > .row > .col-12 > form > fieldset > legend 	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.3; 
																			  margin: 0; padding: 0; color: #198bc5; margin-bottom: 15px; }

.wrapper-content-form > fieldset > legend 	{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.3; 
											  margin: 0; padding: 0; color: #198bc5; margin-bottom: 15px; }


/************************************************
*** FLOATS
************************************************/

.float-left 	{ margin-right: 15px; }
.float-right 	{ margin-left: 15px; }

@media (max-width: 575px)
{
	.float-left 	{ margin-right: 0; margin-bottom: 15px; float: none; width: 100%; height: auto; }
	.float-right 	{ margin-left: 0; margin-bottom: 15px; float: none; width: 100%; height: auto; }
}


/************************************************
*** BUTTONS
************************************************/

.btn				{ text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.btn-primary		{ color: #ffffff; background: #198bc5; border-color: #198bc5; }
.btn-primary:hover	{ color: #ffffff; background: #0c6fa2; border-color: #0c6fa2; }

.btn-default		{ color: #878787; background: #dddddd !important; }
.btn-default:hover	{ color: #878787; background: #e6e6e6 !important; }

.btn-green			{ color: #ffffff; background: #63b22b; border-color: #63b22b; }
.btn-green:hover	{ color: #ffffff; background: #478d16; border-color: #478d16; }

.btn-lg				{ font-size: 18px; padding: 10px 15px 10px 15px; font-weight: 400; margin-top: 10px; }


/************************************************
*** FARBEN / TEXT
************************************************/

.text-white			{ color: #ffffff !important; }
.text-white a		{ color: #ffffff !important; }
.text-white a:hover	{ color: #ffffff !important; }
.text-white a:focus	{ color: #ffffff !important; }
.text-white a:active{ color: #ffffff !important; }

.text-grey			{ color: #484848 !important; }

.text-blue			{ color: #198bc5 !important; }
.text-blue a		{ color: #198bc5 !important; }
.text-blue a:hover	{ color: #198bc5 !important; }
.text-blue a:focus	{ color: #198bc5 !important; }
.text-blue a:active	{ color: #198bc5 !important; }

.text-kalam			{ font-family: "Kalam", sans-serif !important; }

.bg-light			{ background: #eeeeee !important; }
.bg-blue			{ background: #198bc5 !important; }


/************************************************
*** COOKIE
************************************************/

.cc_banner-wrapper > .cc_banner						{ background: #ffffff; font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: #000000; }
.cc_banner-wrapper > .cc_banner > .cc_btn			{ color: #ffffff; background: #198bc5; border-color: #198bc5; font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 15px; }
.cc_banner-wrapper > .cc_banner > .cc_btn:hover		{ color: #ffffff; background: #0c6fa2; border-color: #0c6fa2; }
.cc_banner-wrapper > .cc_banner > .cc_message 		{ font-family: "Droid Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: #000000; }
.cc_banner-wrapper > .cc_banner > .cc_message > a 	{ color: #198bc5; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; 
													  transition: 0.3s; }
.cc_banner-wrapper > .cc_banner > .cc_message > a:active	{ color: #198bc5; }
.cc_banner-wrapper > .cc_banner > .cc_message > a:focus		{ color: #198bc5; }
.cc_banner-wrapper > .cc_banner > .cc_message > a:hover		{ color: #000000; text-decoration: underline; }

@media (max-width: 767px)
{
	.cc_container .cc_btn 	{ float: none; margin: 0; margin-top: 5px; }
}