@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,";

body {
    font-family: 'Open Sans',verdana,sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: light;
    margin: 0;
    color: #333333;
}

bold, strong, b, .b {
	font-weight: 700;
}

section {
	margin: 80px 0;
}

img {
	max-width: 100%;
}

.container.section {
	margin-bottom: 35px;
}

p {
	font-size: 18px;
	margin-bottom: 24px;
}

.f-schwarz {
	color: #333333;
}

.bg-schwarz {
	background: #333333;
}

.f-gruen {
	color: #6fb71b;
}

.bg-gruen, .btn-primary {
	background: #6fb71b;
}

.f-gelb {
	color: #feeb0b;
}

.bg-gelb {
	background: #feeb0b;
}

.f-blau {
	color: #009ee0 ;
}

.bg-blau {
	background: #009ee0;
}

.f-rot {
	color: #f04d39;
}

.bg-rot {
	background: #f04d39;
}

.f-weiss {
	color: #fff;
}

h3, .h3 {
	font-size: 20px;
	line-height: 26px;
}

.condensed {
	letter-spacing: -0.2px;
}

/*.container-fluid .container {
	padding: 0;
}*/

/* nav */
nav {
	width: 100%;
}

.goToTop {
  position: fixed;
  top: 0;
  height: 50px;
  z-index: 11;
  background: #fff;
  border-radius: 0;
  border-bottom: 1px solid #6fb71b;
}

.goToTop img {
	max-height: 45px;
	transition: ease-in-out 0.3s;
}
/* /nav */

#top-bar {
    background-color: #6fb71b;
    border-bottom: 1px solid #e8e8e8;
    color: #ffffff;
    line-height: 36px;
    position: relative;
    margin-top:0 ;
    padding-top: 0;
}
.cs-top-module {
    border-right: 1px solid #e8e8e8;
    display: inline-block;
    font-size: 11px;
    line-height: 35px;
    margin-right: -1px;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
}
.cs-top-module:first-child {
    border-left: medium none;
    padding-left: 0;
}
.cs-top-module:last-child {
    border-right: medium none;
    padding-right: 0;
}
.cs-top-module > a, .cs-top-module .cs-open-modal {
    color: #ffffff;
    display: inline-block;
}
.cs-top-module > a:hover, .cs-top-module .cs-open-modal:hover {
    color: #000000;
    text-decoration: none;
}
.cs-top-module .cs-in {
    margin-right: 5px;
}
.cs-top-module .cs-down {
    margin-left: 2px;
}
.cs-top-left {
    float: left;
    margin-bottom: -1px;
}
.cs-top-right {
    float: right;
    margin-bottom: -1px;
}

/* SLIDER */
        
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('/wp/wp-content/themes/kitatheme/assets/img/slides/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('/wp/wp-content/themes/kitatheme/assets/img/slides/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        
.slide-caption {
	position: absolute; 
	top: 200px; 
	left: 30px; 
	width: 680px; 
	height: auto; 
	font-size: 46px; 
	color: #ffffff; 
	line-height: 30px;
}

#myCarousel .carousel-caption p {
	font-size: 36px;
	text-align: left;
}

#myCarousel .item img {
	width: 100%;
}

#myCarousel {
	margin-bottom: 35px;
}

span.light {
	font-weight: 300;
	font-weight: lighter;
}

span.bold {
	font-weight: 700;
}
#myCarousel-1 .carousel-inner {
	background: #0003;
}
        
/* /SLIDER */

/* banner */
.banner {
	width: 100%;
	height: 300px;
	background-size: cover !important;
}

.banner h1 {
	text-align: center;
	font-weight: 300;
	font-size: 46px;
	color: #fff;
	margin-top: 140px;
}

#banner-ueberuns {
	background: url('/wp/wp-content/uploads/2019/11/banner-img1101.jpg') no-repeat;
}

#banner-anmeldung {
	background: url('/wp/wp-content/uploads/2019/11/banner-img1176.jpg') no-repeat;
}

#banner-vielfalt {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/vielfalt-banner.jpg') no-repeat;
}

