@media only screen and (min-width: 1300px) {

#logo {
    position:fixed;
    left: 20px;
    top: 20px;
    float: left;
    width: 120px;
    height: auto;
    transition: all 0.3s ease;
}
#logo .st0 {
    fill:#ffffff;
    transition: all 0.3s ease;
}
#logo:hover .st0 {
    fill:#ff2b58;
}

.menu_icon {
	position:fixed;
	right:25px;
	top:15px;
	width:50px;
	height:50px;
	display:block;
	z-index:999;
	transition:all 0.3s ease;
}
.menu_icon.active {
	position:fixed;
	right:25px;
	top:15px;
	width:50px;
	height:50px;
	display:block;
	z-index:999;
	transition:all 0.3s ease;
}
.navigation {
    right: 0;
    top: 0;
    float:none;
	position:fixed;
	width:50%;
	height:100vh;
    min-height: 100vh;
	margin:0px;
	padding:80px 80px 20px 100px;
	background:rgba(0,0,0,0.88);
	opacity:1;
	transition:all 0.3s ease;
	transform:translateX(100%);
}
.navigation.active {
    right: 0;
    top: 0;
    float:none;
	position:fixed;
	width:50%;
	height:100vh;
    min-height: 100vh;
	margin:0px;
	padding:80px 80px 20px 100px;
	/*background:rgba(255,43,88,0.88);*/
    background:rgba(0,0,0,0.82);
	opacity:1;
	transition:all 0.5s ease;
	transform:translateX(0);
    z-index: 600;
}
.navigation ul li {
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0;
    list-style: none;
}
.navigation ul li:last-of-type {
    margin: 25px 0 0 0;
}
.navigation ul li a {
    display: inline-block;
    font-size: 4.5vh;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
}
.navigation ul li a:hover {
    color: #ff2b58;
    letter-spacing: 2px;
}

.navigation .adresse {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding: 20px 40px 40px 100px;
    font-size: 20px;
}
.navigation .adresse a {
    outline: none;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    opacity: 0.6;
}
.navigation .adresse a:hover {
    color: #ff2b58;
    opacity: 1;
}
.navigation .adresse .icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin: 5px 8px 0 0;
    vertical-align: -3px;
}
.navigation .adresse .fb_icon {
    text-align: right;
    float: right;
    width: 34px;
    height: 34px;
    margin: -5px 0 0 30px;
    background: url("../img/icon_fb.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 34px;
    opacity: 0.6;
    transition: all 0.3s ease;
}
.navigation .adresse .insta_icon {
    text-align: right;
    float: right;
    width: 34px;
    height: 34px;
    margin: -5px 0 0 0px;
    background: url("../img/icon_insta.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 34px;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.videobereich .teaser {
    position: absolute;
    left: 30%;
    top: 50%;
    width: 40%;
    height: auto;
    font-size: 7vh;
    line-height: 6.5vh;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transform: translate(0%,50%);
    transition: all 0.3s ease;
    color: #ffffff;
    opacity: 0;
    -webkit-animation: teaser_ania 53s infinite ease;
	-moz-animation: teaser_ania 53s infinite ease;
	-o-animation: teaser_ania 53s infinite ease;
    animation-delay: 2s;
}
.videobereich .teaser .spana {
    padding: 0.2em 0.2em;
    display: inline-block;
    background: rgba(0,0,0,0.35);
}
.videobereich .teaser.active {
    position: absolute;
    left: 20px;
    top: 50%;
    width: auto;
    height: auto;
    max-width: 40%;
    font-size: 6vh;
    line-height: 6vh;
    text-align: left;
    transform: translate(0%,-50%);
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #ffffff;
}
.videobereich .teaser.active .spana {
    padding: 0.2em 0.4em;
    display: inline-block;
    background: rgba(0,0,0,0.35);
    transition: all 0.3s ease;
}
.videobereich .teaser .magenta {
    color: #ffffff;
}
.videobereich .teaser.active .magenta {
    color: #ff2b58;
}
video {
  width: 100vw;
  height:100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(0px);
  z-index:-1;
}
video.active {
  width: 100vw;
  height:100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(12px);
  z-index:-1;
}

.parallax-window_veranstaltungen {
    height: 1300px;
    background: transparent;
}

.veranstaltungen_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 130px 20px 130px 20px;
    margin: 0px 0;
    position: relative;
    overflow-y: visible;
}
.veranstaltungen_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    font-size: 50px;
    text-transform: uppercase;
    margin: 20px 0 50px 0;
    hyphens: auto;
}
.veranstaltungen_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}
.veranstaltung_ticketres {
    float: left;
    width: 100%;
    height: auto;
    margin: 120px 0 20px 0;
    text-align: center;
}
.veranstaltung_ticketres a {
    display: inline-block;
    padding: 18px 32px 18px 74px;
    font-size: 28px;
    background-color: #ff2b58;
    background-image: url(../img/icon_ticket.png);
    background-repeat: no-repeat;
    background-position: 16px 50%;
    background-size: 42px;
    border: solid 3px #ff2b58;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border-radius: 8px;
    transform: scale(1);
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    transition: all 0.3s ease;
    font-weight: normal;
}
.veranstaltung_ticketres a:hover {
    transform: scale(1.05);
    border: solid 3px #ffffff;
    box-shadow: 0 0 25px rgba(0,0,0,0.8);
}

