@charset "utf-8";
/* CSS Document */

#wrapper {
    
	width: auto;
	height: auto;
	position: relative;
    top: 0px;
	z-index: 10;
}
#video{
    margin-top:245px;
	width:10%;
	height:auto;    
}
#djs {
	width: 88.2%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
}
#main {
	width: 100%;
	height: 13vw;
	background-color: rgb(63,171,60);
}
#mainb {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 13vw;
	background-color: rgb(63,171,60);
    z-index: 30;
}
.contentb {
	float: left;
	position: absolute;
	top: 50px;
	z-index: -10;
}
.contentz {
	float: left;
	position: absolute;
	top: 50px;
	z-index: -10;
}
#buehne {
	position: fixed;
	float: left;
	width: 100%;
	height: auto;
	border-top: 1px solid black;
}
#logo1 {
	position: relative;
	top: 340px;
}
#tab2 {
	position: fixed;
	top: 68px;
    left: 0px;
	background-color: yellow;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	color: green;
	font-weight: bold;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 29px;
}
/* backstage */


#schreib {
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.contentb figure {
	margin: 30px;
}
.contentb figcaption {
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
}
.contentb h4 {
	color: rgba(118,106,90,1.00);
}
.contentb .links img {
	width: 31%;
	float: left;
	margin-right: 60px;
}
.contentb figure {
	clear: both;
}
.end {
	height: 50px;
}
/* music */
.videobereich {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: -5%;
}
#videobereich2 {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: -5%;
}
#videobereich3 {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 11%;
}

