@charset "utf-8";
/* CSS Document */



/**** IMPRESSUM ****/

.profil{
/*	padding-top: 20px;
	padding-bottom: 20px;*/
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0% 5% 0% 5%;
}
.portrait{
	float:left;
/*	width: 350px;*/
	display: block;
	/*margin-left: 3%;*/
	width: 90%;
	max-width: 300px; 
	height: auto;
	max-height: 375px;
	/*margin-bottom: 5%*/
	padding: 1% 5% 5% 5%;
	
}
.beschreibung{
	border: 1px solid rgba(153, 153, 153, 0.7);
	border-radius: 0px 8px 0px 8px;
	/*background: #EAE4EC;*/	
/*	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	/*line-height: 1.7;		*/
	line-height: 2;		
	float: left;
	display: block;
	width: 40%;	
/*	width: 400px;*/
	min-width: 300px;
	height: auto;
	min-height: 275px;
/*	padding: 3%;
	margin: 0% 5% 5% 5%;*/
	/*padding:3% 5% 2.6% 5%;*/
	padding: 3% 5% 3% 5%;
	/*margin: 5% 0% 5% 5%;*/
}


.profil:after{
	content: "";
	display: table;
	clear:both;
	}
/*	list-style: none;
	display: inline;
	padding: 10px 20px;
	border: 1px solid rgba(153, 153, 153, 0.1);
	border-radius: 0px 8px 0px 8px;
	background: #EAE4EC;*/
	

#intro{
	float: left;
	max-width: 850px;
	padding-bottom: 40px;
	padding: 5%;
    line-height: 2em;
    color: #827c78;
}