.ver_next {
	position: absolute;
	top: calc(50% - 16px);
	right: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_next_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
    display: block;
}
.ver_next:hover {
	opacity: 1;
	cursor: pointer;
}
.ver_prev {
	position: absolute;
	top: calc(50% - 16px);
	left: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_prev_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
    display: block;
}
.ver_prev:hover {
	opacity: 1;
	cursor: pointer;
}
.ver_boxen  {
	float: left;
	width: calc(100% - 180px);
	height: auto;
	margin: 0px 90px 0px 90px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.ver_boxen_ohne  {
	float: left;
	width: calc(100% - 500px);
	height: auto;
	margin: 0px 250px 0px 250px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.ver_box {
	float:left;
	width:100%;
	height:auto;
	min-height:380px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:12px 12px 18px 12px;
	color:#555555;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 20px;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.ver_box .bild {
    float: left;
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
    border-radius:9px;
}
.ver_box .bild img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.ver_box .zeilea {
	float:left;
	width:100%;
	height:auto;
    margin: 15px 0 15px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
}
.ver_box .zeileb {
	float:left;
	width:100%;
	height:auto;
    margin: 0px 0;
    padding: 2px 5px 10px 5px;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.ver_box .zeilec {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}
.ver_box .zeiled {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 5px 5px 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    border-top: solid 1px #cccccc;
}

.ver_box_einzeln {
	float:left;
	width:40%;
	height:auto;
	min-height:380px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:12px 12px 18px 12px;
	color:#555555;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 30%;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.ver_box_einzeln .bild {
    float: left;
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
    border-radius:9px;
}
.ver_box_einzeln .bild img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.ver_box_einzeln .zeilea {
	float:left;
	width:100%;
	height:auto;
    margin: 15px 0 15px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
}
.ver_box_einzeln .zeileb {
	float:left;
	width:100%;
	height:auto;
    margin: 0px 0;
    padding: 2px 5px 10px 5px;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.ver_box_einzeln .zeilec {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}
.ver_box_einzeln .zeiled {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 5px 5px 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    border-top: solid 1px #cccccc;
}

.slick-center {
    transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.slick-list {
  padding: 50px 0 !important;
}
.parallax-window_club {
    height: 1400px;
    background: transparent;
}
.parallax-window_djs {
    height: 1100px;
    background: transparent;
}
.parallax-window_bilder {
    height: 1280px;
    background: transparent;
}
.parallax-window_erlebnisse {
    height: 1280px;
    background: transparent;
}
.club_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 120px 20px 120px 20px;
    margin: 0px 0;
    position: relative;
}
.club_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    margin: 0 0 45px 0;
}
.club_bereich h2 span {
    transition: all 0.3s ease;
    opacity: 0.7;
    color: #ffffff;
    -webkit-animation: club_head_ani 5s infinite ease;
	-moz-animation: club_head_ani 5s infinite ease;
	-o-animation: club_head_ani 5s infinite ease;
}
.club_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}
.club_bereich h3 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-style: normal;
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.club_bereich .wrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 60px 0 20px 0;
}
.club_bereich .links {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
}
.club_bereich .rechts {
    float: left;
    width: 80%;
    height: auto;
    margin: 0 10% 0 10%;
}
.club_bereich .links .headline {
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Kanit';
    margin: 60px 25% 20px 25%;
}
.club_bereich .links .headlinea {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 44px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    margin: 80px 0 40px 0;
}

.club_bereich .links .textgeschichte {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 150px;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    font-style: normal;
    margin: 6px 0 0 0;
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.club_bereich .links .textgeschichte p {
    margin: 0 0 32px 0;
}

.club_bereich .grundgriss {
    float: right;
    width: 20%;
    height: auto;
    text-align: right;
    transition: all 0.3s ease;
    margin: 0 40% 0 40%;
    opacity: 0.5;
}
.club_bereich .grundgriss img {
    width: 100%;
    height: auto;
    display: block;
}
.club_bereich .grundgriss:hover {
    width: 32%;
    height: auto;
    margin: 0 34% 0 34%;
    opacity: 1;
}
.club_bereich .bild {
    float: left;
    width: 18.4%;
    height: 242px;
    background: #ffffff;
    margin: 0 2% 20px 0;
    border-radius: 7px;
    padding: 0px;
    overflow: hidden;
    border: solid 6px #ffffff;
    position: relative;
}
.club_bereich .bild:nth-of-type(2n+2) { margin: 0 2% 20px 0; }
.club_bereich .bild:nth-of-type(3n+3) { margin: 0 2% 20px 0; }
.club_bereich .bild:nth-of-type(4n+4) { margin: 0 2% 20px 0; }
.club_bereich .bild:nth-of-type(5n+5) { margin: 0 0% 20px 0; }

.club_bereich .bild img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 7px;
    transition: all 0.3s ease;
    transform: scale(1.0);
}
.club_bereich .bild:hover img {
    transform: scale(1.2);
}
.club_bereich .bild .caption {
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.djs_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 90px 20px 10px 20px;
    margin: 0px 0;
    position: relative;
}
.djs_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
    font-size: 60px;
    text-transform: uppercase;
    margin: 30px 0 10px 0;
}
.djs_bereich .vinyl {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    text-align: center;
}
.djs_bereich .vinyl img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    -webkit-animation: vinyl_ani 3s infinite linear;
	-moz-animation: vinyl_ani 3s infinite linear;
	-o-animation: vinyl_ani 3s infinite linear;
}

.djs_slick_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 20px 90px 20px;
    margin: 0px 0;
    position: relative;
    overflow-y: visible;
}
.djs_slick_next {
	position: absolute;
	top: calc(50% - 56px);
	right: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_next_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
}
.djs_slick_next:hover {
	opacity: 1;
	cursor: pointer;
}
.djs_slick_prev {
	position: absolute;
	top: calc(50% - 56px);
	left: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_prev_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
}
.djs_slick_prev:hover {
	opacity: 1;
	cursor: pointer;
}
.djs_slick_boxen  {
	float: left;
	width: calc(100% - 280px);
	height: auto;
	margin: 0px 140px 0px 140px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.djs_slick_box {
	float:left;
	width:100%;
	height:auto;
	min-height:450px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	padding:8px 8px 10px 8px;
	color:#555555;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 15px;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.djs_slick_box .bild {
    float: left;
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
    border-radius:19px;
}
.djs_slick_box .bild img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    transform: scale(1.0);
    transition: all 0.2s linear;
}
.djs_slick_box:hover .bild img {
    transform: scale(1.1);
}
.djs_slick_box:hover {
    background: #ff2b58;
    border:solid 1px #ff2b58;
}