.videoextern {
	background-color: black;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoextern2 {
	background-color: black;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 100%;
    }
.contentm .h44 {
	position: relative;
	top: 19px;
}
.contentm h4 {
	position: relative;
	top: 111px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
#h42 {
	position: relative;
	top: 415px;
	z-index: -2;
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
	margin-left: 30px;
}
/* dates */
.contentd a:link {
	color: rgba(118,106,90,1.00);
}
.contentd a:visited {
	color: rgba(118,106,90,1.00);
}
.contentd a:active {
	color: rgba(118,106,90,1.00);
}
.contentd a:hover {
	color: black;
}
.contentd a {
	position: relative;
	top: -27px;
	margin-right: 2%;
}
.contentd {
	margin: 30px;
	position: relative;
	top: 90px;
	z-index: -1;
}
.contentd .custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 20px;
}
.contentd .custom-counter li {
	margin-bottom: 10px;
}
.contentd .custom-counter li p {
	margin-right: 5px;
	font-size: 20px;
	background-color: rgba(118,106,90,1.00);
	color: white;
	font-weight: bold;
	padding: 8px;
	border-radius: 3px;
	text-align: right;
	display: inline-block;
	width: 20px;
}
.contentd .custom-counter span {
	padding-left: 10px;
}
.contentd h3 {
	color: white;
	background-color: rgba(118,106,90,1.00);
	padding-bottom: 5px;
	padding-top: 8px;
	font-size: 30px;
	text-align: center;
	font-family: "Myriad Pro"
}
.contentd li {
	color: rgba(118,106,90,1.00);
}
.contentd i {
	font-weight: bold;
	font-family: "Myriad Pro";
	display: block;
	text-align: right;
}
.contentd b {
	color: black;
	font-family: "Myriad Pro";
}
/* gallery */
.contentg {
	position: relative;
	height: 100%;
	top: 90px;
	z-index: -3
}
.contentg h4 {
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
	margin-left: 30px;
	margin-bottom: 6px;
	margin-top: 10px;
}
.contentg img {
	width: 100%;
	height: auto;
}
.contentg {
	background: white;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: red;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: white;
	/* Center slide text vertically */
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Contact */
.contentc {
	position: relative;
	top: 110px;
	padding-left: 30px;
	padding-right: 30px;
	margin-right: auto;
	z-index: -3;
}
.contentc .num1 {
	background-color: rgba(118,106,90,1.00);
	border: none;
	margin-bottom: 20px;
}
.contentc .num1 input[type=text] {
	margin: 8%;
	margin-bottom: 1%;
	width: 80%;
	height: 30px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
	padding-left: 3%;
}
.contentc .num1 input[type=number] {
	margin: 8%;
	width: 80%;
	height: 30px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
	padding-left: 3%;
}
.contentc .num1 input[type=email] {
	margin: 8%;
	width: 80%;
	margin-bottom: 1%;
	height: 30px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
	padding-left: 3%;
}
.contentc textarea {
	margin: 2%;
	padding-left: 3%;
	width: 90%;
}
.contentc .num2 {
	border: none;
	font-family: "Myriad Pro";
	font-size: 20px;
	color: white;
	background-color: rgba(118,106,90,1.00);
	padding-bottom: 20px;
}
.contentc .num2 input[type=text] {
	width: 80%;
	height: 30px;
	padding-left: 3%;
}
.contentc .num2 input[type=date] {
	width: 40%;
	height: 30px;
	padding-left: 3%;
}
.contentc .num2 label {
	position: relative;
	left: 30px;
	top: 10px;
}
.contentc .num3 {
	background-color: rgba(118,106,90,1.00);
	border: none;
	margin-top: 20px;
}
.contentc .num3 textarea {
	width: 80%;
	height: 70px;
	padding-left: 3%;
	margin-left: 32px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
}
.contentc input[type=submit] {
	width: 83%;
	height: 35px;
	background-color: rgba(118,106,90,1.00);
	font-family: "Myriad Pro";
	font-size: 17px;
	padding-top: 2px;
	color: white;
	margin: 20px;
	margin-left: 30px;
	border: none;
	cursor: pointer;
}
input[type="text"] {
	display: block;
}
input[type="date"] {
	display: block;
}
label {
	cursor: pointer;
}
#vasToggler {
	display: none;
}
#vasToggler ~ [type="text"] {
	height: 0px;
	margin: 0px;
	border-width: 0px;
}
#vasToggler ~ [type="date"] {
	height: 0px;
	margin: 0px;
	border-width: 0px;
}
#vasToggler:checked ~ [type="text"] {
	margin: 8%;
	height: 30px;
	margin-bottom: 5px;
	border-width: 1px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
}
#vasToggler:checked ~ [type="date"] {
	margin: 8%;
	height: 30px;
	margin-bottom: 5px;
	border-width: 1px;
	box-shadow: -1px 1px 4px 3px rgba(0,0,0,0.55);
}
#vasToggler ~ label:before {
	content: "► ";
}
#vasToggler:checked ~ label:before {
	content: "▼ ";
}
#vasToggler ~ [type="text"] {
	transition: all 0.2s;
}
#vasToggler ~ [type="date"] {
	transition: all 0.2s;
}
/* contact2 */
.contentc2 {
	position: relative;
	top: 110px;
	padding-left: 30px;
	padding-right: 30px;
	margin-right: auto;
	z-index: -4;
}
.contentc2 h1 {
	font-family: "Myriad Pro";
	font-size: 28px;
	color: rgba(118,106,90,1.00);
	text-align: center;
}
.contentc2 a {
	font-family: "Myriad Pro";
	font-size: 17px;
	text-align: center;
}
.contentc2 a:link {
	color: rgba(118,106,90,1.00);
}
.contentc2 a:visited {
	color: rgba(118,106,90,1.00);
}
.contentc2 a:active {
	color: rgba(118,106,90,1.00);
}
.contentc2 a:hover {
	color: black;
}
/* Impressum */
.contenti {
	position: relative;
	top: 100px;
	padding-left: 30px;
	padding-right: 30px;
	margin-right: auto;
	z-index: -4;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: darkblue;
}
/* booking */
.contentbo a:link {
	color: rgba(118,106,90,1.00);
}
.contentbo a:visited {
	color: rgba(118,106,90,1.00);
}
.contentbo a:active {
	color: rgba(118,106,90,1.00);
}
.contentbo a:hover {
	color: black;
}
.contentbo {
	position: relative;
	top: 110px;
	padding-left: 30px;
	padding-right: 30px;
	margin-right: auto;
	z-index: -3;
}
.contentbo p {
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
	margin-left: 10px;
}
.contentbo span {
	font-family: "Myriad Pro";
	font-size: 17px;
	color: rgba(118,106,90,1.00);
	font-weight: bold;
}
.contentbo img {
	width: 100%;
	margin-top: 30px;
}

