@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
/*	-------------------------------------------------------------- */
/*	CSS 2023 COPYRIGHT WEBMULTIMEDIA GMBH, BERN - JAN CIBULA 
/*	-------------------------------------------------------------- */
:root {
	--padding: 1rem;
	--padding_small: 0.5rem;
	--padding_big: 3rem;
	--border-radius:0.5rem; /* 0.5rem*/
	--border_radius_small:0.2rem; /* 0.5rem*/
	--goldfarbe:rgba(184,152,88,1.00); /* rgba(181,135,84,1.00)  rgba(214,175,104,1.00) */
	--stoererfarbe:rgba(191,30,47,0.80); /* rgba(128,68,131,1.00) */
	--goldfarbe_trans:rgba(184,138,88,.8); /* rgba(211,182,98,.8); */
	--black_trans:rgba(0,0,0,.8); /*0.6 */
	--black_trans_dark:rgba(0,0,0,.95);
	--cta_back:rgba(182,155,110,0.95);
	--cta_text:white;
	--box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3); /* 0px 0px 5px 1px rgba(0,0,0,0.3) */
    /* scaling font variables */
	--size_claim: 	clamp(2.8rem, 0.95rem + 0.25vw, 3.5rem);  /* 1.7rem, 4.2vw, 4rem) */
	--size_1: 		clamp(1.8rem, 0.95rem + 0.25vw, 3rem);  /* 1.7rem, 2.8vw, 2.5rem */
	--size_2: 		clamp(1.4rem, 0.95rem + 0.25vw, 2rem); /* 1.3rem, 2.1vw, 2rem */
	/* Standardtext */
	--size_3: 		clamp(1rem, 0.95rem + 0.25vw, 1.6rem); /* 1.1rem, 1.4vw, 2rem */
	--size_4:  		clamp(1rem, 0.95rem + 0.25vw, 1.6rem); /*1rem, 1vw, 2rem*/
 
	--size_5_stoerer:clamp(1rem, 1.3vw, 1.8rem); /* 1rem, 1.3vw, 1.8rem */
}

/*	-------------------------------------------------------------- */
/*	BASICS 												   
/*	-------------------------------------------------------------- */

* {
	box-sizing:border-box;
	margin:0;
	padding:0;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
	min-height:100vh;
    font-size:16px;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.6;
	padding:0rem 1rem;
}

img {
	width:100%;
}

a {
	text-decoration: none;
	color:var(--goldfarbe);
    cursor:pointer;
}
a:hover {
	color:var(--goldfarbe);
}

h1, h2, h3, h4 {
	/*text-transform: uppercase;*/
	
}
h1, h2 {
	font-size:var(--size_1);
    margin-bottom:1rem;
}
h3, h4 {
	font-size:var(--size_2);
}

p {
	margin-bottom:1rem;
}

ul, li {
	list-style: none;
}

#container {
	max-width:1600px;
	margin:0 auto;
	position: relative;
}


header {
	height:70vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	background-size:cover;
	background-position: center;
	overflow:hidden;
	border-bottom-left-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);
	max-width:1600px;
	margin:0 auto;
	position:relative;
	/*
	position:fixed;
	left:0;
	right:0;
	top:0;
	*/
}

.klein {
	font-size:0.8rem;
}

.font_normal{
	font-weight:normal;
}

.font_normal{
	font-weight:normal;
}


.text_center {
	text-align: center;
}



.header_slim {
	/**/height:15vh;
	box-shadow:0px 3px 4px 0px var(--black_trans);
}


.navigation_block{
	background:rgba(0,0,0,0.6);
	position: fixed;
	left:0;
	right:0;
	z-index:998;
	width:100%;
	height:6rem;
	display: flex;
	justify-content:space-between;
	padding:1rem 0rem;
	max-width:1600px;
	margin:0 auto;
}

.logo_container{
	width:13rem;
}


.logo_container .logo{
	height:100%;
	margin-left:1.5rem;
}

nav {
	color:white;
	width:auto;
}
.hauptmenu {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding:0rem;
	justify-content: flex-end;
	
}
.hauptmenu a{
	display: block;
	color:white;
	padding:0.5rem 1rem;
	font-size:var(--size_2);
	transition:color ease-in-out 0.5s;
    cursor:pointer;
}
.hauptmenu a:hover{
	transition:color ease-in-out 0.2s;
	color:white;
}
.hauptmenu .standpunkt {
	color:var(--goldfarbe) !important;
}

.untermenu_responsive {
	display:none;
	flex-wrap:wrap;
	flex-direction:column;
	padding:0rem;
	color:red;
}


.untermenu_responsive a{
	display: block;
	padding:0.2rem;
	font-size:var(--size_4);
	transition:color ease-in-out 0.5s;
    cursor:pointer;
}
.untermenu_responsive a:hover{
	transition:color ease-in-out 0.2s;
	color:white;
}
.untermenu_responsive .standpunkt {
	color:var(--goldfarbe) !important;
}


.untermenu {
	position: absolute;
	top:6rem;
	left:0;
	right:0;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding:0rem 1.5rem 0rem 0rem;
	justify-content: flex-end;
	margin-bottom:0rem;
	
}
.untermenu a{
	display: block;
	color:black;
	font-size:var(--size_3);
	padding:1rem;
	transition:color ease-in-out 0.5s;
	background:var(--goldfarbe);
}
.untermenu a:hover{
	background:white;
	transition:color ease-in-out 0.2s;
	color:black;
}

.untermenu .standpunkt {
	color:white !important;
	background:none;
	/*border-bottom:1px solid var(--goldfarbe);*/
}
.untermenu .standpunkt:hover {
	color:black !important;
}
.untermenu a:first-child {
	border-bottom-left-radius:var(--border-radius);
}

.untermenu a:last-child {
	border-bottom-right-radius:var(--border-radius);
}

.hamburger{
	margin:0;
	height:3rem;
	position:fixed;
	top:1rem;
	right:1rem;
	z-index:999;
	cursor:pointer;
	display:none;
}

.hamburger_symbol{
	margin:0;
	padding:0rem;
	height:3rem;
}

