@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-ExtraLight.woff2') format('woff2'),
        url('../fonts/Genos-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Bold.woff2') format('woff2'),
        url('../fonts/Genos-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Black.woff2') format('woff2'),
        url('../fonts/Genos-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Genos-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Genos-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-ExtraBold.woff2') format('woff2'),
        url('../fonts/Genos-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-BoldItalic.woff2') format('woff2'),
        url('../fonts/Genos-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-BlackItalic.woff2') format('woff2'),
        url('../fonts/Genos-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-SemiBold.woff2') format('woff2'),
        url('../fonts/Genos-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Italic.woff2') format('woff2'),
        url('../fonts/Genos-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Light.woff2') format('woff2'),
        url('../fonts/Genos-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-LightItalic.woff2') format('woff2'),
        url('../fonts/Genos-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-MediumItalic.woff2') format('woff2'),
        url('../fonts/Genos-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Regular.woff2') format('woff2'),
        url('../fonts/Genos-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Thin.woff2') format('woff2'),
        url('../fonts/Genos-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-ThinItalic.woff2') format('woff2'),
        url('../fonts/Genos-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-Medium.woff2') format('woff2'),
        url('../fonts/Genos-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Genos';
    src: url('../fonts/Genos-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Genos-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Black.woff2') format('woff2'),
        url('../fonts/Kanit-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Bold.woff2') format('woff2'),
        url('../fonts/Kanit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-BlackItalic.woff2') format('woff2'),
        url('../fonts/Kanit-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-BoldItalic.woff2') format('woff2'),
        url('../fonts/Kanit-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Kanit-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Kanit-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-MediumItalic.woff2') format('woff2'),
        url('../fonts/Kanit-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Light.woff2') format('woff2'),
        url('../fonts/Kanit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-LightItalic.woff2') format('woff2'),
        url('../fonts/Kanit-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Italic.woff2') format('woff2'),
        url('../fonts/Kanit-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Medium.woff2') format('woff2'),
        url('../fonts/Kanit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Kanit-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Kanit-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-SemiBold.woff2') format('woff2'),
        url('../fonts/Kanit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Thin.woff2') format('woff2'),
        url('../fonts/Kanit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-ThinItalic.woff2') format('woff2'),
        url('../fonts/Kanit-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Kanit-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit-Regular.woff2') format('woff2'),
        url('../fonts/Kanit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
html {
  scroll-behavior: smooth;
  height: 100%;
}
body {
    background: #000000;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
}
.pagewrap {
	float:left;
	width:100%;
	height:100vh;
	position:relative;
	
}
.header {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px;
    z-index: 99;
}
.header a {
    outline: none;
}
#logo {
    position:fixed;
    left: 20px;
    top: 20px;
    float: left;
    width: 100px;
    height: auto;
    transition: all 0.3s ease;
}
#logo .st0 {
    fill:#ffffff;
    transition: all 0.3s ease;
}
#logo:hover .st0 {
    fill:#ff2b58;
}

#audio-control {
	position:fixed;
	right:125px;
	top:25px;
	width:30px;
	height:30px;
	display:block;
	z-index:550;
	transition:all 0.3s ease;
}
#audio-control.muted {
    background-image: url(../img/icon_mute.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px;
    cursor: pointer;
    opacity: 0.5;
}
#audio-control.muted:hover {
    opacity: 0.8;
}
#audio-control.unmuted {
    background-image: url(../img/icon_unmute.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 30px;
    cursor: pointer;
    opacity: 0.8;
}
#audio-control.unmuted:hover {
    opacity: 1;
}