@media only screen and (max-width: 460px) {
/* mobiles menü */
#nav {
	z-index: 99;
	position: relative;
	width: 100%;
}
#nav ul {
	position:relative;
	top: -35px;
	list-style-type: none;
	padding: 0px;
	line-height: 0px;
	overflow: hidden;
	transition: line-height 0.4s ease-in-out;
}
#nav ul li a {
	color: white;
	font-size: 15px;
	letter-spacing: 2px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-weight: bold;
	text-decoration: none;
	background-color: rgba(3,75,140,1.00);
	border-bottom: 2px solid white;
	padding-right: 100%;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 12px;
}
#nav li:hover {
	color: rgb(253, 156, 43);
}
#nav #toggler:checked ~ ul {
	line-height: 41px;
}
#nav #toggler + label:before {
	content: "≡ ";
	font-size: 55px;
	font-weight: bold;
}
#nav #toggler:checked + label:before {
	content: "× "
}
#nav label {
	font-size: 1px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica, Arial", "sans-serif";
	color: white;
	position: relative;
	top: -9px;
	left: 30px;
        z-index: 10;
    
}
#nav .current a {
	color: rgb(255, 245, 0);
}
#toggler {
	display: none;
}
#myVideo {
	display: none;
}
#video{
    display: none;
}
#banner {
	width: 100%;
}
#logoklein  {
        width: 18%;
        position: absolute;
}
#logo1 {
		width: 100%;
}
#logo1 {
	position: relative;
	top: 13px;
}
.txt1 {
	position: relative;
	left: -2%;    
	width: 96%;
    margin-left: 17px;
    z-index: -3;
    }
.txt1 p {
    color:  rgb(3,75,140);   
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 25px; 
    }
#tab2 {
	display:none;
}
.contentb .links img {
	width: 22%;
	float: left;
	margin-right: 16px;
}
.contentb figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 5px solid rgb(3,75,140);
	margin-bottom:15px;
}
.contentb figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	color: rgb(3,75,140);
    padding-top: 22px;
}
.contentz .links img {
	width: 22%;
	float: left;
	margin-right: 16px;
}
.contentz figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 5px solid rgb(3,75,140);
	margin-bottom:15px;
}
.contentz figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	color: rgb(3,75,140);
    padding-top: 22px;
}
.contentz {
	float: left;
	position: absolute;
	top: 50px;
	z-index: -10;
}
.contentz .ziele img {
	width:100%;
}
.contentb .rechts img {
	width:100%;
}
.contentb .rechts2 img {
	width:50%;
}
.contentm .h44 {
	position: relative;
	top: 4px;
}
.contentm h4 {
	position: relative;
	top: 50px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
.videoextern {
	background-color: black;
	position: absolute;
	top: 34px;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoextern2 {
	background-color: black;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
    }
	#h42 {
	position: relative;
	top: 51px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    #h43 {
	position: relative;
	top: 4px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    .h44 {
	position: relative;
	top: 4px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
#leer {
	width:auto;
	height:30px;
}
/* footer */
.fuss {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: rgb(63,171,60);
	height: 40px;
	z-index: 10;
}
#logo2 {
	width: 13%;
	position: fixed;
	left: 24px;
	margin-top: 6px;
}
#yt {
	width: 7%;
	position: fixed;
	left: 146px;
	margin-top: 9px;
}
#fb {
	width: 7%;
	position: fixed;
	left: 104px;
	margin-top: 6px;
}
#logo3 {
	width: 3%;
	position: fixed;
	right: 98px;
	margin-top: 6px;
}
#imp {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	color: yellow;
	font-size: 11px;
	position: fixed;
	margin-left:24%;
	margin-right:auto;
	margin-top: 13px;
}
}
/* tablet1*/
@media only screen and (min-width: 461px) and (max-width: 767px) {
    #video {
        display: none;
    }
    #banner {
        position: relative;
        top: -140px;
        left: 0px;
        width: 100%;
        z-index: -1;
    }
    #logoklein {
        position: relative;
        top: 0px;
        left: 0px;
        width: 19%;
    }
    #main {
	    position:relative;
        width: 102%;
        height: 6%;
	    left: -8px;
	    top: 17%;
        margin-top: -24%;
	}
    #leer {
        height: 20px;
    }
#nav a {
	padding-top:20px;
	padding-bottom:20px;
}
#nav ul {
	width: 111%;
	margin-left: -5%;
}
#nav ul li {
	display: inline-block;
	margin-top: 3%;
	margin-left: 3%;
}
#nav ul li a {
	color: white;
	font-size: 17px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}
