html{
	overflow:hidden;	
}
body{
	font-family: 'Libertinus Sans';
	font-weight: 400;
	font-style: normal;
	font-size: 25px;
	background-color: #FFFFFF;
	padding:25px;
	overflow:hidden;
}

.hlines{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
}
.hdark{
    background-color:#474747;
    height:25px;
    width:100%;
}
.hlight{
    /* background-color:#ecdabd; */
    background-color:#c3b08d;
    height:25px;
    width:100%;
}

.c-logo{
	width:30%;
}

.cbtitle1{
	font-family:skia;
	font-variation-settings: "wght" 2.1, "wdth" 1.0000;
	text-transform:uppercase;
	font-size: 23px;
}

.cbtittle2,.cbcapital2{
	font-family:skia;
	font-variation-settings: "wght" 2.0, "wdth" 1.0000;
	text-transform:uppercase;
	font-size: 43px;
	margin-top:-12px;
}
.cbcapital2{
	font-size:57px;
}

.cbtitle3{
	font-family:skia;
	font-variation-settings: "wght" 2.1, "wdth" 1.0000;
	text-transform:uppercase;
	font-size: 23px;
	margin-top:-5px;
}

.cbhtable{
	display:table;
	height:160px;
    width:700px;
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-350px;
}
.cbhtr{
	display:table-row;
}
.cbhtd{
	display:table-cell;
	vertical-align:middle;
    text-align:center;
}

@media only screen and (max-width: 600px) {

	body{
		font-family: 'Libertinus Sans';
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		background-color: #eff1f6;
		padding:25px;
	}

	.c-logo{
		width:90%;
	}
}

.list_ort_shortdesc{
    margin-top:-5px;
    margin-bottom:9px;
}

#a3{
    background-repeat:no-repeat;
    width:110px;
    height:110px;
    position:fixed;
    left:40px;
    bottom:90px;
    z-index:888888888888888;
    cursor:pointer;
    border-left:none;
    border-radius:50%;
    background-color:#fff200;
    background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
    box-shadow: -10px 0px 40px 40px rgba(0, 0, 0, 0.1);
}

  /* WebKit and Opera browsers */ @-webkit-keyframes spinner { 
    from 
    { 
        -webkit-transform: rotateY(0deg); 
    } 
    to { 
        -webkit-transform: rotateY(-360deg); 
    } 
} /* all other browsers */ 
@keyframes spinner { 
    from { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    to 
    { 
        -moz-transform: rotateY(-360deg); 
        -ms-transform: rotateY(-360deg); 
        transform: rotateY(-360deg); 
    
    } 
}

a:link,a:visited,a:active,a:hover{
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.aoheader{
	position:fixed;
	top:0px;
	left:0px;
	z-index:900001;
	height:220px;
	width:100%;
	background-color:#474747;
	color:#FFFFFF;
	font-family:'Skia';
	text-align:center;
	border:0px solid transparent;
}

#subheader{
	width:100%;
	text-transform:uppercase;
	font-family:skia;
	font-variation-settings: "wght" 1.0, "wdth" 1.0000;
	text-transform:uppercase;
	font-size: 14px;
	
	color:#0f0e0c;
	letter-spacing:0.1rem;
}

.header_the{
	text-transform: uppercase;
	font-size:25px;
	font-weight:bold;
}
.header_continental{
	text-transform: uppercase;
	font-size:50px;
}
.header_breakfeast{
	text-transform: uppercase;
	font-size:25px;
}

.cbfooter{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:900001;
	height:50px;
	width:100%;
	background-color:#FFFFFF;
}

#cbcontentwrapper{
	position:absolute;
	left:50%;
	margin-left:-480px;
	min-height:300px;
	width:960px;
	top:270px;
}

.toplogowrapper{
	position:absolute;
	left:20px;
	top:8px;
	height:56px;
}
.toplogo{
	height:56px;
}
.topnavwrapper{
	position:absolute;
	right:20px;
	top:18px;
	height:56px;
	text-align:right;
}
.bottomnavwrapper{
	position:absolute;
	right:20px;
	top:18px;
	height:56px;
	text-align:right;
	font-size:14px;
}
.bottomnavpoint{
	display:inline-block;
	cursor:pointer;
	text-transform:uppercase;
}
.bottomnavpoint:hover{
	border-bottom:1px solid #0099ff;
}

