@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;
}
.blur {
    filter: blur(35px); 
	pointer-events: none;
	opacity: 1;
}

.innercontent {
	max-width:900px;
}
h1 {
	margin:0;
	padding: 0;
	font-size:2.2em;
	position: absolute;
	color: #146EA2;
	font-weight:800;
	text-shadow: 1px 1px 5px white;
	transition: all 0.4s;
}
h2 {
	font-size: 4em;
	text-shadow: 1px 1px 5px black;	
	transition: all 0.4s;
}
h3 {
	margin:0;
	padding:0;
	font-size:3em;
	line-height: 1.5em;	
	font-family: 'Poppins', Tahoma, Arial, Helvetica, Verdana, Geneva;	
	text-transform: uppercase;
	text-shadow: 0px 0px 2px black;
}
h4 {	
	margin:0;
	padding:0;
	font-size:2.3em;
	line-height: 1.5em;	
	font-family: 'Poppins', Tahoma, Arial, Helvetica, Verdana, Geneva;	
	text-transform: uppercase;
	text-shadow: 0px 0px 2px black;
	color:#FFF;
}
h5 {	
	margin:0;
	padding:0;
	padding-top:0.3em;
	font-size:1.5em;	
	font-family: 'Poppins', Tahoma, Arial, Helvetica, Verdana, Geneva;	
	text-transform: uppercase;
	text-shadow: 0px 0px 2px black;
	color:#FFF;
}
h6 {
	margin:0;
	padding:0;
	font-size:1.5em;
	line-height: 1em;	
	font-family: 'Poppins', Tahoma, Arial, Helvetica, Verdana, Geneva;	
	text-transform: uppercase;
}
img {
	border:0;
}