#nav ul li a:hover {
	color: rgb(253, 156, 43);
}
#nav label {
	display: none;
}
#toggler {
	display: none;
}
#nav .current a {
	color: rgb(255, 245, 0);
}
    #logo1 {
        position: relative;
        width: 90%;
        height: auto;
        top: 5%;
        margin-left: 5%;
        margin-top: 5%;
    }
.txt1 {
	position: relative;
	left: -2%;  
    top: 53%;
	width: 90%;
    margin-left: 9%;
    margin-top: -2%;
	z-index: -3;
    }
.txt1 p {
    color:  rgb(3,75,140);   
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 25px; 
    }
.fuss {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: rgb(63,171,60);
	height: 40px;
	z-index: 10;    
}
#imp {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	color: yellow;
	font-size: 11px;
	position: fixed;
	margin-left:24%;
	margin-right:auto;
	margin-top: 13px;
}
    #mainb {
	position: relative;
	top: -20px;
	left: -8px;
	width: 103%;
	height: 10%;
	background-color: rgb(63,171,60);
    z-index: 30;
}
#mainb #nav ul {
	width: 100%;
	margin-left: -2%;
    margin-top: 3%;
}
    #tab2 {
        display: none;
    } 
    .contentb .links img {
        position: relative;
        left: 0px;
	    width: 19%;
	    float: left;
	    margin-right: 60px;
}
    .contentb figure {
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
        border-bottom: 5px solid rgb(3,75,140);
	    margin-bottom:15px;
}
    .contentb figcaption {
	    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	    font-size: 20px;
	    color: rgb(3,75,140);
        padding-top: 22px;
}
    .contentb .rechts img {
	    width:100%;
}
    .contentb .rechts2 img {
	    width:50%;
}
    .contentz .links img {
	width: 22%;
	float: left;
	margin-right: 16px;
}
.contentz figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 5px solid rgb(3,75,140);
	margin-bottom:15px;
}
.contentz figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	color: rgb(3,75,140);
    padding-top: 22px;
}
.contentz {
	float: left;
	position: absolute;
	top: 50px;
	z-index: -10;
}
.contentz .ziele img {
	width:100%;
}
    .contentm .h44 {
	position: relative;
	top: 100px;
}
.contentm h4 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
    #h42 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    #h43 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    .h44 {
	position: relative;
	top: 4px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    #videobereich3 {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: -5%;
}
}
/* tablet2*/
@media only screen and (min-width: 768px) and (max-width: 1198px) {
     #video {
        display: none;
    }
    #banner {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: -1;
    }
    #logoklein {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 19%;
    }
    #main {
	    position:fixed;
        width: 104%;
        height: 6%;
	    left: -8px;
	    top: 23%;
        margin-top: 0%;
	}
    .contentb {
	float: left;
	position: absolute;
	top: 71px;
	z-index: -10;
}
 #nav {
        position: fixed;
        width: 100%;
    }  
#nav a {
	padding-top:20px;
	padding-bottom:20px;
}
#nav ul {
	width: 111%;
	margin-left: 12%;
}
#nav ul li {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
}
#nav ul li a {
	color: white;
	font-size: 17px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}
#nav ul li a:hover {
	color: rgb(253, 156, 43);
}
#nav label {
	display: none;
}
#toggler {
	display: none;
}
#nav .current a {
	color: rgb(255, 245, 0);
}
    #logo1 {
        position: relative;
        width: 72%;
        height: auto;
        top: 5%;
        margin-left: 14%;
        margin-top: 30%;
        z-index: -5;
    }
.txt1 {
	position: relative;
	left: -2%;  
    top: 45%;
	width: 72%;
    margin-left: 16%;
    z-index: -3;
    }
.txt1 p {
    color:  rgb(3,75,140);   
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 20px; 
    }
