@font-face {
    font-family: 'Adapter Regular';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://nate-hannover.de/wp-content/uploads/2023/07/Adapter_Regular.woff2') format('woff2'), url('https://nate-hannover.de/wp-content/uploads/2023/07/Adapter_Regular.woff') format('woff'), url('https://nate-hannover.de/wp-content/uploads/2023/07/Adapter_Regular.ttf') format('truetype');
}
#eightthsense_event-loop , #eightthsense_event-loop * ,
#eightthsense_event-loop *::before,
#eightthsense_event-loop *::after {
    margin: 0;
    padding: 0;
	font-family: 'Adapter Regular',sans-serif;
}
#eightthsense_event-loop {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    min-width: 70%;
    max-width: 1100px;
}
#eightthsense_event-loop .event-item {
    background: linear-gradient(115deg, rgba(217, 217, 217, 0.2) 2.09%, rgba(217, 217, 217, 0.00) 100%);
    backdrop-filter: blur(14px);
    padding: 30px;
    position: relative;
    border-radius: 30px;
    display: flex;
    flex-flow: row nowrap;
    gap: 30px;
    width: 100%;
    color : #D9D9D9;
    overflow: hidden;
	border: 1px solid rgba(217,217,217,.2);
	transition: height 0.75s linear;
	cursor : pointer;
}
#eightthsense_event-loop .event-item .event-exerpt, #eightthsense_event-loop .event-item .book-event ,
#eightthsense_event-loop .event-item .icon-holder {
    display: none;
}
#eightthsense_event-loop .event-item .event-time {
    z-index: 3;
    color: #d9d9d9;
    transition: all .75s ease-out;
}
#eightthsense_event-loop .event-item .event-time ,
#eightthsense_event-loop .event-item .event-data {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
}
#eightthsense_event-loop .event-item .event-time .time-data , #eightthsense_event-loop .event-item .event-data .event-type{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 3.2px;
}
#eightthsense_event-loop .event-item .event-time .event-date {
    font-family: 'Akira Expanded',sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.663px;
    text-transform: uppercase;
}

#eightthsense_event-loop .event-item.opened.data-show .event-time {
    color: #0A0515;
}

#eightthsense_event-loop .event-item .event-data {
    max-width: 400px;
}
#eightthsense_event-loop .event-item .event-data .event-artists {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}


#eightthsense_event-loop .event-item.opened .event-exerpt,
#eightthsense_event-loop .event-item.opened .event-preview, #eightthsense_event-loop .event-item.opened .book-event ,
#eightthsense_event-loop .event-item.opened .icon-holder {
    display: block;
}

#eightthsense_event-loop .event-item.opened {
    background: #d9d9d9;
    color: #0A0515;
    flex-flow: column nowrap;
    padding: 30px 50% 50px 30px;
    transition: height .75s ease-out,
				min-height .75s linear;
    height: auto !important;
	min-height : 550px;
	border: none
}
#eightthsense_event-loop .event-item.opened .event-data .event-type {
    opacity: 0;
    font-size: 0;
    display: none;
}
#eightthsense_event-loop .event-item.opened .event-data .event-artists {
    display: flex;
    flex-flow: column nowrap;
}
#eightthsense_event-loop .event-item.opened .event-data .event-artists .seprator {
    display: none;
}
#eightthsense_event-loop .event-item.opened .event-exerpt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
#eightthsense_event-loop .event-item.opened .book-event {
    color: #d9d9d9;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    border: 2px solid #d9d9d9;
    padding: 7px 32px;
    text-decoration: none;
    border-radius: 30px;
    position: absolute;
    bottom:30px;
    z-index: 3;
    transition: all .75s ease-out;
}
#eightthsense_event-loop .event-item.opened.data-show .book-event {
    color: #0A0515;
    border: 2px solid #0A0515;
}
#eightthsense_event-loop .event-item.opened .book-event:hover {
    background-color: #d9d9d9;
    color: #0A0515;
}
#eightthsense_event-loop .event-item.opened.data-show .book-event:hover {
    background-color: #0A0515;
    color: #d9d9d9;
}
#eightthsense_event-loop .event-item .event-preview {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 30px;
    background-size: cover;
    background-color: transparent;
    background-position: center center;
    transition: left 0.75s linear,
                right 0.75s linear,
				top 0.75s linear,
				bottom 0.75s linear,
                visibility 0.7s ease-out,
				all .75s ease-in-out;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    visibility: hidden;
    overflow: hidden;
}
#eightthsense_event-loop .event-item .event-preview.opening {
    top: 0;
    visibility: visible;
}
#eightthsense_event-loop .event-item .event-preview.closing {
    top: 100%;
    visibility: hidden;
}
#eightthsense_event-loop .event-item.opened .event-preview {
    display: flex;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    visibility: visible;
}
#eightthsense_event-loop .event-item.opened.data-show .event-preview{
    left: 50%;
	border-radius : 0 30px 30px 0;
}
#eightthsense_event-loop .event-item .event-title {
	opacity : 0
}
#eightthsense_event-loop .event-item p.event-exerpt ,
#eightthsense_event-loop .event-item.opened .event-data{
	opacity : 0;
	visibility : hidden;
}
#eightthsense_event-loop .event-item.opened .event-preview .event-title {
    font-size: 64px;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 80px;
    margin: 75px 0;
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    color: rgb(217, 217, 217);
    line-height: 82px;
    transition: all .4s linear;
	opacity : 1
}
#eightthsense_event-loop .event-item.opened.data-show p.event-exerpt ,
#eightthsense_event-loop .event-item.opened.data-show .event-data{
	opacity : 1;
	visibility : visible;
	transition : all .5s linear;
}
#eightthsense_event-loop .event-item.opened .event-preview  .event-title span.event-title-text {
    position: relative;
    display: inline-block;
}
#eightthsense_event-loop .event-item.opened .event-preview  .event-title span.event-title-text svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    transform: translate(-50%,-50%);
    overflow: visible;
}
#eightthsense_event-loop .event-item .event-preview  .event-title span.event-title-text svg path {
    stroke: #D9D9D9;
    stroke-width: 2px;
    animation: back-roller 6s infinite;
    animation-delay: 10s;
    fill: none;
}
#eightthsense_event-loop .event-item.opened .event-preview  .event-title span.event-title-text svg.start-animate path {
    animation: back-roller 6s infinite;
    animation-delay: 1s;
}
@keyframes back-roller {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1;
    }
    
    50% {
        stroke-dasharray: 1500 1500;
        opacity: 1;
    }
    25%, 75% {
        stroke-dasharray: 1500 1500;
        opacity: 1;
        animation-timing-function: steps(1, end);
    }
}