.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;
}
.menu_icon label {
	display:flex;
	flex-direction:column;
	width:50px;
	cursor:pointer;
	padding:6px 0px;
	transition:all 0.2s linear;
}
.menu_icon label span{
    width: 100%;
  background: #ffffff;
  border-radius:2px;
  height:2px;
  margin: 5px 0;
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menu_icon label span:nth-child(1){
  width:90%;
  margin: 5px 0px 5px 10%;
}
.menu_icon label span:nth-child(2){
  width:80%;
  margin: 5px 0px 5px 20%;
}
.menu_icon label span:nth-child(3){
  width:80%;
  margin: 5px 20% 5px 0%;
}
.menu_icon label span:nth-child(4){
  width:90%;
  margin: 5px 0px 5px 10%;
}
.menu_icon input[type="checkbox"]{
  display:none;
}
.menu_icon label:hover span:nth-child(2){
  width:100%;
  margin: 5px 0px 5px 0%;
  background: #ffffff;
}
.menu_icon label:hover span:nth-child(3){
  width:100%;
  margin: 5px 0% 5px 0%;
  background: #ffffff;
}
.menu_icon label:hover span:nth-child(4){
  width:100%;
  margin: 5px 0px 5px 0%;
  background: #ffffff;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(8px,8px);
  width:100%;
  margin: 5px 0px 5px 0%;
  height:3px;
  background: #ffffff;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(2){
  width:0%;
  background:none;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:top;
  transform:rotatez(-45deg) translate(8px,-8px);
  width:100%;
  margin: 5px 0px 5px 0%;
  height:3px;
  background: #ffffff;
}

.navigation {
    right: 0;
    top: 0;
    float:none;
	position:fixed;
	width:100%;
	height:100vh;
    min-height: 100vh;
	margin:0px;
	padding:80px 30px 20px 30px;
	background:rgba(0,0,0,0.88);
	opacity:1;
	transition:all 0.3s ease;
	transform:translateX(150%);
}
.navigation.active {
    right: 0;
    top: 0;
    float:none;
	position:fixed;
	width:100%;
	height:100vh;
    min-height: 100vh;
	margin:0px;
	padding:80px 30px 20px 30px;
	/*background:rgba(255,43,88,0.88);*/
    background:rgba(0,0,0,0.85);
	opacity:1;
	transition:all 0.5s ease;
	transform:translateX(0);
    z-index: 600;
}
.navigation ul {
    list-style: none;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
}
.navigation ul li {
    float: left;
    width: 100%;
    height: auto;
    margin: 13px 0;
    list-style: none;
}
.navigation ul li:last-of-type {
    margin: 15px 0 0 0;
}
.navigation ul li a {
    display: inline-block;
    font-size: 4vh;
    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: 1px;
}
.navigation .adresse {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: auto;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding: 20px 30px 40px 30px;
    font-size: 15px;
}
.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: 16px;
    height: auto;
    margin: 0 6px 0 0;
    vertical-align: -3px;
}
.navigation .adresse .fb_icon {
    text-align: right;
    float: right;
    width: 28px;
    height: 28px;
    margin: -5px 0 0 13px;
    background: url("../img/icon_fb.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 28px;
    opacity: 0.6;
    transition: all 0.3s ease;
}
.navigation .adresse .insta_icon {
    text-align: right;
    float: right;
    width: 28px;
    height: 28px;
    margin: -5px 0 0 0px;
    background: url("../img/icon_insta.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 28px;
    opacity: 0.6;
    transition: all 0.3s ease;
}
.navigation .adresse .fb_icon:hover {
    opacity: 1;
}
.navigation .adresse .insta_icon:hover {
    opacity: 1;
}
.videobereich {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    display: none;
}
.videobereich_mobile {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    display: block;
}
.videobereich .teaser {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: auto;
    font-size: 5vh;
    line-height: 4.5vh;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease;
    color: #ffffff;
    opacity: 1;
    -webkit-animation: teaser_anib 53s infinite ease;
	-moz-animation: teaser_anib 53s infinite ease;
	-o-animation: teaser_anib 53s infinite ease;
}
.videobereich .teaser .spana {
    padding: 0.2em 0.2em;
    display: inline-block;
    background: rgba(0,0,0,0.35);
}
.videobereich .teaser.active {
    position: absolute;
    left: -80%;
    top: 50%;
    width: 90%;
    height: auto;
    font-size: 5vh;
    line-height: 4.5vh;
    text-align: left;
    transform: translate(-50%,-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: #ffffff;
}


.videobereich_mobile .teaser {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: auto;
    font-size: 4.5vh;
    line-height: 4vh;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease;
    color: #ffffff;
    opacity: 1;
    display: block;
    -webkit-animation: teaser_anic 12s 1 ease;
	-moz-animation: teaser_anic 12s 1 ease;
	-o-animation: teaser_anic 12s 1 ease;
}
.videobereich_mobile .teaser .spana {
    padding: 0.2em 0.2em;
    display: inline-block;
    background: rgba(0,0,0,0.35);
}
.videobereich_mobile .teaser.active {
    position: absolute;
    left: -80%;
    top: 50%;
    width: 90%;
    height: auto;
    font-size: 5vh;
    line-height: 4.5vh;
    text-align: left;
    transform: translate(-50%,-50%);
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #ffffff;
}
.videobereich_mobile .teaser.active .spana {
    padding: 0.2em 0.4em;
    display: inline-block;
    background: rgba(0,0,0,0.35);
    transition: all 0.3s ease;
}
.videobereich_mobile .teaser .magenta {
    color: #ffffff;
}
.videobereich_mobile .teaser.active .magenta {
    color: #ffffff;
}

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(8px);
  z-index:-1;
}

.statusmeldung_anfrage {
    float: left;
    width: 90%;
    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 5% 10px 5%;
}
.statusmeldung_anfrage_ok {
    float: left;
    width: 90%;
    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 5% 10px 5%;
}

.main {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}


.content_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 0 0;
    padding: 0px 0px;
    position: relative;
}
.content_bereich .anker {
    position: absolute;
    left: 0;
    top: 15px;
    width: 0px;
    height: 0px;
}
.verlauf_oben {
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: auto;
}
.verlauf_oben img {
    width: 100%;
    height: auto;
    display: block;
}
.verlauf_unten {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: auto;
}
.verlauf_unten img {
    width: 100%;
    height: auto;
    display: block;
}

.backgroundpic_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	padding:0px 0;
	background-attachment:fixed;
}
.parallax-window_veranstaltungen {
    height: 800px;
    background: transparent;
}

.veranstaltungen_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 100px 0px 120px 0px;
    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: 30px;
    text-transform: uppercase;
    margin: 0px 0 20px 0;
    hyphens: auto;
}
.veranstaltungen_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 5px 15px;
}