.navpoint{
	text-align:center;
	display:inline-block;
	height:25px;
	padding:6px;
	padding-left:14px;
	padding-right:14px;
	margin-left:10px;
	border:2px solid #000000;
	cursor:pointer;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size: 20px;
}
.navpoint:hover{
	border: 2px solid #0099ff;
}
.nav_active:hover{
	border:2px solid #000000;	
}

.nav_active{
	color:#0099ff;
	background-color:#f6f6f6;
}

.bottom_nav_active{
	color:#0099ff;
}
bottom_nav_active:hover{
	border-bottom: none;
}

.bnav{
	text-align:center;
	display:block;
	height:30px;
	padding:10px;
	margin-left:10px;
	border:2px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	cursor:pointer;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	background-color:#FFFFFF;
	width:350px;
}
.bnav:last-child {
	border-bottom:2px solid #000000;	
}

.copyright,.copyright_small{
	position:absolute;
	left:20px;
	top:20px;
	font-size:14px;
	text-transform:uppercase;
}
.copyright_small{
	top:20px;
	font-size:14px;	
}

.sponsorpic{
	width:140px;
}
.sponsorpic_small{
	margin-top:0px;
	width:140px;
}


.sponsors{
	position:absolute;
	top:10px;
	left:50%;
	width:300px;
	text-align:center;
	margin-left:-150px;
	height:56px;
}
.sponsors_right{
	position:absolute;
	top:10px;
	right:20px;
	text-align:right;
	height:56px;
	width:300px;
}

#burgermenu{
	position:absolute;
	right:0px;
	top:76px;
	height:0px;
	overflow:hidden;
	display:none;
	z-index:9000000001;
}

.sponsorpic{
	/* height:100%; */
}
.divider{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

#contentholder{
	position:absolute;
	right:0px;
	top:77px;
	width:0px;
	z-index:900000;
	background-color:#FFFFFF;
	border-left:2px solid black;
	overflow:hidden;
	/*transition: all 0.5s ease-out;*/
}
#content{
	position:absolute;
	left:54px;
	width:0px;
	height:0px;
	top:90px;
	overflow:auto;
	font-family: 'Open sans';
	font-size:16px;
	width:680px;
	padding-right:20px;
	/*transition: all 0.5s ease-out;*/
}

.navline {
	width: 50px;
	height: 3px;
	margin: 0 0 5px 0;
	background-color:#000000;
	transition: all 0.5s ease-out;
}

#burgernav{
	position:absolute;
	right:20px;
	top:26px;
	cursor:pointer;
	transition: all 0.5s ease-out;
	display:none;
}

#burgernav.close {
	transform: rotate(180deg);
}

/* Styling the three lines to make it an X */
#burgernav.close .navline:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
	width: 25px;
}

#burgernav.close .navline:nth-child(2) {
	opacity: 0;
}

#burgernav.close .navline:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
	width: 25px;
	margin-top:-0.5px;
}

.filtericon{
	position:fixed;
	width:44px;
	height:44px;
	left:40px;
	top:120px;
	margin-left:-22,5px;
	z-index:19000000001;
}

/*
.show_filter{
	height:44px;
	cursor:pointer;
}
*/

.hiddentemplate{ display:none; }

/* Listendatellung Orte */
.list_ort{
	width: 600px;
	margin-bottom:16px;
	display:table;
	font-family:'Open sans';
	font-size:16px;
}

.list_ort_name,.list_event_name{
	font-size:20px;
	margin-top:4px;
	margin-bottom:4px;
}
.list_event_vonbis{
	margin-bottom:5px;
}

.list_ort:last-child{
	border-bottom:none;
}

.listitem_wrapper{
	position:relative;
	display:table-row;
}
.listitem_left{
	vertical-align:top;
	display:table-cell;
	width:58px;
}
.listitem_right{
	vertical-align:top;
	display:table-cell;
	width:542px;
	padding-bottom:20px;
	border-bottom:4px solid #CCCCCC;
}
.list_ort:last-child>.listitem_wrapper>.listitem_right{
    border-bottom:none;
}

.list_ort_mehr,.list_event_mehr,.mehr{
	font-size:13px;
	padding:6px;
	border:2px solid #CCCCCC;
	cursor:pointer;
	margin-top:10px;
	width:60px;
	text-align:center;
	color: #000000;
}

.list_ort_mehr:hover,.list_event_mehr:hover,.mehr:hover{
	color: #0099ff;
}

