/* CSS Mini Reset */
/******************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
.clear{ clear:both; }

@font-face{
    font-family:'karlabold';
    src:url('fonts/karla-bold-webfont.woff2') format('woff2'),
         url('fonts/karla-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'karlaregular';
    src:url('fonts/karla-regular-webfont.woff2') format('woff2'),
         url('fonts/karla-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'robotoblack';
    src:url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face{
    font-family:'robotobold';
    src:url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'robotolight';
    src:url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'robotomedium';
    src:url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'robotoregular';
    src:url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'robotothin';
    src:url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

/* STYLES */
/**********/

/* corona */
#cor_wrapper {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,0.8);
	z-index: 20;
}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


html{
	height:100%;
}
body{
	-webkit-font-smoothing:antialiased;
	font-family:'robotoregular', sans-serif;
	font-weight:normal;
	background:none;
	width:100%;
	height:100%;
}
#background{
	width:100%;
	height:100%;
	z-index:1000;
	color:#000;
	padding-top:108px;
	padding-bottom:50px;
}
h1{
	background:#000;
	padding-left:70px;
	padding-right:70px;
	width:auto;
	font-family:'karlabold', sans-serif;
	font-weight:normal;
	color:#FFF;
	font-size:24px;
	display:inline-block;
	margin-left:-70px;
	margin-bottom:30px;
	margin-top:60px;
	text-transform:uppercase;
	height:40px;
	padding-top:7px;
}
h2{
	font-family:'karlabold', sans-serif;
	font-weight:normal;
	font-size:20px;
	margin-bottom:10px;
}
h1:first-of-type{
	margin-top:0px;
}
em{
	font-style:italic;
	font-weight:inherit;
}
strong{
	font-family:'robotobold';
	font-weight:normal;
}

/* NAV */
#nav{
	width:465px;
	background:#000;
	height:100%;
	z-index:50;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px 60px 0px 60px;
	z-index:1050;
}
.toggle-button{
	left:60px;
	top:30px;
	position:fixed;
	cursor:pointer;
	z-index:9999;
	width:40px;
}
.nav{
	margin-top:30px;
}
#nav a:link, #nav a:visited, #nav span{
	text-transform:uppercase;
	font-size:25px;
	color:#FFF;
	padding:0px;
	font-family:'robotolight';
	font-weight:normal;
}
#nav span{
	font-family:'robotobold' !important;
	font-weight:normal;
	margin-top:40px;
	display:block;
}
#nav a:hover, #nav a.act{
	text-decoration:underline;
	background:none;
}
.nav > li > a{
	font-family:'robotobold' !important;
	font-weight:normal;
	margin-top:30px;
}
#top{
	position:fixed;
	top:0px;
	left:0px;
	background:#000;
	height:80px;
	width:285px;
	z-index: 1000;
}
#logo{
	position:absolute;
	right:50px;
	top:50px;
}
.fb{
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:2000;
}
.wa{
	position:fixed;
	left:65px;
	bottom:0px;
	z-index:2000;
}
.agb{
	position:fixed;
	left:130px;
	bottom:0px;
	z-index:2000;
}
.insta{
	position:fixed;
	left:195px;
	bottom:0px;
	z-index:2000;
}
#fb_white, #agb_white{
	display:none;
}
#bg_img{
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:auto;
	z-index:-10;
}
.shortcut{
	height:62px;
	display:inline-block;
}
.shortcut .right{
}
.shortcut a{
	display:inline-block;
	background:#000;
	color:#FFF;
	font-size:31px;
	text-transform:uppercase;
	padding-bottom:17px;
	padding-top:1px;
}
.s1{
	position:fixed;
	right:151px;
	bottom:64px;
}
.s2{
	position:fixed;
	right:0px;
	bottom:64px;
}
.s3{
	position:fixed;
	right:379px;
	bottom:64px;
}
.s4{
	position:fixed;
	right:297px;
	bottom:0px;
}
.s5{
	position:fixed;
	right:0px;
	bottom:0px;
}
.s6{
	position:fixed;
	right:578px;
	bottom:0px;
}