#outline{
	border: 1px solid rgba(153, 153, 153, 0.1);
	border-radius: 0px 8px 0px 8px;
	padding: 2% 0% 2% 0%;
}
/*.tanzthema{
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}*/
.tanzart-bild{
	/*float:left;*/
/*	width: 350px;*/
	display: block;
	margin-left: 2%;
	min-width:50%;
	width: 97%;
	height: auto;
	/*padding: 3% 3% 3% 0%;*/
}
.textOverImage{
	position: relative;
	width: 300px;
	height: 375px;
	float: left;
	margin: 3px;
	background-size: 100%;
	background-position: center;
	transition: 0.5s;
	/*margin: 2% 1% 2d% 1%;*/
}
.textOverImage:hover{
	background-size: 110%;
	position: relative;
}
.textOverImage:after{
	position: absolute;
	/*top: 100%;*/
	top: 93%;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
	overflow: hidden;
	background-color: rgba(0,0,0,0.5); /* 0.6*/
	color: #fff;
	padding: 0 8px;
	/*opacity: 0;*/
	content:attr(data-text);
	transition: 0.5s;
	margin-right: 1%;
}
.textOverImage:hover:after{
	/*opacity: 1;*/
	top: 0;
	padding: 8px;
}
.textOverImage:first-line{
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
/*.tri-box{
	width: 98%;
	float: left;
	height: 400px;
	padding: 1%;
}*/

.tri-box{
	width: 100%;
	float: left;
	height: 400px;
}	
.tanzart-text-middle{
	float: left;
	display: block;
	width: 300px;
	min-width: 175px;
	max-width: 85%;
	height: auto;
	min-width: 100px;
	max-width: 85%;
	/*border: 1px solid rgba(153, 153, 153, 0.1);*/
	/*border-radius: 0px 8px 0px 8px;*/
	margin-left: 1%;
	text-align: center;
/*	padding: 2%;
	margin: 5%;*/
	font-size: 2em;
/*	margin-top: 10%;
	margin-bottom: 10%;*/
	margin-top: 2%;
}

.tanzart-text-middle-dreiTag{
	float: left;
	display: block;
	width: 300px;
	min-width: 175px;
	max-width: 85%;
	height: 375px;
	/*border: 1px solid rgba(153, 153, 153, 0.1);*/
	/*border-radius: 0px 8px 0px 8px;*/
	margin-left: 1%;
	text-align: center;
/*	padding: 2%;
	margin: 5%;*/
	font-size: 1.7em;
/*	margin-top: 10%;
	margin-bottom: 10%;*/
}
.tanzart-text-right{
	float: left;
	display: block;
	/*width: 280px;*/
	width: 25%;
	/*min-width: 175px;*/
	min-width: 300px;
	max-width: 85%;
	height: auto;
	border: 2px solid rgba(153, 153, 153, 0.1);
	/*border-radius: 0px 8px 0px 8px;*/
/*	background: #EAE4EC;
*/	margin-left: 1%;
/*	padding: 2%;
	margin: 5%;*/
	font-size: 1.5em;	
	text-align: center;
	/*padding-bottom: 2%;*/
	/*margin-top: -3%;*/
	min-height: 375px;
}

.tanzart-teaser{
	float: left;
	display: block;
	min-width: 175px;
	height: auto;
	border-bottom: 3px solid #791117;
	border-radius: 8px;
	padding: 5%;
	color: #fff6f6;
	background-color: #46434291;
	line-height: 1.7;
	margin: 5%;
}
.contentDance{
	margin: 0 auto;
	width: 80%;
}
.tanzart-teaser-text{


}	
.descript-teaser{
float: left;
	display: block;
	min-width: 175px;
	height: auto;
	border: 1px solid rgba(38, 63, 91, 0.1);
	border-radius: 8px 8px 0px 0px;
/*		background: #EAE4EC;

	margin: 5% 5% 5% 3%;*/
	margin-bottom: 3%;
	/*padding: 2% 2% 5% 2%;*/
	color: #fff;
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(38,63,91,1) 0%, rgba(14,14,14,1) 98%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(38,63,91,1) 0%,rgba(14,14,14,1) 98%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(38,63,91,1) 0%,rgba(14,14,14,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	background-color: #284362;
	/*box-shadow: 0 0 15px black inset; */
	/*box-shadow: 4px 4px 15px black;*/
}
.headstyle{
	padding: 2%;
}
.descript-teaser-ten{
	float: left;	
	/*width: 65%;*/
	width: 61%;
	max-width: 626px;
	min-width: 290px;		
	min-height: 692px;	
	/*margin: 1%;*/
	margin: 2%;
	font-size: 1.4em;	
	line-height: 160%;	
	background: #2b2b2b91; /* #2b2b2b91 <= Background white okay / org #EFEEEE;*/
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);	
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);	
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.20);		
	border-bottom: 4px solid #7a151bb3;	
}
.descript-teaser-ten-head{
	color: #d0cccc;
	font-size: 1.5em;
	font-style: bold;
	font-weight: bold;	
	text-align: end;	
	align-content: flex-end;	
	display: grid;
	/*min-height: 110px;*/
	min-height: 213px;
	padding: 3%;
	margin-top: auto;
	background-color: #383838a3;
	background-image: -webkit-linear-gradient(55deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: -o-linear-gradient(55deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: linear-gradient(145deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
	box-shadow: 1px 2px 2px grey;
	border-radius: 12px 12px 0px 0px;
}
.descript-teaser-ten-body{
	float: left;
	padding: 5%;
	color: #7d7d7d;	
}
.descript-teaser-flat{
	float: left;	
	/*width: 65%;*/
	width: 61%;
	max-width: 627px;
	min-width: 290px;	
	min-height: 810px;
	/*margin: 1%;*/
	margin: 2%;
	font-size: 1.4em;
	line-height: 160%;
	background: #2b2b2b91; /* #2b2b2b91 <= Background white okay / org #EFEEEE;*/
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);	
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	border-radius: 12px;	
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-bottom: 4px solid #7a151bb3;
	
}
.descript-teaser-flat-head{
	color: #d0cccc;
	font-size: 1.5em;	
	font-style: bold;
	font-weight: bold;
	text-align: end;	
	align-content: flex-end;
	display: grid;		
	/*min-height: 110px;*/
	min-height: 213px;
	padding: 3%;
	margin-top: auto;
	background-color: #383838a3;		
	background-image: -webkit-linear-gradient(55deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: -o-linear-gradient(55deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: linear-gradient(145deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
	box-shadow: 1px 2px 2px grey;
	border-radius: 12px 12px 0px 0px;		
}
.descript-teaser-flat-body{
	float: left;
	padding: 5%;
	color: #7d7d7d;
}
.teaser-head{
	color: #eaf3fb;     
	background-color: #9d2027; /*#791117 <= Background white, okay*/
	border-radius: 8px 8px 0px 0px;
	-webkit-clip-path: polygon(100% 0, 100% 68%, 25% 100%, 0 60%, 0 0);
	clip-path: polygon(100% 0, 100% 68%, 25% 100%, 0 60%, 0 0);
	margin-top: auto;
	margin-left: -0.2%;
	height: 100%;
	font-size: 3.0em;
	line-height: normal;
	padding: 6% 2% 15% 12%;
	width: 86.2%;
}
.teaser-body{
	min-width: 175px;
	height: auto;
	padding: 1% 2% 1% 12%;
	color: #a8a8a8;	/*color: #6a6868; <= dunkler */
	line-height: 2;
	font-size: 1.5em;
	margin: -5% 0% -3% 0%;
}
.teaser-food{
	color: white;
	background-color: #9d2027; /*#791117 <= Background white, okay*/
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 20%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 20%);
	margin: 0% 0% -1% -0.2%;
	height: 100%;
	font-size: 1.5em;
	line-height: 1.5;
	padding: 13% 2% 5% 12%;
	width: 86.2%;	
}
.li-style{
	list-style-type: disc;
	/*list-style-image: url(../favicos-200425022705/favicon-16x16.png);*/
	display: list-item;
}

.pricecard{
	float: left;	
	border-bottom: : 5px solid #EAE4EC;
	width: 290px;
	min-height: 692px;
	float: left;
	/*margin: 1%;*/
	margin: 2%;
	font-size: 1.4em;
	line-height: 160%;
	border-radius: 12px;
	background: #2b2b2b91; /* #2b2b2b91 <= Background white okay / org #EFEEEE;*/
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);	
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-bottom: 4px solid #7a151bb3;	
}
.pricehead{
	font-style: bold;
	background-color: #383838a3;  /*#57626fe0; schönes Grau #284362e0 schönes Darkblue*/
	font-weight: bold;
	box-shadow: 1px 2px 2px grey;
	vertical-align: middle;
	min-height: 110px;
	border-radius: 12px 12px 0px 0px;
	color: #d0cccc;
	font-size: 1.5em;
	padding: 3%;
	text-align: end;
	align-content: flex-end;
	display: grid;
	display: -webkit-grid; 
	background-image: -webkit-linear-gradient(55deg, #791117 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: -o-linear-gradient(55deg, #791117 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: linear-gradient(145deg, #791117 29%, #bdc2c8b3 30%, #1213135e 33%);

}
.spanflat{
	font-style: bold;
	font-weight: bold;
	font-size: 1.5em;
	text-align: left;
	padding: 6% 0% 6% 0%;
	float: left;
	line-height: 20%
}
.pricehead-flat{
	font-style: bold;
	background-color: #383838a3;
	font-weight: bold;
	box-shadow: 1px 2px 2px grey;
	min-height: 110px;
	border-radius: 12px 12px 0px 0px;
	color: #d0cccc;
	font-size: 1.5em;
	padding: 6%;
	text-align: end;
	margin-bottom: -11%;
	background-image: -webkit-linear-gradient(55deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: -o-linear-gradient(55deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: linear-gradient(145deg, #9d8e387d 29%, #bdc2c8b3 30%, #1213135e 33%);
}
.pricehead-ten{
	font-style: bold;
	background-color: #383838a3;
	font-weight: bold;
	box-shadow: 1px 2px 2px grey;
	min-height: 110px;
	border-radius: 12px 12px 0px 0px;
	color: #d0cccc;
	font-size: 1.5em;
	padding: 6%;
	text-align: end;
	margin-bottom: -23.5%;
	background-image: -webkit-linear-gradient(55deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: -o-linear-gradient(55deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
	background-image: linear-gradient(145deg, #8c9193 29%, #bdc2c8b3 30%, #1213135e 33%);
}
.priceone{
	background-color: #c4b358a1;
	padding: 8% 3% 8% 3%;
	height: 30%;
	color: white;
	/*font-size: 5em;*/
	/*margin-top: -12%;*/
	line-height: 80%;
	/*border-right: 1px solid white;*/
		/*border: 5px solid #EAE4EC;*/
}
.priceone-flat{
	background-color: #c4b358a1;
	padding: 8% 3% 8% 3%;
	height: 30%;
	color: white;
	/*font-size: 5em;*/
	margin-top: 11%;
	line-height: 80%;
	/*border-right: 1px solid white;*/
		/*border: 5px solid #EAE4EC;*/
}
.pricetwo-flat{
	background-color: #c4b358a1;
	padding: 8% 3% 8% 3%;
	height: 30%;
	color: white;
	/*font-size: 5em;*/
	margin-top: 2%;
	line-height: 80%;
	/*border-right: 1px solid white;*/
		/*border: 5px solid #EAE4EC;*/
}
.priceone-ten{
	background-color: #c4b358a1;
	padding: 8% 3% 8% 3%;
	height: 30%;
	color: white;
	/*font-size: 5em;*/
	margin-top: 11%;
	line-height: 80%;	
}
.euro{
	font-size:1.4em; 
	vertical-align: top;
}
.number{
	color: white;
	font-size: 4.3em;
	margin-top: -11%;
	line-height: 80%;
	padding-left: 6%;
}
.number_dreistellig{
	color: white;
	font-size: 4.3em;
	margin-top: -11%;
	line-height: 80%;
	padding-left: 1%;
}
.numbertext{
	font-size: 0.5;
	border-left: 0.5px; 
	color: white;
	/*text-align: right;*/
	display: grid;
	/*height: 60%;*/
	/*width: max-content;*/
	line-height: normal;
	float: right;
	margin-left: -15%;
	font-size: large;
	padding-top: 5%;
	border-left: 1px solid white;	
	/*padding-left: inherit;*/
	padding-left: inherit;
	border-left-width: thin;
	border-color: #ffffff82;
	hyphens: auto;
	width: 40%;
}
.numbertext_zweistellig{
	font-size: 0.5;
	border-left: 0.5px; 
	color: white;
	/*text-align: right;*/
	display: grid;
	/*height: 60%;*/
	/*width: max-content;*/
	line-height: normal;
	float: right;
	margin-left: -15%;
	font-size: large;
	padding-top: 5%;
	border-left: 1px solid white;	
	/*padding-left: inherit;*/
	padding-left: inherit;
	padding-bottom: inherit;
	border-left-width: thin;
	border-color: #ffffff82;
	hyphens: auto;
	width: 37%;
}
.numbertext_dreistellig{
	font-size: 0.5;
	border-left: 0.5px; 
	color: white;
	/*text-align: right;*/
	display: grid;
	/*height: 60%;*/
	/*width: max-content;*/
	line-height: normal;
	float: right;
	margin-left: -15%;
	font-size: large;
	padding: inherit;
	border-left: 1px solid white;	
	padding-left: inherit;
	border-left-width: thin;
	border-color: #ffffff82;
	hyphens: auto;
	width: 25%;
}		
.numbertext_vierstellig{
	font-size: 0.5;
	border-left: 0.5px; 
	color: white;
	/*text-align: right;*/
	display: grid;
	/*height: 60%;*/
	/*width: max-content;*/
	line-height: normal;
	float: right;
	margin-left: -15%;
	font-size: large;
	/*padding-top: 5%;*/
	border-left: 1px solid white;	
	/*padding-left: inherit;*/
	padding-left: inherit;
	border-left-width: thin;
	border-color: #ffffff82;
	hyphens: auto;
	width: 37%;
}
.pricetwo{
	background-color: #c4b358a1;
	padding: 8% 3% 8% 3%;
	height: 30%;
	color: white;
	/*font-size: 5em;*/
	margin-top: 2%;
	line-height: 80%;	
}
.pricedetails{
	min-width: 270px;
	min-height: 268px;
	text-align: center;
	line-height: 3;
	/*background-color: #dbdada52;*/
	border-radius: 0px 0px 12px 12px;
	color: #7d7d7d;
	padding-top: 8%;
	padding: 8% 3% 5% 3%;
	word-wrap: break-word;
}
.pricedetailstyle{
	font-size: 1.0em;
	border-bottom: 0.8px; 
	color: #c1bfbf; /* #7d7d7d dunkleres grau*/	
	display: grid;
	line-height: normal;
	/*float: right;*/
	/*margin-left: -15%;*/
	/*font-size: large;*/
	padding-top: 5%;
	border-bottom: 1px solid #7d7d7d;	
	padding-bottom: inherit;
	border-bottom-width: thin;
	border-color: #ffffff82;
	/*hyphens: auto;*/
	text-align: center;
	width: 100%;

}
.pricedetailstyle:last-child{
	border: 0px;
}	

.zeilenumbruch{
	line-height: 3;
}
#anker{
	text-decoration: none;
	color: #7d7d7d;
	font-weight: bold;
}
#anker:hover{
	content: "";
	color: #791117;
}
.link-buchen{
	text-decoration: none;
	font-style: normal;
	color: #c4c3c3; /*#000;*/
	text-align: center;
	
}
.link-buchen:hover{
	font-weight: bold;
	color: #c30b0c;
}
div .tri-box{
	float: left;
	height: auto;
} 
/****** Video-Training *****/
#teaser{

	font-size: 1.2em;
	display: inline-block;
	/*padding: 3% 1% 3% 5%;*/
	padding: 3% 1% 10% 5%;
	width: 80%;
	height: auto;
	/*float: left;*/
	/*color: #bbac90; gelb*/
	/*color: #ff3541a3; rot*/
	color: #827c78;
	/*margin-bottom: -35%;*/
	hyphens: auto;
	line-height: 1.7em;

}

.videoteaser, .teaser{
	/*font-size: 1.5em;*/
	font-size: 1.2em;
	display: inline-block;
	padding: 3% 1% 3% 5%;
	width: 80%;
	height: auto;
	float: left;
	color: #bbac90;
	/*font-weight: bold;*/
/*	
	display: block;
	min-width: 175px;
	height: auto;
	border: 1px solid rgba(38, 63, 91, 0.1);
	border-radius: 8px 8px 0px 0px;
	margin-bottom: 3%;
	padding: 2% 2% 5% 2%;*/
	margin-bottom: -35%;
	hyphens: auto;
	line-height: 1.7em;


}
.sloganpic{
	/*float: right;*/
	/*position: absolute; dadurch entsteht blöder Balken*/
	background-image: url(../img/training/PNGHOST_yoga-silhouette-pixabay_W7dtVL1xup.png);
	background-repeat: no-repeat;
	/*min-width: 305px;*/
	float: right;
	width: 30%;
	min-width: 15%;
	opacity: 0.1;
	margin-left: 90%;
	margin-top: -50%;
	/*margin-bottom: 6%;*/
	margin-bottom: 36%;
	display: inline-block;
}




.card{
/*	width: 375;
	height: 667px;*/
	width: 94.7%;
	min-height: 380px;	
	background: #D1D1D3; /*EFEEEE;*/
	/*border: 1px solid rgba(255, 255, 255, 0.20);*/
	border-radius: 12px;
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);
	/*float: right;*/
	float: left;
	margin: 2.5%;
	margin-bottom: 2%;
}
.cardhead{
	font-size: 300%;
	color: #595959; /*darkgrey;*/
	padding: 1%;
	margin-top: 3%;
	font-weight: bold;
	width: 57%;
	max-width: 47%;
	float: left;
	margin-left: 3%;
	position: absolute;
}

#card-img-val{
	background-image: url(../img/tanzlehrerin_valerija_grigorjeva_kuznecova_4-2.2_306x429px.jpg);
	background-repeat: no-repeat;
	/*min-width: 305px;*/
	float: right;
	opacity: 0.4;
	border-radius: 0px 12px 12px 0px;
	/*margin-left: 66.7%;		*/
	/*margin-top: -44%;*/
	/*margin-bottom: -34%;*/
	/*position: absolute;*/

	/*margin-left: 23px;
	background-image: linear-gradient(to right, #D1D1D3, white);*/
	/*background-image:linear-gradient(270deg, blue 5%, pink 80%)*/
	/* Die neue Syntax, die von Browsern benötigt wird, die dem Standard folgen (Opera 12.1,
   IE 10, Firefox 16, Chrome 26, Safari 6.1), ohne Präfix */  
/* background: linear-gradient(to right, rgba(255,255,255,0),
  rgba(255,255,255,1));/*, url(http://foo.com/image.jpg)*/

	min-width: 306px;
	align-content: end;
	min-height: 429px;
	display: flex;

}
.cardcontent{
/*	margin: 0pt auto;*/
	width: 90%;
	float: left;
	margin-top: -25%;
	padding: 1% 5% 2% 5%;
}

.cardoptions{
	color: #595959;
	width: 230px;
	height: 230px;	
	background: #EFEEEE;
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 12px;
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);
	float: left;
	margin: 2%;
	padding: 1%;
	margin-top: 4%;
	text-align: center;
	position: relative;
}

.cardoptions:hover{
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	/*box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);*/
	color: #595959;
}

.imgtraining{
	width: 50%;
	height: 50%;
	background-repeat: no-repeat;
	opacity: 0.3;
	/*margin-left: 20%;*/
}




/******* VIDEOKARTEN *******/
#newscards{
	margin: 0 auto;
	width: 100%;
	padding: 1%;
}
/*MEDIA TABLETS*/
@media screen and (max-width:800px){
	/*News*/
	#newscards{
		margin: 0 auto;
		/*width: 90%;*/
		width: 100%;
		padding: 1%;
	}
}
/*MEDIA SMARTPHONE*/
@media screen and (max-width:600px){
	/*News*/
	#newscards{
		margin: 0 auto;
		/*width: 80%;*/
		width: 100%;
		padding: 1%;
	}
}

.videocardli{
/*	width: 375;*/
	height: 670px;
	/*width: 43%; davor*/
	width: 37%;
	min-width: 340px;
	max-width: min-content;
	/*min-height: 380px;	*/
	min-height: 700px;	
	background: #D1D1D3; /*EFEEEE;*/
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 12px;
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);
	float: left;
	/*margin: 2.5%;*/
	margin: 2%;
	/*margin: 6% 3% 3% 6%;*/
	/*margin-bottom: 2%;*/
	/*padding-bottom: 2%;*/
/*	background-image: url("../img/tanzlehrerin_valerija_grigorjeva_kuznecova_4_training.jpg");
	background-repeat: no-repeat;*/
	border-bottom: 4px solid #7a151bb3;
}

