/** responsive  */

#navmobil {
	z-index:4000 !important;
}

/* max 1280 px breit */
@media only screen and (max-width: 1280px){
	
#mainnav, #headernav, #subnav {
	display:none !important;
}


#header {
	width:98% !important;
	margin:30px 0px;
	text-align:center;
	height: auto;
}

#header .inside {
	width:100%;
}


#logo {
	margin:10px auto 0 auto !important;
	text-align:center;
	float:none !important;
}

#logo img {
	width:150px;
	height:auto;
	margin-bottom:30px;
}

.startseite #logo, .kurse #logo, .ausleihservice #logo, .seite-praxis #logo, .seite-preise #logo {
	float:none !important;
}



.mod_eventlist .upcoming {
	top: 1vh;
}




.mod_mobile_menu {
	display:block;
	text-align: center;
    padding:5px 0;
    cursor: pointer;
    width:100%;
    color:#fff;
    background-color:#E42A28;
    margin:0px auto;
    text-transform:uppercase;
    font-family:'Yanone Kaffeesatz', Verdana, sans-serif;
    font-weight:400;
    clear:both;
	box-sizing:border-box;
}


#wrapper {
	width:90% !important;
}



.startseite .zitatlinie, .zitatlinie{
	display:none;
}


#footer .footer-left, #footer .footer-middle, #footer .footer-right {
	font-size:28px !important;
	width: 33.3% !important;
	padding:0 10px !important;
	box-sizing:border-box;
}


#footer .footer-right {
	padding-right:8px;

}

/************ MOBILE NAVIGATION */

.mobile_menu .inner {
	background:#fff;
}


#mobilenav{
	text-transform:uppercase;
}

#mobilenav ul {
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	color:#E42A28;
}

#mobilenav li {
	margin:0;
	padding:5px 10px;
	color:#E42A28;
	text-align:right;
}

#mobilenav .level_1 li.trail {
	
}

#mobilenav .level_1 li {
	border:none;
}

#mobilenav a {
	text-decoration:none;
	color:#E42A28;
}

#mobilenav a:hover {
	color:rgba(228, 42,40,0.7);
	text-decoration:none;
}

#mobilenav strong.active{
	text-transform:uppercase;
	color:#E42A28;
	font-weight:400;
}

#mobilenav .startseite, 
#mobilenav .kurse,
#mobilenav .seite-praxis,
#mobilenav .seite-preise,
#mobilenav .ausleihservice,
#mobilenav .navigestaltung {
	
	margin-top:15px;
	text-align:right;
	padding-right:5px;
	font-weight:400;
	font-size: 26px;
border-top:1px solid #E42A28;
	padding-top:5px;
}

.mod_eventlist .upcoming {
	top:1vh;
}


}



/* max 1120 px breit */
@media only screen and (max-width: 1120px){

.kurse .upcoming h2 {
	font-size:28px !important;
}
}




/* max 968 px breit */
@media only screen and (max-width: 968px){

.startseite .zitatstart, .zitatstart {
	float:none !important;
	width: 100% !important;
}


.mod_eventlist {
	padding-left:10px !important;
	padding-top:10px !important;
	margin-bottom:30px !important;
}	

/* Eventliste Startseite */
.mod_eventlist {
	min-height: 190px !important;
}

.upcoming {
	position:relative;
	xtop:12vh !important;
}

.upcoming h2 {
	font-size:24px !important;
}



.abstand-links {
	margin-left:0px !important;
}

.heartlist {
	display:none;
}



#footer .footer-left, #footer .footer-middle, #footer .footer-right {
	font-size:24px !important;
	width: 33.3% !important;

}

.upcoming {
	padding-left:330px;
}


.mod_eventlist .upcoming {
	top:1vh;
}

}








/* max 768 px breit */
@media only screen and (max-width: 768px){




.zitatblock p {
	text-align:center;
	padding-left:10px !important;
	padding-top:10px !important;
}


.zitatblockstartseite p {
	text-align:center;
	padding-left:10px !important;
	padding-top:10px !important;
}



.zitatblock img {
	left:0px !important;
	float:none;
}


.zitatblockstartseite img {
	left:0px !important;
	float:none;
}

.zitatblock .image_container {
	text-align:center;
	margin-bottom:100px;
}



.zitatblockstartseite .image_container {
	text-align:center;
	margin-bottom:100px;
}


.mod_eventlist .upcoming {
	top:1vh;
}


#herz {
	right:10px !important;
}

#footer .footer-left, #footer .footer-middle, #footer .footer-right {
	font-size:26px !important;
	width: 100% !important;
	height: auto !important;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:center !important;
	box-sizing:border-box;
}


#footer .footer-right {
	padding-right:0px;

}

}







/* max 560 px breit */
@media only screen and (max-width: 560px){

.kurse .upcoming {
	width:100% !important;
}






}