.viewport {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	z-index: 1;
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent;
	pointer-events: all;
}
.viewport[site="bilder"], .viewport[site="kursplan"], .viewport[site="agb"], .viewport[site="online_portal"] {
	background: #2e2e2e;
}
@media (max-width: 991.98px) {
	.viewport[site="home"] {
	background: #2e2e2e;
	}
}
.viewport[site="bilder"], .viewport[site="home"] {
	height: 92vh;
	top: 8vh; 
}
.viewport.team {
}
.viewport.block {
	overflow-y: hidden;
}

.scrollable_container {
	height: 100%;
	position: relative;
}
.scrollable_container.bilder {
	display: block;
	position: relative;
	height: 2000px;
	width: 100%; 
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 0;
}
@media (max-width: 991.98px) {
	.scrollable_container.bilder.open_cat {
		position: fixed;
	}
}
@media (max-width: 991.98px) {
	.scrollable_container.bilder {
		height: auto;
	}
}
.scrollable_container.portal {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1000px;
}
.scrollable_container.portal.drag {
	height: auto;
} 
@media (max-width: 991.98px) {
	.scrollable_container {
		display: block;
		position: relative;
		height: 2000px;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.scrollable_container.drag {
		height: 100vh;
		z-index: 0;
        overflow: scroll;
        justify-content: flex-start !important;
	}
	.scrollable_container.home {
		height: 43vh;
	}
}


.vertical_scroll_container, .vertical_scroll_container.home {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	transition: 1s ease; 
	height: 75vh;
	top: 7vh;
}

.vertical_scroll_container.bg_1 {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_01.jpg);
	background-position: center top;
}
.vertical_scroll_container.bg_1_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_01.jpg);
	background-position: center top;
}
.vertical_scroll_container.bg_2_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_02.jpg);
	background-position: top;
}.vertical_scroll_container.bg_3_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_03.jpg);
	background-position: bottom center;
}.vertical_scroll_container.bg_4_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_04.jpg);
}.vertical_scroll_container.bg_5_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_05.jpg);
}.vertical_scroll_container.bg_6_dskt {
    background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_06.jpg);
}