.fuss {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: rgb(63,171,60);
	height: 40px;
	z-index: 10;    
}
#imp {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	color: yellow;
	font-size: 11px;
	position: fixed;
	margin-left:24%;
	margin-right:auto;
	margin-top: 13px;
}
    #mainb {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 13%;
	background-color: rgb(63,171,60);
    z-index: 30;
}
#mainb #nav ul {
	width: 100%;
	margin-left: -2%;
    margin-top: 6%;
}
    #tab2 {
        display: none;
    } 
    .contentb .links img {
        position: relative;
        left: 0px;
	    width: 19%;
	    float: left;
	    margin-right: 8px;
}
    .contentb figure {
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
        border-bottom: 5px solid rgb(3,75,140);
	    margin-bottom:15px;
}
    .contentb figcaption {
	    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	    font-size: 20px;
	    color: rgb(3,75,140);
        padding-top: 71px;
}
    .contentb .rechts img {
	    width:100%;
}
    .contentb .rechts2 img {
	    width:50%;
}
    .contentz .links img {
	width: 18%;
	float: left;
	margin-right: 16px;
}
.contentz figure {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 5px solid rgb(3,75,140);
	margin-bottom:15px;
}
.contentz figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	color: rgb(3,75,140);
    padding-top: 64px;
}
.contentz {
	float: left;
	position: absolute;
	top: 87px;
	z-index: -10;
}
.contentz .ziele img {
	width:100%;
}
    .contentm .h44 {
	position: relative;
	top: 100px;
}
.contentm h4 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
    #h42 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    #h43 {
	position: relative;
	top: 100px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    .h44 {
	position: relative;
	top: 4px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 17px;
	color: rgba(3,75,140,1.00);
	margin-left: 9px;
}
    #videobereich3 {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: -5%;
}
    #leer {
        width: auto;
        height: 20px;
    }
}
/* desktop*/
@media only screen and (min-width: 1199px) {
#wrapper {
	height: 20px;
}
    #blend {
        background-color: white;
        position: fixed;
        top: 0px;
        width: 100%;
        height: 30%;
        z-index: -10;    
    } 
    #logoklein{
        display: none;
    }
#banner {
	width: 70vw;
	height: 13vw;
	background-color: white;
	position:fixed;
	top:0px;
	right:0px;
	z-index:-10;
	}
#djs {
	width: 23.6%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 10px;
}
    #tab2 {
        z-index: 1;
    }
#main {
	width: 100%;
	height: 57px;
	background-color: rgb(63,171,60);
}

.content #buehne {
	display: none;
}
#myVideo {
	position: fixed;
	left: 0px;
	top: 0px;
	width:24%;
	background-color:rgba(255,255,255,1.00);
}
    #hint {
        background-color: white;
        position: fixed;
        top: -20px;
        left: 0px;
        z-index: -12;
        width: 100%;
        height: 100%;
    }    
#logo1 {
	width: 43%;
    position: relative;
    left: 48%;
    right: auto;
    margin-right: auto;
	padding-top: 0px;	
}
    .txt1 {
	position: relative;
	top: -16%;
    left: 3%;    
	width: 35%;
    margin-left: 88px;
	z-index: -3;
    }
    .txt1 p {
    color:  darkblue;   
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 33px; 
    }
/* footer */
.fuss {
	width: 100%;
	position: fixed;
	bottom: 0px;
	left:0px;
	background-color: rgb(63,171,60);
	height: 45px;
	z-index: 105;
}
#logo2 {
	width: 4%;
	position: fixed;
	left: 40px;
	margin-top: 6px;
}
#yt {
	width: 2%;
	position: fixed;
	left: 250px;
	margin-top: 9px;
}
#fb {
	width: 2%;
	position: fixed;
	left: 200px;
	margin-top: 6px;
}
#logo3 {
	width: 0.8%;
	position: fixed;
	right: 135px;
	margin-top: 6px;
}
#imp {
	color: yellow;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica, Arial", "sans-serif";
	font-size: 12px;
	margin-left:40%;
	margin-right:auto;
}
/* desk menue */
#main {
	position:fixed;
	left:0px;
	top: 13vw;
	}
#nav a {
	padding-top:20px;
	padding-bottom:20px;
}

#nav ul {
	width: 77%;
	margin-left: 28%;	
}
#nav ul li {
	display: inline-block;
	margin-top: 0px;
	margin-left: 3%;
}
#nav ul li a {
	color: white;
	font-size: 25px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}
#nav ul li a:hover {
	color: rgb(253, 156, 43);
}
#nav label {
	display: none;
}
#toggler {
	display: none;
}
#nav .current a {
	color: rgb(255, 245, 0);
}
#mainb {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 6.5%;
	background-color: rgb(63,171,60);
}
/* backstage desk */
	
.contentb {
	width: 99%;
	margin-right: auto;
	margin-left: auto;
}
.contentb .links img {
	width: 15%;
	float: left;
	margin-bottom: 30px;
}
.contentz {
	width: 99%;
	margin-right: auto;
	margin-left: auto;
}
.contentz .links img {
	width: 15%;
	float: left;
	margin-bottom: 30px;
	margin-top: 14px;
}
.contentz figure {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 6px solid rgb(3,75,140);
}
.contentz .rechts {
	margin-left: 9%;
    margin-right: auto;
    }