.text_white{
	color:white;
}





.socialmedia {
	display:flex;
	padding:0.5rem 1rem;
	margin:0;
}
.socialmedia a{
	padding:0;
	margin:0rem 0.4rem;
}




.tanzloungeSwiper {
	width:100%;
	height:70vh;
	position: absolute;
	z-index:0;
}
  .tanzloungeSwiper   .swiper-slide {
      text-align: center;
      background: #E7E7E7;
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
	border-bottom-left-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);
    }

  .tanzloungeSwiper   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
	  object-position: top;
	  padding-top:0rem;
	border-bottom-left-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);
    }


.testimonials_container {
	margin-bottom:1rem;
	border:1px solid white;
	width:100%;
	border-radius:var(--border-radius);
}
.testimonials_container .swiper-slide {
	border:1px solid white;
	border-radius:var(--border-radius);
	background:var(--goldfarbe);
	width:50%;
	margin-top:0rem;
	padding:0.8rem;
    height:12rem;
}

.testimonials_container .testimonials_panel_text{
	color:white;
	font-weight:700;
}
.testimonials_container .testimonials_panel_name{
	color:white;
}





.tanzloungeClaimContainer {
	position:absolute;
	left:4rem;
	width:90%;
	z-index:10;
	display:flex;
	flex-direction: column;
	animation-duration: 1s;
	animation-name: title_down;
	animation-fill-mode: forwards;
    bottom:6rem;
    opacity:0;
}


@keyframes title_down {
  from {
    bottom:6rem;
    opacity:0;
  }

  to {
    bottom:4rem;
    opacity:1;
  }
}


.tanzloungeClaim {
	font-size:var(--size_claim);
	color:white;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	line-height:var(--size_1);
    margin-bottom:1rem;
}
.tanzloungeClaimSubline {
	font-size:var(--size_1);
	color:white;
	padding:0rem;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}



.header_cta_stoerer {
	position:absolute;
	bottom:4rem;
	right:2rem;
	background:var(--stoererfarbe);
	border:3px solid rgba(255,255,255,0);
	color:white;
	padding:0.5rem;
	z-index:1000;
	font-size:var(--size_5_stoerer);
	width:12vw; /* 12rem */
	height:12vw; /* 12rem */
    aspect-ratio:1/1;
	border-radius:50%;
	text-align:center; 
	box-shadow:var(--box-shadow);
	cursor:pointer;
	transform-origin: center;
	transition:all ease-in-out 0.5s;
	display:flex;
	justify-content:center;
	align-items: center;
	transition:all ease-in-out 0.3s;
}
.header_cta_stoerer:hover {
	/*
	color:var(--stoererfarbe);
	background:white;
	*/
	border:3px solid white;
	transform:rotate(-8deg);
	transition:all ease-in-out 0.3s;
}
.header_cta_stoerer_symbol {
	position:absolute;
	border:3px solid white;
	background:var(--stoererfarbe);
	border-radius:50%;
	top:0.5rem;
	left:-2rem;
	width:3rem;
	height:3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition:all ease-in-out 0.3s;
}

.header_cta_stoerer:hover .header_cta_stoerer_symbol{
	color:var(--stoererfarbe);
	border:3px solid var(--stoererfarbe);
	background:white;
	left:-1.5rem;
	transition:all ease-in-out 0.3s;
}


.header_cta_stoerer a {
	color:white;
}

.showmore_event {
	cursor:pointer;
}


.socialicons{
	display:flex;
	display:none; /* display where? */
	flex-wrap:wrap;
	flex-direction:row;
	position:absolute;
	top:0;
	right:0;
	font-size:var(--size_2);
}
.socialicons a{
	display: block;
	color:white;
	font-size:var(--size_2);
	padding:1rem;
	text-transform: lowercase;
	transition:all ease-in-out 0.5s;
}
.socialicons a:hover{
	background:rgba(0,0,0,1);
	transition:all ease-in-out 0.2s;
	color:var(--goldfarbe);
}



main{
	font-size:var(--size_3);
	min-height:40vh;
	position:relative;
}

.main_slim {
	margin-top:25vh;
	transition:all ease-in-out .4s;
}



footer {
	/*display:none;*/
	background:var(--goldfarbe);
	width:100%;
	max-width:1600px;
	padding:1.5rem 3rem;
	margin:2rem auto 2rem auto;
	font-size:var(--size_3);
	border-top-left-radius:var(--border-radius);
	border-top-right-radius:var(--border-radius);
}
footer div{
    display:inline;
}
footer a {
	color:white;
	transition:color ease-in-out 0.2s;
}
footer a:hover {
	color:white;
	transition:color ease-in-out 0.3s;
}
.footer_divider {
	color:white;
	padding:0rem 0.5rem;
	opacity: 0.5;
}
.easytotop {
	position:fixed;
	right:1rem;
	bottom:1rem;
	width:1rem;
	padding:1rem 1.5rem;
	border-radius:var(--border-radius);
	color:black;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	transition:all ease-in-out 0.2s;
}
.easytotop:hover {
	color:black;
	transition:all ease-in-out 0.2s;
	color:black;
}
.easytotop .fa{
	font-size:var(--size_2);
}
/* STARTSEITE */

/*	-------------------------------------------------------------- */
/*	STANDARD CONTENT												   
/*	-------------------------------------------------------------- */
.standard_content {
	padding:2rem 3rem;
}

/*	-------------------------------------------------------------- */
/*	STARTSEITE TEXTBLOECKE 												   
/*	-------------------------------------------------------------- */

.block_inhalt:nth-child(even) {
	border-radius:var(--border-radius);
	background:rgba(235,232,232,0.20);
}

.block_inhalt{
	padding:1rem 3rem;
	margin-bottom:1rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.block_inhalt h2{
	font-size:var(--size_1);
    width:33%;
}
.block_inhalt .block_inhalt_text{
    width:65%;
    column-count: 2;
    column-gap: 20px;
}

/*	-------------------------------------------------------------- */
/*	STARTSEITE CALL TO ACTIONS 												   
/*	-------------------------------------------------------------- */

.start_padding {
	padding-top:17%;
}

.start_1_2 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:-3rem auto 0rem auto;
	position:absolute;
	width:93%;
	left:0rem;
	right:0rem;
	z-index:666;
}


