body{
	font-family: "acumin-pro-semi-condensed";
	font-size: 100%:
}


.white_title{
	color: #ffffff;
}


img{
	height: 100%;
	width: auto;
}

h2{
	font-size: 2em;
}

h3{
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}


/*------------  Header ---------------*/



.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}


.icon-bar{
	background-color: #000000;
}

.headernav{
	margin: 0;
	padding: 0;
	font-family: "acumin-pro-semi-condensed";
	font-style: italic;
	font-size: 1.125em;
	border-bottom: 5px solid #ada385;
}
.headernav .navbar-brand {
  height: 90px;
}

.headernav .nav >li >a {
  padding-top: 40px;
  padding-bottom: 30px;
  color: #4b412b;
  /*
  color: #63be4f;
  */
}
.headernav .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.navbar{
	margin-bottom: 0;
	background-color: #ffffff;
	border: none;
}

.nopadding {
	margin: 0 !important;
	padding: 0 !important;
}

.aktiv{
	background-color: #63be4f;
	color: #ffffff !important;
}


/*
.headernav .nav >li >a:hover{
	background-color: #63be4f;
	color: #ffffff !important;
}
*/


/*------------------------ Scrolldown ---------------------------*/

#scrolldown{
	background-color: #34933d;
	height: 40px;
}

.scrolldown_txt{
	font-family: "marydale";
	text-align: center;
	padding-top: 10px;
}
#scrolldown a{
	color: #ffffff;
	text-decoration: none;
}

/*------------------------ Aktuelles ---------------------------*/


.aktuelles_background{
	background-color: #63be4f;
}

#aktuelles{
	padding-top: 1em;
	padding-bottom: 3em;
}



#aktuelles h2 {
	color: #ffffff;
}


#aktuelles hr{
	border: 0,5px solid #ffffff;
}


.aktuell_box {
	padding: 1em;
	background-color: #ffffff;
	border: 2px solid #509b36;
}

.aktuell_box h3{
	margin-bottom: 0.5em;
}

.aktuell_box p{
	margin-bottom: 1em;
	max-height: 100px;
}

/*------------------------- Über mich ---------------------*/



.nopadding{
	margin: 0 !important;
	padding: 0 !important;
}

.hannah_img{
	max-width: 250px;
}

#hannahschaffrath{ 
	
}



.hannah_txt{
	padding-right: 5em;
	font-style: italic;
	padding-top: 2em;
}

.hannah_txt h2{
	width: 310px;
	height:40px;
	background-image: url('../img/hannah_name.svg');
	background-repeat: no-repeat;
	background-size: cover;
}

.hannah_txt p{
	padding-top: 1em;
	font-size: 1.125em;
}

/*------------------------ Kursangebot ----------------------*/

.kursangebot_background{
	background-color: #63be4f;

	background-image: url('../img/angebot_background.svg');
	background-position: center center;
	background-size: cover;
}


.angebot_txt{
	position: absolute;
	z-index: 9999;
	display: none;
	background-color: #ffffff;
	border: 1px solid #34933d;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 30px;
}

.angebot_txt div{
	display: block;
	padding: 1em;
	background-color: #57be4f;
}

.angebot_txt h3{
	color: #ffffff;
	font-size: 2em;
	background-repeat: no-repeat;
}

#ballett_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/ballett.svg');
}

#floorbarre_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/oriental.svg');
}

#jazzdance_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/jazzdance.svg');
}

#kindertanz_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/kindertanz.svg');
}
#moderndance_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/moderndance.svg');
}
#mutterkindtanz_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/linedance.svg');
}
#tanzfit_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/paartanz.svg');
}
#gymnastik_txt h3 {
	padding-left: 40px;
	background-image: url('../img/icons/streetdance.svg');
}


.angebot_txt p{
	color: #34933d;
	font-size: 1.125em;
	font-weight: 100;
	
}

.closeinfo{
	display: block;
	text-align: center;
	font-size: 0.833em;
	font-weight: 100;
	color: #cccccc;
	padding-top: 25px;
}