a:link,
a:visited {
	outline:0;
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#fbff00;
	text-decoration: none;
}
.textlink {
	text-decoration: underline !important;
	cursor: pointer !important;
}
.textlink:hover {
	color:#fbff00;
}
hr {
	height:3px;
	border: none;
	background: yellow;
	color:white;
}
.container {
	background: rgb(6,97,141);
	background: -moz-linear-gradient(left, rgba(6,97,141,1) 0%, rgba(77,165,133,1) 100%);
	background: -webkit-linear-gradient(left, rgba(6,97,141,1) 0%,rgba(77,165,133,1) 100%);
	background: linear-gradient(to bottom, rgba(6,97,141,0.3) 0%,rgba(77,165,133,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06618d', endColorstr='#4da585',GradientType=1 );
	border:1px solid #FFF;
	display: inline-block;
	color:#FFF;
	padding:2em;
	width: 80%;
	margin-bottom:100px;	
}
input {
	border:none;
	border-bottom:4px solid #FFF;
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5);	
	color: #FFF;
	background: rgba(255,255,255, 0.1);
	font-size:1em;
	line-height: 1.55em;	
	resize: none;
	text-align: center;
	font-family: "Poppins";	
	font-weight: 600;
	outline:0;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	cursor: pointer;
}
textarea {
	font-size:1em;
	line-height: 1.55em;		
	border:none;
	border-bottom: 4px solid #FFF;
	background: rgba(255,255,255, 0.1);
	box-shadow:  1px 1px 5px 2px rgba(0,0,0,0.5);		
	color: #FFF;
	text-align: center;
	font-family: "Poppins";	
	font-weight: 600;
	outline:0;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;	
	resize: vertical;
	cursor: pointer;	
}
select {
	border:none;
	box-shadow: inset 1px 1px 5px 2px rgba(0,0,0,0.5);	
	color: #FFF;
	background: rgba(39, 39, 39, 1);
	resize: none;
	font-family: Arial, Tahoma, Helvetica, Verdana, Geneva;	
	font-size:1.3em;
	outline:0;
	border-radius: 5px;	
	padding:5px;
	margin-top:10px;
}
input:hover, textarea:hover,select:hover {
	border-color:#F0FF00;
}
.smallquote {
	font-size: 0.9em;
	line-height: 1.55em;		
	font-style: italic;
	text-shadow: 0px 0px 2px black;
	padding-right:2em;
	padding-left:2em;
}
.quote {
	font-size: 1.5em;
	line-height: 1.55em;		
	text-transform: uppercase;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
h4.left {
	margin-left:0.2em;
}
h4.right {
	margin-right:0.2em;
}
.center {
	text-align: center;
}
.centerimg {
    display: block;
    margin: 0 auto;
    position: relative;
}
.stop-scrolling {
	height: 100%;
	overflow: hidden;
}
#quickload { 
	background: url('../img/loadersmall.gif') center no-repeat #262626;
	height:100px;
	width:100px;
	margin: auto;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;	
	border-radius: 30px;
	display: none;
	z-index: 9999;
	transition: transform 0.4s;
}
.slideOutBottom {
    -webkit-transform: translateX(0%) translateY(1100%);
       -moz-transform: translateX(0%) translateY(1100%);
        -ms-transform: translateX(0%) translateY(1100%);
            transform: translateX(0%) translateY(1100%);	
}
.slideOutTop {
    -webkit-transform: translateX(0%) translateY(-1100%);
       -moz-transform: translateX(0%) translateY(-1100%);
        -ms-transform: translateX(0%) translateY(-1100%);
            transform: translateX(0%) translateY(-1100%);	
}


/* MENU */
/* MENU */
/* MENU */
#top {
	width: 100%;
	height:75px;
	position: fixed;
	top:0px;
	z-index:1;
	transition: 0.3s;
	background: #FFF;
}
#logo {
	margin-left: 5px;
	margin-top:3px;
	transition:1s ease;	
	float:left;
}
#headline {
	position: absolute;
	margin-left:2em;
	margin-top:0.2em;	
}
#headline:hover {
	color:#fbff00;
}
#subline {
	font-size:0.6em;
}
#menulogo {
	cursor: pointer;
	top:0.9em;
	width:40px;
	right:5px;
	position: absolute;
	display: none;
}
#menulogo .bar1, #menulogo  .bar2, #menulogo  .bar3 {
    width: 35px;
    height: 4px;
    background-color: #000;
    margin: 6px 0;
}
.bar1 {
	transition-delay: 0s;
}
.bar2 {
	transition-delay: .1s;
}
.bar3 {
	transition-delay: .2s;
}
#menulogo:hover .bar1, #menulogo:hover .bar2, #menulogo:hover .bar3 {
	background-color: #146EA2;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
    transition:.6s;    
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
    transition:.7s;
}
#menu {
	position: absolute;	
	left:50%;
	margin-left:-76px;
	right:auto;		
	top: -340px;
	transition:.5s;	
	z-index: 1;	
	text-align: center;
	z-index: 999999;	
}
#menu.open {
	top:100px !important;
}
#menu .menubutton {
	display: block;
	font-weight:400;
	text-align: center;
	width: 135px;
	color: #FFF;
	font-size:1em;	
	padding:0.5em;
	text-shadow: 2px 2px 3px black;
	transition: .1s ease-in;
	text-transform: uppercase;
}
#menu .menubutton:hover { 
	color:#f0ff00;
	text-decoration: none;
	border-color: #f0ff00;	
	background: rgba(0,0,0,1);	
}	
#menufull {
	top:21px;
	right:90px;
	position: absolute;
	text-align: center;	
}
#menufull a {
	font-size: 0.8em;
	font-weight: 600;
	margin-right:5px;
	display: inline-block;
	border: 3px solid black;	
	color:#000;
	padding-left:5px;
	padding-right:5px;
	transition: all 0.4s;
	text-transform: uppercase;
	background:rgba(0,0,0,0.05);
}
#menufull a:hover {
	border-color:#f0ff00;
	color:#f0ff00;
	background: #000;
}








