html.uk-notouch body#home.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div.full-wrapper div#main-content.main-outer div.uk-container.uk-container-center div.tm-middle.uk-grid aside.tm-sidebar-b.uk-width-medium-3-10 div.uk-panel.uk-panel-box.uk-panel-box-primary.side.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-right h3.uk-panel-title {
	font-size: 18pt;
	margin-left: -20px;
	}

html {
	background-color: #fff;	
	}


html.uk-notouch body#home.tm-isblog div.full-wrapper div#main-content.main-outer div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-1-1.uk-row-first main.tm-content ul.uk-breadcrumb {
	display: none;	
	}


html.uk-notouch body#home.tm-isblog.start div.full-wrapper div#main-content.main-outer {
	display: none;	
	}

em {
	color: #088acb;
	}

#top-c {
	padding: 2%;
	}

  /******************************** Head Willkommen ********************************/


.willkommen h1 {
	color: #fff !important;
	}
	
.willkommen h3 {
	color: #fff !important;
	}

@media (max-width: 949px) {  
  
.willkommen {
	background-color: rgba(0, 0, 0, 0.25) !important;	
	margin-top: px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0px;
	}
	
}


@media (min-width: 950px) {

.willkommen {
	background-color: rgba(0, 0, 0, 0.25) !important;	
	margin-top: px;
	margin-left: -250px;
	margin-right: -250px;
	padding: 20px;
	}
	
}

.tm-top-f {
	padding-top: 0px !important;
	}

@media (max-width: 768px) {

.head_willkommen {
	display: none;
	}
}

.punkt_sub {
	text-align: center;
	background-color: rgba(8, 138, 203, 0.80) !important;
	padding: 10px;
	font-size: 1.2em;
	margin-left: -4%;
	margin-right: -4%;
	}
	
.title_sub {
	text-align: center;
	background-color: rgba(8, 138, 203, 0.80) !important;
	padding: 20px;
	font-size: 1.2em;
	margin-left: -4%;
	margin-right: -4%;
	}

  /******************************** Ansprechpartner ********************************/
  
.ueberschrift {
	background-color: #fbb900;
	color: #fff !important;
	text-align: center;
	}

  /******************************** Wir stellen uns vor Anfangsbuchstabe ********************************/

.buchstabe {
	color: #088acb;
	background-color: #fbb900;
	}

  /******************************** Abstand Content-Footer Einrichtungen ********************************/


html.uk-notouch body#home.tm-isblog div.full-wrapper div#main-content.main-outer {
	margin-bottom: 30px;
	}
	
  /******************************** Footer ********************************/


@media (min-width: 768px) {
	
.footer-outer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fbb900;	
	color: #fff;
	height: 0px;
	padding-bottom: 50px;
	}

.footer1foot {
	margin-top: -20px;
	}
}

  /******************************** Logo ********************************/


.logo_off {
	margin-top: 100px !important;
	margin-bottom: 100px !important; 
	}

@media (min-width: 950px) {
	
.logo {
	margin-bottom: -150px;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.75);
	margin-left: 5px;
	padding: 5px;
	}

.logo_mobil {
	display: none;
	}		

}

@media (max-width: 950px) {
	
.logo_mobil {
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.75);
	}

.logo_klein {

	}

.logo {
	display: none;
	}	
	
}


  /******************************** Stellenangebote ********************************/

.stellen {
	margin-bottom: -300px;
	z-index: 99 !important;
	}

  /******************************** To Top Button ********************************/

@media (min-width: 800px) {

.top-scroller {
	margin-bottom: -12px;
	}
}

  /******************************** Kartenknöpfe ********************************/

.leaflet-top, .leaflet-bottom {
	z-index: 999;
	}

  /******************************** Aktuelles/Job/Spenden ********************************/

.button {
	background-color: #0772a7;	
	}
 
.button:hover {
	background-color: #fbb900;	
	}
 
.button em {
	color: #fbb900 !important;
	} 
 