.ver_next {
	position: absolute;
	top: calc(50% - 16px);
	right: 10px;
	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: none;
}
.ver_next:hover {
	opacity: 1;
	cursor: pointer;
}
.ver_prev {
	position: absolute;
	top: calc(50% - 16px);
	left: 10px;
	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: none;
}
.ver_prev:hover {
	opacity: 1;
	cursor: pointer;
}
.ver_boxen  {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	
	display:flex;
    justify-content: center;
    align-items: center;
}
.ver_boxen_ohne  {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.ver_box {
	float:left;
	width:100%;
	height:auto;
	min-height:200px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:11px 11px 17px 11px;
	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: 180px;
    object-fit: cover;
    overflow: hidden;
    border-radius:9px;
}
.ver_box .bild img {
    width: 100%;
    height: 180px;
    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: 30px;
    line-height: 32px;
    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: 36px;
    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: 28px;
    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: 28px;
    color: #000000;
    border-top: solid 1px #cccccc;
}
.ver_box .zeilelink {
	float:left;
	width:100%;
	height:auto;
    margin: 25px 0 15px 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
}
.ver_box .zeilelink a {
    display: inline-block;
    padding: 10px 20px 10px 50px;
    font-size: 20px;
    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;
}
.ver_box .zeilelink a:hover {
    border: solid 2px #000000;
    background-color: #000000;
}

.ver_box_einzeln {
	float:left;
	width:100%;
	height:auto;
	min-height:200px !important;
	display:flex;
    justify-content: center;
    align-items: center;
	outline:none;
	opacity: 1;
	background:#ffffff;
	border-radius:9px;
	padding:11px 11px 17px 11px;
	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_einzeln .bild {
    float: left;
    width: 100%;
    height: 220px;
    object-fit: cover;
    overflow: hidden;
    border-radius:9px;
}
.ver_box_einzeln .bild img {
    width: 100%;
    height: 220px;
    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: 30px;
    line-height: 32px;
    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: 36px;
    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: 28px;
    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: 28px;
    color: #000000;
    border-top: solid 1px #cccccc;
}
.ver_box_einzeln .zeilelink {
	float:left;
	width:100%;
	height:auto;
    margin: 25px 0 15px 0;
    padding: 0;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
}
.ver_box_einzeln .zeilelink a {
    display: inline-block;
    padding: 10px 20px 10px 50px;
    font-size: 20px;
    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;
}
.ver_box_einzeln .zeilelink a:hover {
    border: solid 2px #000000;
    background-color: #000000;
}

.coomingsoon {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
    font-size: 44px;
    text-transform: uppercase;
    margin: 120px 0 140px 0;
}

.slick-center {
    transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.slick-list {
  padding: 10px 0 !important;
}
.parallax-window_club {
    height: 1140px;
    background: transparent;
}
.parallax-window_djs {
    height: 740px;
    background: transparent;
}
.parallax-window_bilder {
    height: 1400px;
    background: transparent;
}
.parallax-window_erlebnisse {
    height: 980px;
    background: transparent;
}
.club_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 110px 20px 110px 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: 50px;
    text-transform: uppercase;
    margin: 0 0 30px 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: 24px;
    line-height: 26px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.club_bereich .links .headlinea {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 32px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    margin: 60px 0 20px 0;
}
.club_bereich .links .textgeschichte {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 20px;
    font-size: 20px;
    line-height: 28px;
    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 20px 0;
}
.club_bereich .wrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 20px 0;
}
.club_bereich .links {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
}
.club_bereich .rechts {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0% 0 0%;
}
.club_bereich .links .headline {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Kanit';
    margin: 60px 0% 20px 0%;
}
.club_bereich .grundgriss {
    float: right;
    width: 80%;
    height: auto;
    text-align: right;
    transition: all 0.3s ease;
    margin: 0 10% 0 10%;
    opacity: 0.5;
}
.club_bereich .grundgriss img {
    width: 100%;
    height: auto;
    display: block;
}
.club_bereich .grundgriss:hover {
    width: 100%;
    height: auto;
    margin: 0 0% 0 0%;
    opacity: 1;
}
.club_bereich .bild {
    float: left;
    width: 49%;
    height: 150px;
    background: #ffffff;
    margin: 0 2% 10px 0;
    border-radius: 7px;
    padding: 0px;
    overflow: hidden;
    border: solid 6px #ffffff;
    position: relative;
}
.club_bereich .bild:nth-of-type(2n+2) { margin: 0 0% 10px 0; }


.club_bereich .bild img {
    width: 100%;
    height: 150px;
    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: 30px 0px 10px 0px;
    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: 50px;
    text-transform: uppercase;
    margin: 0px 0 10px 0;
}
.djs_bereich .vinyl {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    text-align: center;
}
.djs_bereich .vinyl img {
    display: inline-block;
    width: 50px;
    height: 50px;
    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: 0px 0px 60px 0px;
    margin: 0px 0;
    position: relative;
    overflow-y: visible;
}

.djs_slick_next {
	position: absolute;
	top: calc(50% - 56px);
	right: 10px;
	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: 10px;
	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% - 90px);
	height: auto;
	margin: 0px 45px 0px 45px;
	padding: 0px 0 0px 0;
	display:flex;
    justify-content: center;
    align-items: center;
}
.djs_slick_box {
	float:left;
	width:100%;
	height:auto;
	min-height:350px !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 10px;
	position:relative;
	transition:all 0.3s ease;
	transform:translate(0,0) scale(1.0);
}
.djs_slick_box .bild {
    float: left;
    width: 100%;
    height: 230px;
    object-fit: cover;
    overflow: hidden;
    border-radius:19px;
}
.djs_slick_box .bild img {
    width: 100%;
    height: 230px;
    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;
}
.djs_slick_box .name {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 5px 0;
    text-transform: uppercase;
    color: #000000;
    font-size: 30px;
    line-height: 38px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    text-align: left;
    padding: 0 10px;
}
.djs_slick_box .tag {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 2px 0;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: left;
}
.djs_slick_box .tag span {
    display: inline-block;
    padding: 4px 9px;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    background: #dddddd;
    border: solid 1px #dddddd;
    border-radius: 14px;
}
.djs_slick_box .button {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
}
.djs_slick_box .button a {
    float: left;
    outline: none;
    width: 100%;
    height: auto;
    padding: 12px;
    border-radius: 20px;
    font-size: 19px;
    line-height: 26px;
    text-decoration: none;
    background: #ff2b58;
    color: #ffffff;
    transition: all 0.3s ease;
}
.djs_slick_box .button a:hover {
    background: #000000;
}
.djs_slick_box:hover .button a {
    background: #ffffff;
    color: #000000;
}
.djs_slick_box:hover .button a:hover {
    background: #000000;
    color: #ffffff;
}

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


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

.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: 18px;
    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: 800px;
    background: transparent;
}
.erlebnis_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 80px 0px 20px 0px;
    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: 38px;
    text-transform: uppercase;
    margin: 30px 0 20px 0;
}
.erlebnis_bereich h2 span {
    color: #ff2b58;
}
.erlebnis_bereich h2 div {
    display: inline-block;
    background: rgba(0,0,0,0.0);
    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: 22px;
    line-height: 26px;
    padding: 0 20px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.erlebnis_bereich .teilenbutton {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 10px 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: 300px;
    height: 60px;
    outline: none;
    color: #ffffff;
    background: #ff2b58;
    border: solid 2px #ff2b58;
    font-size: 20px;
    padding: 10px 20px;
    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: 300px;
    height: 60px;
    line-height: 55px;
    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: 60px;
    text-align: center;
    background: #000000;
    transition: all 0.3s ease;
    transform: translateX(-380px);
    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 10px 60px 10px;
    margin: 0px 0;
    position: relative;
    overflow: hidden;
}

.momente_next {
	position: absolute;
	top: calc(50% - 56px);
	right: 10px;
	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: none;
}
.momente_next:hover {
	opacity: 1;
	cursor: pointer;
}
.momente_prev {
	position: absolute;
	top: calc(50% - 56px);
	left: 10px;
	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: none;
}
.momente_prev:hover {
	opacity: 1;
	cursor: pointer;
}
.momente_boxen  {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	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: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.momente_box .profil .bild img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.momente_box .profil .text {
    float: left;
    width: calc(100% - 100px);
    height: auto;
    font-size: 22px;
    line-height: 24px;
    margin: 25px 0 0px 20px;
    font-weight: 600;
}
.momente_box .profil .text small {
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    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: 16px;
    line-height: 22px;
    border-radius: 16px;
    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: 220px;
    overflow: hidden;
    border-radius: 12px;
}
.momente_box .userfoto img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.momente_box a {
    outline: none;
    text-decoration: none;
    color: #555555;
}

.formular_bereich {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 25px 0 30px 0;
}
.formular_bereich .inputwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 5px 0 25px 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: 26px;
    line-height: 32px;
    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: 24px;
    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: 24px;
    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;
    border-radius: 4px;
}
.formular_bereich .uhrzeitinput {
    float: left;
    width: 125px;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 24px;
    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;
    border-radius: 4px;
}
.formular_bereich .textinput:hover, .formular_bereich .textinput:focus,
.formular_bereich .uhrzeitinput:hover, .formular_bereich .uhrzeitinput:focus,
.formular_bereich .textareainput:hover, .formular_bereich .textareainput:focus{
    transform: scale(1.05);
    background: rgba(255,255,255,0.95);
    color: #000000;
}
.uhrzeit_dazwischen {
    float: left;
    width: calc(100% - 285px);
    height: auto;
    text-align: center;
    padding: 13px 5px 0 5px;
    font-size: 18px;
}
.uhrzeit_ende {
    float: left;
    width: 35px;
    height: auto;
    padding: 13px 0px 0 5px;
    font-size: 18px;
    text-align: right;
}
.formular_bereich .labelclass {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    padding: 0 40px 0 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.formular_bereich .links {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0% 0px 0;
}
.formular_bereich .rechts {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 0 0%;
}
.formular_bereich .checkboxwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 50px 0 5px 0;
}
.formular_bereich .buttonwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0px 0;
    text-align: right;
}
.formular_bereich .captcha_sicherheitscodeinput {
    float: left;
    width: 160px;
    height: auto;
    text-align: center;
    padding: 3px 10px 5px 10px;
    background: rgba(0,0,0,0.5);
    font-size: 26px;
    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;
    border-radius: 4px;
}
.formular_bereich .buttonwrap button {
    float: right;
    padding: 12px 22px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    border: solid 2px #ff2b58;
    background: #ff2b58;
    font-size: 22px;
    font-family: 'Kanit';
    font-weight: 500;
    font-style: normal;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.formular_bereich .buttonwrap button:hover {
    background: #000000;
}
.formular_bereich_teilen {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0% 40px 0%;
    padding: 20px;
    background: none;
    border-radius: 0;
}
.formular_bereich_teilen .profilbild {
    float: left;
    width: 280px;
    height: auto;
    margin: 0 0px 0 0;
}
.formular_bereich_teilen .profilname {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0px 0 0;
}
.formular_bereich_teilen .input_help {
    float: left;
    width: 100%;
    height: auto;
    margin: 9px 0 20px 0;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    color: #ffffff;
}
.formular_bereich_teilen .input_label {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0px 0;
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    font-weight: 600;
}
.formular_bereich_teilen .inputfield_upload {
	float:left;
	width:100%;
	height:auto;
	padding:20px 0 10px 0px;
	border: none;
	background-color: transparent;
	position:relative;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	outline:none;
    text-align: center;
	box-shadow:none;
    transition: all 0.3s ease;
}
.formular_bereich_teilen .profilpic {
	float:left;
	width:280px;
	height:280px;
	padding:0px;
    border-radius: 50%;
	border: solid 2px #cccccc;
	background-color: #ffffff;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	outline:none;
    overflow: hidden;
    text-align: center;
	box-shadow:none;
    transition: all 0.3s ease;
}
.formular_bereich_teilen .profilpic img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    background: #ffffff;
}
.formular_bereich_teilen .inputname {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
    background:#eeeeee;
    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:#eeeeee;
    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:#dddddd;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    border: solid 2px #dddddd;
    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: none;
    padding: 0;
}
.formular_bereich_teilen .bilderbereich .items img {
    float: left;
    width: 100%;
    height: 280px;
    background: none;
    padding: 0;
    object-fit: cover;
}
.formular_bereich_teilen .bilderbereich .items .input-files {
    float: left;
    width: 100%;
    height: 330px;
    background: #dddddd;
    padding: 0px;
    text-align: center;
    margin: 1% 0% 1% 0;
}
.formular_bereich_teilen .bilderbereich .items .input-files:nth-of-type(2n+2) {
    margin: 1% 0% 1% 0;
}