/*  INDEX */
/*  INDEX */
/*  INDEX */
#content {
	background:url('../img/background.jpg') bottom no-repeat;
	perspective:1px;
	height:100vh;
	background-size:cover;
	overflow-x: hidden;
	overflow-y: auto;		
}
.section {
	box-shadow:0px 0px 15px 4px black;	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
}
#welcome {
	background:transparent;
	background-size:cover;
	text-align:center;
	height:100vh;
}
#kitecamp {
	margin-top: 20vh;
	text-align: center;
	background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(20,110,162,1) 50%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}
#reviews {
	margin-top: 20vh;
	height:100vh;
	text-align: center;
	background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(20,110,162,1) 50%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}
#lagoon {
	margin-top:20vh;
	background: url('../img/lagoon.jpg') center no-repeat;
	height:100vh;
	background-size: cover;
	text-align: center;
	text-shadow: 0px 0px 2px black;
}
#team {
	margin-top: 20vh;
	text-align: center;
	background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(20,110,162,1) 50%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(20,110,162,1) 50%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */	
	padding-left:1vw;
}
#kontakt {	
	margin-top: 20vh;	
	margin-top:20vh;
	text-align: center;
	background:url('../img/contact.jpg') center no-repeat;
	background-size: cover;

}
#buchung {
	display: none;
}
.actioncall {
	white-space: nowrap; 	
	background: rgba(255,255,255,0.2);	
	text-align:center;
	font-size: 1.3em;
	font-family: "Poppins";
	font-weight:800;
	text-decoration: none;
	text-shadow: 0px 2px 2px black;	
	cursor:pointer;	
	padding:0.5em;
	cursor: pointer;
	transition:all 0.4s;
	text-transform: uppercase;
	border: 5px solid #FFF;
	box-shadow: 0px 2px 4px black;
	transition: 0.4s;
}
.actioncall:hover
{
	background: black;
	border-color: #f0ff00;
	box-shadow: none;
}
.actioncall a:link, .actioncall a:visited, .actioncall a:hover {	
	text-decoration: none !important;
	display: block;
	padding: 0.4em 1.5em;		
}
.actioncall span {
	font-size:16px;
	text-transform: none;
	font-weight:normal;
}
.overlay {
	background: rgba(255,255,255,0.8);
	padding:2em;
	display: block;
	margin:0 auto;
	color:#000;
	text-shadow: none;
	max-width:800px;	
}
.overlay h3 {
	text-shadow: none;
}
.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.flex div {
	margin:1em;
	padding: 1em;
	width: 350px;	
}
.mailcontainer, .fbcontainer, .instacontainer, .spotcontainer {
	flex:1;
	padding:2em;
	text-decoration: underline !important;
	transition: 0s !important;
}
.socials {
	position: fixed;
	right:10px;
	top:90px;
	width:60px;
	background:rgba(255,255,255,0.7);
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 90px;
	z-index: 3;
}

.socials .mailcontainer, .socials .fbcontainer, .socials .instacontainer, .socials .spotcontainer {
	padding:0;
	bottom:0;
}
.embed-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 70%;
  border:15px solid rgba(0,0,0,0.3);
  border-radius:10px;  
  margin: 0 auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}