.bilder_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 150px 0px 180px 0px;
    margin: 0px 0;
    position: relative;
}
.galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 80px;
}
.masonry-grid {
	margin-left:0px;
	margin-right:0px;
}


.grid-sizer,
.grid-item { width: 20% }

.lg-height {
	z-index:10;
}

.grid-item {
	float: left;
	border:solid 5px transparent;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.grid-item img {  
	display: block;
    max-width: 100%;
    transition: all 0.2s ease;
}
.img-responsive {
    float: left;
    display: block;
    max-width: 100%;
}
.grid-item .caption {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    transform: translateY(-50%);
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Kanit';
    font-weight: 500;
    font-style: normal;
    color: #ffffff;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.75);
}
.grid-item .caption span {
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
}
.grid-item a {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    outline: none;
}
.grid-item:hover img {
    transform: scale(1.16);
}
.grid-item:hover {
    border:solid 5px #ff2b58;
}
.content_clear {
    float: left;
    width: 100%;
    height: 0;
    clear: both;
}
.seitenwrapper {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 2px;
}
.erlebnis_content {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.parallax-window_erlebnis {
    height: 100vh;
    background: transparent;
}
.erlebnis_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 140px 20px 20px 20px;
    margin: 0px 0;
    position: relative;
}
.djsback {
    background-image: url(../img/p67back04.jpg); 
    background-position: 50% 60%; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
}
.galerieback {
    background-image: url(../img/p67back04.jpg); 
    background-position: 50% 60%; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
}

.erlebnis_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    margin: 40px 0 60px 0;
}
.erlebnis_bereich h2 span {
    color: #ff2b58;
}
.erlebnis_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}
.erlebnis_bereich h3 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-style: normal;
    color: #ffffff;
    margin: 0 0 20px 0;
    font-size: 28px;
    line-height: 36px;
    padding: 0;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.erlebnis_bereich .teilenbutton {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 20px 0 30px 0;
    padding: 0;
}
.erlebnis_bereich .teilenbutton .button a {
    outline: none;
    text-decoration: none;
    color: #ffffff;
}
.erlebnis_bereich .teilenbutton .button {
    text-decoration: none;
    display: inline-block;
    width: 350px;
    height: 65px;
    outline: none;
    color: #ffffff;
    background: #ff2b58;
    border: solid 2px #ff2b58;
    font-size: 24px;
    padding: 15px 30px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}