.general_header{
	height:39px;
	margin-left:0px;
	margin-top:10px;
	position:relative;
	width:700px;
	padding-bottom:5px;
	font-size:36px;
	letter-spacing:2px;
	border-bottom: 9px solid #CCCCCC;
	margin-bottom:20px;
	font-family:'Open sans';
}

.general_title{
	font-weight:bold;
	font-size:28px;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing: 1,1px;
	font-weight:700;
}

.add_before_options{
	display:inline-block;
}

.filter_header,.kontakt_header{
	margin-left:20px;
	width:584px;
	position:relative;
}

#openfilter{
	margin-right:8px;
}
.getback{
    width:30px;
    height:30px;
    margin-top:4px;
    cursor:pointer;
    display: inline-block;
}

.list_ort_address{
	margin-bottom:10px;
}

/*Filter*/
.filterbutton_container{
	width:680px;
}

.filter_button,.filter_button_active{
	display:inline-block;
	border:1px solid #000000;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}
.filter_button:hover{
	border:1px solid #0099ff;
}
.filter_button_active:hover{
	border:1px solid #000000;	
}

.filter_rail_blue_left,.filter_rail_grey_left{
	position:absolute;
	width:340px;
	height:8px;
	background-color:#0099ff;
	top:18px;
	left:0px;
}
.filter_rail_grey_left{
	width:0px;
	background-color:#DEDEDE;
}

.filter_rail_blue_right,.filter_rail_grey_right{
	position:absolute;
	width:340px;
	height:8px;
	background-color:#0099ff;
	top:18px;
	right:0px;
}
.filter_rail_grey_right{
	width:0px;
	background-color:#DEDEDE;
}


.filterbuttons{
	width:100%;
	display: grid;
	grid-template-columns: auto auto auto;
	padding: 0px;
	grid-gap: 20px;
}

.filter_button_active{
	color:#0099ff;
	background-color:#f6f6f6;
}

.filtered_content{
	margin-left:20px;
	width:580px;
}

.filter_add_options{
	display:none;
	position:absolute;
	right:0px;
	top:1px;
	font-size:35px;
	font-weight:bold;
	cursor:pointer;
}

.filter_timeslice_container{
	width:680px;
	height:38px;
	position:relative;
}
.filter_actionbuttons_container{
	margin-top:20px;
	margin-left:0px;
	width:700px;
	position:relative;
}

.filter_dates_container{
	width:680px;
	height:35px;
	position:relative;
}

.filter_clear,.filter_show{
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	color: #000000;
}
.filter_show{
	position:absolute;
	left:50%;
	margin-left:-50px;
}

.filter_show:hover{
	border:1px solid #0099ff;	
}

.filter_show{
	border:1px solid #000000;
	font-size:16px;
	padding-left:14px;
	padding-right:14px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:600;
}

.open{
    background-color:#EEEEEE;
}
.openhours{
    width:100%;
    margin-bottom:15px;
    border:none;
    border-collapse:collapse;
}
.openhourstd{
    vertical-align:top;
    border:none;
}

.openhourstdright{
    vertical-align:top;
    border:none;
    min-width:100px;
}

.openhoursdiv{
    height:5px;
}

.reset_img{
	width:30px;
	height:31px;
}
.reset_img:hover{
	fill:#0099ff;
}

.filter_timeslice_from,.filter_timeslice_to{
	position:absolute;
	background-color:#FFFFFF;
	border:4px solid #000000;
	color: #FFFFFF;
	background-color:#FFFFFF;
	height:24px;
	width:24px;
	border-radius:15px;
}
.filter_timeslice_from{
	left:0px;
	top:0px;
}
.filter_timeslice_from:hover,.filter_timeslice_to:hover{
	color: #0099ff;
}


.filter_timeslice_to{
	right:0px;
	top:0px;
}
.filter_timeslice_dates{
	position:absolute;
	width:220px;
	left:230px;
	top:8px;
	height:25px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color: #0099ff;
}

.l_b{
	position:absolute;
	left:0px;
	height:10px;
	bottom:22px;
	width:340px;
}

.r_b{
	position:absolute;
	right:0px;
	height:10px;
	bottom:22px;
	width:340px;
}

/* Kontaktformular */
.text_input{
	width:580px;
	height:30px;
	border:2px solid #000000;
	margin-bottom:20px;
	font-size:16px;
	font-family:'Open sans';
	transition: all 0.2s ease-out;
}

.kontakt_container{
	position:relative;
}
.label{
	margin-bottom:5px;
	font-family:'Open sans';
}

.text_area{
	width:580px;
	height:160px;
	border:2px solid #000000;
	margin-bottom:8px;
	font-size:16px;
	font-family:'Open sans';
	resize: none;
	transition: all 0.2s ease-out;
}

.blue,.red{
	color:#0099ff;
	font-family:'Open sans';
}
.red{
	color:red;
}

.input_button{
	width:200px;
	text-align:center;
	border:2px solid #000000;
	font-family:'Open sans';
	cursor:pointer;
}
.kontakt_senden{
    position:absolute;
	right:0px;
	top:5px;
}

.kontakt_bottom_wrapper{
	margin-top:8px;
	position:relative;
	width:586px;
}

/* Ort Detail */

.ort_head_wrapper{
	margin-top:25px;
}

.ort_name,.event_name{
	font-size:20px;
	font-weight:bold;
}
.ort_adresse,.event_adresse{
	margin-bottom:10px;
}

.ort,.event{
	display:inline-block;
	width:450px;
}
.ort_pic,.event_pic{
	display:inline-block;
	max-width:400px;
	/* max-height:200px; */
	margin-bottom:15px;
}

.olink{
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
}

.oweb{
	display: inline-block;
	font-size:16px;
	/* font-weight:bold; */
}

.ort_links,.event_links{
	font-size:18px;
	margin-bottom:15px;
}

.acc_more_ort,.acc_more_event{
	display:none;
}
.acc_more_ort_events{
	display:none;
}

.list_event_artspace{
	font-size:24px;
	font-weight:bold;
}

.opic_x{
	width:200px;
	height:200px;
	display:inline-block;
	margin:10px;
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
	font-size:0px;
	line-height:0;
}

.list_event_logo{
    width:100%;
    text-align:center;
}
.opic{
    max-width:400px;
}



.plink{
	display:block;
	width:100%;
	height:100%;
}

/* Accordeon */
.accordeon_arrow_down,.accordeon_arrow_left{
	display:inline-block;
	width: 0;
	height: 0;
	margin-top:10px;
	margin-left:5px;
	cursor:pointer;
	transition: all 0.2s ease-out;
}
.accordeon_arrow_down {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #666666;
}

.accordeon_arrow_left {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
  	margin-left:5px;
	margin-top:7px;
	border-left:10px solid #666666;
}

.accordeon{
	width:99%;
	height:30px;
	border:2px solid #CCCCCC;
	background-color:#F3F3F3;
	font-size:16px;
	margin-bottom:15px;
	cursor:pointer;
	transition: all 0.5s ease-out;
	position:relative;
}
.accordeon_header{
	position:absolute;
	left:25px;
	top:3px;
	font-size:16px;
}

/* Animation für den rotierenden Kreis */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Content allgemein */

#ititle{
	position:absolute;
	top:10px;
	left:54px;
}