.copy {
	text-transform: uppercase;
	position: relative;
}
.copy a:link,.copy a:visited {
	color:#FFF !important;
}
.copy a:hover {
	color:#F0FF00 !important;
}
.footersocials {
	display: flex;
	padding-right:20px;
	border: 1px solid #FFF;
	margin:20px;
	background: rgb(6,97,141);
	background: -moz-linear-gradient(left, rgba(6,97,141,1) 0%, rgba(77,165,133,1) 100%);
	background: -webkit-linear-gradient(left, rgba(6,97,141,1) 0%,rgba(77,165,133,1) 100%);
	background: linear-gradient(to bottom, rgba(6,97,141,0.3) 0%,rgba(77,165,133,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06618d', endColorstr='#4da585',GradientType=1 );
}
.footersocials a {
	display: block;
	padding-bottom:10px;
	text-shadow: 0px 2px 5px black;
}
.footermenu a {
	margin:20px;
	height:60px;
	white-space: normal;
}
.copy {
	position:absolute;
	right:0;
	font-size:0.9em;
	line-height: 1.2em;		
	background: black;
	padding:5px;
	padding-right:30px;
	border-radius: 10px 0px 0px 10px;
	margin-top:-35px;
}



/* KITECAMPS */
/* KITECAMPS */
/* KITECAMPS */
#kitecamp span {
	padding-left:10em;
	padding-right:1em;
	display: none;
}
#levelchooser {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;		
}

#beginner,
#advanced {
	display: block;
	width: 80vw;
	height: 70vh;
	transition:all 0.4s;
	filter:brightness(60%);		
	border:1em solid #000;
}
#beginner h4,#advanced h4 {
	filter:blur(1px);		
}

#beginner {
	background: url('../img/beginner.jpg') bottom;
	background-size: cover;
}

#advanced {
	border-top:0;	
	background: url('../img/advanced.jpg') center;
	background-size: cover;
	margin-top:-20vh;
	-webkit-clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 20%, 100% 00%, 100% 100%, 0% 100%);
}
#beginner h4 {
	margin-top:2vh;
}
#advanced h4 {
	margin-top:15vh;
}
#beginner:hover h4 {
	filter: none; 	
	color:#f0ff00;
	text-decoration: none;
	border-color: #f0ff00;	
	background: rgba(0,0,0,1);			
}
#advanced:hover h4 {
	filter: none;
	color:#f0ff00;
	text-decoration: none;
	border-color: #f0ff00;	
	background: rgba(0,0,0,1);		
}
#beginner:hover {
	filter:brightness(100%);
}
#advanced:hover {
	filter:brightness(100%);
}
#levelchooser h4 {
	font-size: 1.8em;
	text-align: center;
	border: 5px solid #FFF;
	padding:5px;
	display: inline-block;
}
.skewedpic {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border:5px solid #F0FF00;
	width:30vw;
}



/* KITEWG */
/* KITEWG */
/* KITEWG */
#kitewg {
	display: block;
	width:100vw;
	height:80vh;
	background: url('../img/kitewg.jpg') center no-repeat;
	background-size: auto 100%;
	color: white;
}



/* REVIEWS */
/* REVIEWS */
/* REVIEWS */