.morepics_addbtn {
    float: left;
    width: 34px;
    height: 34px;
    background: #eeeeee;
    border: solid 2px #888888;
    border-radius: 50%;
    margin: 6px 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: 118px 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;
}
.formular_bereich_teilen .buttonwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 0px 0;
    text-align: right;
}
.formular_bereich_teilen .buttonwrap button {
    float: right;
    padding: 15px 28px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    border: solid 2px #ff2b58;
    background: #ff2b58;
    font-size: 26px;
    font-family: 'Kanit';
    font-weight: 500;
    font-style: normal;
    border-radius: 15px;
    transition: all 0.3s ease;
}
.formular_bereich_teilen .buttonwrap button:hover {
    background: #000000;
}

.container {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  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;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background-color: transparent;
  border: solid 2px #ff2b58;
}
.container:hover input ~ .checkmark {
  background-color: #ffffff;
}
.container input:checked ~ .checkmark {
  background-color: #ff2b58;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.podcast_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 130px 0 50px 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: 44px;
    text-transform: uppercase;
    margin: 70px 0 25px 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: 22px;
    line-height: 26px;
    padding: 0 20px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.audiobereich {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 40px 0 30px 0;
    padding: 0 20px;
}
.audiobereich audio {
    width: 100%;
    border:none;
    border-radius: 0px;
    transition: all 0.3s ease;
}
.audiobereich audio:hover, .audiobereich audio:focus {
    border:none;
}
.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: 30px 0 30px 0;
    font-size: 22px;
    color: #ffffff;
    font-style: italic;
}
.audiobereich .spotifyplayer {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0px 0% 0px 0%;
    padding: 0 0px;
}