#banner-tagesablauf {
	background: url('/wp/wp-content/uploads/2019/11/banner-tagesablauf.jpg') no-repeat;
}

#banner-termine {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/termine-banner.jpg') no-repeat;
}

#banner-termine-tigerenten {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/tigerente-banner.png') no-repeat;
}

#banner-kita {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/tagesablauf-banner.jpg') no-repeat;
}
#banner-kontakt {
	background: url('/wp/wp-content/uploads/2019/11/banner-img1101.jpg') no-repeat;
}

#banner-kita {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/kita-banner.jpg') no-repeat;
}

#banner-platzhalter {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/platzhalter-banner.jpg') no-repeat;
}

#banner-kloetze {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/banner-kloetze.JPG') no-repeat center -230px;
}

/* /banner */

#bc-kita {
	height: 45px;
	background: #f2f2f2;
}

#bc-kita ul {
	margin-left: 0;
}

#bc-kita li {
	font-size: 16px;
}

#bc-kita li a {
	color: #009ee0;
	text-decoration: none;
	font-size: 16px;
}

.logo-intro {
    max-width: 240px;
}

#cta-index p {
	font-size: 14px;
}

#cta-index p, #ft-last p {
	margin-bottom: 10px;
}

#mitarbeiter img {
    min-height: 380px;
    object-fit: cover;
}
#mitarbeiter img + b {
	display: block;
}
.col-lg-3.col-md-3.col-sm-6.col-xs-6.mitarbeiter {
    margin-bottom: 30px;
}

.quotes {
    color: #6fb71b;
    float: none;
    font-family: 'times new roman', serif;
    font-style: italic;
    font-size: 70px;
    left: -20px;
    position: absolute;
    top: -20px;
}

.quotes.qt {
	top: -55px;
}

.foto-bg.pb {
	background: url('/wp/wp-content/themes/kitatheme/assets/img/pb_begruessung.jpg') no-repeat left top;
	min-height: 400px;
}

h2.topsection {
	margin-bottom: 30px;
/*	font-size: 24px;*/
	font-weight: 700;
}

.topsection p {
	font-size: 18px;
	line-height: 26px;
}

.lgray-bg {
	background: #f2f2f2;
}

.divider-fullwidth {
	border-top: 1px solid #f2f2f2;
	background: #fff;
	height: 2px;
}

h2 {
/*	margin-top:70px;*/
	margin-bottom: 40px;
	font-size: 24px;
}

p.subheadline {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
}

p a {
	color: #6fb71b;
	text-decoration: none;
}

p a:visited {
	color: #6fb71b;
	text-decoration: none;
}

p a:hover {
	color: #6fb71b;
	text-decoration: underline;
}

p a:focus {
	color: #6fb71b;
	text-decoration: none;
}

p a:active {
	color: #6fb71b;
	text-decoration: none;
}

.cta-bild {
	width: 360px;
	height: 240px;
	overflow: hidden;
}

.cta-bild > img {
    max-width: 100%;
}

.btn.cta {
	margin-top: 25px;
}

#gallerie-jumbotron.container-fluid div.row div.col-lg-3 {
	padding: 0;
}
#gallerie-jumbotron.container-fluid div.row div.col-lg-3 img {
	width: 100%;
}

button.btn.btn-primary.jmb-gallerie, a.btn.btn-primary.jmb-gallerie {
	border: 1px solid #fff;
	padding: 10px 30px;
	font-size: 18px;
	margin-top: 6px;
}

button.btn.btn-primary.jmb-gallerie:active {
	background: none;
}

a.btn.btn-primary.jmb-gallerie:active {
	background: none;
}

/* testimonial */
span.quote-testimonial {
	font-size: 46px;
}

.carousel-caption p {
	font-size: 28px;
	line-height: 46px;
	margin-top: 15px;
}
p.author {
	
}
p.author > small {
	font-size: 16px;
	border-top: 1px solid #fff;
	padding: 10px 15px 0 15px;
}

#testimonial {
	margin-bottom: 0;
}

/* /testimonial */