.start_1_2 .start_1 {
	width:33.33%;
	font-size:var(--size_2);
	/*padding-right:2rem;*/
}
.start_1_2 .start_2 {
	width:66.66%;
	width:100%;
}


/* CALL TO ACTION STARTSEITE */
.start_1_2 .start_cta_container{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.start_1_2 .start_cta{
	/*
	border-left:0.5rem solid white;
	border-bottom:0.5rem solid white;
	*/
	background:black;
	border-radius:var(--border-radius);
	border:3px solid white;
	overflow:hidden;
	width:32%;
	position:relative;
	aspect-ratio:3/2;
	cursor:pointer;
}
.start_cta a{
	position:absolute;
	width:100%;
	top:0;
	z-index:55;
}
.start_cta h2{
	color:white;
	background:var(--black_trans);
	padding:var(--padding);
	position:absolute;
	width:100%;
	bottom:0.5rem;
	height:auto;
	z-index:33;
	font-size:var(--size_2);
	transition:all ease-in-out  0.5s;
}




.start_cta:hover h2{
	transition:all ease-in-out .3s;
	background:var(--black_trans_dark);
	color:var(--goldfarbe);
}

.start_1_2 .start_cta_bild{
	width:100%;
	aspect-ratio:3/2;
	line-height:0;
}
.start_1_2 .start_cta_bild img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	transition:all ease-in-out 0.3s;
}

.start_cta:hover img{
	top:0rem;
	transition:all ease-in-out 0.5s;
}
.start_cta_infotext {
	position:absolute;
	z-index:23;
	opacity:0;
	background:var(--black_trans);
	color:white;
	width:100%;
	padding:var(--padding);
	/*top:100%;*/
	top:0;
	margin-top:0rem;
	bottom:0;
	font-size:var(--size_4);
	transition:all ease-in-out 0.4s;
}

.start_cta:hover .start_cta_infotext {
	top:0;
	margin-top:0rem;
	opacity:1;
	bottom:0;
	transition:all ease-in-out .6s;
}


/*	-------------------------------------------------------------- */
/*	GALERIE												   
/*	-------------------------------------------------------------- */

.galerien{
	width:100%;
	padding:1rem 3rem;
	margin:2rem auto;
}


.galerie_container {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
	margin-bottom:2rem;
}

.galerie_container a{
	width:23%;
	padding:0.5rem;
	margin-top:3%;
    aspect-ratio:3/2;
	box-shadow:var(--box-shadow);
	border-radius:var(--border-radius);
}
.galerie_container img{
	object-fit:cover;
	height:100%; 
	width:100%;
	transition:all ease-in-out 0.4s;
	border-radius:var(--border-radius);
}
.galerie_container img:hover{
	opacity:0.8;
	transition:all ease-in-out 0.2s;
	
}

.loading {
	display: none;
	position:fixed;
	top:15rem;
	left:10%;
	right:10%;
	z-index:1000;
	border:3px solid var(--goldfarbe);
	width:80%;
	padding:4rem;
	background:var(--black_trans);
	color:var(--goldfarbe);
	border-radius:var(--border-radius);
	text-align:center;
	font-size:var(--size_1);
	box-shadow:var(--box-shadow);
}





.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--goldfarbe);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--goldfarbe) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}














/* ------------------------ TANZKURSE 2023 ------------------------ */
/* ------------------------ TANZKURSE 2023 ------------------------ */
/* ------------------------ TANZKURSE 2023 ------------------------ */

/*	-------------------------------------------------------------- */
/*	KURSE CONTAINER											   
/*	-------------------------------------------------------------- */

.tanzlounge_kurse {
	margin:0rem 0rem 2rem 0rem;
}






.tanzlounge_kurse_backbutton{
	background:var(--goldfarbe);
	color:black;
	border-radius:var(--border-radius);
	width:auto;
	cursor:pointer;
	padding:.5rem 1rem;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_2);
	display:inline-block;
}
.tanzlounge_kurse_backbutton a{
	color:black;
}




/* KURSPANELS UEBERSICHT */
.kurse_panels_container {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	width:100%;
}

.tanzlounge_panels_title {
	margin-left:2rem;
}


.kurse_panels_container .kurse_panel {
	background: white;
	width:30%; /* 48% */
	padding:1rem 1rem 6rem 1rem;
	box-shadow:var(--box-shadow);
	margin:1rem 0rem 3rem 0rem;
	border-radius:var(--border-radius);
	position:relative;
	border:2px solid var(--goldfarbe);
}
.kurse_panels_container ul {
	margin-left:2rem;
    margin-bottom:2rem;
	width:80%;
	
}
.kurse_panels_container li {
	list-style: disc;
}
.kurse_panel p{
	margin:0rem;
	font-size:var(--size_3);
}
.content_right {
	text-align:right;
}


/* CALL TO ACTION STARTSEITE */
.kurse_panels_container .kurse_panels_cta_container{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	padding:1rem;
	position:absolute;
	bottom:1rem;
	left:0;
	right:0;
}

.kurse_panels_container .kurse_panels_cta{
	background:var(--cta_back);
	color:var(--cta_text);
	border:1px solid rgba(0,0,0,0);
	border-radius:var(--border-radius);
	cursor:pointer;
	padding:.5rem 1rem;
	margin-left:1rem;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_2);
}
.kurse_panels_container .kurse_panels_cta:hover{
	background:var(--cta_text);
	color:var(--cta_back);
	border:1px solid var(--cta_back);
	transition:all ease-in-out 0.3s;
}
.kurse_panels_container a{
	position:absolute;
	width:100%;
	top:0;
	z-index:55;
}
.kurse_panels_container h3{
	padding:var(--padding);
	border-radius:var(--border-radius);
	color:var(--goldfarbe) !important;
	margin-bottom:0rem;
	font-size:var(--size_1);
}
.kurse_panels_container .kurse_panels_cta .kurse_panels_cta_link{
	position:relative;
	color:white !important;
	transition:all ease-in-out 0.3s;
	width:auto;
	padding:0;
}
.kurse_panels_container  .kurse_panels_cta:hover .kurse_panels_cta_link{
	color:var(--goldfarbe) !important;
	transition:all ease-in-out 0.2s;
}