.parallax-window_fuss {
    height: 700px;
    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: 80px 20px;
    margin: 0;
    text-align: center;
}
.fussbereich .fuss .fuss_logo {
    display: inline-block;
    width: 180px;
    height: auto;
    margin: 128px auto 0 auto;
}
.fussbereich .fuss .logozusatz {
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 20px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.fussbereich .fuss .logozusatz span {
    display: inline-block;
    padding: 2px 12px 5px 12px;
    background: #ff2b58;
}

.fussbereich .fuss .adressdaten {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0px 20px 0px;
    margin: 0;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fussbereich .fuss .telefon {
    float: left;
    width: 100%;
    height: auto;
    padding: 22px 0px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    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: 20px 0px 30px 0px;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 16px;
    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;
}


.under_content_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0 0 0;
    padding: 60px 0px;
    position: relative;
}
.under_content_back {
    float: left;
    width: 100%;
    height: auto;
    margin: 50px 0 50px 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_back button {
    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%;
    background-color: transparent;
    text-transform: uppercase;
}
.under_content_back button: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: 50px;
    text-transform: uppercase;
    margin: 20px 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: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
}
.under_content_bereich p {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Kanit';
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 16px;
    padding: 0 20px;
    text-transform: none;
    margin: 40px 0 50px 0;
}

.player_strich {
    float: left;
    width: 100%;
    height: 350px;
    margin: 0;
    text-align: center;
    position: relative;
}
.player_strich span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 350px;
    background: #ff2b58;
    transform: translate(-50%,-50%);
}
.player_strich .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    border: solid 2px #ff2b58;
    border-radius: 50%;
    transform: translate(-50%,-135px);
    overflow: hidden;
}
.player_strich .bild img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.player_strich .kurztext_links {
    position: absolute;
    left: 0%;
    top: 50%;
    width: calc(50% - 35px);
    height: auto;
    transform: translate(20px,50px);
    text-align: right;
    font-size: 18px;
    line-height: 26px;
}
.player_strich .kurztext_rechts {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(50% - 35px);
    height: auto;
    transform: translate(15px,50px);
    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: 20px;
    background: #ff2b58;
    transform: translate(-50%,0%);
}
.player_strich_b .strichunten {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    width: 2px;
    height: 51px;
    background: #ff2b58;
    transform: translate(-50%,45px);
}
.player_strich_b .bild {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-92px);
    overflow: hidden;
}
.player_strich_b .bild img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.player_strich_b .kurztext_rechts {
    position: absolute;
    left: 0%;
    top: 50%;
    width: calc(100% - 40px);
    height: auto;
    transform: translate(20px,-10px);
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.player_strich_c {
    float: left;
    width: 100%;
    height: 280px;
    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: 60px;
    height: 60px;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich_c .bild img {
    width: 100%;
    height: 60px;
    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: 90px;
    height: 90px;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.player_strich_d .bild img {
    width: 100%;
    height: 90px;
    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 15px;
    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 15px;
    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 15px;
    filter: grayscale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.mixcloudbutton {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../img/icon_mixcloud.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    margin: 0 15px 0 15px;
    filter: grayscale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.soundcloudbutton:hover,
.spotifybutton:hover,
.applemusicbutton:hover,
.mixcloudbutton:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.2);
}
.player_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
    padding: 0 20px;
}
.player_bereich .player_apple {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0px;
    filter: grayscale(0);
    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: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0px;
    filter: grayscale(0);
    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: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0px;
    filter: grayscale(0);
    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: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0px;
    filter: grayscale(0);
    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 20px;
    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 8px #ff2b58;
    border-radius: 8px;
}
.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 70px 0;
    padding: 0 20px;
    text-align: center;
    position: relative;
}
.player_vita_bereich .wrapper {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0;
}
.player_vita_bereich .wrapper .box {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px;
    border-radius: 0px;
}
.player_vita_bereich a {
    outline: none;
}
.player_vita_bereich .bild {
    float: none;
    width: 240px;
    height: 240px;
    overflow: hidden;
    border-radius: 50%;
    margin: 20px auto;
    text-align: center;
}
.player_vita_bereich .bild img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.player_vita_bereich .weiterebilder {
    float: left;
    width: 100%;
    height: auto;
    margin: 80px 0 50px 0;
}
.player_vita_bereich .weiterebilder .pic {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0% 30px 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: auto;
    object-fit: cover;
}

.player_vita_bereich .text {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0px;
    font-size: 20px;
    line-height: 23px;
    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 20px 0;
}

.under_galerie_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 70px 0;
    padding: 0 20px;
}
.under_galerie_bereich .bildbox {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:solid 0px transparent;
    transition:all 0.3s ease;
}
.under_galerie_bereich .bildbox img {
    width: 100%;
    height: auto;
    transform: scale(1.0);
    transition:all 0.4s ease;
    background: #000000;
}
.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;
}


.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
}