#mitarbeiter p {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
}

.pic-last {
	margin-top: 45px;
}

#gallerie-jumbotron p, #te-jumbotron p {
	font-size: 38px;
}


/* footer */
footer {
	border-top: 2px solid #fff;
}

#ft-kontakt {
	color: #fff;
}
#ft-kontakt p {
	font-size: 18px;
}

#ft-kontakt iframe {
	margin-top: 25px;
}

footer .container {
    padding: 16px 0 30px 0;
}

h4 {
	font-size: 26px;
	font-weight: 300;
}

footer ul {
	margin-left: 0;
	padding-left: 0;
}
ul#ft-nav li {
	list-style: none;
	float: left;
	display: inline;
	padding: 0 20px;
}

ul#ft-nav li:first-child {
	padding: 0 20px 0 0;
}

ul#ft-nav li:last-child {
	padding: 0 0 0 20px;
}

ul#ft-nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
}

#ft-last.container {
	padding-bottom: 4px;
}

#ft-last a {
	color: #333;
	text-decoration: underline;
}

#ft-last p {
    font-size: 14px;
}

#ft-last b {
	font-weight: 500;
}

.gmaps {
	background: #f5f5f5 url("/wp/wp-content/uploads/2016/01/gmaps-1.png") no-repeat scroll -62px center / 150% auto;
	min-height: 350px;
	margin-top: 25px;
}

p a.mail {
	color: #fff;
	text-decoration: none;
}

p a.email {
	color: #fff;
	text-decoration: none;
}

p a.mail:visited {
	color: #fff;
	text-decoration: none;
}

p a.mail:hover {
	color: #fff;
	text-decoration: underline;
}

p a.mail:focus {
	color: #fff;
	text-decoration: none;
}

p a.mail:active {
	color: #fff;
	text-decoration: none;
}


/* /footer */


/* padding-Klassen */
.padding-xs-top {
	padding-top: 10px;
}

.padding-xs-bottom {
	padding-bottom: 10px;
}

.padding-xs-left {
	padding-left: 10px;
}

.padding-xs-right {
	padding-right: 10px;
}

.padding-xs {
	adding: 10px;
}

.padding-sm-top {
	padding-top: 15px;
}

.padding-sm-bottom {
	padding-bottom: 15px;
}

.padding-sm-left {
	padding-left: 15px;
}

.padding-sm-right {
	padding-right: 15px;
}

.padding-sm {
	adding: 15px;
}

.padding-md-top {
	padding-top: 20px;
}

.padding-md-bottom {
	padding-bottom: 20px;
}

.padding-md-left {
	padding-left: 20px;
}

.padding-md-right {
	padding-right: 20px;
}

.padding-md {
	padding: 20px;
}

.padding-lg-top {
	padding-top: 35px;
}

.padding-lg-bottom {
	padding-bottom: 35px;
}

.padding-lg-left {
	padding-left: 35px;
}

.padding-lg-right {
	padding-right: 35px;
}

.padding-lg {
	padding: 35px;
}
/* /padding-klassen */

/* margin-Klassen */
.margin-xs-top {
	margin-top: 10px;
}

.margin-xs-bottom {
	margin-bottom: 10px;
}

.margin-xs-left {
	margin-left: 10px;
}

.margin-xs-right {
	margin-right: 10px;
}

.margin-xs {
	margin: 10px;
}

.margin-sm-top {
	margin-top: 15px;
}

.margin-sm-bottom {
	margin-bottom: 15px;
}

.margin-sm-left {
	margin-left: 15px;
}

.margin-sm-right {
	margin-right: 15px;
}

.margin-sm {
	margin: 15px;
}

.margin-md-top {
	margin-top: 20px;
}

.margin-md-bottom {
	margin-bottom: 20px;
}

.margin-md-left {
	margin-left: 20px;
}

.margin-md-right {
	margin-right: 20px;
}

.margin-md {
	margin: 20px;
}

.margin-lg-top {
	margin-top: 35px;
}

.margin-lg-bottom {
	margin-bottom: 35px;
}