.angebot_btn{
	background-color: #ffffff;

}



.angebot {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
    height:175px;
    width: 100%;
    cursor: pointer;
	margin: 2.5em 0 2.5em;
	padding: 1em;
}

.angebot h2 {
    position:relative;
    float:left;
    width:50px;
    height:100%;
    padding:0;
    margin:0;    
    border-right: 1px solid #34933d;
    font-size: 1em;
}

.angebot h2 span {
    width:150px; /* same as height of .rotateObj */
    -moz-transform-origin:80px 70px;
	-ms-transform-origin:80px 70px;
	-o-transform-origin:80px 70px;
    -webkit-transform-origin:80px 70px;
    display:inline-block;
    -moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    text-align:center;
    
}

.angebot_icon{
	float:left;
	height: 81%;
    width:61%;
	margin: 10px 20px;
}

#ballett_icon{
	background-image: url('../img/icons/ballett.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: auto;
}

#floorbarre_icon{
	background-image: url('../img/icons/oriental.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: auto;
}

#jazzdance_icon{
	background-image: url('../img/icons/jazzdance.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: auto;
}

#moderndance_icon{
	background-image: url('../img/icons/moderndance.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
}


#tanzfit_icon{
	background-image: url('../img/icons/paartanz.svg');
    background-repeat: no-repeat;
    background-position: center center;

}

#kindertanz_icon{
	background-image: url('../img/icons/kindertanz.svg');
    background-repeat: no-repeat;
    background-position: center center;

}

#mutterkindtanz_icon{
	background-image: url('../img/icons/linedance.svg');
    background-repeat: no-repeat;
    background-position: center center;

}



#gymnastik_icon{
	background-image: url('../img/icons/streetdance.svg');
    background-repeat: no-repeat;
    background-position: center center;

}

/*------------------------ Kursplan -----------------------*/


.kursplan_row_border{
	padding-bottom: 10px;
	border-bottom: 3px solid #63be4f;
}


.wochentag_btn{
	pointer-events: none;
	cursor: auto;
}

.wochentag{
	width: 100%;
	background-color: #63be4f;
	padding: 0.1em 0.31em;
	margin-bottom: 1em;
	color: #ffffff;
}

.wochentag h4{
	font-weight:100;
}

.andor_list_btn{
	pointer-events: auto;
}

.inmovimaint_list_btn{
	pointer-events: auto;
}


.kursplan-einheit{
	height: 4em;
	padding-left: 0.25em;
}

.kursplan-zeit{
	font-size: 0.833em;
}

.kursplan-zeit img{
	height: 0.9em;
	width: auto;
	
	padding-right: 5px;
}

.kursplan-kurs{
	font-size: 0.95em;
}

.kursplan-ort{
	font-size: 0.833em;
}

.kursplan-ort img{
	height: 0.9em;
	width: auto;
	
	padding-right: 5px;
}

.kursplan-ort a{
	color: #000000;
}

.kursplan_hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.legenden{
	margin-top: 10px;
}

.legenden ul{
	text-align: right;
}

.legende_li{
	margin-left: 30px !important;
}
.legenden ul li{
	margin: 0;
	padding: 0;
}

.legende-color{
	margin: 0;
	padding: 0;
	width: 1.4em;
	height: 0.7em;
}
.legende-status{
	margin-left: 5px !important;
	font-size: 0.833em;
	
}

/*------------------------ Preise ----------------------*/

#kurspreise{
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

#kurspreise h3{
	margin-bottom: 0.833em;
	color: #357133;
}

#kurspreise h3 .preisjahre{
	font-size: 0.5em;
}

.preisbox{
	background-image: url('../img/smallBox_gradient.svg');
	background-size: cover;
	/*border:1px solid #2d5121;*/
	color: #ffffff;
	padding: 1em;
}

.preisbox ul{
	width: 100%;
}

.preisbox ul li{
	width: 20%;
}