.erlebnis_bereich .teilenbutton .button:hover {
    background: #ffffff;
    color: #000000;
    border: solid 2px #ffffff;
    box-shadow: 7px 7px 12px rgba(0,0,0,0.6);
}
.erlebnis_bereich .teilenbutton .button div {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 65px;
    line-height: 60px;
    z-index: 10;
    text-align: center;
    
}
.erlebnis_bereich .teilenbutton .button span {
    z-index: 1;
}
.erlebnis_bereich .teilenbutton .button span {
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 65px;
    text-align: center;
    background: #000000;
    transition: all 0.3s ease;
    transform: translateX(-400px);
    z-index: 1;
}
.erlebnis_bereich .teilenbutton .button:hover span {
    transform: translateX(0px);
}
.erlebnis_bereich .teilenbutton .button:hover {
    letter-spacing: 1px;
}
.momente_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 20px 140px 20px;
    margin: 0px 0;
    position: relative;
    overflow: hidden;
}
.momente_next {
	position: absolute;
	top: calc(50% - 56px);
	right: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_next_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
    display: block;
}
.momente_next:hover {
	opacity: 1;
	cursor: pointer;
}
.momente_prev {
	position: absolute;
	top: calc(50% - 56px);
	left: 40px;
	width: 32px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	background: url("../img/slide_nav_prev_arr.png") no-repeat center center;
	background-size: 32px;
	opacity: 0.6;
	transition:all 0.2s linear;
	outline: none;
    display: block;
}
.momente_prev:hover {
	opacity: 1;
	cursor: pointer;
}
.momente_boxen  {
	float: left;
	width: calc(100% - 280px);
	height: auto;
	margin: 0px 140px 50px 140px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.momente_box {
	float:left;
	width:100%;
	height:auto;
	min-height:380px !important;
	outline:none;
	opacity: 1;
	background:#ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	padding:8px 8px 10px 8px;
	color:#555555;
	border:solid 1px #ffffff;
	margin:0 15px;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.momente_box .profil {
    float: left;
    width: 100%;
    height: auto;
    padding: 5px 10px 5px 10px;
    margin: 0 0 10px 0;
}
.momente_box .profil .bild {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}
.momente_box .profil .bild img {
    width: 100%;
    height: 90px;
    object-fit: cover;
}
.momente_box .profil .text {
    float: left;
    width: calc(100% - 120px);
    height: auto;
    font-size: 24px;
    line-height: 26px;
    margin: 25px 0 0px 30px;
    font-weight: 600;
}
.momente_box .profil .text small {
    float: left;
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #555555;
}
.momente_box .beschreibung_wrap {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.momente_box .beschreibung {
    float: left;
    width: 100%;
    height: auto;
    margin: 11px 0 20px 0;
    background: #e3e3e3;
    padding: 16px 25px 18px 25px;
    font-size: 18px;
    line-height: 26px;
    border-radius: 18px;
    font-family: 'Kanit';
    font-weight: 500;
    font-style: italic;
}
.momente_box .beschreibung_wrap .beschreibung_ecke {
    position: absolute;
    left: 42px;
    top: 0;
    width: 26px;
    height: 26px;
    background: #e3e3e3;
    transform: rotate(45deg);
}
.momente_box .beschreibung .mehr {
    text-decoration: none;
    color: #005ddb;
}
.momente_box .userfoto {
    float: left;
    width: 100%;
    height: 340px;
    overflow: hidden;
    border-radius: 12px;
}
.momente_box .userfoto img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}
.momente_box a {
    outline: none;
    text-decoration: none;
    color: #555555;
}

.statusmeldung_anfrage {
    float: left;
    width: 80%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #cd0000;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 10% 10px 10%;
}
.statusmeldung_anfrage_ok {
    float: left;
    width: 80%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #36910e;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 10% 10px 10%;
}

.formular_bereich {
    float: left;
    width: 80%;
    height: auto;
    padding: 0;
    margin: 65px 10% 40px 10%;
}
.formular_bereich .inputwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 5px 0 35px 0;
}
.formular_bereich .input_help {
    float: left;
    width: 100%;
    height: auto;
    margin: 5px 0 0px 0;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    color: #444444;
}
.formular_bereich .input_label {
    float: left;
    width: 100%;
    height: auto;
    margin: 4px 0 5px 0;
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    font-weight: 600;
}
.formular_bereich .textareainput {
    float: left;
    width: 100%;
    height: 400px;
    resize: vertical;
    text-align: center;
    padding: 10px 10px 10px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border: solid 2px #ff2b58;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.formular_bereich .textinput {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-bottom: solid 2px #ff2b58;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.formular_bereich .uhrzeitinput {
    float: left;
    width: 140px;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-bottom: solid 2px #ff2b58;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.uhrzeit_dazwischen {
    float: left;
    width: calc(100% - 315px);
    height: auto;
    text-align: center;
    padding: 13px 5px 0 5px;
    font-size: 18px;
}

.formular_bereich .links {
    float: left;
    width: 46%;
    height: auto;
    margin: 0px 4% 0px 0;
}
.formular_bereich .rechts {
    float: left;
    width: 46%;
    height: auto;
    margin: 0px 0px 0 4%;
}
.container {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 26px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.75);
  transition: all 0.3s ease;
}
.podcast_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 150px 0 150px 0;
    overflow: hidden;
    position: relative;
}
.podcast_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    margin: 40px 0 45px 0;
}
.podcast_bereich h2 span {
    transition: all 0.3s ease;
    opacity: 0.7;
    color: #ffffff;
    -webkit-animation: club_head_ani 5s infinite ease;
	-moz-animation: club_head_ani 5s infinite ease;
	-o-animation: club_head_ani 5s infinite ease;
}
.podcast_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}
.podcast_bereich h3 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-style: normal;
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    padding: 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.audiobereich {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 60px 0 30px 0;
    padding: 0;
}
.audiobereich audio {
    width: 500px;
    border:solid 15px #ff2b58;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.audiobereich audio:hover, .audiobereich audio:focus {
    border:solid 15px #ffffff;
}
.audioplayer_podcast {
    float:none;
	width:40%;
	height:60px;
	margin: 0px 30% 0px 30%;
	padding:0px 0px 0px 0px;
	opacity:1;
	transition:all 0.5s ease;
	transform:translateY(0);
    z-index: 100;
}
.audioplayer_podcast:hover {
    opacity: 1;
}
.audiobereich .episode {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 20px 0 30px 0;
    font-size: 18px;
    color: #eeeeee;
}
.audiobereich .oderstreamen {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 60px 0 30px 0;
    font-size: 22px;
    color: #ffffff;
    font-style: italic;
}
.audiobereich .spotifyplayer {
    float: left;
    width: 40%;
    height: auto;
    text-align: center;
    margin: 0px 30% 0px 30%;
    padding: 0;
}