.button:hover em {
	color: #0772a7 !important;
	} 
 
 
a.job {
	color: #fff !important;
	}
	
.spenden_top_c {
	background-color: #088acb;
	color: #fff !important;
	height: 90%;
	padding: 20px; 
	}

.spenden_top_c h2{
	color: #fbb900 !important;
	}	
		
  /********************************  ********************************/	

.tm-leading-article .uk-article:last-child {
	border-bottom: unset !important;
	padding-bottom: unset;
	}

.uk-overlay-background {
	background: rgba(0, 0, 0, 0.25) !important;
	}

.einrichtungen .tm-content{
	display: none;
	}
	
html.uk-notouch body#home.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div.full-wrapper div#main-content.main-outer div.uk-container.uk-container-center div.tm-middle.uk-grid aside.tm-sidebar-b.uk-width-medium-3-10 div.uk-panel.side.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-right h3.uk-panel-title {
	display: none;
	}

.bg {
	background-color: rgba(0, 0, 0, 0.25) !important;	
	padding: 20px;
	}
	
  /********************************  Home Menü ********************************/	

.rund {
	border-radius: 50%; 
	z-index: 1 !important;
	cursor: pointer !important;
	}

.uk-overlay-top {
	background-color: rgba(0, 0, 0, 0);	
	}
	
.title {
	z-index: 99 !important;
	color: #fff !important;
	text-align: center;
	background-color: rgba(8, 138, 203, 0.80) !important;
	padding: 10px;
	width: 200%;
	margin-top: -100px;
	margin-bottom: 50px;
	border-radius: unset !important; 
	}

.zeiger {
		cursor: default !important;
	}
	
.hover:hover {
	box-shadow: 0px 0px 10px #777;
	}	

.einrichtungen {
	background-color: rgba(8, 138, 203, 0.80) !important;
	}

.sub {
	text-align: center;
	margin-top: -120px;
	}


  /********************************  ********************************/
	
.allgemein {
	background-color: #088acb;
	padding: 40px;
	color: #fff !important;
	padding: 30px;
	}
	
.allgemein h2{
	color: #fff !important;
	}	

.einrichtungen_erklaerung {
	background-color: #fbb900;
	padding: 40px;
	color: #fff !important;
	}

.freizeitzentrum_erklaerung {
	background-color: #35C2CC;
	padding: 40px;
	color: #fff !important;
	}

.familienzentrum_erklaerung {
	background-color: #A3EB73;
	padding: 40px;
	color: #fff !important;
	}

.camp_erklaerung {
	background-color: #12A643;
	padding: 40px;
	color: #fff !important;
	}

.camp_erklaerung em{
	color: #ddd;

	}	
  /******************************** Sub Menü ********************************/
  

.knopf {
	margin-bottom: 10px;
	padding: 10px !important;
	} 

  
@media (max-width: 768px) {  
  
html.uk-notouch body#home.tm-isblog.start div.full-wrapper div#top-c.uk-cover-background {
	display: none;
	} 
  
.sub_gr {
	display: none;
	}

}


@media (min-width: 767px) {

html.uk-notouch body#home.tm-isblog.start div.full-wrapper div#top-d.uk-cover-background {
	display: none;
	} 
	
}	


  /******************************** Ziele ********************************/
	
	
.begleiteter_umgang {
	background-color: #DB2E2E;
	padding: 40px;
	color: #fff !important;
	padding: 30px;
	}	
	
.begleiteter_umgang h2{
	color: #fff !important;
	}		
	
.betreutes_wohnen_top_c {
	background-color: #A0522D;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.betreutes_wohnen_top_c h2{
	color: #fff !important;
	}
		
.tagesgruppe_top_c {
	background-color: #E82CB0;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.tagesgruppe_top_c h2 {
	color: #fff !important;
	}	
	
