/******************************************************************************/
/** Bootstrap überschreiben **/
/******************************************************************************/

h1 { font-size: 18px; line-height: 18px; margin-bottom: 9px; }
h1 small { font-size: 18px; }

h2 { font-size: 15px; line-height: 15px; margin-bottom: 9px; }
h2 small { font-size: 15px; }

h3 { font-size: 13px; line-height: 13px; margin-bottom: 9px; }
h3 small { font-size: 13px; }

h4, h5, h6 h3 { font-size: 13px; line-height: 13px; margin-bottom: 9px; }

/******************************************************************************/
/** Startseite **/
/******************************************************************************/

.startseite-text { margin: 60px 0 0 80px; width: 418px; height: 99px; background-image: url('../images/startseite/text.png'); }
	.startseite-text p { padding: 36px 28px 0 28px; }

.startseite-irchelkrippe { margin: 40px 0 0 80px; }
	.startseite-irchelkrippe a { display: block; width: 303px; height: 78px; background-image: url('../images/startseite/irchelkrippe.png'); text-indent: -99999px; }
	.startseite-irchelkrippe a:hover { background-position: 0 -78px; }

.startseite-irchelkindergarten { margin: 0 0 0 80px; }
	.startseite-irchelkindergarten a { display: block; width: 386px; height: 92px; background-image: url('../images/startseite/irchelkindergarten.png'); text-indent: -99999px; }
	.startseite-irchelkindergarten a:hover { background-position: 0 -92px; }

	.startseite-footer { position: fixed; left: 0; bottom: 0; }
		.startseite-footer .ircheli { width: 95px; height: 148px; background-image: url('../images/startseite/ircheli.png'); }

/******************************************************************************/
/** Inhalt **/
/******************************************************************************/

.raster { position:fixed; left:0; top:0; right:0; bottom:0; background:url('../images/background/raster.png') repeat left top; z-index:-998; }

/** container **/
.container { position: relative; padding: 40px 20px; width: 849px; }

/** Top **/
.wrapper-top { width: 849px; height: 53px; background-image: url('../images/container/top.png'); background-repeat: no-repeat; }