.kurse_panels_cta {
	padding:0 !important;
}
.kurse_panels_cta_link{
	padding:2rem 0.6rem !important;
}
	


.kursHeaderInfos_Anmeldung_Button {
	padding:0 !important;
	flex-grow: 1 !important;
	display:flex;
}
.kursHeaderInfos_AnmeldeButton {
	padding:0rem 1rem !important;
	display:block;
	width:auto;
	flex-grow: 1 !important;
}


/* KURSLISTE HAUPTGRUPPE */
.kurse_hauptgruppen_titel {
	position:relative;
	color:black;
    background:var(--goldfarbe); 
	padding:var(--padding);
	border-radius:var(--border-radius);
	cursor:pointer;
}
.kurse_hauptgruppen_titel:hover {
	color:black;
	background:var(--goldfarbe);
}
.kurse_hauptgruppen_titel_klein {
	font-size:0.9rem;
}


.kurse_hauptgruppen_titel_aktiv {
	border:1px solid black;
}



.kursgruppen_link {
	margin-top:2rem;
}

.kurse_unterkurs_gruppen_titel  {
	color:black !important;
	background:var(--goldfarbe);
	padding:var(--padding_small);
	border-radius:var(--border-radius);
	margin-bottom:1rem;
}
.kursgruppen_link {
	color:black !important;
}

.kurse_schwach {
	opacity:0.7;
}

	/* border:10px solid red; */




/*

.kursLine{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	cursor:pointer;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_2) !important;
	margin-bottom:1rem;
	height:4rem;
}

.kursLine:hover{
	opacity:0.9;
	transition:all ease-in-out 0.3s;
}
.kursLine>div{
	padding:0.5rem;
}
.kursLine_div {
	padding:0.5rem;
    overflow: hidden;
    white-space: nowrap;
	border-right:1px solid var(--goldfarbe);
}


	.kursInhalte .kursLine_KursID {
		width:6%;
	}
	.kursInhalte .kursLine_KursTag {
		width:14%; 
	}
	.kursInhalte .kursLine_KursZeit {
		width:11%; 
	}
	.kursInhalte .kursLine_KursDauer {
		width:15%; 
	}
	.kursInhalte .kursLine_KursLehrer {
		width:20%;
	}
	.kursInhalte .kursLine_KursSaal {
		width:7%; 
	}
	.versionDesktop .kursLine_KursPreis{
		width:10%; 
	}

.kursLine_KursMore_MoreResponsive {
	display:none;
}

.kursLine_KursAnmelden, .kursLine_KursAnmeldenDesktop {
	width:auto;
	background:var(--goldfarbe) !important;
	color:white !important;
	font-weight:bold !important;
	flex-grow: 1;
  	text-align:center;
	border-top-right-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);  
}
.kursLine_KursMore{
	width:100%;
	display:none;
	border-top:1px solid var(--goldfarbe);
}

.kursLine_KursMore_show{
	display:block !important;
}

.kursLine_KursAnmeldenDesktop {
	background:var(--goldfarbe);
}

.kursLine{
	display:flex;
	flex-wrap:wrap;
	flex-direction: column;
	justify-content:space-between;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	cursor:pointer;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_2) !important;
	margin-bottom:1rem;
	
}

.kursLine_zeile_1 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border-bottom:1px solid var(--goldfarbe);
}
.kursLine_zeile_2 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}



*/

.kursHeaderInfos_Anmeldung{
	margin-top:0.5rem;
}






.kursHeaderInfos_Anmeldung_Button,.cta_kursTanzpartnersuche{
	background:var(--goldfarbe);
	color:var(--cta_text);
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
	cursor:pointer;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_3);
	padding:0.3rem 0.5rem 0.5rem 0.3rem;
}
.kursHeaderInfos_Anmeldung_Button a,.cta_kursTanzpartnersuche a{
	color:black;
	font-weight:700;
}

.kursHeaderInfos_Anmeldung_Button{
	flex-grow:1;
	display:inline-block;
	margin-top:0; 
	text-align:center !important;
	align-items: center !important;
	border:none;
}



.ausgebucht {
	border-radius:var(--border-radius);
	background:#C95050;
	font-size:var(--size_3);
	color:var(--cta_text);
	padding:0.5rem;
}


.kursZeile {
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:space-between;
	border:1px solid var(--goldfarbe);
	cursor:pointer;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_3);
	margin-bottom:1rem;
	padding:0;
}

.kursZeile_Zeile_1 {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-items: center;
	justify-content:space-between;
	padding:0 !important;
	margin:0 !important;
    flex-grow:1;
}

.kursZeile_Zeile_2 {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-items: center;
	justify-content:space-between;
	padding:0 !important;
	margin:0 !important;
    flex-grow:1;
}

.kursZeileZelle {
	padding:0 !important;
	margin:0 !important;
	border-right:1px solid var(--goldfarbe);
    flex-grow:1;
}

.kursZeile_KursID {
	width:7%;
	text-align:center;
}

.kursZeile_Wochentag{
	width:10%;
	text-align:center;
}

.kursZeile_Dauer {
	width:25%;
	text-align:center;
}

.kursZeile_Zeit{
	width:15%;
	text-align:center;
}

.kursZeile_Lehrer{
	width:30%;
	text-align:center;
}
.kursZeile_Preis{
	text-align:center;
	width:10%;
	border-right:none;
}
.kursZeile_Anmeldung{
	border-right:none;
	text-align:center;
	justify-content: center !important;
	align-items: center !important;
	background:var(--goldfarbe);
	width:20%;
    padding:0;
    flex-grow:1;
}

.kursZeile_HideMobile {
		display:block;
}