.videocardre{
/*	width: 375;*/
	height: 670px;
	/*width: 43%;*/
	width: 37%;
	min-width: 340px;
	max-width: min-content;
	/*min-height: 380px;	*/
	min-height: 700px;	
	background: #D1D1D3; /*EFEEEE;*/
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 12px;
	box-shadow: 6px 6px 16px 0 rgba(217, 210, 200, 0.51);
	box-shadow: -6px -6px 26px 0 rgba(255, 255, 255, 0.83);
	float: left;
	margin: 2%;
	/*margin: 6% 3% 3% 6%;*/
	/*margin-bottom: 2%;*/
	/*padding-bottom: 2%;*/
/*	background-image: url("../img/tanzlehrerin_valerija_grigorjeva_kuznecova_4_training.jpg");
	background-repeat: no-repeat;*/	
	border-bottom: 4px solid #7a151bb3;
}

.videocardhead{
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	color: #595959;
	padding: 5% 5% 1% 5%;
	margin-top: 5%;
	min-height: 115px;
/*	
	font-weight: bold;
	width: 55%;
	float: left;
	margin-left: 3%;*/
}

.videoformat{
	background-image: url(' ../img/screen_289x200px.jpg ');
	background-repeat: no-repeat;	
	border-radius: 12px;
	/*width: 85%;*/
	width: 86%; /* 86 nur für Bild */
	margin-left: 8%;
	margin-right: 8%;
	height: 200px; /* Höhe nur für Bild */
}
.iframeformat{


	border-radius: 12px;
	width: 85%;
	margin-left: 8%;
	margin-right: 8%;
}
.namefontval{
	/*font-family: dollie; /*ronet;*/
	/*font-family: 'Dancing Script', cursive;*/
	font-family: 'Meddon', cursive;
	/*font-family: 'Ruthie', cursive;*/
	color: #7911176b;
	/*font-size: 1.5em;*/
	font-size: 2em;
	padding: 0% 1% 1% 10%;
	margin-top: auto;
}
.namefontand{
	font-family: dollie; /*ronet;*/
	color: #284362a6;
	font-size: 1.5em;
	padding: 0% 1% 1% 10%;
	margin-top: auto;
}


