@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:100,400,600,800'); 

body,html{
	margin:0;
	color: #FFF;
	font: 100%/1.618;
	font-size:1.05em;
	line-height: 1.55em;
	font-family:  "Poppins", Tahoma, Arial, Helvetica, Verdana, Geneva;
	font-weight:400;
}
.chooser {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	max-width:1000px;
	margin: 0 auto;
}
.chooser h5 {
	flex: 0 0 100%;
}
.lvlinfo{
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	flex-wrap: wrap;
}
#teilnehmer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	max-width: 1000px;
	margin:0 auto;
}
#teilnehmer h5 {
	flex: 0 0 100%;
}
#teilnehmer div {
	margin: 1em;
	margin-bottom: 0;
	flex:2;
	max-width: 100%;
}
#teilnehmer .chooserlabel {
	font-size: 0.8em;	
	font-weight: 100;
	padding: 0.25em 1.5em;	
	margin-top:0;
	max-width:200px;
	font-weight: bold;	
}
.paymethod .chooserlabel {
	max-width:220px;
}
.chooserlabel  {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	display: block;
	padding: 0.5em 2em;
	margin-right:0.25em;
	margin-left:0.25em;
	cursor: pointer;
	-webkit-transition: background ease 0.2s;
	transition: background ease 0.2s;
	text-transform: uppercase;
	border:5px solid #000;
	margin-top:.5em;
	flex:1;
	white-space: nowrap;
	background:rgba(0,0,0,0.4);	
}
.chooserlabel:hover {
	background: rgba(0,0,0, 1);
	filter: none;	
}
.chooser input[type="radio"] {
	position: absolute;
	opacity: 0;	  
}

.chooser input[type="radio"]:checked + label { 
	background: transparent;
	color:#F0FF00;	
	z-index: 0; 
	border-color:#F0FF00;  
	background:black;  
	filter: none;	
}
#calender {
	max-width: 90vw;
	margin:auto;	
}
#prev {
	box-sizing: border-box;
	height: 0.5em;
	width: 0.5em;
	position: absolute;
	margin-top:20px;
	left:20px;
	border-style: solid;
	border-color: #f0ff00;
	border-width: 0px 10px 10px 0px;
	transform: rotate(135deg);
	transition: 0.2s ease-out;
	display: inline-block;
	font-size:5em;
	line-height: 0em;	
	font-weight: bold;
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
#prev:hover {
	cursor: pointer;
	border-color: #FFF;
}


#next {
	box-sizing: border-box;
	height: 0.5em;
	width: 0.5em;
	margin-top:20px;	
	position: absolute;
	right:20px;
	border-style: solid;
	border-color: #f0ff00;
	border-width: 0px 10px 10px 0px;
	transform: rotate(-45deg);
	transition: 0.2s ease-out;
	display: inline-block;
	font-size:5em;
	line-height: 0em;	
	font-weight: bold;
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
	
}
#next:hover {
	border-color:#FFF;
	cursor: pointer;
}
  

.carousel {
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	max-width: 678px;
	margin:auto;
	padding: 0;
	overflow-x: hidden;
	white-space: nowrap;
	position: relative;
	padding-top:10px;	
}
.month {
	border:3px solid #F0FF00;
	border-top: 0;
	width: 200px;
	line-height: 0.3em;	
	margin-right:10px;
	margin-left:10px;
}
.monthname {
	background: #F0FF00;
	color:#000;
	font-family: Poppins;
	font-weight:800;
	font-size: 1.5em;
	padding:0.5em;
	line-height: 1em;
	text-align: center;
}
.courselabel {
	display: block;
	white-space: nowrap;
	margin-top: 0em;	
	margin-right: 0.25em;
	margin-left:0.25em;
	margin-bottom:0.35em;	
	cursor: pointer;
	-webkit-transition: background ease 0.2s;
	transition: background ease 0.2s;
	text-transform: uppercase;
	border:5px solid #000;
	line-height: 1em;	
	height:38px;
	width: 182px;
	background: rgba(0,0,0,0.4);	
	transition: all 0.4s;	
}
.courselabel:hover {
	background: rgba(0,0,0, 1);
	filter: none;	
	border-color: #f0f000;
}
.price {
	float: right;
	display: block;
	padding-left:5px;
	background:#000;
	padding-top:1px;
	padding-bottom:2px;	
}
.month input[type="checkbox"] {
	position: absolute;
	opacity: 0;	  
}
.month input[type="checkbox"]:checked + label { 
	background: transparent;
	color:#F0FF00;	
	z-index: 0; 
	border:5px solid #F0FF00;  
	background:black;  
	filter: none;	
}
.month input[type="checkbox"]:disabled + label { 
	filter: blur(1px);
	opacity: 0.4;
	border-style: dashed;
}
.scrollhint {
	margin:0 auto;
	display:inline-block;
}
.scrollarrow {
	box-sizing: border-box;
	height: 0.5em;
	width: 0.5em;
	border-style: solid;
	border-color: white;
	border-width: 0px 10px 10px 0px;
	transform: rotate(45deg);
	transition: 0.2s ease-out;
	display: inline-block;
	position: absolute;
	font-size:5em;	
	margin-left:-20px;
}
.scrollhint:hover .scrollarrow{
	border-color:#F0FF00;
}
#teilnehmer, #contact, #amount {
	border:5px solid #F0FF00;
	padding:20px;
	max-width: 1000px;
	margin: 0 auto;
}




/* PAYMENT */
.coursechoice {
	display: block;
	margin: 0 auto;	
	border:5px solid #F0FF00;
	background: black;
	line-height: 2em;	
	width:250px;
	font-size: 1.5em;
	font-weight: bold;
}
.changelink {
	line-height: 0em;
	font-size:0.8em;
	font-style: italic;
}
.endprice {
	font-size: 3em;
	font-weight: bold;
	text-decoration: overline;
}