body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.orange { color: #e6a83f; }

@font-face { font-family: 'OpenSans'; font-weight: normal; src: url('../../files/kiz-coss/fonts/OpenSans-Regular.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: bold; src: url('../../files/kiz-coss/fonts/OpenSans-Bold.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: normal; font-style: italic; src: url('../../files/kiz-coss/fonts/OpenSans-Italic.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: bold; font-style: italic; src: url('../../files/kiz-coss/fonts/OpenSans-BoldItalic.ttf'); }
@font-face { font-family: 'Champagne'; font-weight: normal; src: url('../../files/kiz-coss/fonts/Champagne_Limousines.ttf'); }
@font-face { font-family: 'Champagne'; font-weight: bold; src: url('../../files/kiz-coss/fonts/Champagne_LimousinesBold.ttf'); }

h1,h2,h3,h4 { color: #e6a83f; font-weight: normal; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
figcaption { font-size: 0.9em; color: rgba(0,0,0,0.6); }
#ul { padding-left: 0; }
img { max-width: 100%; height: auto; display: block; }
#main a,
#footer a { color: #e6a83f; }

.mod_article { padding: 1em 0; border-bottom: 1px solid rgba(0,0,0,0.3); }
.mod_article.last,
.mod_article.keinTrenner { border-bottom: none; }
.mod_article.noPadding { padding: 0; }

#logo { font-family: 'Champagne', sans-serif; font-size: 2.5em; color: #e6a83f; letter-spacing: 0.1em; }
.logo1 { font-weight: bold; margin-right: -0.3em; letter-spacing: 0.05em; }
.logo2 { font-weight: normal; font-size: 70%; letter-spacing: 0.25em; }

html, body { height: 100%; #min-height: 100%; font-family: OpenSans, Tahoma, Arial, sans-serif; font-size: 100%; line-height: 1.5; background-image: url(../../files/kiz-coss/grafiken/kachel-Hintergrund.gif); background-repeat: repeat; }
body { height: 100%; }

.mobile_menu_wrapper { height: 100%; overflow: auto; }
#wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; width: 98%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; background-color: #fff; background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png), url(../../files/kiz-coss/grafiken/haeuschen.png); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 10%, 13%, 15%, 20%; background-position: 100% 0, 2% 0.5em, 100% 70%, 0 55%; background-position: 100% 0, 2% 0.5em, 100% 35em, 0 30em; box-shadow: 0 0 15px rgba(0,0,0,0.4); overflow: auto; }
.kontakt #wrapper,
.downloads #wrapper,
.impressum #wrapper,
.datenschutzerklaerung #wrapper { background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png); background-size: 10%, 13%, 15%; background-position: 100% 0, 2% 0.5em, 100% 70%; background-position: 100% 0, 2% 0.5em, 100% 35em; } 
.konzeption #wrapper { background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png), url(../../files/kiz-coss/grafiken/bueroklammer.png); background-size: 10%, 13%, 15%, 18%; }
.kita-abc-des-traegers #wrapper { background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png), url(../../files/kiz-coss/grafiken/puzzleteil.png); background-size: 10%, 13%, 15%, 18%; }
.familienzugang #wrapper,
.fragen-und-antworten #wrapper,
.elternrat #wrapper,
.tagebuch #wrapper,
.ideen-fuer-zuhause #wrapper,
.elternabend #wrapper { background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png), url(../../files/kiz-coss/grafiken/schloss.png); background-size: 10%, 13%, 15%, 10%; }
.team #wrapper { background-image: url(../../files/kiz-coss/grafiken/muster1.png), url(../../files/kiz-coss/grafiken/muster2.png), url(../../files/kiz-coss/grafiken/muster3.png), url(../../files/kiz-coss/grafiken/schiffchen.png); }

#wrapper>.inside { padding: 0% 10% 2% 19%; }

.menu { color: #BDBE96; }
.menu ul { display: flex; list-style: none; padding-left: 0; }
.menu a { text-decoration: none; color: inherit; }
.menu strong,
.menu li:hover { font-weight: normal; color: #e6a83f; }

#hauptmenu li,
#familienmenu li { padding-right: 1.5em; }
#nebenmenu { font-size: 80%; text-transform: lowercase; }
#nebenmenu ul { justify-content: flex-end; }
#nebenmenu li { padding-left: 1em; }

.mobile_menu_trigger { cursor: pointer; }
.mobile_menu_trigger:hover { color: #e6a83f; }
.mobile_menu .inner { background: #fff; padding-top: 2em; }
.mobile_menu #hauptmenu,
.mobile_menu #nebenmenu,
.mobile_menu #familienmenu { font-size: 1em !important; text-transform: inherit; }
.mobile_menu ul { display: block; color: #000; margin: 0; }
.mobile_menu li { padding-left: 2em !important; }
.mobile_menu #familienmenu li { padding-left: 3em !important; }

.toggler { color: #e6a83f; cursor: pointer; padding-bottom: 1em; outline: none; }

.ce_gallery li { box-sizing: border-box; padding:0.2em; }
.ce_gallery .cols_1 li { padding-bottom: 1.5em; }
.ce_gallery .cols_1 li:last_child { padding-bottom: 0; } 
.ce_gallery .cols_2 li { max-width: 50%; }
.ce_gallery .cols_3 li { max-width: 33.3333%; }
.ce_gallery .cols_4 li { max-width: 25%; }
.ce_gallery .cols_5 li { max-width: 20%; }
.ce_gallery li.col_first { padding-left: 0; }
.ce_gallery li.col_last { padding-right: 0; }

#container { margin-bottom: 9em; }

#footer { position: fixed; bottom: 0; #position: -webkit-sticky; #position: sticky; #bottom: 0; margin: 2em 0 5em; font-size: 80%; }
#footer figure { max-width: 60%; }
#footer>.inside { display:flex; justify-content: space-between; }
#footer>.inside>div { align-self: center; }

#login .widget { padding: 0 0 1em 0; }
#login .widget-text,
#login .widget-password { display: flex; }
#login .widget-text label,
#login .widget-password label { width: 9em; }
#login .widget-submit { margin-left: 9em; }
#login .widget-submit button { color: #e6a83f; padding: 0.3em 1em; font-size: 1em; border-radius: 5px; background: none; }

.page-2 .mod_article>div { border-bottom: 1px solid rgba(0,0,0,0.2); }
.page-2 .mod_article>div.last { border-bottom: none; }

.cc-revoke, .cc-window { font-family: inherit !important; font-size: 1em !important; }

input[type=email] { border: 1px solid rgba(230,168,62,.4); background: rgba(230,168,62,.1); margin-left: 1em; padding: .3em; }
button { margin-top: 1em; padding: 0.5em 1em; font-size: inherit; background: #e6a83e; border: #f7dbaf 1px solid; border-radius: 4px; color: #fff; }

@media (max-width: 991px) {
	body { font-size: 1.5vw; }
}
@media (max-width: 767px) {
	body { font-size: 2vw; }
	##wrapper>.inside { padding: 39vw 0 0 5vw; }
	#hauptmenu,
	#nebenmenu,
	#familienmenu { display: none; }
	.mobile_menu #hauptmenu,
	.mobile_menu #nebenmenu,
	.mobile_menu #familienmenu { display: block; }
}

.mod_visitors {
    border:1px solid #000000;
    margin:20px 10px 20px 10px;
}
.mod_visitors h1 {
    margin: 0px 10px 0px 10px;
}

.mod_visitors .visitor_count {
	width:0px;
	height:0px;
}

.mod_visitors .visitor_name {
    margin:10px 10px 4px 10px;
    border-bottom:1px solid #C6AD8D;
    font-weight:bold;
}
.mod_visitors .visitor_name #VisitorsNameLegend {
	float: left;
}
.mod_visitors .visitor_name #VisitorsName {
	text-align: left;
}

.mod_visitors .visitor_useronline {
    margin: 0px 10px 0px 10px;
    font-weight:bold;
}
.mod_visitors .visitor_useronline #VisitorsOnlineCountLegend {
	float: left;
}
.mod_visitors .visitor_useronline #VisitorsOnlineCount {
	text-align: right;
}

.mod_visitors .visitor_visitstoday {
    margin: 0px 10px 0px 10px;
    font-weight:bold;
}
.mod_visitors .visitor_visitstoday #TodayVisitCountLegend {
	float: left;
}
.mod_visitors .visitor_visitstoday #TodayVisitCount {
	text-align: right;
}

.mod_visitors .visitor_hitstoday {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_hitstoday #TodayHitCountLegend {
	float: left;
}
.mod_visitors .visitor_hitstoday #TodayHitCount {
	text-align: right;
}

.mod_visitors .visitor_visitsyesterday {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_visitsyesterday #YesterdayVisitCountLegend {
	float: left;
}
.mod_visitors .visitor_visitsyesterday #YesterdayVisitCount {
	text-align: right;
}

.mod_visitors .visitor_hitsyesterday {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_hitsyesterday #YesterdayHitCountLegend {
	float: left;
}
.mod_visitors .visitor_hitsyesterday #YesterdayHitCount {
	text-align: right;
}

.mod_visitors .visitor_visitstotal {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_visitstotal #TotalVisitCountLegend {
	float: left;
}
.mod_visitors .visitor_visitstotal #TotalVisitCount {
	text-align: right;
}

.mod_visitors .visitor_hitstotal {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_hitstotal #TotalHitCountLegend {
	float: left;
}
.mod_visitors .visitor_hitstotal #TotalHitCount {
	text-align: right;
}

.mod_visitors .visitor_average {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_average #AverageVisitsLegend {
	float: left;
}
.mod_visitors .visitor_average #AverageVisits {
	text-align: right;
}

.mod_visitors .visitor_pagehits {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_pagehits #PageHitCountLegend {
	float: left;
}
.mod_visitors .visitor_pagehits #PageHitCount {
	text-align: right;
}

.mod_visitors .visitor_countsince {
    margin:6px 10px 10px 10px;
}
.mod_visitors .visitor_countsince #VisitorsStartDateLegend {
	float: left;
    font-weight:bold;
    font-size:0.8em;
}
.mod_visitors .visitor_countsince #VisitorsStartDate {
	text-align: right;
    font-weight:bold;
    font-size:0.8em;
}