/** Middle */
.wrapper-middle { min-height: 680px; padding: 0 88px 0 61px; background-image: url('../images/container/middle.png'); background-repeat: repeat-y; }
	.wrapper-middle .header { border-bottom: 1px #f2c4e3 solid; margin: 0 0 60px 0; }

	/** Navigation **/	
	.wrapper-middle .navigation { z-index: 3; position: relative; }

		/** Nur aktive Unterebene **/
		.wrapper-middle .navigation ul .page_item .children { display: none; }
		.wrapper-middle .navigation ul .current_page_item .children { display: block; }

		/** Akive Links hervorheben **/
		.wrapper-middle .navigation ul .current_page_item > a { font-weight: bold; color: #FFFFFF; background-color: #e1007a; }
		.wrapper-middle .navigation ul li ul .current_page_item > a { color: #FFFFFF; background-color: #e1007a; }

		.wrapper-middle .navigation ul .current_page_ancestor .children { display: block; }
		.wrapper-middle .navigation ul .current_page_ancestor > a { font-weight: bold; color: #4d4d4d; background-color: #e7e7e7; }
	
		/** Navigation **/
		.wrapper-middle .navigation ul { list-style: none; margin: 0 0 0 10px; padding: 0; width: 190px; }
			.wrapper-middle .navigation ul li { margin: 0 0 2px 0; }
			.wrapper-middle .navigation ul li a { position: relative; display: block; margin: 0; padding: 4px 10px 4px 10px; color: #4d4d4d; background-color: #e7e7e7; }
			.wrapper-middle .navigation ul li a:hover { color: white; background-color: #e1007a; text-decoration: none; }
		.wrapper-middle .navigation > ul { list-style: none; margin: 0; padding: 0; }
			.wrapper-middle .navigation ul li ul { margin: 2px 0 2px 10px; width: 180px; }
			.wrapper-middle .navigation ul li ul li a { color: #4d4d4d; background-color: #e7e7e7; }
			.wrapper-middle .navigation ul li ul li a:hover {  }

/** Bottom **/
.wrapper-bottom { width: 849px; height: 60px;  background-image: url('../images/container/bottom.png'); background-repeat: no-repeat; }

/** Ircheli **/
.wrapper-ircheli { z-index: 1; position: absolute; bottom: 63px; left: 20px; width: 110px; height: 172px; background-image: url('../images/container/ircheli.png'); }

/** Seitenwechsel **/
.wrapper-seitenwechsel { position: absolute; top: 100px; right: 24px; }
	.wrapper-seitenwechsel a.button-irchelkindergarten { display: block; width: 34px; height: 175px; background-image: url('../images/button/irchelkindergarten.png'); text-indent: -99999px; }
	.wrapper-seitenwechsel a.button-irchelkindergarten:hover { background-position: -34px 0; }

	.wrapper-seitenwechsel a.button-irchelkrippe { display: block; width: 34px; height: 125px; background-image: url('../images/button/irchelkrippe.png'); text-indent: -99999px; }
	.wrapper-seitenwechsel a.button-irchelkrippe:hover { background-position: -34px 0; }
	
/** formidable **/
.with_frm_style .frm_radio input[type=radio],
.with_frm_style .frm_checkbox input[type=checkbox] { display:inline-block; }

#frm_field_cptch_number_container { border: 1px #cccccc solid !important; border-radius:4px !important; padding:5px 10px !important;  }
#frm_field_cptch_number_container .cptch_label { font-size:26px !important; }
#frm_field_cptch_number_container .cptch_span { margin:0 !important; height:40px !important; line-height:40px !important; }
#frm_field_cptch_number_container .cptch_input { position:relative !important; top:-2px !important; }

/* Responsive Layout Starts here */
.mobile-toggle{ display:none;}

@media screen and (max-width:1199px){
	
}

@media screen and (max-width:992px){
	
	*,*:before,*:after{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.container{ width:100%; max-width:860px;} 
	.wrapper-top,.wrapper-bottom{ width:100%; max-width:860px;}
	.wrapper-middle{ padding:0 40px 0 35px; }
	
	.row{ margin:0;}
	.wrapper-middle .span3{ width:30%; margin-left:1%; }
	.wrapper-middle .span6{ width:65%; margin-left:4%;} 
	.wrapper-seitenwechsel{	right:20px;} 
	#mapcontainer{ width:100% !important; height:250px !important; }
	
}

@media screen and (max-width:767px){ 
	
	.startseite-footer{ position:static;} 
	.startseite-irchelkindergarten a{ max-width:300px; height:70px; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; width:100%;} 
	.startseite-irchelkindergarten a:hover{ background-position:0 -71px;}
	.startseite-irchelkrippe a{ width:100%; max-width:303px;} 
	.startseite-irchelkrippe{ margin:40px auto 0;}
	.startseite-irchelkindergarten{ margin:0 auto;} 
	.startseite-text{ width:100%; max-width:418px; margin:40px 0;} 
	
	.wrapper-middle .span3{ width:100%; margin:0 0 10px;} 
	.wrapper-middle .span6{ width:100%; margin:10px 0 0;}  
	.wrapper-middle{ padding:0 40px 80px 35px; min-height:inherit; }
	.wrapper-ircheli{ background-size:100% auto; -webkit-background-size:100% auto; background-repeat:no-repeat; width:55px; bottom:-15px; } 
	
	.mobile-toggle{ width:100%; background:#e1007a; color:#fff; padding:5px; font-size:16px; display:block; cursor:pointer;}  
	.mobile-toggle img{ max-width:25px;}  
	.mobile-toggle + ul{ display:none;} 
	.wrapper-middle .header{ margin:0;} 
	.wrapper-middle .navigation ul{ width:100%; margin-top:2px;} 
	.wrapper-middle .navigation ul li ul { margin: 2px 0 2px 3%; width: 97%;}
	 
	
	.startseite-text p{ padding:30px 20px 0 28px; }
 	
}
@media screen and (max-width:480px){ 
	.table th, .table td,.table tr{ display:inline-block; width:100% !important; text-align:center;   }
}

/* supersized corrections */
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#supersized { margin-left:0;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#supersized { width:110% !important;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
#supersized { margin-left:0; }
}

/* Buttons (überall gleich) */
.language-switcher{
  display:flex;
  gap:8px;
}

.language-switcher a.lang-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:20px;
  background:#e7e7e7;
  color:#4d4d4d;
}

.language-switcher a.lang-btn:hover{
  background:#f2f2f2;
}

.language-switcher a.lang-btn.active-lang{
  background:#e1007a;
  color:#fff;
}

/* Unterseiten: unter dem linken Menü */
.navigation .language-switcher{
  margin-top:10px;
}

.home .language-switcher{
  margin-left:80px;
  margin-top:20px;
}

/* Startseite: normal = weiss */
.home .language-switcher a.lang-btn{
  background:#ffffff;
  border:1px solid #ddd;
}

/* Startseite: hover = dunkler */
.home .language-switcher a.lang-btn:hover{
  background:#e7e7e7;
}

/* Startseite: aktiv bleibt pink */
.home .language-switcher a.lang-btn.active-lang{
  background:#e1007a;
  border-color:#e1007a;
  color:#fff;
}