@media(max-width: 1200px) {
	.kursZeile {
		flex-direction: column;
	}

	.kursZeile_Zeile_1 {
		width:100%;
	}

	.kursZeile_Zeile_2 {
	border-top:1px solid var(--goldfarbe);
		width:100%;
	}

	.kursZeile_HideMobile {
		display:none;
	}
    
.kursZeile_KursID {
	width:7%;
	text-align:center;
}

.kursZeile_Wochentag{
	width:10%;
	text-align:center;
}

.kursZeile_Dauer {
	width:25%;
	text-align:center;
}

.kursZeile_Zeit{
	width:15%;
	text-align:center;
	border-right:none;
}

.kursZeile_Lehrer{
	width:60%;
	text-align:center;
	border-right:none;
}
.kursZeile_Preis{
	text-align:center;
	width:10%;
	border-right:none;
}
.kursZeile_Anmeldung{
	border-right:none;
	text-align:center;
	justify-content: center !important;
	align-items: center !important;
	background:var(--goldfarbe);
	width:40%;
    padding:0;
    flex-grow:1;
	display:flex;
}
.kursHeaderInfos_Anmeldung_Button{
flex-grow:1;
width:100%;
}
   
    
    
    
    
} /* ENDE RESPONSIVE





.thankyou {
    margin:2rem 0rem;
	font-size:var(--size_2);
    background: rgba(127,148,98,1.00);
	border-radius:var(--border-radius);
    padding:1rem;
    color:white;
}


/*	-------------------------------------------------------------- */
/*	EVENTS 							   
/*	-------------------------------------------------------------- */

.events{
	width:100%;
	padding:1rem 3rem;
	margin:0rem auto;
}

.eventHeader {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width:100%;
	height:auto;
	min-height:4rem;
	margin:1rem 0rem;
	border-radius:var(--border-radius);
	background:var(--goldfarbe);
}



.eventHeaderDatum {
	width:10% !important;
	background:var(--goldfarbe);
	font-size: 4rem;
    color:white;
    text-shadow:1px 1px 3px rgba(0,0,0,0.7);
    display:flex;
    justify-content: center;
    align-items: flex-start;
    text-align:center;
	border-top-left-radius:var(--border-radius);
	border-bottom-left-radius:var(--border-radius);
}
.eventHeaderBild {
	width:10% !important;
	height:100%;
	aspect-ratio:1/1 !important;
	padding:0;
	overflow:hidden !important;
	background:red;
}

.eventHeaderBild img {
	height:100%;
	width:100%;
	object-fit:cover;
	aspect-ratio:1/1 !important;
	padding:0;
	margin:0;
}

.eventHeaderInfos {
	width:60% !important;
	background:var(--goldfarbe);
	padding:var(--padding);
	border:1px solid var(--goldfarbe);
}
.eventHeaderInfos h3{
	font-size:var(--size_2);
}
.eventHeaderMehr{
	padding:var(--padding);
	width:10%;
	background:var(--goldfarbe);
	text-align: right;
	padding:1rem;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);
}

	.eventHeaderMehr .fa {
		font-size:2rem;
		color:white;
		
	}


.eventHide {
	display:none;
}
.eventShow{
	display:block;
}
.eventHeaderInfosKlein{
	font-weight:normal;
	display:none;
	margin-top:1rem;
}
.eventHeaderInfosKlein a{
	font-weight:bold;
	color:black !important;
}
.eventHeaderInfos .infosflex   {
	display:flex;
	flex-wrap:wrap;
}

 .eventHeaderInfosInfotitel{
	width:15%;
}

 .eventHeaderInfosInfo{
	width:85%;
}
.eventHeaderInfos_Anmeldung{
	margin-top:0.5rem;
}

/*	-------------------------------------------------------------- */
/*	ENDE EVENTS 							   
/*	-------------------------------------------------------------- */




















/*	-------------------------------------------------------------- */
/*	SPEZIALSTILE EVENTS UND KURSE							   
/*	-------------------------------------------------------------- */

.eventAgenda_schwach {
	color:lightgray;
	opacity:0.3;
}

.font_normal{
	font-weight:normal;
}



.kursdaten_schwach {
	color:lightgray;
	opacity:0.8;
}

.kursdaten_voll:last-child .kursdaten_last_slash{
    display:none;
}






/* ================ ENDE NEUE VERSION ================== */



.kursdaten_schwach {
	color:lightgray;
	opacity:0.8;
}

.kursdaten_voll .kursdaten_last_slash:last-child {
    /*display:none;*/
}























/*	-------------------------------------------------------------- */
/*	TANZPARTNER	BUTTON AUF KURSE										   
/*	-------------------------------------------------------------- */

.cta_kursTanzpartnersuche{
	width:auto;
	display:none;
	margin:1rem;
	padding:1rem;
	background-color: var(--stoererfarbe);
}
.cta_kursTanzpartnersuche a{
	color:white;
}


/*	-------------------------------------------------------------- */
/*	TANZPARTNER											   
/*	-------------------------------------------------------------- */


.tanzpartnerContainer {
	font-size:var(--size_4);
    width:100%;
}
.tanzpartnerContainer h2 {
	font-size:var(--size_3);
    width:100%;
}
.tanzpartnerSucheContainer {
    display:flex;
    flex-wrap:wrap;
}

.tanzpartnerContainer .formularsuche {
    margin-bottom:2rem;
}

.tanzpartnersucheNav {
    display:flex;
}
.tanzpartnersucheNav p{
    margin-right:1rem;
}
.tanzpartnersucheNav p a{
    padding:0.4rem 1rem;
}

.tanzpartnersucheNav a{
	background:var(--goldfarbe);
	color:black;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
	cursor:pointer;
	padding:0.3rem 0.5rem 0.5rem 0.3rem;
	transition:all ease-in-out 0.5s;
	font-size:var(--size_3);
	font-weight:700;
	display:inline-block;
}


.tanzpartnerSucheContainer .tanzpartnerSuche{
    margin-right:1rem;
}
.tanzpartnerContainer input, .tanzpartnerSucheSelect {
	font-size:var(--size_4);
    padding:0.4rem 1rem;
    min-width:40%;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
}




.tanzpartnersucheContent {
	font-size:var(--size_4);
}