.cardinfotext{
	text-align: center;
	font-size: 2.8em;
	font-weight: bold;
	color: #595959;

}
/******* STUNDENPLAN *******/
.update{
/*	font-weight: bold;*/
	text-align: right;
/*	margin-right: 30px;
	font-style: italic;*/
	color: white;
	float: right;
	display: block;
	min-width: 175px;
	width: 19%;
	height: auto;
	border: 1px solid rgba(153, 153, 153, 0.1);
	border-radius: 0px 8px 0px 8px;
	background: #6E688E;/*#EAE4EC;*/
	padding: 2%;
	margin-bottom: 2px;
	margin-top: -2%;
/*	margin: 5%;*/
}
/***** TRAININGSPLAN ******/
.rand{
	border-top: 30px solid #EAE4EC;
	border-radius: 0px 15px 0px 15px;
	border-bottom: 30px solid #EAE4EC;
		/*box-shadow: 3px -1px 8px grey;*/
}
#trainingsplan{
	border-collapse: collapse;
	box-shadow: 3px -1px 8px grey;
}
.plan { 
	margin: 0px 20px 0px 20px;
	margin-top: 40px;
	border-radius: 0px 8px 0px 8px; 
/*	background: #D8D1DD; */            /*#EFEBF3;*/
	min-width: 15%;
	width: auto;


}