.parallax-window_fuss {
    height: 1000px;
    background: transparent;
}
.fussbereich {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}
.fussbereich .fuss {
    float: left;
    width: 100%;
    height: auto;
    padding: 150px 20px;
    margin: 0;
    text-align: center;
}
.fussbereich .fuss .fuss_logo {
    display: inline-block;
    width: 240px;
    height: auto;
    margin: 210px auto 0 auto;
}
.fussbereich .fuss .logozusatz {
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 20px;
    margin: 0;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.fussbereich .fuss .logozusatz span {
    display: inline-block;
    padding: 2px 12px 5px 12px;
    background: #ff2b58;
}
.fussbereich .fuss .adressdaten {
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 20px 30px 20px;
    margin: 0;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fussbereich .fuss .telefon {
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 20px;
    margin: 0;
    text-align: center;
    font-size: 24px;
    text-transform: none;
    letter-spacing: 1px;
}
.fussbereich .fuss .telefon a {
    display: inline-block;
    padding: 9px 15px 10px 15px;
    background: #ffffff;
    text-decoration: none;
    outline: none;
    color: #ff2b58;
    border-radius: 8px;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.fussbereich .fuss .telefon a:hover {
    color: #ffffff;
    background: #ff2b58;
    transform: scale(1.05);
}
.fussbereich .fuss .rechtliches {
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 20px 30px 20px;
    margin: 60px 0 0 0;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    text-transform: uppercase;
    letter-spacing: 0px;
}
.fussbereich .fuss .rechtliches .zeilea {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
}
.fussbereich .fuss .rechtliches .zeileb {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 0px 0;
}
.fussbereich .fuss .rechtliches a {
    text-decoration: underline;
    color: #ffffff;
    outline: none;
}
.fussbereich .fuss .rechtliches a:hover {
    color: #ff2b58;
}

.gototop {
    position: fixed;
    bottom: 78px;
    right: 28px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color:transparent;
    background-image: url(../img/icon_top.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px;
    border:solid 3px #ffffff;
    z-index: 5;
    opacity: 0.4;
    transform: translate(120px,0);
    transition: all 0.3s linear;
}
.gototop.active {
    transform: translate(0,0);
}
.gototop a {
    display: inline-block;
    width: 58px;
    height: 58px;
    outline: none;
    text-align: center;
}
.gototop:hover {
    opacity: 1;
    border:solid 3px #ff2b58;
    background-size: 22px;
}

.under_content_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 0 0;
    padding: 40px 0px;
    position: relative;
}
.under_content_back {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 80px 0;
    padding: 0px 0px;
    text-align: center;
}
.under_content_back a {
    outline: none;
    text-decoration: none;
    color: #ffffff;
    border: solid 2px #ffffff;
    padding: 8px 12px 8px 28px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    transition: all 0.3s ease;
    background-image: url(../img/icon_back.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10px 50%;
    text-transform: uppercase;
}
.under_content_back a:hover {
    border: solid 2px #ff2b58;
    padding: 8px 12px 8px 32px;
    background-size: 16px;
    background-position: 8px 50%;
}
.under_content_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
    font-size: 60px;
    text-transform: uppercase;
    margin: 30px 0 10px 0;
}
.under_content_bereich h3 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
    padding: 0;
}
.player_strich {
    float: left;
    width: 100%;
    height: 300px;
    margin: 0;
    text-align: center;
    position: relative;
}
.player_strich span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 300px;
    background: #ff2b58;
    transform: translate(-50%,-50%);
}
.player_strich .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    border: solid 2px #ff2b58;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich .bild img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.player_strich .kurztext_links {
    position: absolute;
    left: 0%;
    top: 50%;
    width: calc(50% - 150px);
    height: auto;
    transform: translate(20px,-50%);
    text-align: right;
    font-size: 18px;
    line-height: 26px;
}
.player_strich .kurztext_rechts {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(50% - 150px);
    height: auto;
    transform: translate(130px,-50%);
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}
.player_strich a {
    text-decoration: underline;
    outline: none;
    color: #ffffff;
    transition: all 0.3s ease;
}
.player_strich a:hover {
    color:#ff2b58;
    cursor: pointer;
}
.player_strich_b {
    float: left;
    width: 100%;
    height: 200px;
    margin: 0;
    text-align: center;
    position: relative;
}
.player_strich_b span {
    position: absolute;
    left: 50%;
    top: 0%;
    display: inline-block;
    width: 2px;
    height: 70px;
    background: #ff2b58;
    transform: translate(-50%,0%);
}
.player_strich_b .strichunten {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 70px;
    background: #ff2b58;
    transform: translate(-50%,30px);
}
.player_strich_b .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich_b .bild img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.player_strich_b .kurztext_rechts {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(50% - 150px);
    height: auto;
    transform: translate(130px,-50%);
    text-align: left;
    font-size: 18px;
    line-height: 26px;
}
.player_strich_c {
    float: left;
    width: 100%;
    height: 300px;
    margin: 0;
    text-align: center;
    position: relative;
}
.player_strich_c span {
    position: absolute;
    left: 50%;
    top: 0%;
    display: inline-block;
    width: 2px;
    height: 95px;
    background: #ff2b58;
    transform: translate(-50%,0%);
}
.player_strich_c .strichunten {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 100px;
    background: #ff2b58;
    transform: translate(-50%,50px);
}
.player_strich_c .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich_c .bild img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.player_strich_d {
    float: left;
    width: 100%;
    height: 200px;
    margin: 0;
    text-align: center;
    position: relative;
}
.player_strich_d span {
    position: absolute;
    left: 50%;
    top: 0%;
    display: inline-block;
    width: 2px;
    height: 70px;
    background: #ff2b58;
    transform: translate(-50%,0%);
}
.player_strich_d .strichunten {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 70px;
    background: #ff2b58;
    transform: translate(-50%,30px);
}
.player_strich_d .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich_d .bild img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.soundcloudbutton {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../img/icon_soundcloud.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    margin: 0 15px 0 5px;
    filter: grayscale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.spotifybutton {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../img/icon_spotify.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    margin: 0 15px 0 10px;
    filter: grayscale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.applemusicbutton {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../img/icon_apple.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    margin: 0 15px 0 5px;
    filter: grayscale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.soundcloudbutton:hover,
.spotifybutton:hover,
.applemusicbutton:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.15);
}
.player_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 0 100px;
}
.player_bereich .player_apple {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_apple:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_soundcloud {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_soundcloud:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_spotify {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_spotify:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_mixcloud {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_mixcloud:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_video_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 15px 0;
    padding: 0 50px;
    text-align: center;
    position: relative;
}
.player_video_bereich .wrapper {
    max-width: 800px;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
.player_video_bereich .responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    background:#000000;
    border: solid 15px #ff2b58;
    border-radius: 15px;
}
.player_video_bereich .responsive-video iframe {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.player_vita_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 100px 0;
    padding: 0 50px;
    text-align: center;
    position: relative;
}
.player_vita_bereich .wrapper {
    max-width: 1200px;
    height: auto;
    padding: 0px;
    margin: 0 auto;
}
.player_vita_bereich .wrapper .box {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px;
    border-radius: 0px;
}
.player_vita_bereich .bild {
    float: left;
    width: 310px;
    height: 310px;
    overflow: hidden;
    border-radius: 50%;
    margin: 40px 0;
    text-align: left;
}
.player_vita_bereich .bild img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}
.player_vita_bereich .text {
    float: left;
    width: calc(100% - 370px);
    height: auto;
    margin: 20px 0 0 60px;
    font-size: 21px;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
}
.player_vita_bereich .text p {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 22px 0;
}
.player_vita_bereich .weiterebilder {
    float: left;
    width: 100%;
    height: auto;
    margin: 80px 0 50px 0;
}
.player_vita_bereich .weiterebilder .pic {
    float: left;
    width: 23.5%;
    height: 280px;
    margin: 0px 2% 2% 0;
    border: solid 5px #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
    transform: scale(1.0);
}
.player_vita_bereich .weiterebilder .pic:hover {
    transform: scale(1.03);
}
.player_vita_bereich .weiterebilder .pic img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}
.player_vita_bereich .weiterebilder .pic:nth-of-type(2n+2) { margin: 0 2% 2% 0; }
.player_vita_bereich .weiterebilder .pic:nth-of-type(3n+3) { margin: 0 2% 2% 0; }
.player_vita_bereich .weiterebilder .pic:nth-of-type(4n+4) { margin: 0 0 2% 0; }

.under_galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 80px 0;
    padding: 0 20px;
}
.under_galerie_bereich .bildbox {
    float: left;
    width: 25%;
    height: 330px;
    margin: 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 0px transparent;
    transition:all 0.3s ease;
}
.under_galerie_bereich .bildbox img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.under_galerie_bereich .bildbox:hover img {
    transform: scale(1.15);
}