.scrollarrowup {
	box-sizing: border-box;
	height: 0.5em;
	width: 0.5em;
	border-style: solid;
	border-color: white;
	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; 
	

}
.scrollarrowup:hover {
	border-color:#f0ff00;
	cursor: pointer;
}
.scrollarrowdn {
	box-sizing: border-box;
	height: 0.5em;
	width: 0.5em;
	border-style: solid;
	border-color: white;
	border-width: 10px 0px 0px 10px;
	transform: rotate(-135deg);
	transition: 0.2s ease-out;
	display: inline-block;
	font-size:5em;
	line-height: 0.25em;	
	font-weight: bold;
	margin-left:.5em;
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
.scrollarrowdn:hover {
	border-color:#f0ff00;
	cursor: pointer;
}




/* TEAM */
/* TEAM */
/* TEAM */
.teammember {
	max-width:300px;
	min-width:200px;
	background: rgba(0,0,0,0.75);
	border-radius: 15px;	
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: right;
}
.teamfoto {
	border-radius:90px;
	margin-right:15px;
	margin-bottom:15px;	
	display: block;	
	float:left;
	box-shadow:3px 3px 1px #f0ff00;
}


/* FORM */
/* FORM */
/* FORM */
.message {
	font-size:1em;
	line-height: 1.3em;		
	max-height: 200px;	
	width:20em;
	max-width:90%;
}
.fullname {
	width:20em;
	max-width:90%;
}
.atfield {
	width:20em;
	max-width:90%;	
}
.phone {
	width:20em;
	max-width:90%;	
}
.comment {
	width:40em;
	max-width:90%;
}
.submitbutton {
	white-space: nowrap; 	
	background: rgba(255,255,255,0.2);	
	text-align:center;
	font-size: 1.3em;
	font-family: "Poppins";
	font-weight:800;
	text-decoration: none;
	text-shadow: 0px 2px 2px black;	
	cursor:pointer;	
	padding:0.5em;
	cursor: pointer;
	transition:all 0.4s;
	text-transform: uppercase;
	border: 5px solid #FFF;
	box-shadow: 0px 2px 4px black;
	right:2em;
	transition: 0.4s;
	cursor: pointer;
}
.submitbutton:hover {
	background: black;
	border-color: #f0ff00;
	box-shadow: none;
}
.submitbutton:disabled {
	background:grey;	
	color: lightgrey !important;
	cursor: default;
}
.submitbutton:disabled:hover {
	background:rgba(255,55,153,0.3);		
}
#close {
	display: none;
	white-space: nowrap; 	
	background: rgba(255,255,255,0.2);	
	text-align:center;
	font-size: 1.3em;
	font-family: "Poppins";
	font-weight:800;
	text-decoration: none;
	text-shadow: 0px 2px 2px black;	
	cursor:pointer;	
	padding:0.5em;
	cursor: pointer;
	transition:all 0.4s;
	text-transform: uppercase;
	border: 5px solid #FFF;
	box-shadow: 0px 2px 4px black;
	right:2em;
	transition: 0.4s;
	cursor: pointer;
}
#close:hover {
	background: black;
	border-color: #f0ff00;
	box-shadow: none;
}
.invalid {
	box-shadow: 0px 0px 3px 2px red;
	border-color:red !important;
}
.errormsg {
	color: orange;
	display: none;
	background:grey;
	background: rgba(255,255,255,0.7);
	padding:6px;
}
.successmsg {
	color: lightgreen;
	display: none;
	text-shadow: 1px 1px 1px black;	
	background:grey;
	background: rgba(0,0,0,0.7);	
	padding:6px;	
}

.iconmail {
	background: url('../img/icon_mail_big.png') center top no-repeat;
	height:45px;
	display: block;
	margin-bottom:5px;	
}
.mailcontainer:hover .iconmail{
	background-position: center bottom;
}

.iconfb {
	background: url('../img/icon_fb_big.png') center top no-repeat;
	height:45px;
	display: block;
	margin-bottom:5px;
}
.fbcontainer:hover .iconfb {
	background-position: center bottom;
}

.iconinsta {
	background: url('../img/icon_insta_big.png') center top no-repeat;
	height:45px;
	display: block;
	margin-bottom:5px;	
}
.instacontainer:hover .iconinsta{
	background-position: center bottom;
}

.iconspot {
	background: url('../img/icon_spot_big.png') center top no-repeat;
	height:45px;
	display: block;
	margin-bottom:5px;	
}
.spotcontainer:hover .iconspot{
	background-position: center bottom;
}



.iconmailsmall {
	background: url('../img/icon_mail_small.png') center top no-repeat;
	height:25px;
	display: block;
	margin-bottom:5px;	
}
.mailcontainer:hover .iconmailsmall{
	background-position: center bottom;
}

.iconfbsmall {
	background: url('../img/icon_fb_small.png') center top no-repeat;
	height:25px;
	display: block;
	margin-bottom:5px;
}
.fbcontainer:hover .iconfbsmall {
	background-position: center bottom;
}

.iconinstasmall {
	background: url('../img/icon_insta_small.png') center top no-repeat;
	height:25px;
	display: block;
	margin-bottom:5px;	
}
.instacontainer:hover .iconinstasmall{
	background-position: center bottom;
}