/*.planheader:nth-child(even)*/
.planheader{
	border: 0px solid rgba(234, 228, 236, 0.1);
	background: #D8D1DD; /* Farbe A-sehr hell */ /*Farbe B-dunkel*//*#6E688E;*/
	padding: 2%;
	margin-bottom: 2px;
	font-weight: bold;
	min-width: 15%;
	width: auto;
	/*box-shadow: 3px -1px 8px grey;*/
}
/*.planheader:nth-child(even){*/


.planbody{
	vertical-align: top;
	/*border: 1px solid rgba(234, 228, 236, 0.1);*/
	background: #D8D1DD; /* Farbe A-sehr hell */ /*Farbe B-dunkel*//*#6E688E;*/
	padding: 2% 2% 0% 2%;
	margin-bottom: 2px;
	min-width: 15%;
	width: auto;

}
.trainer{
	margin: 0px 20px 0px 20px;
	/*border-width: 0px;*/
	margin-top: 40px;
	background: #D8D1DD;             /*#EFEBF3;*/
	min-width: 15%;
	width: auto;
	padding: 0% 2% 0% 2%;
	font-style: italic;
}
.uhrzeit{
	color: #6E688E;
	font-size: 0.9em;
	font-weight: bolder;
}
.trenner{
	border-right: 1px solid #EFEBF3;
}
/****** IMPRESSUM ******/
.impress-li{
	float: left;
	min-height: 1px;
	padding: 0 10px;
	position: relative;
	min-width: 40%;
	max-width: 45%;

}
.impress-re{
	padding: 2%;
	float: left;
	min-height: 1px;
	padding: 0 10px;
	position: relative;
	min-width: 40%;
	max-width: 45%;

}
.impress-head{
/*	padding: 2% 0% 2% 7%;*/
	min-width: 40%;
	/*max-width: 45%;*/
	padding: 0 39px;
}