.boxani {
	transition:all 0.4s ease;
	opacity:1;
	transform:translateY(0px) scale(1.0);
    -webkit-animation: galerie_bild_ani 1s 1 ease;
	-moz-animation: galerie_bild_ani 1s 1 ease;
	-o-animation: galerie_bild_ani 1s 1 ease;
}

.under_erlebnisse_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 60px 0 80px 0;
    padding: 0 200px;
}
.erlebnisse_user_wrap {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 200px;
    margin: 20px 0 40px 0;
}
.erlebnisse_userbild {
    float: left;
    width: 200px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
}
.erlebnisse_userbild small {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    margin: 0;
}
.erlebnisse_userbild .username {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 0 0px;
}
.erlebnisse_userbild .bild {
    float: left;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
}
.erlebnisse_userbild .bild img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.erlebnisse_usertext {
    float: left;
    width: calc(100% - 220px);
    height: auto;
    margin: 0 0 0 20px;
    padding: 0;
    text-align: left;
    position: relative;
}
.erlebnisse_usertext .textbereich {
    float: left;
    width: calc(100% - 26px);
    height: auto;
    margin: 0 0 0 26px;
    background: #ffffff;
    border-radius: 30px;
    padding: 35px 55px 15px 55px;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Kanit';
    font-weight: 400;
    font-style: normal;
    color: #333333;
}
.erlebnisse_usertext .textbereich p {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}
.erlebnisse_usertext .ecke {
    position: absolute;
    top: 85px;
    left: 10px;
    transform: rotate(45deg);
    width: 40px;
    height: 40px;
    background: #ffffff;
}
.erlebnisse_bilder {
    float: left;
    width: 100%;
    height: auto;
    margin: 80px 0 40px 0;
    padding: 0 0px;
}
.erlebnisse_bilder .bild {
    float: left;
    width: 32%;
    height: 340px;
    margin: 0 2% 2% 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 8px #ffffff;
    border-radius: 8px;
    transition:all 0.3s ease;
}
.erlebnisse_bilder .bild img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.erlebnisse_bilder .bild:hover img {
    transform: scale(1.15);
}
.erlebnisse_bilder .bild:nth-of-type(2n+2) { margin: 0 2% 2% 0; }
.erlebnisse_bilder .bild:nth-of-type(3n+3) { margin: 0 0 2% 0; }

.formular_bereich_teilen {
    float: left;
    width: 80%;
    height: auto;
    margin: 20px 10% 40px 10%;
    padding: 30px;
    background: #ffffff;
    border-radius: 15px;
}
.formular_bereich_teilen .profilbild {
    float: left;
    width: 180px;
    height: auto;
    margin: 0 40px 0 0;
}
.formular_bereich_teilen .profilname {
    float: left;
    width: calc(100% - 220px);
    height: auto;
    margin: 0 0px 0 0;
}
.formular_bereich_teilen .input_help {
    float: left;
    width: 100%;
    height: auto;
    margin: 6px 0 10px 0;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    color: #222222;
}
.formular_bereich_teilen .input_label {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0px 0;
    font-size: 24px;
    line-height: 30px;
    color: #222222;
    text-align: left;
    font-weight: 600;
}
.formular_bereich_teilen .inputfield_upload {
	float:left;
	width:100%;
	height:auto;
	padding:20px 0 5px 34px;
	background-color: #ffffff;
	position:relative;
	font-size:15px;
	font-weight:normal;
	color:#222222;
	outline:none;
    text-align: center;
	box-shadow:none;
    transition: all 0.3s ease;
}
.formular_bereich_teilen .profilpic {
	float:left;
	width:180px;
	height:180px;
	padding:0px;
	border-radius: 50%;
	border: solid 3px #cccccc;
	background-color: #ffffff;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	outline:none;
    overflow: hidden;
    position: relative;
    text-align: center;
	box-shadow:none;
    transition: all 0.3s ease;
}
.formular_bereich_teilen .profilpic img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border: none;
    outline: none;
}
.formular_bereich_teilen .inputname {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
    background:#ffffff;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    border: solid 2px #cccccc;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.formular_bereich_teilen .inputarea {
    float: left;
    width: 100%;
    height: 300px;
    text-align: left;
    resize: vertical;
    padding: 10px 10px 10px 10px;
    background:#ffffff;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    border: solid 2px #cccccc;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    margin: 20px 0 20px 0;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.formular_bereich_teilen .fileinput {
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
    resize: vertical;
    padding: 10px 10px 10px 10px;
    background:#eeeeee;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    border: solid 2px #eeeeee;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    outline: none;
    box-shadow: none;
    margin: 0;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.formular_bereich_teilen .inputname:hover, .formular_bereich_teilen .inputname:focus,
.formular_bereich_teilen .inputarea:hover, .formular_bereich_teilen .inputarea:focus,
.formular_bereich_teilen .fileinput:hover, .formular_bereich_teilen .fileinput:focus {
    border: solid 2px #222222;
}
.formular_bereich_teilen .bilderbereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0px 0 0;
}
.formular_bereich_teilen .bilderbereich .items {
    float: left;
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 0;
}
.formular_bereich_teilen .bilderbereich .items .input-files {
    float: left;
    width: 32%;
    height: 330px;
    background: #eeeeee;
    padding: 0px;
    text-align: center;
    margin: 1% 2% 1% 0;
}
.formular_bereich_teilen .bilderbereich .items .input-files:nth-of-type(2n+2) {
    margin: 1% 2% 1% 0;
}
.formular_bereich_teilen .bilderbereich .items .input-files:nth-of-type(3n+3) {
    margin: 1% 0 1% 0;
}
.morepics_addbtn {
    float: left;
    width: 34px;
    height: 34px;
    background: #eeeeee;
    border: solid 2px #888888;
    border-radius: 50%;
    margin: 0px 0 0 0px;
    text-align: center;
    font-size: 38px;
    line-height: 20px;
    overflow: hidden;
    padding: 0px 0 0 0;
    color: #000000;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(1.0);
}
.morepics_addbtn:hover {
    border: solid 2px #222222;
    transform: scale(1.15);
}
.morepics_removebtn {
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    border: solid 2px #888888;
    color: #cd0000;
    font-size: 38px;
    line-height: 18px;
    overflow: hidden;
    padding: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}