#eightthsense_event-loop .event-item .icon-holder {
    position: absolute;
    width: 32px;
    height: 32px;
    display: none;
    z-index: 3;
    bottom: 30px;
    right: 30px;
    transition: all .75s ease-out;
}
#eightthsense_event-loop .event-item.opened.data-show .icon-holder #open-content,
#eightthsense_event-loop .event-item.opened .icon-holder #close-content {
    display: none;
}
#eightthsense_event-loop .event-item.opened.data-show .icon-holder #close-content ,
#eightthsense_event-loop .event-item.opened .icon-holder #open-content {
    display: block;
}
#eightthsense_event-loop .event-item.opened .icon-holder #open-content {
    fill: none;
}
#eightthsense_event-loop .event-item.opened .icon-holder #open-content path {
    stroke: #d9d9d9;
}

#eightthsense_event-loop .event-item.opened.data-show .icon-holder {
    right: calc(50% + 30px);
}

#eightthsense_event-loop .event-item span#close-accortion {
    position: absolute;
    z-index: 22;
    right: 30px;
    top: 30px;
    display: block;
    width: 32px;
    height: 32px;
    display: none;
}
#eightthsense_event-loop .event-item.opened span#close-accortion {
    display: block;
}
#eightthsense_event-loop .event-item.opened span#close-accortion svg path {
    fill: #d9d9d9;
    stroke: #d9d9d9;
}
span.no-event-found {
    color: #fff;
    font-size: 96px;
    line-height: 112px;
    flex: 1;
    text-align: center;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#eightthsense_event-months {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    gap: 45px 10px;
    margin-top: 30px;
}
div#eightthsense_event-months span {
	padding : 5px 10px;
	cursor : pointer;
	font-size : 32px;
	position : relative;
}
div#eightthsense_event-months span:before {
    content: '|';
    position: absolute;
    right: -10px;
    top: 45%;
    transform: translateY(-50%);
    overflow: hidden;
    height: 15px;
}
div#eightthsense_event-months span:last-child:before {
	display : none;
}
div#eightthsense_event-months span.last-select:after  {
	content: '';
	position: absolute;
	left : 50%;
	top : 101%;
	transform : translatex(-50%);
	height : 1px;
	width : 15px;
	background-color: #fff;
}
@media screen and (max-width : 767.98px) {
    #eightthsense_event-loop .event-item {
        gap: 10px;
    }
    #eightthsense_event-loop .event-item.opened {
        padding: 230px 15px 75px;
    }
    #eightthsense_event-loop .event-item .event-time .time-data, #eightthsense_event-loop .event-item .event-data .event-type {
        font-size: 10px;
        line-height: 14px;
    }
    #eightthsense_event-loop .event-item .event-time .event-date {
        font-size: 32px;
        line-height: 42px;
    }
    #eightthsense_event-loop .event-item .event-data .event-artists {
        font-size: 18px;
        line-height: 21px;
    }
    #eightthsense_event-loop .event-item.opened .event-exerpt {
        font-size: 14px;
        line-height: 21px;
    }
    #eightthsense_event-loop .event-item.opened .book-event {
        font-size: 14px;
        bottom: 30px;
        left: 15px;
    }
    #eightthsense_event-loop .event-item .icon-holder ,
    #eightthsense_event-loop .event-item.opened .icon-holder ,
    #eightthsense_event-loop .event-item.opened.data-show .icon-holder {
        right: 30px;
        bottom: 30px;
    }
    #eightthsense_event-loop .event-item.opened .event-preview .event-title {
        font-size: 56px;
        line-height: 64px;
    }
    #eightthsense_event-loop .event-item.opened.data-show .event-preview .event-title {
        font-size: 36px;
        line-height: 40px;
    }
    #eightthsense_event-loop .event-item.opened.data-show .event-preview {
        left: 0;
        top: 0;
        right: 0;
        bottom: calc(100% - 220px);
		border-radius : 30px 30px 0 0;
    }
	#eightthsense_event-loop .event-item .event-preview {
    background-color: transparent;
    background-position: center center;
    transition: top 0.45s ease-out,
                bottom 0.7s linear,
                visibility 0.7s ease-out;
	}
    #eightthsense_event-loop .event-item span#close-accortion {
        top: 30px;
        right: 30px;
    }
    #eightthsense_event-loop .event-item.opened .event-time {
        transform: translateY(-200px);
    }
    #eightthsense_event-loop .event-item.opened.data-show .event-time {
        transform: none;
    }
	span.no-event-found {
		color: #fff;
		font-size: 46px;
		line-height: 56px;
		display: block;
		flex: 1;
		text-align: center;
		min-height: 400px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}