.tanzpartnersucheContentEintrag {
	font-size:var(--size_4);
    padding:0.4rem 1rem;
    min-width:40%;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
    margin-bottom:2rem;
}
.tanzpartnersucheContentEintragName{
    font-size:var(--size_2);
    font-weight:bold;
    margin-right:1rem;
}
.tanzpartnersucheContentEintragNameKlein{
    font-size:var(--size_3);
    font-weight:bold;
    margin-right:0.1rem;
}
.tanzpartnersucheContent .inserat_loeschen_form {
	display:none;
    border:1px solid black;
    padding:1rem;
	border-radius:var(--border-radius);
}

.tanzpartnersucheContent .inserat_antworten_anzeige {
	display:none;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
    padding:1rem;
}
#inseratschreiben {
	display:none;
    width:100%;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
    padding:1rem;
}
.inserat_antwort_formular {
	display:none;
	border:2px solid rgba(255,255,255,1);
	border-radius:var(--border-radius);
    padding:1rem;
}



/*	-------------------------------------------------------------- */
/*	KURSE											   
/*	-------------------------------------------------------------- */

.hauptkurse_infos {
    padding:0rem 1rem;
    margin-bottom:1rem;
}
.hauptkurse_infos ul {
    margin-left:1rem;
}
.hauptkurse_infos li {
	list-style: disc;
}


.kurse_unterkurs_inhalte{
	display:none;
    padding:0rem 1rem;
	border:1px solid rgba(222,222,222,1);
	border-radius:var(--border-radius);
	margin-bottom:1rem;
}

.unterkurs_infos {
    padding:0rem; /* 0rem 1rem */
}

#kursanmeldeformular {
	width:auto;
	height:80vh;
	padding:2rem;
	background:white;
	color:black;
	border:2px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	display:none;
	position:fixed;
	z-index:999;
	top:10%;
	left:20%;
	right:25%;
	box-shadow:var(--box-shadow);
	overflow: hidden;
	overflow-y: scroll;
}

#mietformular {
	margin:0 auto;
}
#kursanmeldeformular input, #kursanmeldeformular select, #kursanmeldeformular textarea, #mietformular input,  #mietformular textarea,#tanzpartnerformular input,  #tanzpartnerformular textarea{
	width:80%;
	padding:0.5rem;
	background:lightgray;
	color:black;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.5;
	font-size:var(--size_3) !important;
	transition:all ease-in-out 0.5s;
}





#mietformular select{
	width:10%;
	background:lightgray;
	color:black;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.5;
	font-size:var(--size_3) !important;
	transition:all ease-in-out 0.5s;
	padding:2rem;
}

#tanzpartnerformular  label{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:var(--size_4) !important;
}

#tanzpartnerformular  select{
	width:10%;
	background:lightgray;
	color:black;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.5;
	font-size:var(--size_4) !important;
	transition:all ease-in-out 0.5s;
	padding:0.5rem;
}

.form_checkbox{
	display:flex;
	border:1px solid var(--goldfarbe);
	border-radius:var(--border-radius);
	padding:0.5rem;
	width:60%;
}
.form_checkbox input[type=checkbox]{
	width:1rem;
	height:1rem;
}
.form_checkbox_box {
	width:6%;
}
.form_checkbox_text {
	width:94%;
}
.captcha {
	margin-bottom:1rem;
}
.captcha img, .boerseSicherheit img, .code_image{
	width:10rem;
}
.form_checkbox, #mietformular input {
	margin-bottom:1rem;
}


.form_captcha, .boerseFormular{
	width:10rem !important;
}

#kursanmeldeformular input:hover, #kursanmeldeformular select:hover, #kursanmeldeformular textarea:hover{
	background:var(--goldfarbe);
	color:black;
	transition:all ease-in-out 0.3s;
}
.anmeldenbutton{
	cursor:pointer;
}

.formular_schliessen {
	border-radius:var(--border-radius);
	position:absolute;
	padding:0.5rem;
	top:1rem;
	right:1rem;
	text-align:center;
	background:black;
	color:white;
	width:auto;
	cursor:pointer;
	transition:all ease-in-out 0.5s;
}
.formular_schliessen:hover {
	background:var(--goldfarbe);
	color:black;
	width:auto;
	transition:all ease-in-out 0.3s;
}


#kursanmeldeformular input, select, textarea {
	margin-bottom:0.3rem;
}






/*	-------------------------------------------------------------- */
/*	TEAM												   
/*	-------------------------------------------------------------- */

.team_container {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
}

.team_panel {
	width:30%;
	padding:1rem;
	box-shadow:var(--box-shadow);
	margin-top:1rem;
	border-radius:var(--border-radius);
}


.teambild {
	width:100%;
	margin:1rem 0rem;
	border:1px solid gray;
	border-radius:0.2rem;
	overflow:hidden;
	aspect-ratio:4/3;
}
.teambild img{
	width:100%;
	height:100%;
	object-fit: cover;
}
/**/

/*	-------------------------------------------------------------- */
/*	KALENDER												   
/*	-------------------------------------------------------------- */


.kalenderbereich {
	margin:1rem auto;
	border:1px solid var(--goldfarbe);
	width:100%;
	padding:0.3rem;
	border-radius:var(--border-radius);	
	background:white;
	font-size:1rem;
}
.filterbuttons_container {
	margin:0rem 0rem 0.5rem 0rem;
	font-size:1rem;
}
.filterblaettern_container {
	margin:0rem 0rem 0.5rem 0rem;
	font-size:1rem;
}

.ui-tooltip {
	display:none;
	background:rgba(255,255,255,0.9) !important;
	box-shadow:var(--box-shadow);
    font-size:15px !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	max-width: 220px !important;
	line-height:1.2em !important;
	padding: 5px !important;
	position: absolute !important;
	z-index: 9999 !important;
	border:1px solid rgba(222,222,222,0.9);
}
.ui-helper-hidden-accessible {
	display:none;
}