.timeeinheiten{
	margin-left: 0.8em;
}

.einheiten {
    height:79px;
    width: 35px;
	background-color: #ffffff;
	padding: 0em;
	color: #63be4f;
}

.einheiten h2 {
    position:relative;
    float:left;
    height:100%;
    width: 10px;
    font-size: 0.7em;
    font-style: normal;
    padding:0;
    margin: 0;
	margin-right: 0.5em;
}


.einheiten h2 span {
    width:75px; /* same as height of .rotateObj */
    -webkit-transform-origin:38px 38px;
    display:inline-block;
    -webkit-transform:rotate(-90deg);
    text-align:center;
    
}

.einheiten_anzahl{
	float:left;
	padding-top: 0.5em;
	font-size: 0.75em;
	text-align: center;
	font-weight: 100;
	font-style: normal;
	line-height: 2em;
}



.time{
	height:25px;
    width: 35px;
	background-color: #ffffff;

}

.timeicon_div{
	text-align: center;
}

.timeicon{
	width: 50%;
	height: auto;
}



.preistable{
	height: 80px;
	width: 100%;
	padding-left: 2em;
}

.zeiten{
	border-bottom: 1px solid #ffffff;
}

.zeit{
	padding-left: 1em;
	padding-bottom: 1em;
}

.preise{
	
}

.preis{
	padding-top: 1em;
	padding-left: 0.75em;
	font-size: 1.333em;
	font-style: italic;
	font-weight: 300;
}


#kurspreise .small_txt{
	font-size: 0.75em;
	margin-top: 1em;
}



/*-------------------------Kursorte--------------------------*/


#kursorte{
	margin-bottom: 40px;
	
}

#kursorte hr{

}

.places{
	padding-top: 20px;
}

.placeicon{
	
}

.place_box{
	padding-left: 2em;
	cursor: hand;
    cursor: pointer;
}

.place_box address{
	font-size: 1.75em;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
	
}

.placeicon_div{
	text-align: center;

}

#inmovimaint_btn{
	border-right: 1px solid #000000;
}

.address{
	height:5em;
	width: 200px;
}

.address h4{
	font-size: 1.63em;
	
}

/*------------------------ MAP --------------------*/


#map{
border-top: 7px solid #ada385;

}





/*------------------------ Privatstunden --------------------*/


.privatstunden_background{

	padding-bottom: 2em;
	background-image: url('../img/green_gradient.svg');
	background-size: cover;
}

#privatstunden h1{
	color: #ffffff;
}

.privatstunden_txt{
	font-size: 1.33em;
}

.privatstunden_preisbox{
	margin: 2em;
	padding: 20px;

	background-color: #ffffff;
}

.privatstunden_preisbox ul li{
	vertical-align: middle;
}



.people_img {
	height: 30px;
	width: 25px;
	background-image: url('../img/people.svg');
	background-repeat: no-repeat;
	background-size:auto;
}

.people2_img {
	height: 30px;
	width: 20px;
	background-image: url('../img/people.svg');
	background-repeat: repeat-x;
	background-size:auto;
}

.people3_img {
	height: 30px;
	width: 30px;
	background-image: url('../img/people.svg');
	background-repeat: repeat-x;
	background-size:auto;
}


.person{
	font-size: 1.333em;
}

.privatpreis{
	font-size: 1.5em;
}
.privatchf{
	font-size: 0.75em;
}

/*------------------------ Gasttraining --------------------*/

#gasttraining{
	margin-bottom: 2em;
}


#gasttraining h1{
	margin-bottom: 1em;
}

.gasttraining_txt{
	margin: 0;
	padding: 0;
	font-size: 1.33em;
}

.gasttraining_img{

}


.gasttraining_preise{
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 2em;
}


.gasttraining_preise_bg{
	background-color: #5abe4f;
}

.gasttraining_preisbox{
	background-color: #ffffff;
	margin: 10px;
	padding: 10px;
	height: 150px;
	width: 250px;
}
.gasttraining_preisbox h4{
	font-size: 2em;
}