/*MEDIA SMARTPHONE*/
/*@media screen and (max-width:227px){*/
@media screen and (max-width:680px){

	.impress-head{
	padding: 0 39px;
	}

	.impress-li, .impress-re {
/*		float: left;
		margin-left: 0px;
		width: 83%;
		line-height: 1.5;
		margin: 0 auto;
		height: auto;*/
		padding: 2%;
		/*float: left;*/
		min-height: 1px;
		padding: 0 10px;
		position: relative;
		min-width: 70%;
		max-width: 70%;	
		height: 100%;

	}
}

/**** DATENSCHUTZ ****/
.link-dezent{
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	font-weight: light;	

}
 .link-dezent:hover{
	font-weight: bold;
	font-style: italic;
	color: #c30b0c; /* Rot */
}

/*********** KONTAKT ********/
#body #tanzschulebeschreibung{
	max-width: 960px;
	height: auto;
	background-color: grey;	
}
.contexte{
	float: left;
	max-width: 400px;
	/*padding: 30px 20px 40px 20px;	Maße altes Foto*/
	padding: 10px 20px 10px 20px;	
}
/*.text-contact{
	width: 50%;
	float: left;
	min-width: 310px;


}*/
.img-contact{
	width: 500px;
	/*min-width: 390px;*/
	min-height: 380px;
	float: right;
	clear: right;
	overflow: hidden;
}
#feedback legend{
	margin-top: 0.6%;
	border: 10px;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 65px 0;
	background-color: grey;
}
/*** NEWS-Seite **/
.news-img-kl{
/*	background-image: url(..img/news/);
	background-repeat: no-repeat;*/
	border-radius: 12px 12px 0px 0px;
	width: 100%;
}