.margin-lg-left {
	margin-left: 35px;
}

.margin-lg-right {
	margin-right: 35px;
}

.margin-lg {
	margin: 35px;
}

.margin-xl-top {
	margin-top: 60px;
}

.margin-xl-bottom {
	margin-bottom: 60px;
}

.margin-xl-left {
	margin-left: 60px;
}

.margin-xl-right {
	margin-right: 60px;
}

.margin-xl {
	margin: 60px;
}
/* /margin-klassen*/

@media only screen and (max-width:776px){
	.quotes {
		left:0px;
		top: 2px;
	}
	
	.quotes.qt {
		top: 58px;
	}
	h2.topsection {
		margin-top: 40px;
	}
	.ta h5 {
		text-align: left;
	}
    
    h5 {
    	line-height: 26px;
    }
    
    #myCarousel .carousel-caption p {
    font-size: 24px;
    text-align: center;
        line-height: 24px
    }
	
	#gallerie-jumbotron .col-sm-6, #gallerie-jumbotron .col-xs-6 {
		padding: 0;
	}
	
	#gallerie-jumbotron .col-sm-12, #gallerie-jumbotron .col-sm-12 {
		text-align: center;	
	}
	
	#gallerie-jumbotron p {
		text-align: center;
	}
	
	.gmaps {
		background-size: cover;
	}
	
	ul#ft-nav li {
		display: block;
		float: none;
		padding: 0 0 30px 30px;
	}
	
	ul#ft-nav li:first-child, ul#ft-nav li:last-child {
	    padding: 0 0 30px 30px;
	}
	
	#banner-vielfalt {
	    background: rgba(0, 0, 0, 0) url('/wp/wp-content/themes/kitatheme/assets/img/banner/vielfalt-banner.jpg') no-repeat scroll -308px center;
	}
	
	#banner-kloetze {
		background: url('/wp/wp-content/themes/kitatheme/assets/img/banner/banner-kloetze.JPG') no-repeat center center;
	}
	
	#ft-kontakt h4 {
		text-align: center;
	}
	
	#gallerie-jumbotron p {
		margin-bottom: 10px;
	}
	
	.col-xs-mg {
		margin: 20px 0;
	}
	
	.col-xs-mg-top {
		margin-top: 20px;
	}
	
	.col-xs-mg-bottom {
		margin-bottom: 20px;
	}
	
	.pastor {
		position: relative;
		margin-bottom: 20px;
	}
	
	#cta-index .col-xs-12, #cta-index .col-sm-12 {
		margin-bottom: 40px;
	}
    .teamslogan {
        font-size: 22px;
        margin: 20px 0 0 0;
    }
    
    .foto-bg.pb {
        background: url('/wp/wp-content/themes/kitatheme/assets/img/pb_begruessung.jpg') no-repeat center top;
    }
    
    .carousel-caption p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    }
    
    #kontakt-thumbs {
    	text-align: center;
    }
    
    #kontakt-thumbs .lgray-bg {
    	background: #ffffff;
    	text-align: center;
    	height: 46px !important;
    }
    #kontakt-thumbs .fa {
    	position: initial !important;
    }
    
    #kontakt-thumbs .col-lg-4 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width:778px){
	.col-lg-pull-right {
		float: right !important;
	}
	.col-lg-pull-left {
		float: left !important;
	}
	.img-responsive.team {
		margin-top: 110px;
	}
	.ta h5 {
		text-align: center;
	}
	
	.pastor {
		position: absolute;
		top: 92px
	}
    .teamslogan {
        font-size: 36px;
        margin: 0;
    }
    
    #kontakt-thumbs .lgray-bg {
    	min-height: 160px;
    }

}

.teamslogan {
    /*border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 15px 0;*/
}

/* navtab öffnungszeiten */
.nav-tabs > li {
    text-align: center;
    width: 50%;
}

.oeffnungszeiten {
	width: 100%;
}

.oeffnungszeiten tr th {
    padding: 10px 20px !important;
    text-align: center;
}

.oeffnungszeiten tr td {
    padding: 10px 20px !important;
    text-align: center;
}

