/* ################## ÜBERBLICK ######################### */


/* ################## B E G I N N  BILDER IM LEISTUNGSUEBERBLICK (liegen im Hintergrund ######################### */

#leistungimage.ueberblick_img_1_kurs, .leistungsbild.ueberblick_img_1_kurs{
background-image: url(../bilderpfad/back/transfiguration.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_2_kurs, .leistungsbild.ueberblick_img_2_kurs{
background-image: url(../bilderpfad/back/transfiguration-2.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_3_kurs, .leistungsbild.ueberblick_img_3_kurs{
background-image: url(../bilderpfad/back/transfiguration-feld.jpg);
background-position:center center;
}




#leistungimage.ueberblick_img_1_aufbaukurs, .leistungsbild.ueberblick_img_1_aufbaukurs{
background-image: url(../bilderpfad/back/aufbaukurs-transfiguration-intensiv-1.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_2_aufbaukurs, .leistungsbild.ueberblick_img_2_aufbaukurs{
background-image: url(../bilderpfad/back/21-chakren-transfiguration-workshop-1.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_3_aufbaukurs, .leistungsbild.ueberblick_img_3_aufbaukurs{
background-image: url(../bilderpfad/back/aufbaukurs-transfiguration-intensiv-1.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_4_aufbaukurs, .leistungsbild.ueberblick_img_4_aufbaukurs{
background-image: url(../bilderpfad/back/aufbaukurs-transfiguration-intensiv-2.jpg);
background-position:center center;
}

#leistungimage.ueberblick_img_5_aufbaukurs, .leistungsbild.ueberblick_img_5_aufbaukurs{
background-image: url(../bilderpfad/back/aufbaukurs-transfiguration-intensiv-2.jpg);
background-position:center center;
}








/* ##################  E N D E  BILDER IM LEISTUNGSUEBERBLICK (liegen im Hintergrund ######################### */


#leistungsauswahl{
width:100%;
display:table;
background-color:rgba(185,162,197,.2);
background-color:rgba(210,199,146,.2);
background-color:#fff;
border-top:solid 0px #f90;
}

#leistung, #leistungimage, .leistungsbild {
width: 50%;
float: none;
display: table-cell;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: solid 0px #000;
}

#leistungimage {
height: 550px;
}

.leistungstext{
border: solid 0px #ff0;
padding: 50px 150px 50px 50px;
margin: 100px 0 0 0;
}

.leistungstext h2 {
padding:0;
margin:0 0 15px 0;
}

.leistungstext p {
padding:0;
margin:0 0 15px 0;
}


@media handheld, only screen and (max-width: 1024px) {

#leistungsauswahl{padding-bottom:50px;}


#leistung, #leistungimage, .leistungsbild {width: 0}
.leistungsbild {min-height: 200px;}
.leistungsbild , .leistungsbild .win, .leistungtext, .leistungsbild .xxx  {width: 100%; display: inline-block;}
.leistungsbild {height:450px;}


.leistungstext{
border: solid 0px #ff0;
padding: 50px;
margin: 0 0 0 0;
}

#leistungimage.invisalign2, .leistungsbild.invisalign2{
background-image: url(../bilderpfad/behandlung/invisalign.jpg);
background-position:center center;
}

}


@media handheld, only screen and (max-width: 740px) {

.leistungsbild {height:350px}

.leistungstext{
	border: solid 0px #ff0;
	padding: 20px 10px;
	}

}

@media handheld, only screen and (max-width: 480px) {
.leistungsbild {height:250px;}
}