.orange { color: #e6a83f; }

@font-face { font-family: 'OpenSans'; font-weight: normal; src: url('../fonts/OpenSans-Regular.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: bold; src: url('../fonts/OpenSans-Bold.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: normal; font-style: italic; src: url('../fonts/OpenSans-Italic.ttf'); }
@font-face { font-family: 'OpenSans'; font-weight: bold; font-style: italic; src: url('../fonts/OpenSans-BoldItalic.ttf'); }
@font-face { font-family: 'Champagne'; font-weight: normal; src: url('../fonts/Champagne_Limousines.ttf'); }
@font-face { font-family: 'Champagne'; font-weight: bold; src: url('../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; }

/* Spalten korrigieren */
#.ce_gallery .cols_4 li { max-width: 24.99% !important; }


#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(../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(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../grafiken/muster3.png), url(../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(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../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(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../grafiken/muster3.png), url(../grafiken/bueroklammer.png); background-size: 10%, 13%, 15%, 18%; }
.kita-abc-des-traegers #wrapper { background-image: url(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../grafiken/muster3.png), url(../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(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../grafiken/muster3.png), url(../grafiken/schloss.png); background-size: 10%, 13%, 15%, 10%; }
.team #wrapper { background-image: url(../grafiken/muster1.png), url(../grafiken/muster2.png), url(../grafiken/muster3.png), url(../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; }

/* Gallery */
.ce_gallery>ul, .content-gallery>ul { display: flex; flex-wrap: wrap; }
.ce_gallery>ul li, .content-gallery>ul li  { float: none; box-sizing: border-box; padding: 0.3%; }
.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; }
}