.kinder_und_jugendwohngruppe_top_c {
	background-color: #3D33CC;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}	
	
.kinder_und_jugendwohngruppe_top_c h2 {
	color: #fff !important;
	}		
	
	
.familienhilfe_top_c {
	background-color: #9D1FEB;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.familienhilfe_top_c h2 {
	color: #fff !important;
	}

.erziehungsbeistandschaft_top_c	{
	background-color: #8722D4;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.erziehungsbeistandschaft_top_c h2{
	color: #fff !important;
	}	
	
	
.ambulante_betreuung_top_c {
	background-color: #9D1FEB;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.ambulante_betreuung_top_c h2{
	color: #fff !important;
	}	
	
	
.wohngruppe_am_sandberg_top_c {
	background-color: #F5A540;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.wohngruppe_am_sandberg_top_c h2{
	color: #fff !important;
	}	
	
	
.schulsozialarbeit_top_c {
	background-color: #C4C4C4;
	color: #fff !important;
	height: 85%;
	padding: 40px; 
	}

.schulsozialarbeit_top_c h2{
	color: #fff !important;
	}	

.flexible_hilfe {
	background-color: #9D1FEB;
	padding: 40px;
	color: #fff !important;
	padding: 30px;
	}	
	
.flexible_hilfe h2{
	color: #fff !important;
	}	
	
  /******************************** Sub Mobile Menü ********************************/

.button_1 {
	   background-image: url(../images/betreutes_wohnen_107821046.jpg) !important;
	   background-size: cover;
	   background-position: 80% 20%;
	   height: 100px !important;
	}
	
.button_2 {
	   background-image: url(../images/tagesgruppe_216284757.jpg) !important;
	   background-size: cover;
	   background-position: 80% 35%;
	   height: 100px !important;
	}	

.button_3 {
	   background-image: url(../images/flex_hilfen_158651177.jpg) !important;
	   background-size: cover;
	   background-position: 80% 35%;
	   height: 100px !important;
	}	
	
.button_4 {
	   background-image: url(../images/schulsozialarbeit_163363703.jpg) !important;
	   background-size: cover;
	   background-position: 80% 35%;
	   height: 100px !important;
	}	
	
.button_5 {
	   background-image: url(../images/freizeitzentrum_207257196.jpg) !important;
	   background-size: cover;
	   background-position: 80% 35%;
	   height: 100px !important;
	}	

.button_6 {
	   background-image: url(../images/familienbildung_118826123.jpg) !important;
	   background-size: cover;
	   background-position: 80% 35%;
	   height: 100px !important;
	}	


.title_head {
	color: #fff !important;
	text-align: center;
	background-color: rgba(8, 138, 203, 0.80) !important;
	padding: 10px;
	}


  /******************************** Größen ********************************/

@media (max-width: 768px) {

.tm-top-d {
	padding-top: 0% !important;
	padding-bottom: 5% !important;
	}

h2 {
	font-size: 1.8em
	}
	
h3 {
	font-size: 1.3em	
	}
	
.mgh {
	font-size: 1em	
	}	
}	

@media (max-width: 350px) {

.uk-article-title {
	font-size: 1.7em
	}

h2 {
	font-size: 1.7em
	}

.mgh {
	font-size: 0.8em	
	}	
}	




html.uk-notouch .tm-isblog div.full-wrapper div#menu-outer.no-space .uk-nav > li li > a:hover {	
	color:#fff !important;
	}
	
html.uk-notouch .tm-isblog div.full-wrapper div#menu-outer.no-space .uk-nav > li > a:hover {	
	background: rgba(8, 138, 203, 1) !important;
	color:#fff !important;
	}
	
.uk-sticky-placeholder .uk-active.uk-navbar li.uk-active li a:hover {
	background: rgba(8, 138, 203, 1) !important;
	color:#fff !important;
	}
	
.uk-sticky-placeholder .uk-active.uk-navbar li > li a:hover	{
	background: rgba(8, 138, 203, 1) !important;
	color: #fff !important;
	}
	
	
.leaflet-top, .leaflet-bottom {
	z-index: 0;
	}	

.buttontext {
	color:#fff !important;
}