.under_erlebnisse_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 70px 0;
    padding: 0 20px;
}
.erlebnisse_user_wrap {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0px;
    margin: 20px 0 40px 0;
}
.erlebnisse_userbild {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
}
.erlebnisse_userbild .username {
    float: left;
    width: calc(100% - 220px);
    height: auto;
    margin: 60px 0 0 20px;
}
.erlebnisse_userbild small {
    float: left;
    width: calc(100% - 220px);
    height: auto;
    font-size: 15px;
    margin: 0 0 0 20px;
}
.erlebnisse_userbild .bild {
    float: left;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
}
.erlebnisse_userbild .bild img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.erlebnisse_usertext {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 0 0px;
    padding: 0;
    text-align: left;
    position: relative;
}
.erlebnisse_usertext .textbereich {
    float: left;
    width: 100%;
    height: auto;
    min-height: 200px;
    margin: 22px 0 0 0 ;
    background: #ffffff;
    border-radius: 30px;
    padding: 35px 25px 5px 25px;
    font-size: 18px;
    line-height: 25px;
    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: 5px;
    left: 60px;
    transform: rotate(45deg);
    width: 40px;
    height: 40px;
    background: #ffffff;
}
.erlebnisse_bilder {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 40px 0;
    padding: 0 0px;
}
.erlebnisse_bilder .bild {
    float: left;
    width: 100%;
    height: 220px;
    margin: 0 0 20px 0;
    padding: 0;
    background: #000000;
    overflow: hidden;
    border:none;
    border-radius: 8px;
    transition:all 0.3s ease;
}
.erlebnisse_bilder .bild img {
    width: 100%;
    height: 220px;
    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 0% 20px 0; }

.under_erlebnisse_bereich .buttonwrap {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 40px 0;
    padding: 0 20px;
    text-align: center;
}
.under_erlebnisse_bereich .buttonwrap button {
    padding: 18px 30px;
    font-size: 28px;
    background: #19b309;
    border: solid 2px #19b309;
    color:#ffffff;
    font-weight: 600;
    border-radius: 8px;
    outline: none;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
    transition: all 0.3s ease;
}
.under_erlebnisse_bereich .buttonwrap button:hover {
    background: #1f8515;
    border: solid 2px #1f8515;
}
.delprofilpic {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon_delete.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px;
    background-color: transparent;
    border: none;
    opacity: 0.4;
    outline: none;
    transition: all 0.3s ease;
}
.delprofilpic:hover {
    cursor: pointer;
    opacity: 1;
}
.gototop {
    position: fixed;
    bottom: 60px;
    right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color:transparent;
    background-image: url(../img/icon_top.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
    border:solid 2px #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: 44px;
    height: 44px;
    outline: none;
    text-align: center;
}
.gototop:hover {
    opacity: 1;
    border:solid 2px #ff2b58;
    background-size: 20px;
}

.test {
    float: left;
    width: 100%;
    height: 2000px;
}


.audioplayer_bottom {
    bottom: 0;
    left: 0;
    float:none;
	position:fixed;
	width:100%;
	height:50px;
	margin:0px;
	padding:0px 0px 0px 0px;
	opacity:0.65;
	transition:all 0.5s ease;
	transform:translateY(0);
    z-index: 100;
}
.audioplayer_bottom.active {
    transform:translateY(100px);
}
.audioplayer_bottom:hover {
    opacity: 1;
}
.audioplayer_podcast {
    float:left;
	width:100%;
	height:60px;
	margin:0px;
	padding:0px 0px 0px 0px;
	opacity:1;
	transition:all 0.5s ease;
	transform:translateY(0);
    z-index: 100;
}
.audioplayer_podcast:hover {
    opacity: 1;
}
.audio-player {
  height: 60px;
  width: 100%;
  background:rgba(30,30,30,1.0);
  font-family: arial;
  color: #ff2b58;
  font-size: 0.8em;
  overflow: hidden;
  display: grid;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  grid-template-rows: 8px auto;
}
.audio-player .timeline {
  background: #888888;
  width: 100%;
  position: relative;
  cursor: pointer;
  box-shadow: 0 2px 10px 0 #0008;
}
.audio-player .timeline .progress {
  background: #ff2b58;
  width: 0%;
  height: 100%;
  transition: 0.25s;
}
.audio-player .controls {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 20px;
}
.audio-player .controls > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-player .controls .toggle-play.play {
  cursor: pointer;
  position: relative;
  left: 0;
  height: 0;
  width: 0;
  border: 7px solid #0000;
  border-left: 13px solid #ff2b58;
}
.audio-player .controls .toggle-play.play:hover {
  transform: scale(1.1);
}
.audio-player .controls .toggle-play.pause {
  height: 15px;
  width: 20px;
  cursor: pointer;
  position: relative;
}
.audio-player .controls .toggle-play.pause:before {
  position: absolute;
  top: 0;
  left: 0px;
  background: #ff2b58;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:after {
  position: absolute;
  top: 0;
  right: 8px;
  background: #ff2b58;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:hover {
  transform: scale(1.1);
}
.audio-player .controls .time {
  display: flex;
}
.audio-player .controls .time > * {
  padding: 2px;
}
.audio-player .controls .volume-container {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.audio-player .controls .volume-container .volume-button {
  height: 26px;
  display: flex;
  align-items: center;
}
.audio-player .controls .volume-container .volume-button .volume {
  transform: scale(0.7);
}
.audio-player .controls .volume-container .volume-slider {
  position: absolute;
  left: -3px;
  top: 15px;
  z-index: -1;
  width: 0;
  height: 15px;
  background: #222222;
  box-shadow: 0 0 20px #000a;
  transition: 0.25s;
}
.audio-player .controls .volume-container .volume-slider .volume-percentage {
  background: #ff2b58;
  height: 100%;
  width: 75%;
}
.audio-player .controls .volume-container:hover .volume-slider {
  left: -123px;
  width: 120px;
}


.under_veranstaltung_bereich {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0 60px 0;
    padding: 0 20px;
}
.under_veranstaltung_bereich .links {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0% 0 0;
    text-align: right;
}
.under_veranstaltung_bereich .links img {
    float: right;
    width: 100%;
    height: auto;
    display: block;
}
.under_veranstaltung_bereich .rechts {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0% 0 0;
    text-align: center;
    font-size: 24px;
}
.under_veranstaltung_bereich .rechts .datum {
    float: left;
    width: 100%;
    height: auto;
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    margin: 40px 0 4px 0;
}
.under_veranstaltung_bereich .rechts .uhrzeit {
    float: left;
    width: 100%;
    height: auto;
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    margin: 0px 0 40px 0;
}
.under_veranstaltung_bereich .rechts .bezeichnung {
    float: left;
    width: 100%;
    height: auto;
    font-size: 54px;
    font-family: 'Kanit';
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
    text-transform: uppercase;
    hyphens: auto;
}
.under_veranstaltung_bereich .rechts .musik {
    float: left;
    width: 100%;
    height: auto;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    margin: 5px 0 0 0;
}
.under_veranstaltung_bereich .rechts .dj {
    float: left;
    width: 100%;
    height: auto;
    font-size: 34px;
    font-weight: bold;
    font-style: normal;
    margin: 40px 0 20px 0;
}
.under_veranstaltung_bereich .rechts .zeilelink {
	float:left;
	width:100%;
	height:auto;
    margin: 50px 0 25px 0;
    padding: 0;
    text-align: center;
    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: 22px;
    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;
}

.rechtlicheangaben {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 50px 0 60px 0;
    hyphens: auto;
}
.rechtlicheangaben p {
    float: left;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
    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: 20px;
    line-height: 30px;
    margin: 0 0 44px 0;
    font-family: 'Genos';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding: 0 20px;
}
.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: 30px;
    line-height: 36px;
    margin: 20px 0 10px 0;
    font-weight: bold;
    font-style: normal;
    color: #ff2b58;
}
.rechtlicheangaben h4 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-align: center;
}
.nocookie_content_box {
    float: left;
    width: 90%;
    height: auto;
    background: #ffffff;
    text-align: center;
    padding: 200px 20px;
    line-height: 30px;
    font-size: 18px;
    margin: 20px 5%;
    color: #000000;
}
.nocookie_content_box a {
    outline: none;
    color: #ff2b58;
    text-decoration: underline;
}