@media (max-width: 991.98px) {
	.vertical_scroll_container.bg_1_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_01_mobile.jpg);
	}
	.vertical_scroll_container.bg_2_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_02_mobile.jpg);
	}
	.vertical_scroll_container.bg_3_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_03_mobile.jpg);
	}
	.vertical_scroll_container.bg_4_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_04_mobile.jpg);
	}
	.vertical_scroll_container.bg_5_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_05_mobile.jpg);
	}
	.vertical_scroll_container.bg_6_dskt {
		background-image: url(../img/slideshow/Body_and_Beat_Brucker_Tanzstudio_06_mobile.jpg);
	}
}
@media (max-width: 991.98px) {
	.vertical_scroll_container {
		position: fixed;
		pointer-events: none;
		height: 100vh;
		width: 100%;
		left: 0; 
		top: 0;
		background: white;
		z-index: -2;
		transition: 0s;
		background-repeat: no-repeat;
		background-size: cover;

		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	.vertical_scroll_container.home {
		height: 35vh;
		top: 8vh;
	}
	
}
.vertical_scroll_container.portal {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	background: #2e2e2e;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	left: 0;
}
@media (max-width: 991.98px) {
	.vertical_scroll_container.portal {
		width: auto;
		justify-content: flex-start;
	}	
}

.logo_slideshow {
	display: none;
}
@media (max-width: 991.98px) {
	.logo_slideshow {
		display: block;
		position: absolute;
		width: 150%;
		left: 0;
	}
}



f1 {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
}
f1.portal {
	width: 50%;
	position: relative;
	display: inline-block;
	line-height: 2em;
	font-size: 18px;
	margin-top: 20px;
}
@media (max-width: 991.98px) {
	f1.portal {
		width: 75%;
		left: 10%;
		font-size: 15px;
	}
}

.btn_yt_video {
	position: relative;
	width: 100%;
	
	transition: 0.7s ease-out;
}
.btn_social_media {
	position: relative;
	width: 100%;
	
	transition: 0.7s ease-out;
}

.con_btn_yt {
	position: relative;
	display: inline-flex;
/*	top: 10%;*/
	width: 300px;
	height: 300px;
	z-index: 1;
/*	left: 60%;*/
	align-items: center;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.con_btn_yt {
		position: relative;
		display: flex;
		width: 100%;
		left: 45%;
		align-items: center;
		justify-content: center;
		margin-top: 5%;
		left: 0;
	}
}

.btn_yt_play {
	width: 20%;
	position: absolute;
}
.btn_insta_round {
	width: 30%;
	position: absolute; 
}

f2 {
	font-family: anton, sans-serif;
	color: white;
	font-size: 20px;
	opacity: 0.9;
	font-weight: 500;
	letter-spacing: 1px;
}
f2.portal {
	font-family: 'Helvetica', sans-serif;
	position: relative;
}
@media (max-width: 991.98px) {
	f2.portal {
		width: 75%;
		left: 10%;
		display: block;
		font-size: 15px;
	}
}
@media (max-width: 991.98px) {
	f2 {
		font-size: 15px;
	}
}

.header_1, .header_2 {
	position: relative;
	width: auto;
	text-align: center;
	margin-top: 0;
	height: auto;
	left: 2%;
	z-index: 2;
	pointer-events: none;
	top: calc(20px - 10%);
	display: inline-block;
}
.header_1.afterscroll, .header_2.afterscroll {
	position: fixed;
}
.header_1.kursplan {
	top: 0;
	width: calc(100% - 5%);
	left: 5%;
	margin-top: calc(20px - 10%);
}
.btn_more.kursplan {
	left: 5%;
	margin-bottom: 20px;
	position: relative;
	margin-top: 0;
}
@media (max-width: 991.98px) {
	.btn_more.kursplan {
		margin-top: 20px;
	}
}
.title_competition > .header_1.kursplan {
	left: 0;
	width: auto;
}
@media (max-width: 991.98px) {
	.header_1.kursplan {
		top: calc(20px - 10%);
		margin-top: 0;
	}
}
@media (max-width: 991.98px) {
	.header_1, .header_2 {
		left: 0;
	}
}
.header_1.pinned, .header_2.pinned {
	position: fixed;
	z-index: 1;
}
.header_2.pinned {
	top: 0;
	position: fixed;
	left: 2%;
}

h1 {
	font-family: anton, sans-serif;
	color: white;
	font-size: 130px;
	height: 0;
	overflow: hidden;
	font-weight: 700;
	letter-spacing: 4px;
	line-height: 0.9em;
	opacity: 0.5;
	text-transform: uppercase;
	
	transition: 0.5s ease-out;
}
h1.kursplan {
	font-size: 100px;
}
@media (max-width: 991.98px) {
	h1 {
		font-size: 55px;
	}
}
h1.show_small {
	height: 140px;
}
h1.show_small.kursplan {
	height: 100px;
}

@media (max-width: 991.98px) {
	h1.show_small {
		height: 55px;
	}
}

h1.header_line_3.show_small, h1.header_line_4.show_small {
	height: 100px;
	font-size: 100px;
	text-align: left;
	opacity: 1;
	letter-spacing: 0;
	position: relative;
}
h1.header_line_3, h1.header_line_4 { 
	font-size: 100px;
	height: 0;
	text-align: left;
	position: relative;
	letter-spacing: 0;
}

@media (max-width: 991.98px) {
	h1.header_line_3, h1.header_line_4 {
		font-size: 40px;
	}
	h1.header_line_3.show_small, h1.header_line_4.show_small {
		height: 40px;
		font-size: 40px;
		text-align: left;
		opacity: 1;
		letter-spacing: 0;
	}
}

.header_line_1_1, .header_line_1_2 {
	position: relative;
	height: 140px;
}
.header_line_1_1.kursplan, .header_line_1_2.kursplan {
	position: relative;
	height: 100px; 
	width: 100vw;
	border: 1px solid white; 
}
@media (max-width: 991.98px) {
	.header_line_1_1, .header_line_1_2, .header_line_3_1, .header_line_3_2, .header_line_4_1, .header_line_4_2 {
		position: relative;
		height: 65px;
	}
}

.header_line_3_1, .header_line_3_2 {
	position: relative;
	height: 100px;
}
@media (max-width: 991.98px) {
	.header_line_3_1, .header_line_3_2 {
		height: 50px;
	}
}
.header_line_1_1.zoom, .header_line_1_2.zoom {
	height: 110px;
}
.header_line_2_1, .header_line_2_2 {
	height: 100px;
	text-align: center;
	position: relative;
/*	left: 0;*/
}
@media (max-width: 991.98px) {
	.header_line_2_1, .header_line_2_2 {
		height: 40px;
		position: relative;
/*		left: 15%;*/
	}
}
h1.show_small.zoom {
	height: 110px;
	font-size: 110px;
}

.header_line_2_1.zoom, .header_line_2_2.zoom {
	height: 130px;
}

.course_tn_bg {
	height: 24vw;
	width: 20vw;
	border-radius: 20px;
	display: inline-block;
	position: relative;

	transition: 0.3s ease-out;
}
@media (max-width: 991.98px) {
	.course_tn_bg {
/*
		height: 200px;
		width: 150px;
*/
/*		height: 200px;*/
		height: 90vw;
		width: 60vw;
	}
}
.course_tn_bg.zoom, .course_tn_bg_course.zoom {
	height: 250px;
	width: 187.5px;
}
.course_tn_bg.bg_cat_1, .course_tn_bg_course.bg_cat_1, .btn_course_cat.bg_cat_1, .con_btn_anfahrt_menu.bg_cat_1  {
	background: rgb(108,216,112);
	background: linear-gradient(45deg, #95C12E 0%, #52661C 100%);
}

.course_tn_bg.bg_cat_2, .course_tn_bg_course.bg_cat_2, .btn_course_cat.bg_cat_2 {
	background: rgb(255,64,109);
	background: linear-gradient(45deg, #E4097F 0%, #720945 100%);
	position: relative;
}

.course_tn_bg.bg_cat_3, .course_tn_bg_course.bg_cat_3, .btn_course_cat.bg_cat_3, .con_online_portal_menu.bg_cat_3 {
	background: rgb(0,102,255);
	background: linear-gradient(45deg, #169AB0 0%, #115860 100%);
}

.con_course_tn {
	display: none;
}
@media (max-width: 991.98px) {
	.con_course_tn {
		display: flex;
		position: relative;
		left: 0;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		top: 0;
		width: auto;
		z-index: 2;
		white-space: nowrap;
		pointer-events: none;

		transition: left 0.3s ease-out;
	}
	.con_course_tn.pinned {
		position: fixed;
	}
}









.scrollable_cats {
	display: none;
}
@media (max-width: 991.98px) {
	.scrollable_cats {
	/*	height: auto;*/
		background: transparent;
		width: 100%;
		display: block;
		position: relative;
		height: auto;
		z-index: 2;
		background: #2e2e2e;
	}
}



.wrapper_header_1, .wrapper_header_2 {
	position: relative;
	width: 100%;
	background: #2e2e2e; 
	overflow: visible;
	text-align: left;
}
@media (max-width: 991.98px) {
	.wrapper_header_1 {
		text-align: center;
		margin-top: 20vh;
	}
}
.wrapper_header_1.portal {
/*	top: -6vh;*/
	padding-top: 6vh;
	background: transparent;
}  
@media (max-width: 991.98px) {
	.wrapper_header_1.portal {
		top: -1vh;
		margin-top: 11vh;
	}
}
.wrapper_header_2.portal {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	top: 10vh;
}


@media (max-width: 991.98px) {
.header_line_1.show_small.zoom, h1.header_line_2.show_small.zoom {
	height: 110px;
	display: block;
}
	.header_line_1.show_small {
		height: 90px;
	}
}


.title_course_tn {
	font-family: 'Helvetica', sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	display: block;
	line-height: 1em;
	font-weight: 500;
	margin-top: 20px;
}
@media (max-width: 991.98px) {
	.title_course_tn {
		font-size: 23px;
	}
}

.wrpr_course_tn {
	display: inline-block;
	position: relative;
	top: 0;
	left: 5vw;
	text-align: center;
	display: inline-block;
}
.wrpr_course_tn.top {
	top: -5vh;
}
.wrpr_course_tn.middle {
	top: 70px;
}
@media (max-width: 991.98px) {
	.wrpr_course_tn {
		opacity: 1;
		margin: 10vh 0;
		display: flex;
		left: 20vw;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.wrpr_course_tn.first {
		margin-top: 0;
	}
}
.wrpr_course_tn.tn_course_left {
	display: flex;
	flex-direction: column;
}
.wrpr_course_tn.courseinfo_top {
	top: 20%;
}
.wrpr_course_tn.courseinfo_bottom {
	top: 30%;
}
.wrpr_course_tn.courseinfo_bottom.middle_tn {
	margin:  0 40vw;
}


.middle_tn {
	top: 70px;
	margin: 0 10vw;
	margin-bottom: 70px;
}

@media (max-width: 991.98px) {
	.wrpr_course_tn.middle_tn {
		margin: 0;
		top: 0;
	}
}

.btn_more_tn {
	font-family: anton, sans-serif;
	font-size: 15px;
	font-weight: 500;
	pointer-events: all;
	cursor: pointer;
	margin-top: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}

.c_1 {
	color: #95C12E;
}

.c_2 {
	color: #E4097F;
}

.c_3 {
	color: #0066FF;
}

.anchor_header {
	position: relative;
	width: 100%;
	background: #2e2e2e;
}

.anchor_categories {
	display: none;
}
@media (max-width: 991.98px) {
	.anchor_categories {
		position: relative;
		width: 100%;
		background: #2e2e2e;
		display: block;
		padding-bottom: 50%;
	}
}

.start_content {
	position: relative;
	height: auto;
	background: #2e2e2e;
	padding-top: 10vh;
}
.start_content.portal {
	padding-top: 0;
	z-index: 2;
}
@media (max-width: 991.98px) {
	.start_content.portal {
		z-index: 1;
		padding-top: 0;
	}
}
.start_content.kursplan {
	position: absolute;
	width: 35%;
	left: 0;
	z-index: 0;
	overflow-y: auto;
	height: 92%;
	top: 8%;
	overflow-x: hidden;
}
@media (max-width: 991.98px) {
	.start_content.kursplan {
		position: relative;
		height: auto;
		background: #2e2e2e;
		padding-top: 5%;
		width: 100%;
	}
}
@media (max-width: 991.98px) {
	.start_content {
		padding: 0% 4% 10% 4%;
		background: #2e2e2e;
	} 
}





.bg_studio_home {
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	clip-path:polygon(0 120px, 100% 0, 100% 100%, 0% 100%);
	width: 100%;
	left: 0;
	height: 100%;
	position: absolute;
}
@media (max-width: 991.98px) {
	.bg_studio_home {
		clip-path: polygon(0 0, 100% 120px, 100% 100%, 0% 100%);
		width: calc(100% + 10px);
		left: -5px;
		height: 100%;
		position: absolute;
		filter: blur(5px);
	}
}




.cat_img {
	position: absolute; 
}
.cat_img._2 {
/*	width: 110%;*/
	height: 90%;
	right: 0;
	bottom: 0;
}

.cat_img._3 { 
	width: 100%;
	left: 0%;
	bottom: 0;
}
.cat_img._1 {
	width: 120%;
	left: 0;
	bottom: 0;
}

.con_courseplan {
	width: auto;
	height: 100%;
	position: relative;
	display: inline-block;
}

.scroll_courses {
	height: 100%;
	width: auto;
	display: block;
	overflow-x: scroll;
	overflow-y: hidden;
	background: #2e2e2e;
}

.bg_courseplan {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 991.98px) {
	.bg_courseplan {
/*		position: fixed;*/
		z-index: -1;
		height: 100vh;
	}
}

.con_course {
	background: #6CD870;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px 10px 5px 10px;
	margin: 5px;
	position: relative;
}
.con_course.bg_1 {
	background: #95C12E; 
}
.con_course.bg_2 {
	background: #E4097F;
}

.course_name {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
	white-space: nowrap;
}


.course_teacher {
	font-family: anton, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 600;
}

.course_time {
	font-family: anton, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
}





.con_txt_info {
	font-family: anton, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.8em;
	position: relative;
	white-space: normal;
	left: 0;
	padding: 5%;
	padding-top: 0;
/*	top: -30px;*/
	width: 100%;
	z-index: 3;
}
@media (max-width: 991.98px) {
	.con_txt_info {
		left: 7%;
		width: 70%;
		padding: 0;
		padding-left: 5%;
	}
}

.con_categories_courses {
	position: relative;
	display: inline-flex;
	width: auto;
	height: 100%;
	top: 0;
}

.wrapper_course_tn {
	position: relative;
	display: inline-block;
	height: 200px;
	width: 200px;
	background: white;
}



.bg_title {
	display: none;
}
@media (max-width: 991.98px) {
	.bg_title {
		position: fixed;
		font-size: 80px;
		color: white;
		font-weight: 600;
		top: 5%;
		display: block;
		z-index: 0;
		left: 1%;
		opacity: 0.25;
		font-family: 'Helvetica', sans-serif;
		text-transform: uppercase;
		line-height: 1em;
	}
	.vertical_scl_kursplan.portal.drag > .bg_title.portal {
		position: absolute;
	}
}

.curtain_txt_courseinfo {
	display: none;
}
@media (max-width: 991.98px) {
	.curtain_txt_courseinfo {
		position: absolute;
		height: 100%;
		width: 100%;
		background: #2e2e2e;
		top: 0;
		left: 0;
		display: block;
	}
}

f2.corona {
	width: 50%;
	text-align: center;
	display: block;
	left: 0%;
	position: relative;
	margin: 30px 0;
	font-weight: 500;
	line-height: 1.8em;
}
@media (max-width: 991.98px) {
	f2.corona {
		width: 70%;
/*		left: 15%;*/
	}
}

.btn_more {
    background: transparent;
	text-transform: uppercase;
    border: 2px solid #0ABAB5;
    color: #0ABAB5;
    font-family: 'Helvetica', sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding: 12px 0px 12px 30px;
    letter-spacing: 1px;
    border-radius: 5px;
    transform: perspective(400px) rotateY(0deg);
    cursor: default; 
	display: flex;
	align-items: center;
	margin-top: 50px;
	position: relative;
	pointer-events: all;
}
.btn_more.holiday {
	margin-top: 0px;
}
.btn_more[name="login"] {
	margin-top: 0;
}

.btn_more:hover, a {
	text-decoration: none !important;
}
.btn_more.c_1 {
	color: #95C12E;
	border: 2px solid #95C12E;
	pointer-events: all;
	margin-top: 15px;
}
.btn_more.c_2 {
	margin-top: 15px;
	color: #E4097F;
	border: 2px solid #E4097F;
	pointer-events: all;
}
.btn_more.c_3 {
	color: #169AB0;
	border: 2px solid #169AB0;
	margin-top: 15px;
	pointer-events: all;
}
.btn_more.portal {
	align-self: center;
	margin-top: 20px;
	pointer-events: all;
}

h1.header_line_5.show_small, h1.header_line_6.show_small {
	height: 100px;
	font-size: 100px;
}

@media (max-width: 991.98px) {
	h1.header_line_5, h1.header_line_6 {
		font-size: 50px;
	}
	h1.header_line_5.show_small, h1.header_line_6.show_small {
		height: 50px;
		font-size: 50px;
	}
}

.con-pictures {
	position: relative;
	background: transparent;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	left: 0;
	flex-grow: 1;
	width: 50%;
	margin-bottom: -5%;
	z-index: 1;
}
.con-pictures.bilder {
	align-items: center;
	height: 50%;
	width: 60%;
	left: 10%;
	top: -10%;
	flex-grow: 0;
}
@media (max-width: 991.98px) {
	.con-pictures.bilder {
		width: 100%;
		height: auto;
		margin-top: 10%;
		left: 7.5%;
		position: relative;
	}
}
@media (max-width: 991.98px) {
	.con-pictures {
		width: 100%;
		height: auto;
		left: 5%;
	}
}

.img_center {
	width: 50%;
	padding-top: 70%;
	position: relative;
	display: block;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_center.bilder.comp {
	background-image: url(../img/competition/competition_1.jpg);
}
.img_center_bottom {
	width: 70%;
	padding-top: 50%;
	position: relative;
	display: block;
	background-image: url(../img/merch/bruckertanzstudio_tasche.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_center.bilder {
	width: 70%;
	padding-top: 50%;
	background-image: url(../img/slideshow/SlideshowII.jpg);
}
.img_center.bilder.studio {
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_01.jpg);
}

.img_left {
	width: 50%;
	padding-top: 70%;
	display: block;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_left.bilder.comp {
	background-image: url(../img/competition/competition_3.jpg);
}
.img_left_bottom {
	width: 70%;
	padding-top: 50%;
	display: block;
	background-image: url(../img/merch/bruckertanzstudio_schluessel.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_left.bilder {
	width: 70%;
	background-image: url(../img/slideshow/SlidshowIII.jpg);
	padding-top: 50%;
}
.img_left.bilder.studio {
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_02.jpg);
}

.pos_0 {
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 5%;
}
.pos_5 {
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 5%;
}


.img_right {
	width: 50%;
	padding-top: 70%;
	display: block;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_right.bilder.comp {
	background-image: url(../img/competition/competition_2.jpg);
}
.img_right_bottom {
	width: 70%;
	padding-top: 50%; 
	display: block;
	background-image: url(../img/merch/bruckertanzstudio_flasche.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.2);
}
.img_right.bilder {
	width: 70%;
	padding-top: 50%; 
	background-image: url(../img/slideshow/SlideshowI.jpg);
}
.img_right.bilder.studio {
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03.jpg);
}




.pos_1 {
	transform: rotate(-10deg);
	left: -5%;
	top: 0;
	position: absolute;
	z-index: 1;
	animation-timing-function: ease-out;
	cursor: pointer;
}
.pos_3 {
	transform: rotate(10deg);
	position: absolute;
	z-index: 1;
	animation-timing-function: ease-out;
	cursor: pointer;
	left: -5%;
	top: 0;
}
.pos_1.studio, .pos_1.bilder {
	left: -5%;
	top: 0;
}

.pos_2 {
	transform: rotate(8deg);
	left: 20%; 
	top: 0;
	position: absolute;
	z-index: 0;
	cursor: pointer;
	animation-timing-function: ease-out;
}
.pos_4 {
	position: absolute;
	z-index: 0;
	cursor: pointer;
	animation-timing-function: ease-out;
	left: 20%;
	top: 0;
	transform: rotate(-10deg);
}
.pos_2.bilder.studio {
	left: 20%;
	top: 0;
	transform: rotate(10deg);
}
.pos_0.bilder.studio {
	left: 10%;
	top: 5%;
}

.pseudo_img {
	width: 50%;
	padding-top: 70%;
	position: relative;
	display: block;
	background: transparent;
}


.con_cats_kursplan {
	display: none;
}
@media (max-width: 991.98px) {
	.con_cats_kursplan {
		position: relative;
		width: 100vw;
		padding: 10vh 4%;
/*		display: flex;*/
		background: #2e2e2e;
		flex-direction: column;
		align-items: flex-start;
		}
}

.middle_tn_course {
	margin: 20vh 0;
	left: 5%;
}
@media (max-width: 991.98px) {
	.middle_tn_course {
		left: 0;
		margin: 8vh 0;
	}
}

.course_tn_bg_course {
	height: 200px;
	width: 150px;
	border-radius: 20px;
	display: inline-block;
	position: relative; 
	
	transition: 0.3s ease-out;
}

.wrapper_course_tn_txt {
	position: relative;
	display: inline-block; 
}
.wrpr_course_tn.middle_tn_course > .wrapper_course_tn_txt {
	margin-left: 0;
}
.dot {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	
}
@media (max-width: 991.98px) {
	.dot {
		height: 8px;
		width: 8px;
	}
}
.dot.available {
	background: green;
}
.dot.unavailable {
	background: red;
}

.con-spots {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	margin-top: 5px;
	padding-right: 5px;
	flex-direction: column;
	text-align: right;
}
.con-spots.pseudo {
	visibility: visible;
}
@media (max-width:991.98px) {
	.con-spots.pseudo {
/*		visibility: hidden;*/
	}
}

.con-btn {
	display: none;
	text-align: center;
}

.btn-book {
	display: inline-block;
	padding: 5px 30px;
	border-radius: 5px;
	font-family: 'Helvetica', sans-serif;
	font-size: 14px;
	cursor: pointer;
}



.con-cell > .inset-con > .txt-hover-avail, .con-cell > .inset-con > .con-btn, .con-cell > .inset-con > .con-spots > .anzeige_spots_hovered {
	display: none;
}



.con-cell > .inset-con > .con-spots > .anzeige_spots {
	display: none;
}

.con-cell > .inset-con > .con-spots {
	justify-content: flex-end;
}


.txt-hover-avail, .anzeige_spots, .anzeige_spots_hovered, .con-spots, .con-btn, .inset-con {
	transition: 0.5s ease;
}

.txt-hover-avail {
	position: relative;
	font-family: anton, sans-serif;
	color: black;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	line-height: 1.3em;
	padding: 16px 0 20px 0;
	font-size: 16px;
	display: none;
	flex-grow: 1;
	width: 70%;
	left: 15%;
}
@media (max-width: 991.98px) {
	.txt-hover-avail {
		width: 100%;
		left: 0;
	}
}

.con-cell.hovered {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.con-cell.hovered > .inset-con {
	position: absolute;
	background: rgba(255,255,255,1);
	height: auto;
	width: 150%;
/*
	left: -25%;
	top: -25%;
*/
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
	z-index: 1;
	padding: 10px;
}
.con-cell.hovered.left {
	align-items: center;
	justify-content: flex-start;
}
.con-cell.hovered.left.bottom, .con-cell.hovered.bottom {
	justify-content: flex-start;
	align-items: flex-end;
	top: -50%;
}
.con-cell.hovered.right {
	align-items: center;
	justify-content: flex-end;
}


.con_booking {
	position: fixed;
	z-index: 10;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0%;
	background: transparent;
	overflow: hidden;
	display: none;
}
@media (max-width: 991.98px) {
	.con_booking {
		position: fixed;
		top: 0;
		left: 0; 
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		display: none;
		z-index: 2;
		pointer-events: all;
		background-image: url(../img/studio/location01_blur.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
}



.input_booking {
	position: absolute;
	width: 65%;
	height: 100%;
	background: #2e2e2e;
	top: 0;
	left: 35%;
	overflow: auto;
}
@media (max-width: 991.98px) {
	.input_booking {
		height: auto;
		background: transparent;
		position: relative;
		width: 100%;
		left: 0;
		z-index: 3;
		display: block;
	}
}

.con_info_booking {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 35%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #2e2e2e;
	background-image: url(../img/studio/location01_blur.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
.con_info_booking.show_con_info_booking {
	left: -35%;
}
.con_booking_info.hide_con_info_booking {
	left: 0;
}
@media (max-width: 991.98px) {
	.con_info_booking {
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		z-index: -1;
	}
}




h2 {
	font-family: anton, sans-serif;
	color: white;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	white-space: pre-wrap;
}
.h2_signup {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'Helvetica', sans-serif;
	color: #007bff;
	margin: 20px 0;
	font-size: 50px;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	display: block;
	white-space: normal;
	border: 1px solid white;
}
h2.portal {
	font-size: 50px;
	text-transform: uppercase;
	margin-top: 0 !important;
	display: inline-block;
	margin-bottom: 0 !important;
/*	height: 50px;*/
/*	height: 70px;*/
	height: auto;
	white-space: normal; 
}
@media (max-width: 991.98px) {
	h2.portal {
		margin-top: -30px;
		font-size: 30px;
	}
}

.underline {
	position: absolute;
	height: 1px;
	background: white;
	width: 120%;
	top: 110%;
	left: -10%;
}
.underline.portal {
	width: 80%;
	opacity: 0.3;
	left: 0;
}

.con_courseinfo_signup {
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	overflow: hidden;
	width: 80%;
	position: relative;
	display: inline-block;
	background: white;
	margin-top: 20px;
}

f1.info_course_signup {
	font-size: 13px;
	font-weight: 600;
	position: relative;
	left: 10px;
	text-transform: uppercase;
	display: inline-block;
	margin: 10px 0;
	line-height: 1.3em;
	color: black;
}

.GET_course_title {
	display: inline-block;
}

.wrapper_txt_booking_course {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: left;
}

.GET_course_time {
	text-transform: none;
	opacity: 0.4;
}

.banner_signup {
	position: relative;
	width: 80%;
	left: 0%;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));
	
	height: auto;
	background: #0066FF;
	border-radius: 15px;
	padding: 50px 20px 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.header_banner {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
}

.wrp_price {
	font-family: 'Helvetica', sans-serif;
	color: white;
	display: flex;
	position: relative;
}

.price_euro {
	font-size: 35px;
	opacity: 0.4;
	font-weight: 400;
	display: flex;
	padding-top: 16px;
	padding-right: 5px;
}

.price_price {
	font-size: 80px; 
	transition: 0.3s ease;
}
.price_price.zoom { 
	font-size: 100px;
}

.price_mtl {
	font-size: 14px;
	letter-spacing: 1px;
	opacity: 0.7;
	font-weight: 400;
	display: flex;
	align-items: flex-end;
	padding-bottom: 30px;
	padding-left: 5px;
}

.info_banner {
	position: absolute;
	height: 20px;
	width: 20px;
	left: calc(98% - 20px);
	top: 3%;
	cursor: pointer;
}

.scrollable_paket {
	display: none;
}
@media (max-width: 991.98px) {
	.scrollable_paket {
		height: 100vh;
		width: 100%;
		position: relative;
		display: block;
		pointer-events: all;
	}
}

.start_input_booking {
	position: relative;
	background: #2e2e2e;
	height: auto;
	width: 100%;
	display: block;
	padding: 5%;
}

.input-nav-link, a:hover > .input-nav-link, .input-nav-link:hover {
    color: white;
    text-decoration: none;
	background: #2e2e2e;
}
.input-nav-link.active, a:hover > .input-nav-link.active, .input-nav-link:hover {
    color: white;
    text-decoration: none;
}
.input-nav-link.active {
    color: white;
}


.input-nav-link, a:hover > .input-nav-link, .input-nav-link:hover {
    color: white;
    text-decoration: none;
}
.input-nav-link.active, a:hover > .input-nav-link.active, .input-nav-link:hover {
    color: white;
    text-decoration: none;
}
.input-nav-link.active {
    color: white;
}

input.form-control.is-valid:focus, select.form-control.is-valid:focus, input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    border: 2px solid #007bff;
    box-shadow: 0;
    outline: none;
	color: white;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    background: none;
}
input.form-control.c_black.is-valid:focus, select.c_black.form-control.c_black.is-valid:focus, input.c_black.form-control:focus, select.c_black.form-control:focus, textarea.c_black.form-control:focus {
    border: 2px solid #007bff;
    box-shadow: 0;
    outline: none;
	color: black;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    background: none;
}
input.form-control, textarea.form-control, select.form-control {
	background: none;
	color: rgba(255,255,255,0.8);
}
input.form-control:focus + label, #dropdownAnrede:focus + label, #dropdownAnrede:active + label, select.form-control:focus + label, textarea.form-control:focus + label {
    color: #007bff;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
input {
	color: white;
}
input.c_black {
	color: black;
}

label {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 600;
}
label.custom-control-label {
	font-size: 12px;
	color: white;
}
label.custom-control-label.c_black {
	color: black;
}
.form-group {
    margin: 0;
    padding: 0;
}

label.custom {
    position: absolute;
    top: -9px;
    left: 20px;
    background: #2e2e2e;
    font-size: 11px;
    margin: 0;
    border-right: 5px solid #2e2e2e;
    border-left: 5px solid #2e2e2e;
    padding: 0;
    font-family: 'Helvetica', sans-serif;
    font-weight: 500;
    opacity: 1;
    z-index: 1;
    color: white;
}


h2.signup {
	font-family: 'Helvetica', sans-serif;
	color: #007bff;
	margin: 20px 0;
	font-size: 50px;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	display: block;
	white-space: normal;
}
@media (max-width: 998px) {
    h2.signup {
        font-size: 30px;
    }
}

.form-check {
	margin: 5px 0;
}

@media (max-width: 991.98px) {
	#validationSurname {
		margin-top: 20px;
		position: relative;
	}
	#validationSurname + label {
		margin-top: 20px;
	}
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 	-webkit-box-shadow: 0 0 0 30px #2e2e2e inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill
{
 -webkit-text-fill-color: rgba(255,255,255,0.8) !important;
}


option {
	color: black;
}

.btn-signup, .btn-verification {
	position: relative;
	background: #007bff;
	display: inline-block;
	padding: 10px 40px;
	border-radius: 5px;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 15px;
	cursor: pointer;
	box-shadow: 2px 3px 15px rgba(0,0,0,0.2);
}

.close_booking {
	position: absolute;
	height: 40px;
	width: 40px;
	top: 2%;
	left: calc(95% - 40px);
	cursor: pointer;
}

.modal {
	z-index: 1000;
	display: block;
}

.con-modal {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 10;
	display: none;
}
.con-modal.login {
	z-index: 12;
}


.logo_succeed_message {
	display: block;
	width: 50%;
	left: 25%;
	position: relative;
}

.black {
	color: black;
}

.banner_title {
	font-family: hero-new ,sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	white-space: normal;
}
@media (max-width: 991.98px) {
	.banner_title {
		font-size: 20px;
		line-height: 20px;
	}
}
.banner_title.prime {
	color: white;
}
.banner_title.second {
	color: #007bff;
}






#showTxt_info_waitinglist {
	display: none;
}

h3 {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 3px;
	position: relative;
	margin-bottom: 20px;
}

h4 {
	font-size: 16px;
	letter-spacing: 3px;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 500;
	margin-bottom: 0;
}

.con_cats_kursplan_dskt {
	position: absolute;
	height: 92%;
	top: 8%;
	width: auto;
	background: #2e2e2e;
	padding: 0 50px;
	border-radius: 20px 0 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	z-index: 4;
	box-shadow: -5px -5px 20px rgba(0,0,0,0.2);
	
	transition: 0.6s ease;
}
@media (max-width: 991.98px) {
	.con_cats_kursplan_dskt {
		display: none;
	}
}
.con_cats_kursplan_dskt.open {
/*	right: 0;*/
}

.con_cats_kursplan_dskt.closed {
	left: 98%;
}
.con_cats_kursplan_dskt.closed > .btn_course_cat {
	left: -80px;
}

.btn_course_cat {
	position: relative;
	font-family: 'Helvetica', sans-serif;
	color: white;
	width: 100%;
	margin: 10px 0;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 40px 20px;
	border-radius: 20px;
	line-height: 1.2em;
	white-space: nowrap;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: 0.6s ease;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}

.trigger_course_tn {
	position: fixed;
	height: 92vh;
	width: 7%;
	background: transparent;
	left: 93%;
	opacity: 0.5;
	top: 9vh;
}

.tn_courseplan_gif {
	position: absolute;
	height: 100%;
	z-index: 0;
	opacity: 0.3;
	right: 0;
	display: none;
}

.tn_courseplan_title {
	position: relative;
	z-index: 2;
}
.tn_courseplan_title:hover {
	text-decoration: none;
}

.logo_menu_left {
	position: relative;
	height: 100%;
	overflow: hidden;
/*	background: #2e2e2e;*/
	background: white;
}
@media (max-width: 991.98px) {
	.logo_menu_left {
		background: #2e2e2e;
	}
}

.logo_menu {
	position: relative;
	height: 95%;
	top: 0;
	display: inline-flex;
	background: white;
	margin-left: 2vw;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.logo_menu {
		height: 50%;
		margin-left: 20px;
		background: #2e2e2e;
	}
}

.hamburger_part_menu {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2e2e2e;
	width: 5%;
	cursor: pointer;
}
@media (max-width: 991.98px) {
	.hamburger_part_menu {
		position: fixed;
		height: 8%;
		width: 100%;
		display: inline-flex;
		left: 0;
		top: 0;
		z-index: 99;
		align-items: center;
		justify-content: flex-end;
		background: transparent;
		pointer-events: none;
		border-bottom-left-radius: 20px;
	}
}

.con_hamburger {
	height: 23%;
	position: absolute;
	width: 33.33%;
	cursor: pointer;
}
@media (max-width: 991.98px) {
	.con_hamburger {
		position: relative;
		width: 25px;
		height: 34%;
		margin-right: 20px;
		pointer-events: all;
	} 
}

.hamburger_line {
	position: absolute;
	height: 2px;
	background: white;
	left: 0;
}
.hamburger_line._1 {
	width: 100%;
	top: 0;
}
.hamburger_line._2 {
	width: 100%;
	top: calc(50% - 0.2px)
}
.hamburger_line._3 {
	width: 80%;
	top: 100%;
}

.middle_part_menu {
	position: relative;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 30px;
	flex-direction: column;
}



.log_in_img {
	position: relative;
	height: 50%;
	cursor: pointer;
	pointer-events: all;
}

.btn_back_courseplan {
	background: rgba(247,247,247,0.5);
	padding: 10px 20px;
	font-family: 'Helvetica', sans-serif;
	letter-spacing: 1px;
	color: #2e2e2e;
	display: flex;
	align-items: center;
	font-size: 15px;
	pointer-events: all;
	
	transition: background 0.3s ease;
	cursor: pointer;
}
.btn_back_courseplan:hover {
	background: #f7f7f7;
}

.wrapper_btn_courseplan_back {
	position: absolute;
	display: flex;
	width: 100%;
	left: 0;
	top: 0;
	align-items: flex-end;
	justify-content: flex-end;
}
@media (max-width: 991.98px) {
	.wrapper_btn_courseplan_back {
		left: 0;
		width: 100%;
		z-index: 0;
		position: fixed;
		justify-content: flex-start;
		align-items: center;
		pointer-events: all;
	}
}

.chevron_darkgrey {
	position: relative;
	height: 15px;
	margin-right: 5px;
}













.overlay_portal_header {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    background-image: url(../img/online-portal-login-background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
	.overlay_portal_header {
		position: fixed;
	}
}

.grey_beginning_online_header {
	position: absolute;
	height: 100vh;
	width: 100vw;
	bottom: 100%;
	left: 0;
	clip-path: polygon(0 84%, 100% 100%, 100% 100%, 0% 100%);
	background: #2e2e2e;
}

.con_txt_start_dskt_portal {
	position: fixed;
	width: 70%;
	display: flex;
	text-align: center;
	align-content: center;
	pointer-events: none;
	flex-direction: column;
}

.greeting_portal {
	font-family: anton, sans-serif;
	color: #0ABAB5;
	text-transform: uppercase;
	font-size: 50px;
	margin-bottom: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 50px;
}
@media (max-width: 991.98px) {
	.greeting_portal {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 1px;
	}
}

.input_online_portal {
	background: #2e2e2e;
	position: relative;
	padding: 0 2%;
}
@media (max-width: 991.98px) {
	.input_online_portal.text-center {
		text-align: left !important;
	}
}



.disclaimer {
	position: relative;
	color: white;
	font-size: 15px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 500;
	width: 50%;
	left: 25%;
	text-align: center;
	margin-top: 5%;
}

@media (max-width: 991.98px) {
	.disclaimer {
		width: 90%;
		left: 5%;
		padding-top: 0;
		font-size: 12px;
		margin-top: 10vh;
		background: #2e2e2e;
		letter-spacing: 1px;
		padding-bottom: 10vh;
	}
} 
.disclaimer.banner {
	width: 70%;
	left: 0;
	margin-top: 10vh;
}
@media (max-width: 991.98px) {
	.disclaimer.banner {
		width: 90%;
	}
}

.header_buchung {
	position: relative;
	font-family: 'Helvetica', sans-serif;
	color: white;
	text-transform: uppercase;
	opacity: 0.7;
	font-size: 100px;
	line-height: 90px;
	display: inline-block;
	align-self: center;
	font-weight: 600;
	margin-bottom: 20px;
}
@media (max-width: 991.98px) {
	.header_buchung {
		font-size: 40px;
		position: relative;
		z-index: -1;
		margin-top: 140px;
	}
	.header_buchung.pinned {
		position: fixed;
	}
}

.wrapper_all_offers {
	position: relative;
	width: 100%;
	display: inline-flex;
	margin-top: 40px;
	align-items: stretch;
	height: auto;
	justify-content: center;
	white-space: nowrap;
	flex-direction: row;
	background: transparent;
}
@media (max-width: 991.98px) {
	.wrapper_all_offers {
		flex-direction: column;
		width: 100%;
		position: relative;
		left: 0;
		height: auto;
		align-items: flex-start;
		justify-content: flex-start;
		top: 0;
		background: transparent;
		z-index: 2;
		margin: 5vh 0 0 0;
		
	}
	.wrapper_all_offers.pinned {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		pointer-events: none;
	}
}

.wrapper_offer {
	position: relative;
	border-radius: 20px;
	display: inline-flex;
	padding: 20px;
	flex-direction: column;
	height: auto;
}
.wrapper_offer.primary {
	background: #0066FF;
	width: 100%;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
@media (max-width: 991.98px) {
	.wrapper_offer.primary {
		width: 90%;
		height: 90%;
	}
}
.wrapper_offer.second {
	background: white;
	height: 95%;
	width: 100%;
	position: relative;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
@media (max-width: 991.98px) {
	.wrapper_offer.second {
		width: 90%;
		height: 80%;
	}
}

.list-item-banner {
	font-family: anton, sans-serif;
	font-size: 14px;
	padding: 10px 0;
	font-weight: 600;
	white-space: normal;
	letter-spacing: 1px;
}
@media (max-width: 991.98px) {
	.list-item-banner {
		font-size: 13px;
		padding: 5px 0;
	}
}
.list-item-banner.second {
	color: #007bff;
	border-bottom: 2px solid rgba(0,123,255,0.3);
}
.list-item-banner.prime {
	color: white;
	border-bottom: 2px solid rgba(255,255,255,0.3);
}

.btn_banner {
	
}
.btn_banner.btn_more {
	margin-top: 15px;
	top: 0;
	margin-bottom: 2vh;
	pointer-events: all;
}
.btn_banner.btn_more.second {
	color: #007bff;
	background: transparent;
	border: 2px solid #007bff;
}
.btn_banner.btn_more.prime {
	color: white;
	background: transparent;
	border: 2px solid white;
}

.btn_banner.prime {
	background: white;
	color: #007bbf;
}
.btn_banner.second {
	color: white;
	background: #007bff;
}

.btn_banner.third {
	color: white;
	background: #007bff;
}


.wrapper_price {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: center;
}
.banner_price {
	position: relative;
	color: white;
	font-family: 'Helvetica', sans-serif;
	font-size: 100px;
	font-weight: 500;
}
@media (max-width: 991.98px) {
	.banner_price {
		font-size: 60px;
		
	}
}
.banner_price.prime, .price_euro_sign.prime {
	color: white;
}
.banner_price.second, .price_euro_sign.second {
	color: #007bff;
}

.price_euro_sign {
	font-size: 35px;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 500;
	position: relative;
	top: 23px;
	margin-right: 10px;
	opacity: 0.5;
}

.mtl {
	display: inline-block;
	font-size: 15px;
}

.flex-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	width: 25%;
}
@media (max-width: 991.98px) {
	.flex-wrapper {
		width: 100%;
		position: relative;
		margin-left: 0;
		left: 0;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
		margin: 5vh 0;
	}
}
.flex-wrapper.center {
	width: 30%;
	margin: 0 20px;
}
@media (max-width: 991.98px) {
	.flex-wrapper.center {
		width: 100%;
		margin: 0;
/*		margin-left: 5vw;*/
	}
}

.wrapper_banner_btn {
	position: relative;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.wrapper_banner_btn {
		flex-grow: 0;
	}
}

.wrapper_kursplan {
	position: relative;
	width: 100%;
	margin-bottom: 0;
	padding: 15vh 4% 10vh 4%;
	background: #2e2e2e;
}
@media (max-width: 991.98px) {
	.wrapper_kursplan {
		z-index: 1;
		padding-top: 0;
		background: #2e2e2e;
	}
}

.td_bull_courseplan {
	vertical-align: top;
	padding-right: 10px;
	font-size: 30px;
}
@media (max-width: 991.98px) {
	.td_bull_courseplan {
		font-size: 20px;
	}
}

f3 {
	width: 50%;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
}
@media (max-width: 991.98px) {
	f3 {
		width: 75%;
		left: 10%;
		position: relative;
		font-size: 17px;
	}
}


@media(max-width: 991.98px) {

}

tr {
	padding: 0 !important;
	margin: 0 !important;
}

.wrapper_txt_portal_header {
	display: flex;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	flex-direction: column; 
	padding: 5%;
	align-items: center;
	justify-content: center;
	pointer-events: all;
}









.menu {
	position: fixed;
	height: 100vh;
	width: 50%;
	top: 0;
	left: 50%;
	overflow: hidden;
	display: none;
	background: transparent;
	z-index: 100;
}

.menu.fadeout_whole_menu {
	left: 50%;
	animation-delay: 0s;
	width: 50%;
}
@media (max-width: 991.98px) {
	.menu.fadeout_whole_menu {
		left: 0;
		animation-delay: 0s;
		width: 100%;
		height: 100vh;
		top: 0;
	}
}
.menu.fadein_whole_menu {
	width: 0;
	left: 100%;
}
@media (max-width: 991.98px) {
	.menu, .menu.fadein_whole_menu {
		width: 100%;
		left: 0;
		height: 0;
		top: 100%;
	}
}

.left_part_menu {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #2e2e2e;
}
@media (max-width: 991.98px) {
	.left_part_menu {
		height: 50vh;
		width: 100%;
	}
}
.left_part_menu.fadein_left_menu {
	width: 0;
}

.left_content_menu {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.left_content_menu {
		height: 50%;
		width: 100%;
		align-items: center;
		text-align: center;
	}
}

.nav-item {
	font-family: anton, sans-serif;
	color: white;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 4px;
	position: relative;
	margin: 30px 0;
	cursor: pointer;
	text-transform: uppercase;
	z-index: 2;

	left: 0;
	opacity: 1;
	
	transition: opacity 0.9s ease; 
}
.nav-item > .nolink, .nav-item:hover > .nolink, .drop-li > .nolink, .drop-li:hover > .nolink {
	color: white;
	text-decoration: none;
}
@media (max-width: 991.98px) {
	.nav-item {
		font-size: 20px;
		margin: 10px 0;
	}
}
.nav-item.fade_nav-item {
	left: 40px;
	opacity: 0;
}
.nav-item.fadeout_nav-item.delay_10 {
	animation-delay: 0s;
}
.nav-item.fadeout_nav-item.delay_11 {
	animation-delay: 0.1s;
}
.nav-item.fadeout_nav-item.delay_12 {
	animation-delay: 0.2s;
}
.nav-item.fadeout_nav-item.delay_13 {
	animation-delay: 0.3s;
}
.nav-item.fadeout_nav-item.delay_14 {
	animation-delay: 0.4s;
}

.nav-item.hovered.op_1 {
	opacity: 0.3;
}
.nav-item.hovered:hover {
	opacity: 1;
}
.nav-item.op_1 {
	opacity: 1;
	left: 0;
}
.nav-item.op_03 {
	left: 0;
	opacity: 0.3;
}

.con_online_portal_menu {
	position: relative;
	height: auto;
	width: auto;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 40px;
	right: 10px;
	opacity: 1;
	left: 0;
	font-weight: 500;
	padding: 150px 100px 10px 10px;
	border-radius: 10px;
	line-height: 1.2em;
	letter-spacing: 2px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
@media (max-width: 991.98px) {
	.con_online_portal_menu {
		font-size: 18px;
		padding: 0;
		letter-spacing: 1px;
		text-transform: uppercase;
		width: 80vw;
		font-weight: 600;
		padding: 5vh 0 10px 10px;
		line-height: 18px;
	}
}
.con_online_portal_menu.fadein_btn_menu {
	left: -20px;
	opacity: 0;
}
.con_online_portal_menu.fadeout_btn_menu.delay_15 {
	animation-delay: 0s;
}

.wrapper_btns_menu_right {
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-right: 2%;
	height: 100%;
	flex-direction: row;
}
@media (max-width: 991.98px) {
	.wrapper_btns_menu_right {
		height: 50%;
		top: 50vh;
		width: 100%;
		left: 0;
		flex-direction: column;
	}
}

.laptop_btn_menu {
	position: absolute;
	width: 110%;
	top: -10%;
	left: 5%;
}
@media (max-width: 991.98px) {
	.laptop_btn_menu {
		width: auto;
		height: 110%;
		top: -10%;
		left: 50%;
	}
}

.txt-btn-menu-laptop {
	position: relative;
	display: inline-block;
	z-index: 1;
}
a.nolink:hover > .txt-btn-menu-laptop, a.nolink > .txt-btn-menu-laptop {
	color: white;
}

.con_btn_anfahrt_menu  {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 40px;
	font-weight: 500;
	padding: 10px;
	margin-top: 20px;
	width: 100%;
	position: relative;
	opacity: 1;
	left: 0;
	border-radius: 10px;
	letter-spacing: 2px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
.con_btn_anfahrt_menu:hover > a.nolink, .con_btn_anfahrt_menu > a.nolink {
	color: white;
	text-decoration: none;
}
@media (max-width: 991.98px) {
	.con_btn_anfahrt_menu {
		font-size: 20px;
		padding: 2vh 20px 2vh 20px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		margin-top: 0;
	}
}
.con_btn_anfahrt_menu.fadein_btn_menu {
	left: -20px;
	opacity: 0;
}
.con_btn_anfahrt_menu.fadeout_btn_menu.delay_17 {
	animation-delay: 0.2s;
}
.btn_instagram.fadeout_btn_menu.delay_18 {
	animation-delay: 0.3s;
}
.btn_facebook.fadeout_btn_menu.delay_19, .wrapper_social_media.fadeout_btn_menu.delay_19 {
	animation-delay: 0.4s;
}

.inset_wrapper_btns_menu {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-right: 5%;
}
@media (max-width: 991.98px) {
	.inset_wrapper_btns_menu {
		padding: 0 !important;
		margin: 0 !important;
		flex-grow: 1;
		justify-content: center;
		
	}
}

.inset_wrapper_kontakt_info {
	text-align: left;
	flex-grow: 1;
	padding-left: 5%;
	color: white;
	left: 0;
	position: relative;
	opacity: 1;
	
	font-weight: 6500;
	font-size: 20px;
}
@media (max-width: 991.98px) {
	.inset_wrapper_kontakt_info {
		padding-left: 0;
		padding-top: 2vh;
		margin-bottom: -20px;
		text-align: center;
		line-height: 1em;
		font-size: 17px;
		flex-grow: 0;
		font-weight: 400;
	}
}
.inset_wrapper_kontakt_info.fadein_btn_menu {
	opacity: 0;
	left: 20px;
}

.txt_kontakt {
	font-family: 'Helvetica', sans-serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
@media (max-width: 991.98px) {
	.txt_kontakt {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 3px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
}

.overlay {
	background: black;
	opacity: 0.2;
}

.line-mail {
	position: absolute;
	top: 90%;
	width: 0;
	height: 2px;
}
.line-mail.active {
	width: 100%;
}
.line-mail.right {
	right: 0;
}
.line-mail.left {
	left: 0;
}

.bg_white {
	background: white;
}
.bg_black {
	background: black;
}

.link_mail {
	color: white;
	text-decoration: none;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	
}
.nav_link_navbar > .link_mail {
	color: black;
	position: absolute;
	width: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
}
.nav_link_navbar:hover > .link_mail {
	color: black;
}
.link_mail:hover {
	color: white;
	text-decoration: none;
}

@media (max-width: 991.98px) {
	.header_line_3_1.portal_h, .header_line_3_2.portal_h {
		height: 50px;
		left: 0;
		position: relative;
	}
}

@media (max-width: 991.98px) {
	h1.header_line_5.portal_h.show_small, h1.header_line_6.portal_h.show_small {
		height: 50px;	
		display: block;
		font-size: 50px;
	}
}
@media (max-width: 991.98px) {

}

.scrollable_courseplan {
	width: 100%;
	background: #2e2e2e;
	padding: 10vh 0;
	height: auto;
		background-image:   url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
		background-position: center; 
		background-size: cover;
		background-repeat: no-repeat; 
}
.scrollable_courseplan.portal {
	padding: 0;
}
@media (max-width: 991.98px) {
	.scrollable_courseplan, .scrollable_courseplan.portal {
/*
		position: relative;
		width: 100%;
		height: 2000px;
		background: transparent;
*/
		display: block;
		position: relative;
		height: 2000px;
		width: 100%;
/*		height: 100vh;*/
		height: auto;
		visibility: hidden;
		pointer-events: all;
		z-index: 0;
		top: 0;
		background: transparent;
		left: 0;
	}
}

.wrapper_close {
	position: absolute;
	width: 98%;
	top: 2%;
	color: white;
	font-family: 'Helvetica', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 20px;
	opacity: 1;
	animation-delay: 0s;
	
	left: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}
@media (max-width: 991.98px) {
	.wrapper_close {
		position: fixed;
		font-size: 15px;
	}
}
.wrapper_close.fadein_btn_menu {
	opacity: 0;
	animation-delay: 1.2s;
}

.close_menu {
	position: relative;
	height: 30px;
	margin-right: 10px;
	transform: rotate(0);
	animation-delay: 0s;
}
@media (max-width: 991.98px) {
	.close_menu {
		height: 20px;
	}
}
.close_menu.fade_in_close_btn_menu {
	animation-delay: 1.5s;
}

.watermark_logo {
	height: 100%;
	width: 50vw;
	top: 0;
	left: 0;
	position: absolute;
	background-image: url(../img/logo/logoand_white.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.05;
}
@media (max-width: 991.98px) {
	.watermark_logo {
		width: 100%;
	}
}
.watermark_logo.fadeIn_watermark {
	opacity: 0;
}



.wrapper_bg_img {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	overflow: hidden;
}
.wrapper_bg_img.half {
	width: 50%;
	left: 50%;
}
@media (max-width: 991.98px) {
	.wrapper_bg_img.half {
		width: 100%;
		left: 0;
	}
}

.drop-li {
	position: relative;
	color: white;
	font-family: 'Helvetica', sans-serif;
	font-size: 14px;
	font-weight: 400;
	display: none;
	text-transform: uppercase;
	position: relative;
	left: 50px;
	letter-spacing: 2px;
	line-height: 3em;
}
@media (max-width: 991.98px) {
	.drop-li {
		left: 0;
	}
}

.logo_signin {
	position: relative;
	height: 15vh;
}

label.custom.bg_white {
	color: rgba(0,0,0,0.5);
	background: white;
    border-right: 5px solid white;
    border-left: 5px solid white;
}
.form-control.bg_white {
	background: white;
	color: black;
}


.corona_vire {
	position: absolute;
	height: 120%;
	left: 70%;
	top: -10%;
	filter: blur(5px);
}
@media (max-width: 991.98px) {
	.corona_vire {
		left: -50%;
		top: -20%;
		width: 150%;
		height: auto;
		filter: blur(3px);
	}
}

.overlay_gradient_corona {
	background: rgb(13,82,143);
	background: linear-gradient(-90deg, rgba(13,82,143,0.6) 0%, rgba(13,82,143,0) 100%);
	clip-path:polygon(0 120px, 100% 0, 100% 100%, 0% 100%);
	width: calc(100% + 10px);
	left: -5px;
	height: 100%;
	position: absolute;
}
@media (max-width: 991.98px) {
	.overlay_gradient_corona {
		clip-path: polygon(0 0, 100% 120px, 100% 100%, 0% 100%);
		width: calc(100% + 10px);
		background: linear-gradient(180deg, rgba(13,82,143,0.6) 0%, rgba(13,82,143,0) 100%);
		left: -5px;
		height: 100%;
		position: absolute;
	}
}

.wrapper_btn_more {
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper_btn_more.center {
	justify-content: center;
}
@media (max-width: 991.98px) {
	.wrapper_btn_more {
		justify-content: center;
	}
}





.wrapper_security {
	display: inline-flex;
	position: relative;
	width: auto;
	flex-grow: 2;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom: 20px;
	left: 0;
	opacity: 0;
}
.wrapper_security.fadein_btn_menu {
	left: -20px;
	opacity: 0;
}
.wrapper_security.fadeout_btn_menu {
	left: 0;
	opacity: 1;
}

.nav_item_security {
	color: white;
	font-family: 'Helvetica', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin: 0 20px;
	cursor: pointer;
	letter-spacing: 2px;
}
@media (max-width: 991.98px) {
	.nav_item_security {
		font-size: 10px;
	}
}

.wrapper_nav_items {
	flex-grow: 1;
	display: flex;
	align-items: center;
}



.inset_viewport_team {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: absolute;
	height: 92%;
	top: 8%;
	width: 100%;
	left: 0;
	cursor: none;
}
@media (max-width: 991.98px) {
	.inset_viewport_team {
		height: 100%;
		top: 0;
		cursor: default;
	}
}

#video_header {
	position: relative;
	width: auto;
	height: 112%;
	top: 8%;
	pointer-events: none;
}

.scroll_bg_txt {
    height: 92%;
    width: 6px;
    border-radius: 10px;
    position: absolute;
    left: calc(35% - 6px);
    top: 8%;
	transition: 0.3s ease;
    z-index: 0;
}
.scroll_bg_viewport, .scroll_bg_team {
    height: 92%;
    width: 9px;
    border-radius: 10px;
    position: fixed;
    left: calc(100% - 9px);
    top: 8%;
	opacity: 0.5;
	transition: 0.3s ease;
    z-index: 50;
}
.scroll_bg_viewport.hovered, .scroll_bg_viewport:hover, .scroll_bg_team.hovered, .scroll_bg_team:hover  {
	opacity: 1;
}
.scroll_bg_txt.bg_1, .scroll_bg_txt.bg_0 {
    background: rgba(149,193,46,0.5);
}
.scroll_bg_txt.bg_2 {
    background: rgba(228,9,127,0.5);
}
.scroll_bg_txt.bg_3 {
    background: rgba(22,154,176,0.5);
}
.scroll_bg_txt:hover, .scroll_bg_txt.hovered {
    width: 12px;
    left: calc(35% - 12px);
}

.scroll_drag_txt {
    width: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 0;
    border-radius: 10px;
}
.scroll_drag_viewport, .scroll_drag_team {
    width: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 0;
	background: white;
    border-radius: 10px;
}
.scroll_drag_txt.bg_1, .scroll_drag_txt.bg_0 {
	background: #95C12E;
}
.scroll_drag_txt.bg_2 {
	background: #E4097F;
}
.scroll_drag_txt.bg_3 {
	background: #169ab0;
}





.scrollable_container_bilder {
	position: absolute;
	width: 100%;
	height: 92%;
	top: 8%;
	background: transparent;
	overflow-x: hidden;
	overflow-y: auto;
}
@media (max-width: 991.98px) {
	.scrollable_container_bilder {
		height: 100%;
		top: 0;
		position: relative;
	}
}



.title_bilder {
	font-family: 'Helvetica', sans-serif;
	color: white;
	letter-spacing: 2px;
	font-size: 95px;
	line-height: 95px;
	position: fixed;
	pointer-events: none;
	top: 0;
	height: 100%;
	left: 0;
	align-self: center;
	display: flex;
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
	z-index: 4;
	font-weight: 600;
	width: 30vw;
}
@media (max-width: 991.98px) {
	.title_bilder {
		font-size: 70px;
		line-height: 70px;
		position: fixed;
		pointer-events: none;
		z-index: 3;
		left: 0;
		width: 100%;
		display: none;
	}
}

.con_img_cat {
	position: relative;
	height: 80%;
	width: 20vw;
	overflow: hidden;
	display: flex;
	margin-right: 3vw;
	align-items: center;
	justify-content: center;
	
	transition: 0.7s ease;
	box-shadow: 0 20px 40px rgba(255,255,255,0.15);
}

.con_img_cat.closed {
	position: relative;
	height: 80%;
	width: 20vw;
}
@media (max-width: 991.98px) {
	.con_img_cat, .con_img_cat.closed {
		width: 75vw;
	}
}
.con_img_cat.open {
	height: 92%;
	position: fixed;
	left: 0%;
	top: 8%;
/*	z-index: 4;*/
	box-shadow: 0 0 0 rgba(255,255,255,0.15);
}
@media (max-width: 991.98px) {
	.con_img_cat.open {
		height: 100vh;
		margin-top: 0;
		top: 0;
	}
}
.con_img_cat.closed:hover {
	cursor: pointer;
}

@media (max-width: 991.98px) {
	.con_img_cat.closed, .con_img_cat {
		height: 80vh;
		margin: 5vh 0;
	}
}
.con_img_cat.closed:hover > .bg_cat_bilder {
	height: 110%;
	width: auto;
}

.wrapper_all_cats_imgs {
	position: fixed;
	height: 100%;
	display: flex;
	align-items: center;
	top: 0;
	width: auto;
	justify-content: flex-start;
	pointer-events: all;
}
@media (max-width: 991.98px) {
	.wrapper_all_cats_imgs {
		width: auto;
		height: 100vh;
		top: 0;
		left: 0;
		pointer-events: all;
		position: fixed;
		z-index: -3;
	}
}

.bg_cat_bilder {
	height: 100%;
	width: auto;
	position: absolute;
	opacity: 1;
	transition: 0.5s ease;
}
.con_img_cat.open > .bg_cat_bilder {
	opacity: 0;
}



.con_input_bilder {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	padding: 30px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	transition: 0.3s ease;
}

.con_img_cat.closed:hover > .con_input_bilder, .con_img_cat.open > .con_input_bilder {
	background: rgba(0,0,0,0.0);
}

.cat_title {
	position: relative;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 22px;
	flex-grow: 1;
	transition: 0.5s ease;
	top: 0;
	text-align: center;
	width: 100%;
}
.con_img_cat.open > .con_input_bilder > .cat_title {
	visibility: hidden;
}
@media (max-width: 991.98px) {
	.con_img_cat.open > .con_input_bilder > .cat_title {
		visibility: visible;
		text-align: left;
	}
}
@media (max-width: 991.98px) {
	.cat_title {
		font-size: 17px;
	}
}
.con_img_cat.closed:hover > .con_input_bilder > .cat_title {
	opacity: 0;
	top: -15px;
}

.cat_date {
	position: relative;
	font-family: 'Helvetica', sans-serif;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	transform: rotate(-90deg);
	transform-origin: bottom left;
	left: 15px;
	
	transition: 0.5s ease;
}
.con_img_cat.closed:hover > .con_input_bilder > .cat_date {
	left: 0;
	opacity: 0;
}

.scrollable_input {
	position: relative;
	width: auto;
}


.con_lupe_img {
	position: absolute;
	height: 100px;
	width: 100px;
	background: #2e2e2e;
	z-index: 2;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease;
	opacity: 0;
}
.con_img_cat.closed:hover > .con_lupe_img {
	opacity: 0.8;
}

.lupe_img {
	position: relative;
	height: 50%;
	width: 50%;
}

.spec_img_table {
	position: relative;
	display: none;
	height: 80%;
	width: auto;
	z-index: 3;
	flex-direction: column;
}
.spec_img_table.competition {
	display: block;
	padding-left: 10vw;
	z-index: 4;
	height: 80%;
}

@media (max-width: 991.98px) {
	.spec_img_table {
/*		padding-left: 65vw;*/
		padding-left: 0;
	}
}

.spec_img_row {
	display: flex;
	height: 20%;
	position: relative;
	width: 100%;
	flex-direction: row;
	padding: 10px 0;
}
.spec_img_row.fadeIn_row_1 {
	opacity: 0;
	padding-left: 40px;
}
.spec_img_row.fadeIn_row_2 {
	opacity: 0;
	padding-left: calc(40px + 2vw);
}
.spec_img_row.fadeIn_row_3 {
	opacity: 0;
	padding-left: calc(40px + 4vw);
}
.spec_img_row[img_row="2"], .spec_img_row[img_row="4"] {
	padding-left: 2vw;
}
.spec_img_row[img_row="1"], .spec_img_row[img_row="5"] {
	padding-left: 4vw;
}

.img_bilder_spec {
	height: 100%;
	position: relative;
	display: block;
	margin: 0 10px;
	width: auto;
	cursor: pointer;
}

.slideshow_bilder {
	position: absolute;
	height: 92%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	top: 8%;
	left: 0;
	background: rgba(0,0,0,0.7);
}
@media (max-width: 991.98px) {
	.slideshow_bilder {
		flex-direction: column;
		top: 0;
		height: 100%;
	}
}


.inset_image_slideshow {
	position: relative;
	height: 80%;
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.inset_image_slideshow {
		width: 100%;
	}
}
@media (max-width: 991.98px) {
	inset_image_slideshow {
		width: 100%;
		height: auto;
	}
}


.img_slideshow_bilder {
	height: 0;
	transition: 0.5s ease;
}
.img_slideshow_bilder.pic_p, .img_slideshow_bilder.pic_l {
	height: 0;
}
.img_slideshow_bilder.active {
	position: relative;
	height: 100%;
}
@media (max-width: 991.98px) {
	
	.img_slideshow_bilder.pic_l {
		width: 0;
	}
	.img_slideshow_bilder.pic_p {
		height: 0;
	}
	.img_slideshow_bilder.pic_l.active {
		height: auto;
		width: 100%;
	}
	.img_slideshow_bilder.pic_p.active {
		width: auto;
		height: 100%;
	}
}

.img_slide_btn {
	position: relative;
	height: 55px;
	transition: 0.3s ease;
	cursor: pointer;
}
@media (max-width: 991.98px) {
	.img_slide_btn {
		height: 30px;
	}
}
.img_slide_btn:hover {
	height: 70px;
}
@media (max-width: 991.98px) {
	.img_slide_btn:hover {
		height: 30px;
	}
}
.img_slide_btn.back {
	transform: rotate(-90deg);
	margin-right: 15px;
}

@media (max-width: 991.98px) {
	.img_slide_btn.back, .img_slide_btn.back:hover {
		transform: rotate(0deg);
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}
.img_slide_btn.back:hover {
	margin-right: 7.5px;
	margin-left: -7.5px;
}
.img_slide_btn.forward {
	transform: rotate(90deg);
	margin-left: 15px;
}
@media (max-width: 991.98px) {
	.img_slide_btn.forward, .img_slide_btn.forward:hover {
		transform: rotate(180deg);
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: 0; 
	}
}
.img_slide_btn.forward:hover {
	margin-right: -7.5px;
	margin-left: 7.5px;
}

.wrapper_slideshow_builder {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	display: none;
	z-index: 4;
}
@media (max-width: 991.98px) {
	.wrapper_slideshow_builder {
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0;
		left: 0;
	}
}



.btn_back_to_imgs {
	position: relative;
	font-size: 15px;
	color: #0ABAB5;
	cursor: pointer;
	font-family: 'Helvetica', sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	margin-top: 20px;
/*
	display: block;
	align-self: flex-start;
*/
	pointer-events: all;
	height: 20px;
}
@media (max-width: 991.98px) {
	.btn_back_to_imgs_mobile {
		position: fixed;
		width: 90vw;
		left: 10vw;
		font-size: 13px;
		color: #0ABAB5;
		cursor: pointer;
		font-family: 'Helvetica', sans-serif;
		font-weight: 500;
		letter-spacing: 2px;
		margin-top: 20px;
		pointer-events: all;
		height: 20px;
		top: calc(100% - 50px);
		display: none;
		z-index: 5;
	}
}

h1.header_line_2.kursplan.show_small, h1.header_line_1.kursplan.show_small, .header_line_1_1.kursplan, .header_line_1_2.kursplan { 
	font-size: 45px;
	height: 45px;
	text-align: left;
	position: relative;
	letter-spacing: 0;
}
@media (max-width: 991.98px) {
	h1.header_line_2.kursplan {
		white-space: nowrap;
		width: auto;
	}
}


.link_btn_cat {
	color: white;
}
.link_btn_cat:hover {
	color: white;
}

.wrapper_title_bilder {
	text-align: center;
	opacity: 0.5;
	pointer-events: none;
}

.wrapper_courseplan {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991.98px) {
	.wrapper_courseplan {
		position: fixed;
		top: 0;
		height: 100vh;
		z-index: -1;
		visibility: hidden;
		width: auto;
		pointer-events: all;
		background-image: url(../img/studio/location01_blur.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
	}
}

.bg_image_all_courses {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;

	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.con_all_courses {
	margin: 5vh 10vh;
	position: relative;
}
@media (max-width: 991.98px) {
	.con_all_courses {
		height: 80vh;
		width: auto;   
		margin: 0 20vw;
	}
}

.inset-con {
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	padding-bottom: 5px;
}
.inset-con.hide {
	padding-bottom: 0;
}
@media (max-width: 991.98px) {
	.inset-con {
		background: transparent;
		padding-bottom: 0;
	}
}

.box-title {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-grow: 1;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	padding: 10px 10px 0 10px;
}
.box-title.cat1, .con-cell.hovered.pseudo > .inset-con > .box-title.cat1, .box-title.cat1.pseudo {
	background: #DF0066;
}
.box-title.cat2, .con-cell.hovered.pseudo > .inset-con > .box-title.cat2, .box-title.cat2.pseudo {
	background: #4DBECF;
}
.box-title.cat3, .con-cell.hovered.pseudo > .inset-con > .box-title.cat3, .box-title.cat3.pseudo {
	background: #174543;
}
.box-title.cat4, .con-cell.hovered.pseudo > .inset-con > .box-title.cat4, .box-title.cat4.pseudo {
	background: #73C09D;
}
.box-title.cat5, .con-cell.hovered.pseudo > .inset-con > .box-title.cat5, .box-title.cat5.pseudo {
	background: #FAB649;
}
.box-title.cat6, .con-cell.hovered.pseudo > .inset-con > .box-title.cat6, .box-title.cat6.pseudo {
	background: #66549F;
}
course {
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	position: relative;
	display: inline-block;
	letter-spacing: -1px !important;
}
age {
	font-family: Montserrat, sans-serif;
	color: white;
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
}

time {
	font-family: Montserrat, sans-serif;
	color: white;
	font-weight: 500;
	font-size: 15px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

@media (max-width: 991.98px) {
	course {
		font-size: 15px;
		white-space: nowrap;
		margin-bottom: 0;
	}
	age {
		font-size: 12px;
	}
	time {
		font-size: 13px;
	}
}
.con-btn {
	display: none;
	text-align: center;
}
.info_header {
	display: inline-block;
	line-height: 1em;
}
.con-cell.hovered > .inset-con > .txt-hover-avail {
	display: flex;
	align-items: center;
	justify-content: center;
}
.con-cell > .inset-con > .txt-hover-avail, .con-cell > .inset-con > .con-btn, .con-cell > .inset-con > .con-spots > .anzeige_spots_hovered {
	display: none;
}

.txt-hover-avail, .anzeige_spots, .anzeige_spots_hovered, .con-spots, .con-btn, .inset-con {
	transition: 0.5s ease;
}

.txt-hover-avail {
	position: relative;
	font-family: anton, sans-serif;
	color: black;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	line-height: 1.3em;
	padding: 16px 0 20px 0;
	font-size: 16px;
	display: none;
	flex-grow: 1;
	width: 70%;
	left: 0;
}
@media (max-width: 991.98px) {
	.txt-hover-avail {
		width: 100%;
		left: 0;
	}
}

.btn-book {
	display: inline-block;
	padding: 5px 30px;
	border-radius: 5px;
	font-family: 'Helvetica', sans-serif;
	font-size: 14px;
	cursor: pointer;
}
.con-cell {
	padding: 5px;
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	
}
@media (max-width: 991.98px) {
	.con-cell {
		padding: 2px;
	}
}

.con-cell.hovered > .inset-con > .box-title {
	border-radius: 10px;
	padding: 20px 0;
}

.con-spots {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	margin-top: 5px;
	padding-right: 5px;
	flex-direction: column;
	text-align: right;
	font-family: anton, sans-serif;
	font-size: 13px;
	font-weight: 600;
}

@media (max-width: 991.98px) {
	.con-spots {
		display: none;
	}
	.con-cell.hovered > .inset-con > .con-spots {
		display: flex;
	}
}
.con-cell.pseudo.inactive, .con-cell.inactive {
	opacity: 0.4;
	pointer-events: all;
}

.table_day {
	font-family: anton, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 20px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.table_saal {
	font-family: anton, sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.table_bg_dark, .table_bg_lighter {
    position: relative;
}

.table_bg_dark::before {
    content: "";
    height: 100%;
    width: calc(100% - 10px);
    position: absolute;
    display: block;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 5px;
    z-index: -1;
}

.table_bg_we {
    text-align: center;
}

.table_bg_we::before {
    content: "";
    height: 100%;
    width: calc(100% - 10px);
    position: absolute;
    display: block;
    background: #3952A0;
    top: 0;
    left: 5px;
    z-index: -1;
}

.table_bg_lighter::before {
    content: "";
    height: 100%;
    width: calc(100% - 10px);
    position: absolute;
    display: block;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 5px;
    z-index: -1;
}

.table_day::before {
    content: "";
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    display: block;
    background: rgba(0,0,0,0.6);
    top: 5px;
    left: 5px;
    z-index: -1;
}

.table_saal::before {
    content: "";
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    display: block;
    background: rgba(0,0,0,0.6);
    top: 5px;
    left: 5px;
    z-index: -1;
}

.con-spots.hide {
	display: none;
}

.con-cell.hovered > .inset-con > .con-btn, .con-cell.hovered > .inset-con > .con-spots > .anzeige_spots_hovered, .con-cell.hovered > .inset-con > .con-spots, .con-cell.hovered > .inset-con > .con-spots.hide, .con-cell.hovered > .inset-con > .box-title > .info_header {
	display: inline-block;
	visibility: visible;
}
.con-cell.hovered > .inset-con > .con-spots {
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	text-align: center;
}
@media (max-width: 991.98px) {
	.vertical_scroll_offers {
		position: relative;
		width: 100%;
		height: auto;
		background: #2e2e2e;
	}
}

.video_header.portal {
	height: 100%;
	width: 100%;
	top: 0;
	position: fixed;
	left: 0;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
	justify-content: center;
	background: #2e2e2e;
}
@media (max-width: 991.98px) {
	.video_header.portal {
		position: fixed;
		height: 100vh;
		width: auto;
		overflow: visible;
		top: 0;
		left: 0;
		justify-content: flex-start;
		background: #2e2e2e;
	}
}


.modal-content.log_in {
	background: #2e2e2e;
}

.modal-title.log_in {
	color: white; 
}

.white {
	color: white;
}

.vertical_scl_kursplan {
	position: absolute;
	width: 100%;
	left: 0;
	height: 100%;
	top: 0;
	display: flex;
	align-items: flex-start;
	z-index: 0;
	justify-content: center;
	overflow: auto;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	background-image: 
}
@media (max-width: 991.98px) {
	.vertical_scl_kursplan {
		align-items: center;
	}
}

.vertical_scl_kursplan.kursplan {
	justify-content: flex-start;
	padding-left: 1%;
}



.vertical_scl_kursplan.portal {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
/*	height: 100vh;*/
	height: auto;
	padding: 5vh 0;
}

.wrapper_social_media {
	position: relative;
	width: 100%;
	display: inline-flex;
	display: none;
	justify-content: center;
	height: 65px;
	margin-top: 20px;
}
@media (max-width: 991.98px) {
	.wrapper_social_media {
		display: none;
	}
}
.wrapper_social_media.fadein_btn_menu {
	left: -20px;
	opacity: 0;
}


.btn_instagram {
	position: relative;
	height: 100%;
	margin: 0 7px 0 0;
	border-radius: 10px;
	background: rgb(108,216,112);
	background: linear-gradient(45deg, #e3097e 0%, #9d095a 100%);
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
/*	display: inline-flex;*/
	align-items: center;
	justify-content: center;
}

.btn_facebook {
	position: relative;
	height: 100%;
	margin: 0 0 0 7px;
	border-radius: 10px;
	background: rgb(108,216,112);
	background: linear-gradient(45deg, #be096b 0%, #730944 100%);
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
@media (max-width: 991.98px) {
	.btn_instagram , .btn_facebook{
		height: 60px; 
		width: 60px;
		left: 0;
		opacity: 1;
		display: inline-block;
	}
	.btn_instagram.fadein_btn_menu, .btn_facebook.fadein_btn_menu {
		left: -20px;
		opacity: 0;
	}
	.btn_instagram {
		margin-left: 14px;
	}
}

.img_icon_social {
	position: relative;
	height: 100%;
	top: 0;
}

.eye_icon_cursor {
	position: fixed;
	height: 0px;
	pointer-events: none; 
	z-index: 99;
	transition: 0.1s ease;
}

.padding_bilder {
	position: relative;
	width: 30vw;
	display: block;
}
@media (max-width: 991.98px) {
	.padding_bilder {
		width: 65vw;
		height: 100vh;
		display: none;
	}

}

.wrapper_btns-mobil_menu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 0;
	width: 100%;
}
@media (max-width: 991.98px) {
	.wrapper_btns-mobil_menu {
		padding-top: 2vh;
	}
}

.title_competition {
	position: relative;
/*	padding-left: 5vw; */
	pointer-events: none;
	height: 100%;
	top: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 25%;
	left: 5%;
	color: white;
	flex-direction: column;
}
@media (max-width: 991.98px) {
	.title_competition {
		width: 86%;
		margin-left: 0;
/*		padding-left: 5%;*/
		overflow: visible;
		margin-bottom: 5%;
	}
}

.wrapper_btns_cntrls {
	position: fixed;
	height: 9.2%;
	top: 90.8%;
	width: 50%;
	left: 50%;
	padding-right: 5vw;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 4;
}
@media (max-width: 991.98px) {
	.wrapper_btns_cntrls {
		display: none;
	}
}

.contrl_right_img, .contrl_left_img {
	position: relative;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid white;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s ease, opacity 0.4s ease;
}
.contrl_left_img {
	margin-right: 3vw;
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 991.98px) {
	.contrl_left_img {
		margin-right: 10vw;
	}
}
.contrl_right_img:hover, .contrl_left_img:hover {
	background: rgba(255,255,255,0.5);
}
.contrl_right_img > .chevron_img {
	transform: rotate(90deg);
}
.contrl_left_img > .chevron_img {
	transform: rotate(-90deg);
}

.chevron_img {
	height: 50%;
	width: auto;
	position: relative;
}

.wrapper_btns_cntrls_competition {
	position: absolute;
	height: 10%;
	top: 90%;
	left: 10%;
	padding-right: 5vw;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 5;
}



.laptop_corona_dskt_gif {
	position: relative;
	width: 100%;
	z-index: 1; 
	width: 40%;
	display: block;
} 



.container_competition_tns {
	position: relative;
	width: 100%;
	height: auto;
	background: #2e2e2e;
	left: 0;
	padding-top: 50vh;
}

.wrapper_header_2_index {
	display: inline-flex; 
	flex-direction: column;
	justify-content: center;
	position: relative;
	align-items: center;
	text-align: center;
}

@media (max-width: 991.98px) {
	.wrpr_course_tn.middle_tn_course.courseplan {
		display: flex;
		flex-direction: column;
		left: calc(80% - 150px);
	}
}



.wrapper_offers_info {
	display: flex;
	flex-grow: 1;
	align-items: center;
}

.change_drop {
	display: inline-block;
}

.wrapper_anfahrt {
	position: absolute;
	height: 92%;
	width: 100%;
	top: 8%;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
@media (max-width: 991.98px) {
	.wrapper_anfahrt {
		flex-direction: column;
		height: 100%;
		top: 0;
	}
}

.container_left_anfahrt {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 991.98px) {
	.container_left_anfahrt {
		width: 100%;
		height: 50%;
	}
}

.container_right_anfahrt {
	position: relative;
	width: 50%;
	height: 100%;
}
@media (max-width: 991.98px) {
	.container_right_anfahrt {
		width: 100%;
		height: 50%;
	}
}

.anfahrt_txt {
	font-family: anton, sans-serif;
	color: white;
	font-size: 25px;
	letter-spacing: 1px;
	font-weight: 500;
	position: absolute;
	z-index: 3;
	text-align: left;
}
@media (max-width: 991.98px) {
	.anfahrt_txt {
		font-size: 14px;
		line-height: 15px;
		text-align: center;
	}
}

.anfahrt_header {
	font-size: 40px;
	line-height: 43px;
	font-family: 'Helvetica', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}
@media (max-width: 991.98px) {
	.anfahrt_header {
		font-size: 25px;
		line-height: 28px;
	}
}

.short_contact {
	display: inline-block;
	font-family: 'Helvetica', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 15px;
	position: relative;
}
@media (max-width: 991.98px) {
	.short_contact {
		display: block;
	}
}

.bg_news {
	background-image: url(../img/studio/bruckertanzstudio_tanzstudio_03_filter.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	clip-path:polygon(0 0, 100% 0, 100% calc(100% - 120px), 0% 100%);
	width:100%;
	left: 0;
	height: 100%;
	position: absolute; 
	margin-top: 0;
}
.bg_news.after {
	clip-path:polygon(0 0, 100% 120px, 100% calc(100% - 120px), 0% 100%);
}

.wrapper_news {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5vh 2% 10vh 2%;
	display: flex;
	flex-direction: row-reverse;
	background: #2e2e2e;
	align-items: center;
	overflow: visible;
}

.inset_news {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.inset_news {
		flex-direction: column;
		padding-bottom: 5vh;
		width: 100%;
	}
}
.inset_news.after {
	padding-top: 120px;
}
@media (max-width: 991.98px) {
	.inset_news.after {
		flex-direction: column-reverse;
	}
	.inset_news.first {
		flex-direction: column-reverse;
	}
	.inset_news.first > .con_img_news, .inset_news.after > .con_img_news {
		padding-bottom: 5vh;
	}

}

.con_title_news {
	width: 50%;
	position: relative;
	top: 0;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 600;
	font-size: 75px;
	text-align: left;
	line-height: 77px;
}
.con_title_headline_news {
	width: 70%;
	position: relative;
	top: 0;
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-weight: 600;
	font-size: 95px;
	text-align: left;
	line-height: 97px;
	padding: 10vh 0;
	text-transform: uppercase;
}
@media (max-width: 991.98px) {
	.con_title_headline_news {
		font-size: 60px;
		line-height: 62px;
	}
}
@media (max-width: 991.98px) {
	.con_title_news {
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 100%;
		padding-bottom: 5vh;
	}
}
.con_title_news.right {
	text-align: right;
}
@media (max-width: 991.98px) {
	.con_title_news.right {
		text-align: center;
	}
}

.con_img_news {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}
@media (max-width: 991.98px) {
	.con_img_news {
		width: 100%;
	}
}

.img_news {
	position: relative;
	display: inline-block;
	width: 50%;
	max-height: 80vh;
	cursor: pointer;
}
@media (max-width: 991.98px) {
	.img_news {
		width: 75%;
		max-height: 100vh;
	}
}

.news_date {
	font-family: anton, sans-serif;
	font-weight: 600; 
	color: #0ABAB5;
	font-size: 20px;
	line-height: 20px;
	text-decoration: underline;
}
.news_date.header {
	text-decoration: none;
	position: relative;
	left: 6px;
}
@media (max-width: 991.98px) {
	.news_date {
		font-size: 16px;
	}
}

.wrapper_news_dark {
	position: relative;
	background: #2e2e2e;
	width: 100%;
	top: 0;
	padding: 3vh 2%;
	display: block;
}

.wrapper_all_news {
	position: relative;
	height: auto;
	top: 8%;
	width: 100%;
	left: 0;
}
@media (max-width: 991.98px) {
	.wrapper_all_news {
		height: 100%;
		top: 0;
	}
}

.con_all_images {
	height: 100vh;
	top: 0;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}
@media (max-width: 991.98px) {
	.con_all_images {
		height: auto;
		flex-direction: column;
		align-items: center;
		width: 100%;
		justify-content: flex-start;
	}
	.con_all_images.open_cat {
		height: 100vh;
		flex-direction: row;
		align-items: center; 
	}
}
.vertical_scl_kursplan.bilder {
	width: auto;
	height: 100vh;
	top: 0;
	pointer-events: all;
	left: 0;
    background-image: none;

	position: fixed; 
	z-index: -3;
}
@media (max-width: 991.98px) {
	.vertical_scl_kursplan.bilder {
		height: auto;
		position: relative;
		z-index: 1;
	}
	.scrollable_container.bilder.open_cat > .vertical_scl_kursplan.bilder {
		height: 100vh;
		overflow-x: auto;
	}
}

@media (max-width: 991.98px) {
	.vertical_scl_kursplan, .vertical_scl_kursplan.portal, .vertical_scl_kursplan.kursplan {
		width: auto;
		height: 100vh;
		top: 0;
		pointer-events: all;
		left: 0;
		 
		position: fixed; 
		z-index: -3;
	}
	.vertical_scl_kursplan.drag {
		position: relative;
		z-index: 0;
        height: auto;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 5vh;
	}
}

.wrapper_menu_mobile {
	position: relative;
	height: 100%;
	display: inline-flex;
	background: #2e2e2e;
	align-items: center;
	justify-content: center;
	padding-left: 20px;
	border-bottom-left-radius: 20px;
/*	box-shadow: -2px 2px 10px rgba(255,255,255,0.05);*/
}

.trenner_menu_mobile {
	position: relative;
	height: 50%;
	width: 1px;
	background: white;
	margin: 0 20px 0 20px;
	opacity: 0.4;
}

.disclaimer_team {
	font-family: anton, sans-serif;
	color: white;
	font-size: 17px; 
	margin-top: 5vh;
	text-align: center;
	position: relative;
	margin-bottom: 100vh;
}
@media (max-width: 991.98px) {
	.disclaimer_team {
		width: 80%;
		font-size: 13px;
		left: 10%;
	}
}

.title_bilder_cat {
	height: 100%;
	position: fixed;
	width: 20vw;
	left: 5vw;
	top: 0;
	display: none;
	z-index: 4;
	pointer-events: none;
}

.wrapper_title_bilder_cat {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	top: 0;
	width: 100%; 
	left: 0;
	flex-direction: column;
}

.input_cat_title {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 60px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
}

.logo_and_bg_bilder {
	position: absolute;
	pointer-events: none;
	height: 100%;
	width: auto;
	left: 0;
	top: 0;
	opacity: 0.1;
	z-index: -4;
}

.con_and_logo_bilder {
	position: fixed;
	width: 30vw;
	background: #2e2e2e;
	top: 0;
	height: 100%;
	left: 0;
	pointer-events: none;
	z-index: 4;
	overflow: hidden;
}
@media (max-width: 991.98px) {
	.con_and_logo_bilder {
		display: none;
	}
}

.con_btn_insta {
	position: relative;
	height: 150px;
	width: 150px;
	margin-bottom: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 991.98px) {
	.con_btn_insta {
		margin-bottom: 0;
		margin-right: 25px;
	}
}
.con_btn_fb {
	position: relative; 
	height: 150px;
	width: 150px;
/*	margin-left: 20px;*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wrapper_yt_btn_home{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	left: calc(93% - 300px);
	background: #2e2e2e;
	height: auto;
	width: auto;
	border-radius: 50%;
	z-index: 3;
	top: -20%;
}
@media (max-width: 991.98px) {
	.wrapper_yt_btn_home {
		position: relative;
		top: -50px;
		left: calc(95% - 200px);
		height: 200px;
		width: 200px;
	}
}

.wrapper_SM {
	position: absolute;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	left: 0;
	height: auto;
	flex-direction: column;
	width: 98%;
	z-index: 3;
	padding-top: 50px;
}
@media (max-width: 991.98px) {
	.wrapper_SM {
		position: relative;
		width: 100%;
		left: 0;
		align-items: center;
		justify-content: center;
		margin-bottom: 5vh;
		flex-direction: row;
	}
}

.nav_link_navbar {
	font-family: anton, sans-serif;
	color: black;
	letter-spacing: 3px;
	font-size: 14px;
	margin-right: 20px;
	opacity: 1;
	font-weight: 500;
	cursor: pointer;
	text-transform: uppercase; 
	position: relative;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}
.nav_link_navbar[drop].active {
	font-weight: 600;
}
.nav_link_navbar[drop].active > .link_mail > .line-mail {
/*	display: none;*/
}
.nav_link_navbar.drop > .link_mail, .nav_link_navbar.drop {
/*	width: 0;*/
	transition: 0.5s ease;
}
.nav_link_navbar.drop {
	display: none;
}
.nav_link_navbar.drop.active {
	display: inline-flex;
}

.nav_link_navbar.fadeIn_navLink {
	opacity: 0;
}

.nav_part_menu {
	position: relative;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	overflow: visible;
	white-space: nowrap;
}

.logo_bg_online_portal {
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0%;
	opacity: 0.05;
}

.h_1_agb {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 50px;
	position: relative;
	margin-top: 9vh;
/*	padding: 0 10%;*/
}

.h2_agb {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
/*	padding: 0 10%;*/
}

.f1_agb {
	font-family: anton, sans-serif;
	color: white;
	font-size: 17px;
	font-weight: 500;
	padding: 0 0% 2% 0%;
}

.wrapper_compeition_input {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 92vh;
	top: 8vh;
	position: absolute;
	flex-direction: row;
}
@media (max-width: 991.98px) {
	.wrapper_compeition_input {
		flex-direction: column;
		height: auto;
		position: relative;
	}
}

.inset_start_type_line_1, .inset_start_type_line_2 {
	position: relative;
	width: 100%;
	display: inline-flex;
	white-space: nowrap;
	visibility: visible;
}

.letter_con_1 {
	display: inline-flex;
	margin: 0 !important;
	padding: 0 !important;
	min-width: 1vw;
}
.letter_con_1.new {
	color: #0ABAB5;
}

.letter_con_2 {
	display: inline-flex;
	margin: 0 !important;
	padding: 0 !important;
	min-width: 0.5vw;
}

.typing_icon {
	position: relative;
	display: inline-flex;
	height: 100%;
	width: 3px;
	background: white;
}

.con_and_century_gothic {
	position: absolute;
	font-family: 'Helvetica', sans-serif;
	color: white;
	opacity: 0.05;
	font-size: 150vh;
	right: -10vw;
	top: -75vh;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 600;
}

.dunbar_start {
	font-family: 'Helvetica', sans-serif;
	color: white;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	text-align: center;
}
@media (max-width: 991.98px) {
	.dunbar_start {
		line-height: 19px;
		font-size: 18px;
	}
}

.wrapper_txt_home_start {
	position: relative;
	width: 80%;
	left: 10%;
}

.line_home_1_mobile {
	display: none;
}
@media (max-width: 991.98px) {
	.line_home_1_mobile {
		font-family: 'Helvetica', sans-serif;
		color: white;
		text-transform: uppercase;
		font-size: 10vw;
		display: inline-block;
		line-height: 10vw;
	}
}

.input_new_words {
	color: #0ABAB5;
	height: 10vw;
}

.wrapper_txt_writing_mobile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 10vw;
	flex-direction: row;
}



.btn_back_to_imgs_mobile {
	display: none;
}

.wrapper_social_media_home {
	position: absolute;
	left: 93%;
	top: 5%;
	width: 7%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: all;
	z-index: 4;
}

.instagram_home {
	position: relative;
	width: 85%;
}

.wrapper_header_dark_background {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.6);
	padding: 40px;
	border-radius: 10px;
}

.nav_link_navbar::before {
    display: inline-flex;
    content: attr(title);
    height: 0;
    overflow: hidden;
    visibility: hidden;
}



.team_l_spacing {
	letter-spacing: 30px;
	text-align: center;
}
@media (max-width: 991.98px) {
	.team_l_spacing {
		letter-spacing: 10px;
	}
}

.swoosh_bg_index {
	position: absolute;
	width: 80%;
	left: 25%;
	opacity: 0.1;
	top: -70vh;
}

.swoosh_background {
	position: absolute;
	/** Entwurf 01 **/
/*
	height: 100%;
	top: -10%;
	transform: rotate(0deg);
	opacity: 0.5;
*/
	
	/** Entwurf 02 **/
	height: 110%;  
	top: -10%; 
	opacity: 0.5;
	transform: rotate(30deg);
} 
.swoosh_background.portal {
	width: 40%;
	top: 0;
	transform: rotate(50deg);
	opacity: 0.3;
	z-index: 2;
	left: 20%;
}
.swoosh_background.tanzstudio {
	width: 90%;
	height: auto;
	top: -110%;
	left: -5%;
	z-index: 0;
}



.con_datenschutz {
	padding: 5vh 10%;
}










.logo_mobile_navigation {
	flex-grow: 1;
	position: fixed;
	height: 8vh;
	top: 0;
	left: 0;
	background: #2e2e2e;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	z-index: 99;
	border-bottom-left-radius: 20px;
	box-shadow: -2px 2px 10px rgba(255,255,255,0.05);
}

.white_shadow {
	box-shadow: -2px 2px 10px rgba(255,255,255,0.05);
}

.img_mobile_online_header {
	display: none;
}
@media (max-width: 991.98px) {
	.img_mobile_online_header {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(../img/header_online_mobile.png);
		background-color: #2e2e2e;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0; 
		position: absolute;
			display: flex;
	}
}


.underline_txt {
	font-weight: 600;
	text-decoration: underline;
	display: inline-block;
}

.wrapper_bulls {
	width: 100%;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.col-txt {
	flex-grow: 1;
	margin-left: 20px;
}
@media (max-width: 991.98px) {
	.row-bull.mobile_break > .col-txt {
		margin-left: 0;
	}
}

.row-bull {
	display: flex;
}
.row-bull.mobile_break { 
	flex-direction: column;
}
@media (max-width: 991.98px) {
	.row-bull.mobile_break {
		flex-direction: column;
		margin-top: 20px;
	}
}

.container-bulls {
	display: flex;
	flex-direction: column;
	width: 90%;
	position: relative;
	left: 5%;
	align-items: center;
	justify-content: center;
	text-align: center;
}
@media (max-width: 991.98px) {
	.container-bulls {
		flex-direction: column;
	}
}

.bulls_corona_news {
	width: 70%;
}
@media (max-width: 991.98px) {
	.bulls_corona_news {
		width: 100%;
	}
}

.ul_nav {
	position: relative;
	width: 80%;
	left: 10%;
	margin-top: 10vh;
}

.icon_nav {
	position: relative;
	height: 30px;
	margin-right: 20px;
}

.con-nav {
 	position: fixed;
	height: 100vh;
	width: calc(20% + 10px);
	left: 0;
	z-index: 1;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	top: 0;
	overflow: auto;
	background: white;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
@media(max-width: 991.98px) {
	.con-nav {
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		display: none;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		z-index: 11;
		overflow: auto;

	}
}

.close_menu_nav {
	font-size: 50px;
	color: #cccccc;
	position: fixed;
	top: 0vh;
	left: 4vw;
	cursor: pointer;
	z-index: 1;
}

.logo_nav_portal {
	position: relative;
	width: 60%;
	display: inline-block;
	height: auto;
	top: 30px;
}

div.list-item-nav[type="button"] {
	background: white;
	background-image: linear-gradient(white, white) !important;
}
.list-item-nav, a.list-item-nav, a > .list-item-nav, a.list-item-nav[type="button"]  {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #a3a3a3;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	
	transition: color 0.5s ease;
}
.list-item-nav:hover {
	text-decoration: none;
	color: black;
}

.con-content {
    position: fixed;
    height: 100vh;
    width: 80%;
    left: 20%;
    top: 0;
    background: #f7f7f7;
    overflow: auto;
    padding-bottom: 50px !important;
}
@media (max-width: 991.98px) {
	.con-content {
		width: 100%;
		left: 0;
	}
} 
.con-section {
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: white;
    position: relative;
    width: 95%;
    height: 70px;
    margin-top: 3%;
    cursor: pointer;
}
.con-section.active, .con_courseinfo_warmup.active {
	background: rgba(0,123,255,0.2);
}
.video {
    width: 100%;
}
.padL, .padL-d, .padL-m {
    padding-left: 40px !important;
}
@media (max-width: 991.98px) {
	.padL {
		padding-left: 20px !important;
	}
	.padL-d {
		padding-left: 0 !important;
	}
}
.padR {
    padding-right: 40px !important;
}

span.greeting {
	font-family: 'Poppins', sans-serif;
	color: black;
	font-size: 50px;
	font-weight: 500;
	position: relative;
	display: inline-block;
}

.line-cat {
    position: relative;
    display: inline-block;
    height: 1px;
    width: 95%;
    left: 2.5%;
    background: #cccccc;
    opacity: 0.5;
}

.con-video {
    width: 23%;
    background: white;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
}

.con-video.favs, .con-video.special {
	width: 45%;
}
@media (max-width: 767.98px) {
	.con-video, .con-video.favs {
		width: 90%;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.con-video, .con-video.favs {
		width: 40%;
	}
}

.con-TN, .con-TN-warmup {
    position: relative;
    display: inline-block;
}

.con-videoTN:hover > .overlay-video {
    opacity: 1;
}

.TN {
    width: 100%;
    height: auto;
}

.con-play-btn {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: white;
    position: relative;   
    cursor: pointer;
    
    transition: 0.4s ease;
}
.con-play-btn:hover {
    height: 65px;
    width: 65px;
}

.icon-play-TN {
    position: relative;
    height: 30px;
    width: 30px;
}

.con-title {
    padding: 10px 10px 5px 10px;
    position: relative;
    width: 100%;
}

h3.GET_date {
    opacity: 0.7;
    margin-bottom: 0;
}

.bg_light {
	background: #f7f7f7;
}

h1_portal {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 30px;
	letter-spacing: 2px;
}
h1_portal.profil {
	font-size: 19px;
	letter-spacing: 0;
}
h1_portal.cat {
    font-size: 35px;
    margin-top: 3%;
}
h1_portal.video {
    font-size: 35px;  
    font-weight: 400;
}
h1_portal.signup {
	font-family: 'Poppins', sans-serif;
	color: #007bff;
	font-size: 40px;
	text-transform: uppercase;
}
@media (max-width: 991.98px) {
	h1_portal.signup {
		font-size: 22px;
	}
}

h2_portal {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 18px;
    font-weight: 400;
}
h2_portal.zoom_links {
	color: white;
}
h2_portal.video {
    font-size: 20px;
    color: #cccccc;
    font-weight: 300;
    margin-bottom: 50px;
}
h2_portal.section {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 35px;
    margin-top: 10%;
    margin-bottom: 4%;
}
h2_portal.banner {
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 500;
}

h3_portal {
    font-family: 'Poppins', sans-serif;
    color: #d5d5d5;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 20px;
}
h3_portal.GET_date {
    opacity: 0.7;
    margin-bottom: 0;
}

.fav-TN-video {
    position: relative;
    display: inline-block;
    width: 30px;
    cursor: pointer;
	right: 60px;
}

.con-img-shadow {
    position: relative;
    display: inline-block;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
    border-radius: 20px;
    overflow: hidden;
    margin: 5% 2.5%;
}
.con-img-shadow.vid {
    margin-bottom: 0;
}
.con-img-shadow.vid.youtube {
	width: 90%;
	padding-bottom: 50%;
}
.con-img-shadow.cat {
    margin-top: 1%;
    margin-bottom: 2%;
}

.cat-img-home {
    width: 100%;
    height: auto;
    position: relative;
    cursor: pointer;
}

@media (max-width: 991.98px) {
.header_portal {
	position: fixed;
	z-index: 10;
	background: #f7f7f7;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
}

.margin_header_portal {
	display: none;
}
@media(max-width: 991.98px) {
	.margin_header_portal {
		display: block;
		position: relative;
		width: 100%;
		background: transparent;
	}
}

.wrapper_mobile_header {
	white-space: nowrap;
}

.hamburger_portal {
	height: 30px;
	position: relative;
	left: 4vw;
	top: -2.5px;
	cursor: pointer;
}

.site_loc {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 500;
	padding-top: 20px;
}
@media (max-width: 991.98px) {
	.site_loc {
		padding-top: 0;
		word-break: nowrap;
	}
}

.search_box {
	background: white;
	height: 5vh;
	display: inline-block;
	border-radius: 40px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
	overflow: hidden;
	padding: 0 20px;
	margin-top: 20px;
	width: 95%;
}

.search_icon {
	position: relative;
	height: 50%;
	top: 25%;
}

.form-search:focus {
	box-shadow: 0;
    outline: none;
	border: 0 !important;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    background: none;
}
.form-search::placeholder {
	color: #cccccc;
}

.form-search {
	border: 0;
	height: 100%;
	padding: 5px 0;
	font-family: 'Poppins', sans-serif;
	color: #cccccc;
	font-size: 15px;
	margin-left: 10px;
}

.bg_profile_portal {
	position: absolute;
	left: 80%;
	height: 7vh;
	top: 2vh;
	width: 6vh;
	cursor: pointer;
}

.con-bg-img-profile {
	border-radius: 50%;
	overflow: hidden;
	height: 6vh;
	background: white;
}

.icon_profile {
	position: absolute;
	height: 102%;
	width: 101%;
	top: 0;
	left: 0;
}

.short_name {
	font-family: 'Poppins', sans-serif;
	color: white;
	font-size: 2vh;
}

.dropdown-profile {
	position: absolute;
	background: white;
	padding: 10px;
	right: 0;
	top: 100%;
	display: none;
	border-radius: 10px;
	z-index: 2;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

.dropdown-item {
	font-family: 'Poppins', sans-serif;
	color: black;
	font-weight: 400;
	opacity: 0.7;
}

.inset_footer {
	font-family: 'Poppins', sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 300;
}

.con-nav {
 	position: fixed;
	height: 100vh;
	width: calc(20% + 10px);
	left: 0;
	z-index: 1;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	top: 0;
	overflow: auto;
	background: white;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
@media(max-width: 991.98px) {
	.con-nav {
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		display: none;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		z-index: 11;
		overflow: auto;

	}
}

.logo-nav {
    position: relative;
    display: inline-block;
    width: 2vw;
    margin: 10vh 0;
}

.col-icon {
    width: 5vw;
}

.icon-nav {
    position: relative;
    display: inline-block;
    width: 30px;
    cursor: pointer;
    padding: 20px 0;
}

.nav-link {
    font-family: 'Poppins',sans-serif;
    color: #cccccc;
    font-size: 20px;
    padding: 20px 0 20px 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}
.nav-link.active {
    color: white;
}

.line {
    position: relative;
    display: inline-block;
    height: 1px;
    width: 80%;
    left: 10%;
    background: #cccccc;
    opacity: 0.5;
}

ul.navigation_portal {
    width: 100%;
    left: 0;
    position: relative;
}
ul.navigation_portal.icon {
    width: 5vw;
}

.con_courseinfo_warmup {
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	left: 0%;
	position: relative;
	display: inline-block;
	background: white;
}

.con-check {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 50%;
    margin-right: 5%;
	color: black;
}
.con-check.active {
    background: #007bff;
}

.check-icon {
    display: none;
}
.check-icon.active {
    height: 60%;
    width: 60%;
    position: relative;
    left: 20%;
    top: 20%;
    display: block;
}

f1_portal {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}
f1_portal.info_course_signup {
	font-size: 13px;
	font-weight: 600;
	position: relative;
	left: 10px;
	text-transform: uppercase;
	display: inline-block;
	margin: 10px 0;
	line-height: 1.3em;
}
f1_portal.info_course_profile {
	font-size: 19px;
	font-weight: 500;
	position: relative;
	left: 10px;
	text-transform: uppercase;
	display: inline-block;
	margin: 20px 0;
	line-height: 1.6em;
}
f1_portal.info_course_warmup {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	left: 10px;
	display: inline-block;
	margin: 20px 0;
	line-height: 1.6em;
}

.fav-TN {
    position: relative;
    display: inline-block;
    width: 20px;
    cursor: pointer;
}

.bg_kids {
	background: linear-gradient(90deg, rgba(124,202,205,1) 0%, rgba(0,208,124,1) 100%);
	color: white;
}

.bg_bodyandbeat_gradient {
	background: linear-gradient(90deg, rgba(77,190,207,1) 0%, rgba(102,84,159,1) 100%);
	color: white;
    border-radius: 13px;
    padding: 20px;
}

.bg_teens {
	background: linear-gradient(90deg, rgba(0,151,156,1) 0%, rgba(0,55,54,1) 100%); 
	color: white;
}

.bg_fitness {
	background: linear-gradient(90deg, rgba(253,129,99,1) 0%, rgba(115,36,108,1) 100%);
	color: white;
}

.h-lg-100 {
	height: 100%;
}
@media (max-width: 991.98px) {
	.h-lg-100 {
		height: auto;
	}
}

sec {
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 18px;
    font-weight: 400;
    margin-left: 20px;
    letter-spacing: 1px;
}

.c_black, h1.c_black {
	color: black;
}

.video_portal_link {
	position: relative;
	height: 70%;
	top: 15%;
	cursor: pointer;
	pointer-events: all;
}

h5 {
	color: white;
}
h5.modal-title {
	color: #007bff;
}

.link_social {
	pointer-events: all;
	cursor: pointer;
	z-index: 3;
}



.inset_modal_login_mobile {
	position: relative;
	height: 100%;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 35%;
	overflow: hidden;
}
@media (max-width: 991.98px) {
	.inset_modal_login_mobile {
		height: 92vh;
		top: 8vh;
		padding: 0 3%;
	}
}

.success_msg {
	display: none;
	margin-top: 3vh; 
	font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 30px;
	letter-spacing: 2px;
}

.GET_header {
	font-family: 'Poppins', sans-serif;
	color: #007bff; 
	font-size: 40px;
	text-transform: uppercase;
}

.con-verification, .con-done {
	width: 40%;
	background: white;
}
@media (max-width: 991.98px) {
	.con-verification, .con-done {
		width: 90%;
	}
}

#con-verification {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 100vh;
}

.hidden_info {
	position: absolute;
	z-index: -1000;
}

.log_in_txt {
	font-family: 'Helvetica', sans-serif;
	color: #2e2e2e;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	height: 14px;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	white-space: nowrap;
}

warning {
	color: red;
	font-weight: 600;
}

.header_mobile_bilder {
	display: none;
}
@media (max-width: 991.98px) {
	.header_mobile_bilder {
		font-family: 'Helvetica', sans-serif;
		color: white;
		letter-spacing: 2px;
		font-size: 70px;
		line-height: 95px;
		position: relative;
		pointer-events: none;
		align-self: center;
		display: flex;
		text-transform: uppercase;
		align-items: center;
		justify-content: center;
		font-weight: 600;
		text-align: center;
		line-height: 80px;
		margin-top: 8vh;
		opacity: 0.5;
		}
}


.title_kursplan {
	font-family: anton, sans-serif;
	color: white;
	font-size: 55px;
	overflow: hidden;
	font-weight: 700;
	letter-spacing: 4px;
	line-height: 0.9em;
	opacity: 0.5;
	left: 5%;
	margin-bottom: 50px;
	position: relative;
	text-transform: uppercase;
}
.title_kursplan.comp {
	left: 0;
}
@media (max-width: 991.98px) {
	.title_kursplan {
		font-size: 35px;
		margin-bottom: 20px;
		margin-top: 5vh;
		letter-spacing: 0;
	}
}





.logo_piece_1, .logo_piece_2, .logo_piece_3 {
	height: 80%;
	top: 10%;
	position: relative;
	width: auto;
	transition: width 0.3s ease;
}
.logo_piece_1.drop_open, .logo_piece_3.drop_open {
	width: 0;
}

.bg_load_img {
	position: absolute;
	z-index: -1000;
	height: 10%;
	width: 10%;
}

.popup_backdrop, .popup_backdrop_kursplan {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.popup_backdrop_kursplan {
	position: absolute;
}

.wrapper_img_popup {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.img_herbstferien { 
	width: 50vw; 
	border-radius: 13px;
}
@media (max-width: 991.98px) {
	.img_herbstferien {
		width: 95vw;
	}
}

.close_holiday_popup {
	position: absolute;
	left: 90%;
	top: -30px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.txt_drag_popup {
	font-family: anton, sans-serif;
	color: black;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 25px; 
}

.popup_drag {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup_drag_inset {
	position: absolute;
	height: auto;
	width: 70%;
	background: white;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1rem 0;
	flex-direction: column;
}

.drag_icon {
	position: relative;
	width: 40%;
}

.swoosh_portal {
	position: absolute; 
	width: 100px;
}

.modal-popup {
	max-width: 50vw !important;
}
@media (max-width: 991.98px) {
	.modal-popup {
		max-width: 90vw !important;
	}
}

.modal-popup > .modal-content {
	border: 0px solid !important;
	box-shadow: 3px 5px 20px rgba(0,0,0,0.27);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	background: rgba(255,255,255,0.9);
}


@media (max-width: 991.98px) {
	.modal-popup > .modal-content::before {
		width: 90vw;
	}
}
.modal-popup > .modal-content::after {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	z-index: -1;
}

.container_swoosh {
	width: 51vw;
	height: 80vh;
	top: 10vh;
	position: absolute;
	display: flex;
	position: fixed;
	align-items: flex-start; 
	justify-content: flex-end;
}
@media (max-width: 991.98px) {
	.container_swoosh {
		width: 90vw;
	}
}
.container_swoosh::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 80vh;
	background-image: url("../img/logo/swoosh_blue.svg"); 
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right;
}


.swoosh_popup {
	height: 80%;
	position: absolute;
}

.modal-body {
	font-family: 'Helvetica', sans-serif;
}
@media (max-width: 991.98px) {
	.modal-body {
		font-size: 15px;
	}
}
.modal-title {
	font-weight: 700;
	font-family: 'Helvetica', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
@media (max-width: 991.98px) {
	.modal-title {
		font-size: 17px;
		letter-spacing: 0.5px;
	}
}

.logo_menu_and {
	display: flex;
	width: 100%;
	height: 80%;
	position: relative;
}

.logo_menu_website {
	position: absolute;
	height: auto;
	width: 100%;
}

.logo_website_wrapper {
	position: relative;
	width: 100%;
	height: 20%;
}

.header_corona_home {
	font-family: anton, sans-serif;
	color: white;
	font-size: 70px; 
	font-weight: 700; 
	line-height: 60px;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: inline-block;
	width: 70%;
}
@media (max-width: 991.98px) {
	.header_corona_home {
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 2px;
		width: 85%;
	}
}

.header_corona_maßnahmen {
	position: relative;
	font-family: 'Helvetica', sans-serif;
	color: white;
	text-transform: uppercase;
	opacity: 0.7;
	font-size: 50px;
	line-height: 40px; 
	display: inline-block;
	align-self: center;
	font-weight: 600;
	margin-bottom: 20px;
}

.download_plan {
	position: fixed;
	top: 14vh;
	left: 2vw;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: rgb(22,154,176);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 3px 10px rgba(0,0,0,0.26);
	cursor: pointer;
	transition: 0.3s ease;
}
@media (max-width: 991.98px) {
	.download_plan {
		position: fixed;
		color: white;
		border-radius: 7px;
		opacity: 1;
		width: auto;
		height: auto;
		top: 2vh;
		padding: 3px 10px;
		font-family: 'Helvetica', sans-serif;
		color: white;
		font-size: 15px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
	}
}

.download_plan:hover {
	transform: scale(1.1);
}

.download_icon {
	position: absolute;
	height: 50%;
}

.header_corona_info {
	font-family: anton, sans-serif;
	font-size: 40px;
	opacity: 0.5;
	font-weight: 600; 
	color: white;
	line-height: 40px;
	text-transform: uppercase;
}

.overlay_zoom_img {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	display: none;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}



.container_img_zoom_news {
	position: relative;
	height: 80%;
	display: block;
	width: auto;
	max-width: 80%;
	cursor: default;
}

.wrapper_news_img_zoom {
	display: flex;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	align-items: center;
	justify-content: center;
}

.viewport_courseplan {
    background: #4d4d4d;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    overflow: auto;
}

.scrollbar_bg {
    position: fixed;
    height: 10px;
    z-index: 1000;
    width: 100vw;
    background: rgba(77,190,207,.5);
    top: calc(100% - 10px);
    left: 0;
    
    transition: .5s ease;
    
}


.scrollbar_bg:hover, .scrollbar_bg.hovered {
    height: 15px;
    top: calc(100% - 15px);
}

.scrollbar_drag {
    position: absolute;
    top: 0;
    width: 100px;
    background: #4DBECF;
    left: 0;
    height: 100%;
    border-radius: 100px;
    cursor: pointer;
}

#username_login, #user_password_login {
    max-width: 500px;
}

.align-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}