/* NEW HOME */
#body1{
	height:200vh !important;
}
#home_bg{
	width:100vw;
	height:100vh;
	position:fixed;
	top:0px;
	left:0px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	z-index:1010;
}
.home_block{
	z-index:1020;
	width:210px;
	height:209px;
	position: absolute;
}
.home_block:hover span{
	text-shadow:0px 0px 10px rgba(255,255,255,1);
}
.home_block:hover{
	background:url("../img/dancecube_white_glow.png") center center no-repeat;
}
.home_block span{
	color:#FFF;
    font-family:'robotobold';
	text-transform:uppercase;
	font-size:33px;
	line-height:33px;
	position:absolute;
	left:-125px;
	bottom:85px;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	width:100%;
}
.home_img{
	width:210px;
	height:209px;
	background:url("../img/dancecube_white.png") center center no-repeat;
}
#b0{
	left:40%;
}
#b1{
	top:105px;
}
#b2{
	top:250px;
}
#b3{
	top:525px;
}
#b4{
	bottom:150px;
}
#b5{
	left:55%;
}

/* CONTENT */
#content{
	background:#FFF;
	z-index:150;
	padding:40px 70px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	margin-bottom:50px;
}
#impressum{
	position:absolute;
	right:0px;
	bottom:-20px;
}
.text_norm{
 	font-family:'karlaregular';
	font-weight:normal;
	font-size:18px;
	margin-bottom:35px;
	display:inline-block;
	width:100%;
}
.text_norm img {
	max-width: 100% !important;
	height: auto !important;
}
.trigger{
	cursor:pointer;
	font-family:'karlaregular';
	font-weight:normal;
	font-size:20px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.trigger .fa{
	margin-right:5px;
}
.toggle_container{
	margin-bottom:15px;
	font-family:'karlaregular';
	font-weight:normal;
	font-size:18px;
	padding-left:19px;
}
.toggle_container a:link, .toggle_container a:visited{
	color:#000;
	text-decoration:none;
	font-family:'robotobold';
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
}
/*.toggle_container a:hover{
	text-decoration:underline;
}*/
.toggle_container a:before{
    font-family:FontAwesome;
    content:"\f019";
	padding-right:5px;
}


/* EVENT */
#event_wrapper h2, .btn_event span{
	border-top:1px solid #000;
	border-bottom:2px solid #000;
	width:auto;
	display:inline-block;
	height:26px;
	padding-top:2px;
}
.btn_event.is_bookedout span{
	border-top:1px solid #d41643;
	border-bottom:2px solid #d41643;
}
.event_select, .btn_event{
	margin-right:10px;
	cursor:pointer;
	text-transform:uppercase;
	font-family:'karlaregular';
	font-weight:normal;
	font-size:14px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(../img/event_left.png), url(../img/event_right.png);
	background-position:left center, right center;
	background-repeat:no-repeat;
	height:26px;
	display:inline-block;
	margin-bottom:10px;
}
.event_select:hover, .event_select.act, .btn_event:hover{
	background-image:url(../img/event_left_act.png), url(../img/event_right_act.png);
}
.event_select:hover h2, .event_select.act h2, .btn_event:hover span{
	color:#FFF;
	background:#000;
}

.btn_event.is_bookedout{
	background-image:url(../img/event_left_act_booked.png), url(../img/event_right_act_booked.png);
	cursor:default;
}
.btn_event.is_bookedout span{
	border-top:1px solid #d41643;
	border-bottom:2px solid #d41643;
	color:#FFF;
	background:#d41643;
}