.morepics_removebtn:hover {
    border: solid 2px #cd0000;
}
.rechtlicheangaben {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 145px;
    margin: 60px 0 60px 0;
    hyphens: auto;
}
.rechtlicheangaben p {
    float: left;
    width: 100%;
    height: auto;
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 44px 0;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
}
.rechtlicheangaben ul {
    float: left;
    width: 100%;
    height: auto;
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 44px 0;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
}
.rechtlicheangaben ul li {
    list-style: disc;
}
.rechtlicheangaben a {
    outline: none;
    text-decoration: none;
    color: #ff2b58;
}
.rechtlicheangaben a:hover {
    text-decoration: underline;
    cursor: pointer;
}
.rechtlicheangaben h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 34px;
    line-height: 40px;
    margin: 20px 0 10px 0;
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
}
.rechtlicheangaben h4 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 26px;
    line-height: 32px;
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
}
.nocookie_content_box {
    float: left;
    width: 50%;
    height: auto;
    background: #ffffff;
    text-align: center;
    padding: 200px 20px;
    line-height: 30px;
    font-size: 18px;
    margin: 20px 25%;
    color: #000000;
}
.nocookie_content_box a {
    outline: none;
    color: #ff2b58;
    text-decoration: underline;
}
}








@media only screen and (min-width: 1600px) {

.veranstaltungen_bereich h2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    font-size: 58px;
    text-transform: uppercase;
    margin: 35px 0 65px 0;
    hyphens: auto;
}
.veranstaltungen_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}
.ver_boxen  {
	float: left;
	width: calc(100% - 200px);
	height: auto;
	margin: 0px 100px 0px 100px;
	padding: 0px 0 0px 0;
	
	display:flex;
    justify-content: center;
    align-items: center;
}
.ver_box {
	float:left;
	width:100%;
	height:auto;
	min-height:380px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:12px 12px 18px 12px;
	color:#555555;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 50px;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.ver_box .bild {
    float: left;
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
    border-radius:9px;
}
.ver_box .bild img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.ver_box .zeilea {
	float:left;
	width:100%;
	height:auto;
    margin: 15px 0 15px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
}
.ver_box .zeileb {
	float:left;
	width:100%;
	height:auto;
    margin: 0px 0;
    padding: 2px 5px 10px 5px;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.ver_box .zeilec {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}
.ver_box .zeiled {
	float:left;
	width:100%;
	height:auto;
    margin: 5px 0 5px 0;
    padding: 5px 5px 0 5px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    border-top: solid 1px #cccccc;
}
.ver_box_einzeln {
	float:left;
	width:34%;
	height:auto;
	min-height:380px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:12px 12px 18px 12px;
	color:#555555;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 33%;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}

.slick-center {
    transition:all 0.3s ease;
	transform:translate(0,0) scale(1.15);
}
.slick-list {
  padding: 50px 0 !important;
}
.galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 120px;
}
.statusmeldung_anfrage {
    float: left;
    width: 64%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #cd0000;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 18% 10px 18%;
}
.statusmeldung_anfrage_ok {
    float: left;
    width: 64%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #36910e;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 18% 10px 18%;
}
.formular_bereich {
    float: left;
    width: 64%;
    height: auto;
    padding: 0;
    margin: 65px 18% 40px 18%;
}
.formular_bereich .uhrzeitinput {
    float: left;
    width: 150px;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-bottom: solid 2px #ff2b58;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.uhrzeit_dazwischen {
    float: left;
    width: calc(100% - 335px);
    height: auto;
    text-align: center;
    padding: 13px 5px 0 5px;
    font-size: 18px;
}
.parallax-window_club {
    height: 1400px;
    background: transparent;
}
.club_bereich .links .headlinea {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 44px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    margin: 80px 0 40px 0;
}
.club_bereich .links .textgeschichte {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 250px;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    font-style: normal;
    margin: 6px 0 0 0;
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.club_bereich .links .textgeschichte p {
    margin: 0 0 32px 0;
}
.player_bereich .player_apple {
    float: left;
    width: 29.33333333%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_apple:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_soundcloud {
    float: left;
    width: 29.33333333%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_soundcloud:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_spotify {
    float: left;
    width: 29.33333333%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_spotify:hover {
    opacity: 1;
    filter: grayscale(0);
}
.player_bereich .player_mixcloud {
    float: left;
    width: 29.33333333%;
    height: auto;
    margin: 0 2%;
    padding: 0 20px;
    filter: grayscale(1);
    opacity: 0.8;
    transition: all 0.3s ease;
}
.player_bereich .player_mixcloud:hover {
    opacity: 1;
    filter: grayscale(0);
}
.under_veranstaltung_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 60px 0 80px 0;
    padding: 0 20px;
}
.under_veranstaltung_bereich .links {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 2% 0 0;
    text-align: right;
}
.under_veranstaltung_bereich .links img {
    float: right;
    width: 80%;
    height: auto;
    display: block;
}
.under_veranstaltung_bereich .rechts {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 0% 0 2%;
    text-align: left;
    font-size: 24px;
}
.under_veranstaltung_bereich .rechts .datum {
    float: left;
    width: 100%;
    height: auto;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    margin: 100px 0 4px 0;
}
.under_veranstaltung_bereich .rechts .uhrzeit {
    float: left;
    width: 100%;
    height: auto;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    margin: 0px 0 50px 0;
}
.under_veranstaltung_bereich .rechts .bezeichnung {
    float: left;
    width: 100%;
    height: auto;
    font-size: 70px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
    text-transform: uppercase;
}
.under_veranstaltung_bereich .rechts .musik {
    float: left;
    width: 100%;
    height: auto;
    font-size: 44px;
    font-weight: normal;
    font-style: normal;
    margin: 5px 0 0 0;
}
.under_veranstaltung_bereich .rechts .dj {
    float: left;
    width: 100%;
    height: auto;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    margin: 50px 0 20px 0;
}
.under_veranstaltung_bereich .rechts .zeilelink {
	float:left;
	width:100%;
	height:auto;
    margin: 50px 0 25px 0;
    padding: 0;
    text-align: left;
    font-size: 28px;
    line-height: 32px;
}
.under_veranstaltung_bereich .rechts .zeilelink a {
    display: inline-block;
    padding: 12px 20px 12px 50px;
    font-size: 24px;
    background-color: #ff2b58;
    background-image: url(../img/icon_ticket.png);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-size: 26px;
    border: solid 2px #ff2b58;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border-radius: 6px;
    transform: scale(1);
    transition: all 0.3s ease;
    font-weight: normal;
}
.under_veranstaltung_bereich .rechts .zeilelink a:hover {
    border: solid 2px #ff2b58;
    background-color: #000000;
}

}






@media only screen and (min-width: 1900px) {
.under_galerie_bereich .bildbox {
    float: left;
    width: 20%;
    height: 360px;
    margin: 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 0px transparent;
    transition:all 0.3s ease;
}
.under_galerie_bereich .bildbox img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.erlebnisse_bilder .bild {
    float: left;
    width: 32%;
    height: 380px;
    margin: 0 2% 2% 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 8px #ffffff;
    border-radius: 8px;
    transition:all 0.3s ease;
}
.erlebnisse_bilder .bild img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 150px;
}
.statusmeldung_anfrage {
    float: left;
    width: 58%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #cd0000;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 21% 10px 21%;
}
.statusmeldung_anfrage_ok {
    float: left;
    width: 58%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #36910e;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 21% 10px 21%;
}
.formular_bereich {
    float: left;
    width: 58%;
    height: auto;
    padding: 0;
    margin: 65px 21% 40px 21%;
}
.parallax-window_club {
    height: 1440px;
    background: transparent;
}
.club_bereich .links .headlinea {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 44px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    margin: 80px 0 40px 0;
}
.club_bereich .links .textgeschichte {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 300px;
    font-size: 26px;
    line-height: 36px;
    font-weight: normal;
    font-style: normal;
    margin: 6px 0 0 0;
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.club_bereich .links .textgeschichte p {
    margin: 0 0 32px 0;
}
.under_veranstaltung_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 60px 0 80px 0;
    padding: 0 50px;
}
.under_veranstaltung_bereich .links {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 2% 0 0;
    text-align: right;
}
.under_veranstaltung_bereich .links img {
    float: right;
    width: 70%;
    height: auto;
    display: block;
}
}

@media only screen and (min-width: 2400px) {
.under_galerie_bereich .bildbox {
    float: left;
    width: 16.66666667%;
    height: 330px;
    margin: 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 0px transparent;
    transition:all 0.3s ease;
}
.under_galerie_bereich .bildbox img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.erlebnisse_bilder .bild {
    float: left;
    width: 32%;
    height: 420px;
    margin: 0 2% 2% 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 8px #ffffff;
    border-radius: 8px;
    transition:all 0.3s ease;
}
.erlebnisse_bilder .bild img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0);
    transition:all 0.4s ease;
}
.galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 175px;
}
.statusmeldung_anfrage {
    float: left;
    width: 30%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #cd0000;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 35% 10px 35%;
}
.statusmeldung_anfrage_ok {
    float: left;
    width: 30%;
    height: auto;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    outline: none;
    color: #ffffff;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 0px;
    background: #36910e;
    padding: 10px 20px;
    text-align: center;
    margin: 5px 35% 10px 35%;
}
.formular_bereich {
    float: left;
    width: 30%;
    height: auto;
    padding: 0;
    margin: 65px 35% 40px 35%;
}
.formular_bereich .uhrzeitinput {
    float: left;
    width: 100px;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    border-bottom: solid 2px #ff2b58;
    outline: none;
    box-shadow: none;
    transform: scale(1.0);
    transition: all 0.3s ease;
}
.uhrzeit_dazwischen {
    float: left;
    width: calc(100% - 235px);
    height: auto;
    text-align: center;
    padding: 13px 5px 0 5px;
    font-size: 18px;
}
.club_bereich .links .textgeschichte {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 400px;
    font-size: 26px;
    line-height: 36px;
    font-weight: normal;
    font-style: normal;
    margin: 6px 0 0 0;
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
}