.iconspotsmall {
	background: url('../img/icon_spot_small.png') center top no-repeat;
	height:25px;
	display: block;
	margin-bottom:5px;	
}
.spotcontainer:hover .iconspotsmall{
	background-position: center bottom;
}


.icondesmall {
	background: url('../img/icon_de_small.png') center top no-repeat;
	height:25px;
	width:25px;
	display: inline-block;
	margin:auto;	
}
.icondesmall:hover{
	background-position: center bottom;
}
.iconussmall {
	background: url('../img/icon_us_small.png') center top no-repeat;
	height:25px;
	width:25px;	
	display: inline-block;
	margin:auto;
}
.iconussmall:hover{
	background-position: center bottom;
}

.iconptsmall {
	background: url('../img/icon_pt_small.png') center top no-repeat;
	height:25px;
	width:25px;
	display: inline-block;
	margin:auto;	
}
.iconptsmall:hover{
	background-position: center bottom;
}
.languagechooser-big {
	float:right;
	margin-top:-3px;
	margin-right:5px;
}
.spotcastarrow {
	width:210px;
	height:120px;
	position:fixed;
	right:10px;
	top:300px;
	background: url('../img/spotcast.png') center top no-repeat;
	display: block;
	z-index: 1;
	display: none;
}




/* SUBCONTENT */
#subcontent {
	background:url('../img/background.jpg') bottom no-repeat;	
	background-size:cover;
	padding-top:70px;
	padding-left:2em;
	padding-right:2em;		
	text-align: center;
}




/* SUPPORT */
/* SUPPORT */
/* SUPPORT */
#support ul {
	list-style: none;
	text-align: left;
	padding-left:15px;
	padding-right:15px;
	padding-top:0;
	margin-top:0;
}
#support li:first-child {
	border-top: 3px solid #000;	
}
#support li {
	padding:15px;
	border-bottom: 3px solid #000;
}
#support li:nth-child(odd) {
	border-left: 3px solid #000;
}
#support li:nth-child(even) {
	border-right: 3px solid #000;
}



/* TABS */
/* TABS */
/* TABS */
.tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tablabel  {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	display: block;
	padding: 0.5em 2em;
	margin-right: 0.5em;
	cursor: pointer;
	background: rgba(255,255,255, 0.5);
	-webkit-transition: background ease 0.2s;
	transition: background ease 0.2s;
	text-transform: uppercase;
	border-top:5px solid white;
	border-right:5px solid white;
	border-left:5px solid white;	
}
.tablabel:hover {
	box-shadow:  0px 0px 1px 0px yellow;	
	background: rgba(0,0,0, 1);
}
.tabs .tab {
	-webkit-box-ordinal-group: 100;
	-webkit-order: 100;
	-ms-flex-order: 100;
	order: 100;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: none;
	padding: 1em;
	flex: 0 100% 100%;
	background: rgba(255,255,255,0.65);
	color:#000;
	border-top:1px solid #FFF;
	text-align: left;
	width:100%;	
}
.tabs h3, .tabs h4 {
	text-shadow: none;
	color:black;
}

.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.tabs input[type="radio"]:checked + label { 
	background: rgba(0,0,0, 0.7);
	border-bottom:1px solid rgba(255,255,255, 0.7);
	color:#F0FF00;	
	border-top:5px solid #F0FF00;
	border-right:5px solid #F0FF00;
	border-left:5px solid #F0FF00;
	z-index: 0;
    margin-bottom:-1px;	
	box-shadow:  none;	 
}
.tabs #tabone[type="radio"]:checked + label { 
	border-left:none;
}
.tabs input[type="radio"]:checked + label + .tab { display: block; }
.tabs .toggle {
	padding-left:67px;
}
#reviewstab {
	height:100vh;
	text-align: center;
}

.gallery {
	border-radius:10px;
	border:2px solid #CCC;	
	
}
.childwrap {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: center;  
}