#eventselect_wrapper{
	width:400px;
	margin-bottom:30px;
}
.event{
	width:260px;
	margin-bottom:20px;
	font-family:'karlaregular';
	font-weight:normal;
	font-size:16px;
	float:left;
	margin-right:150px;
}
.event_box{
	cursor:pointer;
}
.event:nth-of-type(odd){
	margin-right:340px;
}
.event_box:hover h3{
	background:#d41643;
}
.event h3{
	width:100%;
	height:33px;
	text-transform:uppercase;
	background:#000;
	color:#FFF;
	line-height:33px;
	font-size:18px;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family:'karlaregular';
	font-weight:normal;
}
.event h4{
	font-family:'karlabold', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	line-height:28px;
	width:100%;
	color:#000;
	font-size:18px;
}
.btn_event{
	margin-top:10px;
}
.event_overlay{
	width:100%;
	min-height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background:#FFF;
	padding:40px 70px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.event_overlay .left, .event_overlay .right{
	width:35%;
	float:left;
}
.event_overlay .left{
	margin-right:55px;
}
.event_overlay .right{
	margin-right:200px;
	height:100%;
}
#anmeldung{
	float:left;
}
.close_overlay{
	position:absolute;
	top:30px;
	right:30px;
	cursor:pointer;
}
.event_extras{
	color:#000;
	font-size:16px;
	font-family:'robotoregular';
	font-weight:normal;
	margin-bottom:55px;
	float:left;
	width:100%;
}
.event_extras .niveau{
	margin-bottom:20px;
}
.event_extras .date{
	margin-left:-1px;
	display:inline-block;
}
.event_extras .label{
	color:#000;
	display:inline-block;
	padding:0px;
	font-size:16px;
	font-family:'robotoregular';
	font-weight:normal;
	line-height:22px;
	border-radius:0px;
	text-align:left;
	width:165px;
	float:left;
}
.event_extras .answer{
	float:left;
	text-align:left;
}
.wrap{
	width:100%;
	float:left;
	position:relative;
}
.event_reg	h3{
	font-family:'karlabold', sans-serif;
	font-weight:normal;
	font-size:20px;
	margin-bottom:20px;
	text-transform:uppercase;
}
.event_reg .formfeld{
	width:100%;
	height:33px;
	line-height:33px;
	border:none;
	border-bottom:1px solid #c5c5c5;
	color:#000;
	font-family:'karlaregular';
	font-weight:normal;
	font-size:18px;
}
::-webkit-input-placeholder, :-ms-input-placeholder{
	color:#000;
}
:-moz-placeholder, ::-moz-placeholder{
	color:#000;
	opacity:1;
}
.agb_kurs a:link, .agb_kurs a:visited{
	color:#000;
}
.same, .agb_kurs{
	line-height:15px;
	float:left;
	margin-top:10px;
	cursor:pointer;
	display:block;
	width:100%;
	margin-bottom:5px;
}
.same .img, .agb_kurs .img{
	height:15px;
	width:15px;
	display:block;
	float:left;
	margin-right:5px;
}
.same.checked .img, .agb_kurs.checked .img{
	background:url(../img/checked.png);
}
.same.notchecked .img, .agb_kurs.notchecked .img{
	background:url(../img/not_checked.png);
}

/* GALLERY */
.bx-wrapper{
	margin-bottom:20px !important;
}
.bxslider img{
	width:100%;
}
.gall_text .text_norm{
	font-family:'karlaregular';
	font-weight:normal;
	font-size:18px;
}

/* FORM */
/*//////////////////////////////////////////////////////////Formular*/
div#formular_content{
	width:646px;
	padding-top:19px;
	padding-left:69px;
	padding-right:69px;
	padding-bottom:20px;
}
/*.label{
	width:442px;
	display:block;
	float:left;
	margin-bottom:5px;
}*/
.formfeld{
	width:194px;
	border:1px solid #000;
	margin-bottom:5px;
}
.formfeld_big{
	width:194px;
	border:1px solid #000;
	margin-bottom:5px;
	border:1px solid #000;
}
.label{
	padding-left:6px;
}
.button{
	position:relative;
	margin-bottom:7px;
	border:1px solid #066a8d;
	background-color:#CCC;
	cursor:pointer;
}
#input_wrongdiv{
	display:none;
	color:#F00;
}
#after_send{
	display:none;
}

/* SLIDEOUT */
.slideout-menu{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index:0;
  width:256px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  display:none;
}

.slideout-panel{
  position:relative;
  z-index:1;
  will-change:transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel{
  overflow:hidden;
}

.slideout-open .slideout-menu{
  display:block;
}
#fancy{
	width:100%;
	max-width:990px;
}
.embed-container{
  position:relative;
  padding-bottom:75%; /* ratio 16x9 */
  height:0;
  overflow:hidden;
  width:100%;
  height:auto;
}
.embed-container iframe{

  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}



/* ABMELDEN */
#abmeldung .left{
	width:50%;
}
#abmeldung textarea{
	height:100px;
	resize:none;
}


/* COOKIES */
#cookie_wrapper{
	position:fixed;
	left:0px;
	bottom:0px;
	color:#fff;
	background:#000;
	min-height:39px;
	text-align:center;
	padding:10px 24px;
	font-size:14px;
	width:100%;
	z-index:999999999999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept{
	position:absolute;
	display:block;
	right:11px;
	top:13px;
	cursor:pointer;
}