@charset "UTF-8";


@media (max-width: 1279px)
{
	
#lc1, #lc8
{
	width:360px;
	margin-right:100px;
	margin-left:auto;
	margin-top:40px;
}

#lc2, #lc7
{
	width:360px;
	margin-left:100px;
	margin-right:auto;
	margin-top:40px;
}


#lc4, #lc5
{
	width:280px;
	margin-right:180px;
	margin-left:auto;
	margin-top:40px;
}

#lc6, #lc3
{
	width:280px;
	margin-left:180px;
	margin-right:auto;
	margin-top:40px;
}


.leitbild-col
{
	height:300px;
}

.leitbild-text
{
	padding-top:30px;
	padding-bottom:30px;
	font-size:28px;
}

.logo-mitte-position
{
	width:300px;
}

.logo-mitte
{
	width:300px;
	margin-top:-464px;
	margin-left:-4px;
}

}

@media (max-width: 1200px)
{


.kontakt-item-text
{
    font-size:12px;
}	

	
}

@media (max-width: 991px)
{

.schulfamilie-text-email
{
	font-size:14px;
}
	
.schulfamilie-text-name
{
	font-size:24px;
}

.emaillang
{
	font-size:12px;
}	
	
.menu-nav
{
	display:none!important;			
}
	

.menu-button
{
	display:block;
}	

.kontakt-item-text
{
    font-size:16px;
}	

.kontakt-item 
{
      margin-left:auto;
      margin-right:auto;
      width:350px;    
}	
	
	


.header-menu-abstand
{
	min-width:1px;
	height:130px;
}
	
	
.banner-oben-feld
{
	margin-top:8px;
}

.banneroben-icon
{
	font-size:22px;
	color:#FEFEFE;
}

	
.banneroben-icon-bild
{
	width:60px;
	margin-top:-5px;
}	

.banneroben-textfeld
{
	color:#FEFEFE;
	margin-top:1px;
	margin-left:10px;
	float:left;
}

.banneroben-text-1
{
	font-size:13px;
	padding-bottom:7px;
}

.banneroben-text-2
{
	font-size:13px;
}

.banneroben-text-1 a, .banneroben-text-2 a
{
	color:#FEFEFE;
}

.banneroben-text-1 a:hover, .banneroben-text-2 a:hover
{
	color:rgba(207, 12, 173, 1);
}	
	
.banneroben-strich
{
	height:40px;
	background:#FEFEFE;
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
}
	
.mitte-container-schulfamilie
{
	max-width:700px;	
}
	
#lc1, #lc8
{
	width:300px;
	margin-right:65px;
	margin-left:auto;
	margin-top:25px;
}

#lc2, #lc7
{
	width:300px;
	margin-left:65px;
	margin-right:auto;
	margin-top:25px;
}


#lc4, #lc5
{
	width:220px;
	margin-right:145px;
	margin-left:auto;
	margin-top:25px;
}

#lc6, #lc3
{
	width:220px;
	margin-left:145px;
	margin-right:auto;
	margin-top:25px;
}


.leitbild-col
{
	height:240px;
}

.leitbild-text
{
	padding-top:30px;
	padding-bottom:30px;
	font-size:24px;
}

.logo-mitte-position
{
	width:250px;
}

.logo-mitte
{
	width:250px;
	margin-top:-377px;
	margin-left:-4px;
}
	
	
	
	
}