.buchung {
	width:90%;
	text-align: center;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{ display:block;float:left; margin:auto; border:0;}
.cboxIframe{ display:block;width:100%; height:100%; border:0;}
#cboxOverlay{background:#000;background:rgba(0, 0, 0, 0.9);}
#colorbox{ }
#cboxContent{margin-top:30px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:1px solid #CCC; background:#000;background:rgba(0, 32, 57, 0.8);padding:20px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#FFF;text-align:center;}
#cboxCurrent{position:fixed;display:none;color:#000;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width:28px; height:65px; background:url('../img/controls.png') no-repeat top left; text-indent:-9999px;border:0;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; background:url("../img/controls.png") no-repeat top right; text-indent:-9999px;border:0;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:15px; right:15px; display:block; width:25px; height:27px; background:url("../img/controls.png") no-repeat top center; text-indent:-9999px;border:0;}
#cboxClose:hover{background-position:bottom center;}
#colorbox{outline:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxLoadingGraphic{	background: url('../img/loadersmall.gif') center no-repeat #262626;height:100px;width:100px;margin: auto;position: fixed;top: 0; left: 0; bottom: 0; right: 0;	border-radius: 30px;display: none;z-index: 9999;transition: transform 0.4s;}

 @media (max-width: 57em) {
	h2 {
		font-size:3em;
	}	
	h3 {
		font-size:2em;
	}
	h4 {
		font-size: 1.6em;
	}
	h5 {
		font-size: 1.6em;
	}	
	h6 {
		font-size:2em;
	}	
	#headline {
		font-size:2.2em;
	}	
	#menufull {
		display: none;
	}
	.languagechooser-big {
		display: none;
	}		
	#menulogo {
		display: block;
	}
	.actioncall {
		font-size:1em;
	}	
	.actioncall span {
		font-size:13px;
	}
	#levelchooser h4 {
		font-size:1.2em;
	}
	.submitbutton {
		font-size:0.9em;
	}
	.wrapinner {
		flex-direction: column;
	}	
	.tabs .wrapinner {
		flex-direction: row;
	}
	select {
		font-size:0.9em;
	}
	.tabs .tab,  .tabs label {
	  -webkit-box-ordinal-group: NaN;
	  -webkit-order: initial;
	  -ms-flex-order: initial;
	  order: initial;
	}
	
	.tabs label {
	  width: 100%;
	  margin-right: 0;
	  margin-top: 0.2rem;
	}
}
 @media (max-width: 31em) {
	h2 {
		font-size:1.5em !important;
	}	 
	h3 {
		font-size: 1.3em;
	}
	h4 {
		font-size: 1em;
	}	
	h5 {
		font-size: 0.8em;
		padding-top:.5em;
	}	
	h6 {
		font-size:1em;
	}		
	#headline{
		font-size:1.8em;
		margin-top:0.3em;
		line-height: 0.8em;
		margin-left:2.3em;
	}
	#subline {

	}
	 .footersocials {
		flex-direction: column;
		padding:0;		 
	 }
	.tabs .toggle {
		padding-left:0px;
	}
	.iconmail {
		background: url('../img/icon_mail_small.png') center top no-repeat;
		height:25px;
	}
	.iconfb {
		background: url('../img/icon_fb_small.png') center top no-repeat;
		height:25px;
	}		
	.iconinsta {
		background: url('../img/icon_insta_small.png') center top no-repeat;
		height:25px;
	}		
	.iconspot {
		background: url('../img/icon_spot_small.png') center top no-repeat;
		height:25px;
	}		
	.socials {
		width: 40px;
	}
	.spotcastarrow {
		width:90px;
		height:51px;
		position:fixed;
		right:5px;
		top:230px;
		background: url('../img/spotcast_small.png') center top no-repeat;
	}	
	.copy {
		font-size:0.7em;
	}	 	 
 }