.kalenderTabelle {
	display:table;
}
.kalenderZeile {
	display:table-row;
	height:45px !important;
	line-height:0.9em;
}
.kalenderZeile .kalenderZelle:first-child {
	background:#ddd !important;
	width:5.6%;
	white-space: nowrap;
}
.kalenderZeile:first-of-type {
	height:25px !important;
	text-align: center;
	font-weight: bold;
	line-height:1.5em !important;
}
.kalenderZelle {
	cursor:help !important;
	display:table-cell;
	border-bottom:1px dashed #aaa !important;
	width:13.4%;
	font-size:0.75em;
}


.kalenderKurs {
	background-color:#DDCBAE;
	margin:3px;
	padding:3px;
}
.kalenderKursText {
	color:#fff !important;
}
.kalenderBlaettern {
	background-color:#ccc;
	padding:5px;
	margin-right:1rem;
	margin-top:1rem;
}
.datumsfeld {
	width:120px;
	margin-right: 5px;
}

.grayFont {
	opacity:0.4;
}

.filter {
}

.filterbuttons,.filterbutton_alle {
	margin-right:5px;
	cursor:pointer !important;	
}


.filteraktiv {
	border:1px solid #777;
	background:#333 !important;
	color:#fff !important;
}














/* =========================================================================== */
/* =========================================================================== */
/* RESPONSIVE 1200px */
/* =========================================================================== */
/* =========================================================================== */