@media (max-width: 766px)
{
 
.schulfamilie-text-name
{
	font-size:28px;
}
	
.emaillang
{
	font-size:14px;
}

.schulfamilie-textblock
{
	padding-bottom:10px;
}	
	
.highlighttext
{
    font-size:24px;
}

.kontakt-item-text
{
    font-size:13px;
}
	
.kontakt-item
{
    width:280px;
	margin-left:auto;
	margin-right:auto;
}
	

.mitte-container-schulfamilie
{
	max-width:520px;	
}	
	
	
.hort-logo
{
	float:none;
	margin-right:auto;
	margin-left:auto;
}	

.hort-kontakt
{
	margin-right:auto;
	margin-left:auto;
	padding-left:0px;
	padding-right:0px;
	max-width:270px;
}	


#lc1, #lc2, #lc3, #lc4,	#lc5, #lc6,	#lc7, #lc8
{
	width:100%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}

.leitbild-col
{
	height:auto;
	padding-left:30px;
	padding-right:30px;
	width:100%;
	float:none;
	padding-bottom:15px;
	padding-top:15px;
}

.leitbild-text
{
	padding-top:30px;
	padding-bottom:30px;
	font-size:28px;
}

.logo-mitte-position
{
	display:none;
}

.logo-mitte-oben
{
	display:block;
}	


.kooperation-headertext
{
	width:auto;
	height:100px;
	font-size:26px;
	float:none;
}	
	
.link-textbox
{
	width:auto;
	float:none;
}

.link-headertext
{
	font-size:22px;
	padding-left:15px;
}
	
	
	
	
}

	
@media (max-width: 575px)
{
	
h1
{
	padding-left:15px;
	padding-right:15px;
	font-size:36px;
}
	
.highlighttext
{
    font-size:18px;
    padding-left:10px;
    padding-right:10px;
}	
	
.mobile-container
{
	padding-left:15px;
	padding-right:15px;
}
	
.impressum-textbox
{
    padding:15px;
}
	
.container-aktionen	
{
	margin-left:15px;
	margin-right:15px;
	width:auto;
}

.kooperation-headertext
{
	font-size:24px;
	padding-left:10px;
}		
	
.brands-rechteck
{
    width:120px;
}

.brands-logo-img
{
    width:100px;

}	
	
	
.infoheader
	{
		text-align:center;
		width:100%;
	}

	

.telefontext, .telefonnummer
{	
	font-size:13px;	
}
		
.logooben
{
	width:250px;
	margin-top:8px;
}
	
.mobilmenufenster
{
	top:130px;
}	

.header-zeile
{
	height:80px;
}
	
.header-menu
{
	top:80px;
}
	
.header-menu-abstand
{
	height:80px;
}
	
.banneroben-mobil
{
	top:80px;
}	
	
.linie
{
	top:80px;
	box-shadow: 0px 0px 0px 0px rgba(0, 158, 227, 0.5);
}
	
#nav-icon1 
{
	margin-top:23px;
}
 

.container-kontakt
	{
		padding-left:15px;
		padding-right:15px;
	}
	
.ausblenden575	
{
	display:none!important;		
}

.schulberatung-text-oben, .kontaktseite-text-oben, .kontaktseite-text-oben-2, .foerderverein-text-oben
{
	font-size:26px;
	padding-left:15px;
	padding-right:15px;

}
	
.schulberatung-text, .kontaktseite-text
{
	font-size:17px;
	padding-left:17px;
	padding-right:17px;
}	
	
.link-headertext
{
	font-size:20px;
	padding-left:10px;
}	
	
}


@media (max-width: 410px)
{

.termine-bezeichnung
{
	font-size:18px;
}
	
.kooperation-headertext
{
	font-size:22px;
}		
	
.link-headertext
{
	font-size:17px;
}
	
.link-text
{
	font-size:12px;
}

	
	
	
.elternmailtext, .elternheader-subtext
{
	font-size:15px;
	padding:10px;
}
	
.eltern-textblock1, .eltern-textblock2
{
	font-size:15px;
	padding:30px 10px 30px 10px;

}
	
.elternheader-text
{
	font-size:17px;
	padding-left:10px;
	padding-right:10px;
}
	
}

@media (max-width: 374px) {

h1
{
	font-size:30px;
}	
	
#nav-icon1 
{
	margin-right:-5px;
}
 
.logooben
{
	width:230px;
	margin-top:11px;
}	
	
.banneroben-strich
{
	margin-left:10px;
	margin-right:10px;
}
	

		
  
}


@media (max-width: 575px) {
  .hidden-mb {
    display: none !important;
  }
}


@media (max-width: 991px) {
  .hidden-mobile {
    display: none !important;
  }
}
	

@media (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
}


@media (min-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
	
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-tab {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-tab-2 {
    display: none !important;
  }
}


@media (min-width: 992px) {
  .hidden-scr {
    display: none !important;
  }	
}