.gasttraining_preisbox p{
	font-weight: 100;
	font-size: 0.75em;
}
.gasttraining_preisbox_txt{
	height: 40px;
}

.gasttraining_preis{
	text-align: right;
	font-size: 1.5em !important;
	font-weight: 400 !important;
}

.wochentlich{
	font-size: 0.5em;
}


.gasttraining_chf{
	font-size: 0.5em;
}


#gasttraining .small_txt{
	font-size: 0.75em;
	margin-top: 1em;
}


/*------------------------ Kindergeburtstage --------------------*/

.kindergeburtstage_background{
	background-image: url('../img/floor.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	border-bottom: 10px solid #ada385;
}


#kindergeburtstage h1{
	margin-bottom: 1em;
	display: block;
	text-align: center;
}

#kindergeburtstage h1 img{
	max-width: 55%;
	height: auto;
}

.geburtstag_img {
	margin-top: -50px;
}

.preisanfrage_txt{
	margin-top: 30px;
}









/*------------------------ Kontakt --------------------*/



.kontakt_background{

	padding-bottom: 2em;
	background-image: url('../img/green_gradient.svg');
	background-size: cover;
	border-bottom: 10px solid #34933d;
}


#kontakt {
	color: #ffffff;
	font-weight: 100;
	padding-top: 1em;
	padding-bottom: 1em;
}

#kontakt h2{
	margin-bottom: 1em;
}

.kontakt_txt{
	margin-bottom: 3em;
	width: 75%;
	font-size: 1.25em;
}

.kontakt_ul{
	margin: 0;
	padding: 0;
}

.kontakt_ul li{
	margin-top: 1em;
	margin-bottom: 1em;
}

.kontakt_mail{
	list-style: none;
	background-image: url('../img/mailicon.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px;
	padding-left: 55px;
	font-size: 1.5em;
	font-weight: 600;
}

.kontakt_phone{
	list-style: none;
	background-image: url('../img/phoneicon.svg');
	background-repeat: no-repeat;
	background-position: left center;

	padding-left: 47px;
	font-size: 1.75em;
	font-weight: 600;
	margin-left: 8px;
}

.form_name{
	
}
.form_mail{
	
}

.small_input {
	

}


#kontakt .alert{
	width: 90%;
}

#kontakt_form{
	
	width: 90%;
}


#kontakt_form label{
	font-weight: 100;
}


#kontakt input{
	color: #5abe4f;
}

#kontakt input:focus { 
    border: 1px solid #357133;
}


#kontakt textarea{
	color: #5abe4f;
}

#kontakt textarea:focus { 
    border: 1px solid #357133;
}


.marker_txt{
	font-size: 0.833em;
}



/*------------------------ Footer --------------------*/

.footer_background{
	color: #359c3c;
	background-color: #e8e4d7;
}

#footer{
	font-weight: 100;
	padding-top: 1em;
	padding-bottom: 4em;
}


.impressum h3{
	padding-top: 1em;
}

.impressum hr{
	margin-top: 5px;
	margin-bottom: 20px;
	border-color: #359c3c;
}

.impressum_name{
	font-size: 1em;
}

.impressum_namezusatz{
	margin-top: .5em;
	font-size: 0.75em;
}
.impressum_adresse{
	font-size: 0.833em;
}
.impressum_kontakt{
	font-size: 0.75em;
}



.partner h3{
	padding-top: 1em;
}

.partner hr{
	margin-top: 5px;
	margin-bottom: 20px;
	border-color: #359c3c;
	
}

/*------------------------ RESPONSIV --------------------*/


/* Mobile Screen (XS) */

@media only screen and (max-width: 768px) {
	
	body{
		font-size: 95%;
	}
	
	img{
		height: 90%;
		width: auto;
	}

	.wochentag_btn{
		pointer-events: auto;
		cursor: hand;
	}
}


#map {
		width: 100%;
        height: 300px;
      }