@media(max-width: 1200px) {
	
	
	/* EVENTS RESPONISVE */
	.events {
		padding:0rem 1rem;
	}
	
	
.kurse_panels_container .kurse_panel {
    width:48%;
}
.galerie_container a{
	width:49%;
}
    
.block_inhalt{
	flex-direction: column;
}
.block_inhalt h2{
    width:100% !important;
}
.block_inhalt .block_inhalt_text{
    width:80%;
    column-count: 1;
}
    
.start_cta_infotext {
	font-size:var(--size_1);
}
    
    
    
.start_cta h2 {
    bottom: 0rem !important;
    margin-bottom:0rem;
}
   
    
    
	.team_panel {
		width:49%;
        margin-bottom:1rem;
	}
    .socialmedia {
        flex-direction:column;
        padding:0rem 0.4rem;
        height:5rem;
    }
    .hauptmenu a{
        padding: 0.4rem;
    }
    
    .socialmedia a {
        padding:0rem 0.4rem;
    }
    .socialmedia i{
        padding:0rem 0.4rem;
        font-size:1rem;
    }
    footer {
	    font-size:var(--size_3);
    }
    


		#mietformular {
			margin:0 auto;
		}
		#kursanmeldeformular input, #kursanmeldeformular select, #kursanmeldeformular textarea, #mietformular input,  #mietformular textarea,#tanzpartnerformular input,  #tanzpartnerformular textarea{
			width:100%;
		}

	

	
	
		#kursanmeldeformular   h3 {
			margin-top:2rem;
		}

		#kursanmeldeformular {
			height:80vh;
			position:fixed;
			z-index:999;
			top:6rem;
			left:0.5rem;
			right:0.5rem;
			border:2px solid black;
			box-shadow:var(--box-shadow);
			overflow: hidden;
			overflow-y: scroll;
		}
		.formular_schliessen {
			top: 1rem;
			right: 1rem;
			text-align: center;
			width: auto;
		} 


			.form_checkbox{
			width:100%;
	}
	
		.form_checkbox_text {
			width:90%;
			padding-left:1rem;
		}

		.standard_content {
			padding:1rem;
		}

		#mietformular select{
			width:10%;
		}

	
	
	
	:root {

		/* scaling font variables */
		--size_claim: 	clamp(1.3rem, 1.2rem + 0.15vw, 1.5rem);  /* 1.7rem, 4.2vw, 4rem) */
		--size_1: 		clamp(1.1rem, 1.1rem + 0.15vw, 1.4rem);  /* 1.7rem, 2.8vw, 2.5rem */
		--size_2: 		clamp(1rem, 0.9rem + 0.15vw, 1.3rem); /* 1.3rem, 2.1vw, 2rem */
		/* Standardtext */
		--size_3: 		clamp(0.9rem, 0.85rem + 0.15vw, 1.1rem); /* 1.1rem, 1.4vw, 2rem */
		--size_4:  		clamp(0.8rem, 0.85rem + 0.15vw, 1rem); /*1rem, 1vw, 2rem*/
		
		
		--border-radius:0.2rem; /* 0.5rem*/
		--border_radius_small:0.1rem; /* 0.5rem*/

	}
		
	
	
    html {
        
        font-size:20px;
    }
    
	body {
    	padding: 0rem;
		border:3px solid white;
    }
	
	
	.header_cta_stoerer {
		display:none;
	}
	
	header  {
		height:40vh;
	}
	/* neu start ausblenden */
	header{
		display:none;
	}
	
	main {
		margin-top:5.5rem;
	    font-size:var(--size_2);
	}
	
    .tanzloungeSwiper{
		top:5rem;
		height:40vh;
    }
	
	.easytotop  {
		right:0.5rem;
		bottom:0.5rem;
		padding:1rem;
	}
	.easytotop .fa {
    	font-size: var(--size_1);
	}
	
    .galerien{
        padding:1rem;
    }
	
	.navigation_block {
		flex-direction: column;
		padding:0 !important;
		height:5rem !important;
        background:black;
	}
	.navigation_block .logo_container {
		margin:1.2rem 0rem 0rem 1rem ;
	}
	.navigation_block .logo_container .logo {
    	margin-left:0;
	}
	.logo_container {
		width:9rem;
	}
	.hamburger{
		display:block;
	}
	nav {
		position:fixed;
		width:100%;
		top:5rem;
        left:0;
        right:0;
		height:90vh;
		background:rgba(33,33,33,1);
		display:none;
	}
	.hauptmenu{
		flex-direction: column;
	}
	.hauptmenu a{
		display:block;
		width:80%;
		margin:0 auto;
		text-align:center;
		border-bottom:1px solid var(--goldfarbe);
	}
	.hauptmenu a:hover{
		background:var(--goldfarbe);
	}
	
	.untermenu {
		display:none;
	}
	.untermenu a{
		}
    

	
	
	.untermenu_responsive {
		display:flex;	
		line-height:1;
        margin-bottom:0 !important;
	}
    
	
	
	
	

	.tanzloungeClaimContainer {
		position: absolute;
		bottom: 1rem;
		left: 1rem;
		right: 1rem;
		width: 92%;
		z-index: 10;
	}
	
	@keyframes title_down {
	  from {
		bottom:3rem;
		opacity:0;
	  }
	  to {
		bottom:1rem;
		opacity:1;
	  }
	}
	
	

	.tanzloungeClaim {
        line-height:1;
        font-size:var(--size_1);
        font-weight:normal;
	}
	.tanzloungeClaimSubline {
		padding:0;
	    font-size:var(--size_3);
        font-weight:normal;
	}	


	.block_inhalt {
		margin-bottom: 1rem;
		padding:1rem;
	}	

	.start_1_2{
		position:relative;
		flex-direction:column;
		margin:1rem 0;
		width: 100%;
	}

	.start_1_2 .start_cta{
		flex-direction:column;
		width: 100%;
		aspect-ratio:16/9;
	}
	
	.start_1_2 .start_cta_bild {
		aspect-ratio:16/9;
	}
	.start_cta_infotext{
		display:none;
	}

	.start_padding {
		padding-top:0%;
	}
	.block_inhalt_text {
		max-width:100%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    .galerie_container a{
        width:98%;
    }
	
	
	
	
	
	
	
	
    .block_inhalt h2{
        width:100% !important;
    }
    .block_inhalt .block_inhalt_text{
        width:100%;
        column-count: 1;
    }
	
	
	
	
	
	
	
	
	
	
/* KURSE RESPONISVE */
	
	/*
.versionDesktop {
	display:none;
}
.versionMobile {
	display:inherit;
}

	*/
	
	
	
	.kurse_hauptgruppen_titel {
    margin:0rem;
	}
	
    .tanzlounge_kurse {
        padding:1rem;
    }
    .kurse_hauptgruppen_titel{
        margin-top:1rem;
    }
	.team_container, .kursHeader,.kursHeaderInfos .infosflex{
		flex-direction:column;
	}

	.hauptkurse_infos {
		padding:0rem;
		margin:1rem 0rem 0rem 0rem;
	}
	
	.kurse_unterkurs_inhalte{
    	padding:0rem !important;
		border:none;
		margin:0rem !important;
	}
	
	
	.kurse_unterkurs_inhalte_titel{
		/*display:none;*/
		padding-top:1rem;
		font-size:var(--size_1);
	}
	.kurse_unterkurs_inhalte_beschrieb{
		margin:0.5rem 0rem;
		font-size:var(--size_2);
	}
	.kursHeaderInfos_Anmeldung_Button {
		display:inline-block;
	}
	
	
	
	
	
	
	.tanzlounge_panels_title {
		margin-left:1rem;
		font-size:var(--size_1);
	}
	
	.kurse_panels_container ul {
		margin-bottom:0rem;
		
	}
	.kursHeaderInfosInfotitel{
		width:100%;
	}
	.kursHeaderInfosInfo{
		width:100%;
	}


	.kursHeaderDatum {
		width:100%;
	}


    
	.kursHeaderInfos {
		width:100%;
		border-radius:0px;
	}
    

    
    .kursHeaderDatum_Wochentag {
	    font-size:var(--size_2);
    }
	    

	
	
	

    .kurse_panels_container .kurse_panel {
        width:98%;
		border:3px solid var(--goldfarbe);
    }

	.kurse_panel h3{
		text-align: left;
	}
    .kurse_panels_container .kurse_panels_cta {
        margin:0 auto !important;
	    font-size:var(--size_1);
    }
	.kurse_panels_container .kurse_panels_cta_container {
		left: 1rem;
		right: auto;
	}
	
	
	.event_monat_titel{
		font-size:2rem;
	}
	
	
	.eventHeaderInfos h3{
		font-size:1.5rem;
	}
	
	.panel_open{
		display:none;
	}
	.eventHeader>div{
		border-radius:0;
	}
	
	.eventHeader {
		flex-wrap: wrap;
	}
	.eventHeaderDatum{
		display:inline-block;
		padding:0.5rem 0.3rem;
		flex-grow: 1;
		font-size:2rem;
		justify-content: flex-start;
		width:20%;
		min-width:50px !important;
		order:1;
	}
	.eventHeaderInfos {
		padding:0.5rem 0.3rem;
		flex-grow: 1;
		width:70%;
		order:2;
	}
	
	.eventHeaderMehr {
		padding:0.5rem 0.3rem;
		flex-grow: 1;
		width:10%;
		order:3;
		display:flex;
		justify-content: center;
		align-content: center;
		
	}
	.eventHeaderBild {
		order:4;
		width: 100% !important;
		aspect-ratio:16/5 !important;
	}

	.eventHeaderBild img {
	}
	
	.eventHeaderInfos h3 {
		font-size:var(--size_1);
	}
	
	.eventHide {
		display:block;
	}
	
	.eventShow{
		display:none;
	}
	
	.team_panel {
		width:98%;
        margin:1rem auto;
	}

	footer {
		padding:0.5rem;
		margin:2rem 0rem 0rem 0rem;
		border-radius:0;
		line-height:2;
		font-size: var(--size_2);
	}
	footer div{
		display:block;
		width:100%;
		text-align: center;
	}
	footer i{
		display:none !important;
	}
	.footer_divider {
		display:none;
	}
    
    .cta_kursTanzpartnersuche{
		font-size: var(--size_2);
        text-align: center;
        margin:1rem 1rem;
        padding:1rem;
    }    
    .cta_kursTanzpartnersuche .fa-arrow-right{
		display:block;
        margin:0rem auto;
        font-size:2rem;
    } 
    
    
    
/* end media 960px */
}


/* ====================================  */ 
/* mobile (iPhone portrait)
/* ====================================  */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {

    
}


/* ====================================  */ 
/* landscape on mobile (iPhone quer)
/* ====================================  */
@media only screen and (orientation: landscape) and (max-device-width: 480px) {
	
	
}