.news-headline{
	color: #ff3541a3; /*#791117a3*/
	font-size: 1.9em;
	padding: 5%;
	float: left;
	font-weight: bold;
}
.news-date{
	color: #ffffffbd;
	padding: 2%;
	float: right;
}
.news-date-dark{
	color: #717171bd;
	padding: 2%;
	float: right;
}
.news-teaser{
	font-size: 1.2em;
	color: #646464;
	line-height: 1.5;
	padding: 1% 5%;
	float: left;
}
.more-button{
	color: grey;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px;
	background: #e0e0e0;
	border-radius: 3px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.more-button:hover{
	color: white;
	background: #791117a3;
	text-decoration: none;
	line-height: inherit;
}
.teaser-headline{
	font-weight: bold;
	font-variant-caps: all-petite-caps;
	font-size: 1.3em;
	color: #bbac90;
}
.teaser-text{
	font-size: 1.2em;
	color: #bbac90;
	line-height: 1.5;
	padding: 1% 5%;
	float: left;
}
.steps{
	font-weight: bold;
	font-variant-caps: all-petite-caps;
	font-size: 1.1em;
	color: #bbac90;
}
.wer{
	font-size: 0.7em;
	/*font-weight: normal;*/
}
.fdbtext{
	/*font-size: 2.0em;*/
}