.contentz .rechts2 {
	margin-left: 30%;
    margin-right: auto;
    }
.contentz .ziele {
	margin-left: 9%;
    margin-right: auto;
    } 
.contentz .ziele img {
	width: 91%;
    height: auto;
    }    
.contentz figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 32px;
	color: rgb(3,75,140);
    padding-top: 71px;
	margin-left:265px;
	
}
.contentz h4 {
	color: rgba(118,106,90,1.00);
}
.contentz figure {
	clear: both;
}
#schreib {
	font-family: "Myriad Pro";
	font-size: 22px;
	color: rgba(118,106,90,1.00);
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.contentb figure {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 6px solid rgb(3,75,140);
}
.contentb .rechts {
	margin-left: 9%;
    margin-right: auto;
    }
.contentb .rechts2 {
	margin-left: 30%;
    margin-right: auto;
    }
.contentb .ziele {
	margin-left: 18%;
    margin-right: auto;
    } 
.contentb .ziele img {
	width: 58%;
    height: auto;
    }    
.contentb figcaption {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 32px;
	color: rgb(3,75,140);
    padding-top: 57px;
}
.contentb h4 {
	color: rgba(118,106,90,1.00);
}
.contentb figure {
	clear: both;
}
.end {
	height: 50px;
}
/* booking desk */
	
.contentbo {
	position: relative;
	top: 110px;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	z-index: -3;
}
.contentbo p {
	font-family: "Myriad Pro";
	font-size: 22px;
	color: rgba(118,106,90,1.00);
	margin-left: 10px;
}
.contentbo span {
	font-family: "Myriad Pro";
	font-size: 22px;
	color: rgba(118,106,90,1.00);
	font-weight: bold;
}
.contentbo img {
	width: 85%;
	margin-left: 7.6%;
	margin-top: 15px;
}
/* music desk */

.contentm {
	width: 55%;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}
.contentm h4 {
	font-size: 26px;
}
.videoextern2 {
	background-color: black;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 200px;
}
#h42 {
	position: relative;
	top: 111px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 26px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
    #h43 {
	position: relative;
	top: 18px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 26px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
    #h44 {
	position: relative;
	top: 18px;
	z-index: -2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", sans-serif;
	font-size: 26px;
	color: rgba(3,75,140,1.00);
	margin-left: 6px;
}
/* dates desk */
.contentd {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
.contentd a {
	margin-right: 10%;
}
.contentd .custom-counter {
	margin-left: 10%;
}
/* gallery desk */
	
	
	
.contentg .swiper-container {
	width: 55%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.contentg h4 {
	font-size: 22px;
	margin-left: 23%;
}
/* contact desk */
.contentc {
	width: 55%;
	margin-left: auto;
	margin-right: auto;
}
.contentc .num1 input[type=text] {
	margin-top: 4%;
	margin-left: 23.2%;
	width: 50%;
	height: 50px;
}
.contentc .num1 input[type=number] {
	margin-top: 2%;
	margin-left: 23.2%;
	margin-bottom: 4%;
	width: 50%;
	height: 50px;
}
.contentc .num1 input[type=email] {
	margin-top: 2%;
	margin-left: 23.2%;
	width: 50%;
	height: 50px;
}
.contentc .num2 {
	padding-bottom: 20px;
}
.contentc .num2 input[type=text] {
	width: 50%;
	padding-left: 3%;
}
.contentc .num2 input[type=date] {
	width: 15%;
}
#vasToggler:checked ~ [type="text"] {
	margin-top: 2%;
	margin-left: 23.2%;
	height: 50px;
}
#vasToggler:checked ~ [type="date"] {
	margin-top: 2%;
	margin-left: 23.2%;
 margin-bottom: 4%;
	width: 15%;
	height: 50px;
}
.contentc .num3 textarea {
	width: 50%;
	height: 100px;
	padding-left: 3%;
	margin-top: 2%;
	margin-left: 23.2%;
}
.contentc input[type=submit] {
	width: 30%;
	height: 35px;
	margin-left: 35%;
	margin-right: auto;
}
/* impressum desk */
.contenti {
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
}
}