@-moz-keyframes galerie_bild_ani {
from { transform:translateY(50px) scale(1.0); opacity:0; }
to { transform:translateY(0px) scale(1.0); opacity:1; }
}
@-webkit-keyframes galerie_bild_ani {
from { transform:translateY(50px) scale(1.0); opacity:0; }
to { transform:translateY(0px) scale(1.0); opacity:1; }
}
@-o-keyframes galerie_bild_ani {
from { transform:translateY(50px) scale(1.0); opacity:0; }
to { transform:translateY(0px) scale(1.0); opacity:1; }
}


@-moz-keyframes club_head_ani {
0% { color: #ffffff; opacity:0.7; }
14% { color: #ffffff; opacity:0.9; }
16% { color: #ffffff; opacity:1; }
18% { color: #ffffff; opacity:1; }
22% { color: #ffffff; opacity:1; }
26% { color: #ffffff; opacity:0.9; }
28% { color: #ffffff; opacity:1; }
29% { color: #ffffff; opacity:0.9; }
30% { color: #ffffff; opacity:1; }
36% { color: #ffffff; opacity:0.7; }
39% { color: #ffffff; opacity:1; }
41% { color: #ffffff; opacity:0.8; }
43% { color: #ffffff; opacity:1; }
45% { color: #ffffff; opacity:1; }
48% { color: #ffffff; opacity:0.9; }
50% { color: #ffffff; opacity:1; }
55% { color: #ffffff; opacity:0.8; }
56% { color: #ffffff; opacity:1; }
58% { color: #ffffff; opacity:0.9; }
60% { color: #ffffff; opacity:1; }
62% { color: #ffffff; opacity:0.9; }
64% { color: #ffffff; opacity:1; }
65% { color: #ffffff; opacity:1; }
67% { color: #ffffff; opacity:0.9; }
69% { color: #ffffff; opacity:1; }
70% { color: #ffffff; opacity:1; }
75% { color: #ffffff; opacity:0.8; }
78% { color: #ffffff; opacity:1; }
80% { color: #ffffff; opacity:1; }
82% { color: #ffffff; opacity:1; }
84% { color: #ffffff; opacity:0.9; }
85% { color: #ffffff; opacity:1; }
88% { color: #ffffff; opacity:0.7; }
90% { color: #ffffff; opacity:1; }
91% { color: #ffffff; opacity:0.9; }
93% { color: #ffffff; opacity:1; }
95% { color: #ffffff; opacity:1; }
100% { color: #ffffff; opacity:1; }
}
@-webkit-keyframes club_head_ani {
0% { color: #ffffff; opacity:0.7; }
14% { color: #ffffff; opacity:0.9; }
16% { color: #ffffff; opacity:1; }
18% { color: #ffffff; opacity:1; }
22% { color: #ffffff; opacity:1; }
26% { color: #ffffff; opacity:0.9; }
28% { color: #ffffff; opacity:1; }
29% { color: #ffffff; opacity:0.9; }
30% { color: #ffffff; opacity:1; }
36% { color: #ffffff; opacity:0.7; }
39% { color: #ffffff; opacity:1; }
41% { color: #ffffff; opacity:0.8; }
43% { color: #ffffff; opacity:1; }
45% { color: #ffffff; opacity:1; }
48% { color: #ffffff; opacity:0.9; }
50% { color: #ffffff; opacity:1; }
55% { color: #ffffff; opacity:0.8; }
56% { color: #ffffff; opacity:1; }
58% { color: #ffffff; opacity:0.9; }
60% { color: #ffffff; opacity:1; }
62% { color: #ffffff; opacity:0.9; }
64% { color: #ffffff; opacity:1; }
65% { color: #ffffff; opacity:1; }
67% { color: #ffffff; opacity:0.9; }
69% { color: #ffffff; opacity:1; }
70% { color: #ffffff; opacity:1; }
75% { color: #ffffff; opacity:0.8; }
78% { color: #ffffff; opacity:1; }
80% { color: #ffffff; opacity:1; }
82% { color: #ffffff; opacity:1; }
84% { color: #ffffff; opacity:0.9; }
85% { color: #ffffff; opacity:1; }
88% { color: #ffffff; opacity:0.7; }
90% { color: #ffffff; opacity:1; }
91% { color: #ffffff; opacity:0.9; }
93% { color: #ffffff; opacity:1; }
95% { color: #ffffff; opacity:1; }
100% { color: #ffffff; opacity:1; }
}
@-o-keyframes club_head_ani {
0% { color: #ffffff; opacity:0.7; }
14% { color: #ffffff; opacity:0.9; }
16% { color: #ffffff; opacity:1; }
18% { color: #ffffff; opacity:1; }
22% { color: #ffffff; opacity:1; }
26% { color: #ffffff; opacity:0.9; }
28% { color: #ffffff; opacity:1; }
29% { color: #ffffff; opacity:0.9; }
30% { color: #ffffff; opacity:1; }
36% { color: #ffffff; opacity:0.7; }
39% { color: #ffffff; opacity:1; }
41% { color: #ffffff; opacity:0.8; }
43% { color: #ffffff; opacity:1; }
45% { color: #ffffff; opacity:1; }
48% { color: #ffffff; opacity:0.9; }
50% { color: #ffffff; opacity:1; }
55% { color: #ffffff; opacity:0.8; }
56% { color: #ffffff; opacity:1; }
58% { color: #ffffff; opacity:0.9; }
60% { color: #ffffff; opacity:1; }
62% { color: #ffffff; opacity:0.9; }
64% { color: #ffffff; opacity:1; }
65% { color: #ffffff; opacity:1; }
67% { color: #ffffff; opacity:0.9; }
69% { color: #ffffff; opacity:1; }
70% { color: #ffffff; opacity:1; }
75% { color: #ffffff; opacity:0.8; }
78% { color: #ffffff; opacity:1; }
80% { color: #ffffff; opacity:1; }
82% { color: #ffffff; opacity:1; }
84% { color: #ffffff; opacity:0.9; }
85% { color: #ffffff; opacity:1; }
88% { color: #ffffff; opacity:0.7; }
90% { color: #ffffff; opacity:1; }
91% { color: #ffffff; opacity:0.9; }
93% { color: #ffffff; opacity:1; }
95% { color: #ffffff; opacity:1; }
100% { color: #ffffff; opacity:1; }
}



@-moz-keyframes vinyl_ani {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@-webkit-keyframes vinyl_ani {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@-o-keyframes vinyl_ani {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}


@-moz-keyframes teaser_ania {
0% { transform: translate(0%,50%); opacity:0; }
8% { transform: translate(0%,50%); opacity:0; }
10% { transform: translate(0%,-50%); opacity:1; }
95% { transform: translate(0%,-50%); opacity:1; }
98% { transform: translate(0%,50%); opacity:0; }
100% { transform: translate(0%,50%); opacity:0; }
}
@-webkit-keyframes teaser_ania {
0% { transform: translate(0%,50%); opacity:0; }
8% { transform: translate(0%,50%); opacity:0; }
10% { transform: translate(0%,-50%); opacity:1; }
95% { transform: translate(0%,-50%); opacity:1; }
98% { transform: translate(0%,50%); opacity:0; }
100% { transform: translate(0%,50%); opacity:0; }
}
@-o-keyframes teaser_ania {
0% { transform: translate(0%,50%); opacity:0; }
8% { transform: translate(0%,50%); opacity:0; }
10% { transform: translate(0%,-50%); opacity:1; }
95% { transform: translate(0%,-50%); opacity:1; }
98% { transform: translate(0%,50%); opacity:0; }
100% { transform: translate(0%,50%); opacity:0; }
}

@-moz-keyframes teaser_anib {
0% { transform: translate(-50%,50%); opacity:0; }
8% { transform: translate(-50%,50%); opacity:0; }
10% { transform: translate(-50%,-50%); opacity:1; }
95% { transform: translate(-50%,-50%); opacity:1; }
98% { transform: translate(-50%,50%); opacity:0; }
100% { transform: translate(-50%,50%); opacity:0; }
}
@-webkit-keyframes teaser_anib {
0% { transform: translate(-50%,50%); opacity:0; }
8% { transform: translate(-50%,50%); opacity:0; }
10% { transform: translate(-50%,-50%); opacity:1; }
95% { transform: translate(-50%,-50%); opacity:1; }
98% { transform: translate(-50%,50%); opacity:0; }
100% { transform: translate(-50%,50%); opacity:0; }
}
@-o-keyframes teaser_anib {
0% { transform: translate(-50%,50%); opacity:0; }
8% { transform: translate(-50%,50%); opacity:0; }
10% { transform: translate(-50%,-50%); opacity:1; }
95% { transform: translate(-50%,-50%); opacity:1; }
98% { transform: translate(-50%,50%); opacity:0; }
100% { transform: translate(-50%,50%); opacity:0; }
}

@-moz-keyframes teaser_anic {
0% { transform: translate(-50%,50%); opacity:0; }
15% { transform: translate(-50%,50%); opacity:0; }
20% { transform: translate(-50%,-50%); opacity:1; }
100% { transform: translate(-50%,-50%); opacity:1; }
}
@-webkit-keyframes teaser_anic {
0% { transform: translate(-50%,50%); opacity:0; }
15% { transform: translate(-50%,50%); opacity:0; }
20% { transform: translate(-50%,-50%); opacity:1; }
100% { transform: translate(-50%,-50%); opacity:1; }
}
@-o-keyframes teaser_anic {
0% { transform: translate(-50%,50%); opacity:0; }
15% { transform: translate(-50%,50%); opacity:0; }
20% { transform: translate(-50%,-50%); opacity:1; }
100% { transform: translate(-50%,-50%); opacity:1; }
}