.abholzeiten {
	width: 100%;
}

.abholzeiten tr th {
    padding: 10px 20px !important;
    text-align: center;
}

.abholzeiten tr td {
    padding: 10px 20px !important;
    text-align: center;
}



.border-top {
	border-top: 1px solid #f2f2f2;
}

.border-bottom {
	border-bottom: 1px solid #f2f2f2;
}

/* sidemenu */
.sidemenu {
    padding: 20px 20px 0 25px;
    width: 250px;
    z-index: 9999;
}

#sidemenu {
	margin: 0;
	padding: 0;
}

#sidemenu li {
	list-style: none;
	padding: 0px 0px 10px 0px;
}

#sidemenu li:first-child {
	padding: 10px 0px 10px 0px;
}

#sidemenu li a{
	color: #009ee0;
}

#sidemenu li ul li {
	list-style: circle;
	color: #009ee0;
}

/* /sidemenu */

/* features container */

.features {
	padding: 30px 0;
}

div.features h5 {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
}

.features ul {
	padding: 0;
}

.features li {
    font-size: 16px;
    line-height: 30px;
    list-style: outside none none;
    padding-bottom: 10px;
}

.features li:before {
    font-family: "FontAwesome";
    font-size: 16px;
    padding: 0;
    margin: 0 15px 0 0;
    line-height: auto;    
}

.features i {
    margin-right: 15px;
}

.features-blau li:before {
	color: #009ee0;
}

.features-gruen li:before {
	color: #6fb71b;
}

.fea-star li:before {
    content: "";
}

.fea-check li:before {
    content: ""
}

/* /features container */

h5 {
	font-weight: 700;
	font-size: 18px;
}

.projektauswahl {
	margin-top: 50px;
}

.projektauswahl p {
	text-align: center;
	color: #6fb71b;
	margin-top: 20px;
	font-weight: 700;
	
}

.ta {
	margin: 40px 0;
	padding: 40px 0;
}

.ta h5 {
	color: #009ee0;
	font-size: 24px;
	margin-bottom: 30px;
}

#termine-thumbs div.row:nth-child(1) {
	margin-bottom: 20px;
}

#termine-thumbs .lgray-bg {
	padding: 20px;
	min-height: 225px;
	margin-right: 20px;
	max-width: 370px;
	background: none;
	border-bottom: 1px solid #f2f2f2;
}

#termine-thumbs i {
	color: #009ee0;
}

#termine-thumbs p {
	color: #009ee0;
	font-size: 24px;
	line-height: 30px;
}

table.table tr:first-child{
	background: none;
}

#szeiten th {
	font-size: 18px;
	color: #6fb71b;
	text-align: center;
	background: none;
}

#szeiten tr {
	padding: 15px 0;
}

#szeiten td:nth-child(1) {
    text-align: right;
}

.te-bg {
	width: 100%;
	height: 230px;
	background-size: cover !important;
	background: #f5f5f5 url('/wp/wp-content/themes/kitatheme/assets/img/tigerente.png') no-repeat left top;
}

#te-jumbotron img {
	width: 100%;
}

#te-jumbotron.container-fluid div.row div.col-lg-12 {
	padding: 0;
}

#kontakt-thumbs h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
}

#kontakt-thumbs p {
	font-size: 14px;
}

#kontakt-thumbs .fa {
	color: #009ee0;
	font-size: 35px;
	position: absolute;
	top: 58px;
}

.no-pd-lr {
	padding-left: 0;
	padding-right: 0;
}

.btn-kontakt {
	font-size: 18px;
	margin-top: 6px;
	padding: 10px 30px;
}

.thumb {
    margin-bottom: 30px;
}

#gallerie-thumbs .thumb a.thumbnail img.img-responsive {
	height: auto;
}

hr.textend {
	border-color: #333;
	width: 80px;
	float: left;
	margin-top: 50px;
}

section.gallerie {
	
}

#gallerie h3 {
	color: #009ee0;
	margin-bottom: 20px;
}

/*#bwg_container2_0 {
	width: 350px;
}*/