/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body,.page-container,.page-content-wrapper,.page-content,.container-fluid,.page-content-inner,#mapid{
	height:100%;
}
.container-fluid{
	padding:0;
}
.page-logo{
	font-family:Quentin,sans-serif;
	width:unset!important;
	height:unset!important;
	float:unset!important;
	color:#fff;
	font-size:45px;
	padding-top:8px;
	padding-bottom:10px;
	padding-left: 100px!important;
	text-align:center;
}
.page-logo img{
	float:left;
	width:100px;
	position: absolute;
    left: 0;
}
.page-logo a,.page-logo a:hover{
	color:#fff;
	text-decoration:none;
}
.page-content {
    padding: 0px;
}
.page-footer {
    padding: 0px;
}

.pmedia{
	width:300px;
}

.videobereich {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
	overflow:hidden;
}	
.embedded-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img.preview{
	width:100%;
}

img.footer-logo{
	width: 19%;
    padding: 20px;
}
img.location-logo{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.mt50{
	margin-top:50px;
}
img.event-logo{
	width:100%;
}
.page-header .page-header-menu .search-form .input-group .form-control {
     background: #75151e;
}
.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group {
    background: #75151e;
}
.page-header .page-header-menu .search-form.open .input-group .form-control {
     background: #fdfdfd;
}
.page-header .page-header-menu .search-form.open, .page-header .page-header-menu .search-form.open .input-group {
    background: #fdfdfd;
}
.page-header .page-header-menu {
    background: #75151e;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
    color: #fff;
}
.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit>i {
    color: #000;
}
.page-header .page-header-menu .search-form {
    margin-right:20px;
}
.cbp-filter-item{
	overflow: visible!important;
}
.powered-by{
	font-family:"Open Sans",sans-serif;
	font-size:12px;
}
.first-event-date{
	font-size: 14px;
}

.search-box{
	background-color:#75151e;
	color:#fff!important;
}
.search-form.open .search-box{
	background-color:#fdfdfd;
	color:#000!important;
}
.search-box::placeholder{
	color:#fff!important;
}
.search-form.open .search-box::placeholder{
	color:#000!important;
}
.cbp-item-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 250px;
    justify-content: flex-end;
}

.cookieHint{
	
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.btn-cookie{
	background-color: #75151e;
    color: #fff;
    margin: 20px;
}
.cookie-hint-iframe{
	text-align: center;
    padding-top: 50%;
    transform: translateY(-50%);
}

.photo-credits,.next-photo-credits{
	font-size: 10px;
    float: right;
}
.cat-photo-credits{
	font-size: 10px;
    
}
.event-details{
	padding: 10px;
    margin-top: 20px;
}
.w80{
	width:80%;
}
.wu{
	width:unset;
}
.chat{
	height:530px;
	position:relative;
}
.first-preview{
    max-width: 100%;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.messages{
	height:100%;
	overflow-y:scroll;
}
.msg{
	display:flex;
}
.msg .nick{
	padding-right:5px;
	color:#c6c6c6;
}
.select-nick{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    padding-top: 50%;
    padding-left: 30px;
    padding-right: 30px;
}
.mobile-header-menu{
	color: #fff;
    background: #75151e;
    padding: 5px 32px 5px 32px;
	text-align:center;
}
.form-group.form-md-line-input .form-control.edited:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input .form-control.edited:not([readonly])~label:after, .form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly])~label:after {
    background: #75151e;
}
.m20{
	margin:20px;
}
.add-guest{
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-evenly;
    height: 100%;
}
.customer-data{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.page-content-inner{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.h100{
	height:100%;
}
.form-group.form-md-line-input .form-control {
	color:#c6c6c6;
}
.bg-myred{
	background: #75151e;
}
.w100{
	width:100%;
}
.pt50{
	padding-top:50px;
}
.mb50{
	margin-bottom:50px;
}
.page-logo img{
	float: none;
    width: 262px;
    position: relative;
    
}
.promo a{
	color:#c6c6c6;
}
.mt1{
    margin-top: 3rem;
    margin-bottom: 0;
}
#closed{
    text-align:center;
    border:5px solid #bb1b2a;
    width:250px;
    border-radius:20px;
    animation: border-flicker 2s linear infinite;
}

#closed h1 {
    color:#d31a2c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size:40px;
    letter-spacing:10px;
    animation: text-flicker 3s linear infinite;
    margin-top: 10px;
}

#offset {
    animation: letter-flicker 2s linear infinite;
}

@keyframes text-flicker {
    0% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }

    2% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    8% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    9% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    12% {
        opacity:0.1;
        text-shadow: 0px 0px rgba(242, 22, 22, 1);
    }
    20% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }
    25% {
        opacity:0.3;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }
    30% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }

    70% {
        opacity:0.7;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }

    72% {
        opacity:0.2;
        text-shadow:0px 0px 29px rgba(242, 22, 22, 1)
    }

    77% {
        opacity:.9;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }
    100% {
        opacity:.9;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
    }
}

@keyframes border-flicker {
    0% {
        opacity:0.1;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }
    2% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }
    4% {
        opacity:0.1;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }

    8% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }
    70% {
        opacity:0.7;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }
    100% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        -moz-box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
        box-shadow: 0px 0px 78px 4px rgb(187 27 42 / 70%);
    }
}

@keyframes letter-flicker {
    0% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    2% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    4% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }


    19% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    21% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    23% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }

    80% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    83% {
        opacity:0.4;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
    87% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
    }
}
@media (min-width: 770px){
	.cbp img {
	    min-height: 389px;
	    object-fit: cover;
	}
}

@media (max-width: 991px){
	.page-header .search-form .input-group .input-group-btn .btn.submit {
	    background: #2f353b;
	}
    .page-header .page-header-top {
        padding-top: 10px;
    }
}
@media (max-width: 767px){
	.page-logo{
		padding-left: 0px!important;
	}	
}
@media (max-width: 480px){
	.page-header .page-header-top .top-menu {
	    clear: none; 
	    margin-top: 13px; 
	}
	.pmedia{
		width:100px;
	}
	.page-logo{
		font-size:28px
	}
	.page-header .page-header-top .menu-toggler {
	    margin: 0px 3px 0 13px;
	}
}