#close{
	position:absolute;
	right:20px;
	top:0px;
	cursor:pointer;
	font-size:40px;
	z-index:200;
	color: #000000;
}
#close:hover{
	color: #0099ff;
}

#preloader_wrapper,#mailoader_wrapper{
	/* background-color:#f9ed37; */
	background-color:#ffff00;
	z-index:2000000000000000001;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#mailoader_wrapper{
    position:absolute;
    background-color: rgba(255,255,255,0.9);
    display:none;
}

/* Container für den Preloader */
.preloader-container {
	display: flex;
    justify-content: center;
	align-items: center;
    height:100%;
	/*height: 100vh;*/
	background-color: transparent; /* Hintergrund ist transparent */
}
/* Der kreisförmige Preloader */
.preloader {
	width: 150px;
	height: 150px;
	/*border: 10px solid #ccc; */
	
	
	border: 10px solid #f9ed37;
	border-top-color: #3498db;
	border-radius: 50%;
	animation: spin 2s linear infinite;
}


#indicator{
	position:relative;
	width:32px;
	height:32px;
	border-radius:16px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#mynumber{
	display:inline-block;
	margin-left:2px;
}

.indicator{
	position:relative;
	width:32px;
	height:32px;
	border-radius:16px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mynumber{
	display:inline-block;
	margin-left:2px;
}