@media all and (min-width: 768px) and (max-width:1023px) {

	/*.T4835 .event__leftcol { width: 180px !important; }*/
	.T4835 .event__image { width: 100% !important; max-width:180px !important; height: auto !important; }
	
	/*.T4835 .event__rightcol { min-width: 460px !important; max-width: 460px !important; }*/


}

@media all and (min-width: 568px) and (max-width: 767px) {
	
	.T4835 .event__leftcol { width: 120px !important; }
	.T4835 .event__image { width: 100% !important; max-width:120px !important; height: auto !important; }
	
	/*.T4835 .event__rightcol { min-width: 320px !important; max-width: 320px !important; }*/

}

@media all and (max-width: 567px) {

	.T4835 .event { padding: 10px 0px !important; }
	.T4835 .event__col { padding: 0px !important; }
	.T4835 .event__leftcol { display: block !important; float: none !important; width: 100% !important; }
	.T4835 .event__image { width: 100% !important; max-width: 250px !important; height: auto !important; }
	
	.T4835 .event__rightcol { overflow-x: hidden !important; display: block !important; float: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 15px 0px 0px 0px !important;}

	
}

.T4835 * {  }

.T4835 .hide { display: none !important; }

.T4835 .info_noevents { padding: 10px 15px; color: #f00; }
.T4835 .info_nologin {
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	background-color: #ccc;
	border: 3px solid #f00;
	text-align: center;
}
.T4835 .info_nologin.padding { padding: 20px 25px; }
.T4835 .info_nologin a { text-decoration: none; color: #111; display: block; padding: 15px 20px; }

.T4835 #events_panel { padding: 15px 0px; margin: 0px 0px 20px 0px; border-bottom: 2px solid #ccc; }
.T4835 .info_foundtermine { font-weight: bold; margin: 0px 0px 25px 0px; }

.T4835 .event { 
	margin: 0px 0px 20px 0px;
	padding: 10px 15px;
	border-bottom: 1px dotted #fefefe;
	display: flex;	
}
.T4835 .event.noborder { border-bottom: 0px solid transparent; }

.T4835 .event__name { font-weight: bold; margin-top: 0px; padding-right: 80px; }
.T4835 .event__zeitraum { font-weight: bold; }
.T4835 .event__ort { font-weight: bold; }

.T4835 .event__col {
	box-sizing: content-box;
	float: left;
	padding: 0px 25px;
	position: relative;
}

.T4835 .event__leftcol { width: 250px; padding: 0px; flex-basis:auto; margin-right: 50px; }
.T4835 .event__rightcol { 
	display: flex;
	flex-direction: column;
	min-width: 600px;
	max-width: 600px;
	flex:1;	
}
.T4835 .info__container { display: flex; }
.T4835 .info__container .info__rightcol { flex:1; }
.T4835 .info__container .info__leftcol { flex:1; }


.T4835 .event__image { display: inline-block !important; max-width: 250px; }
.T4835 .event__subimage { display: inline-block !important; }
.T4835 .event__subimage.odd { margin: 0px 10px 0px 0px; }


.T4835 .event__info { margin: 15px 0px 10px 0px; }

.T4835 .event__guides { margin: 0px 0px 20px 0px; }

.T4835 .event__qualifikationen { margin: 10px 0px 15px 0px; }
.T4835 .qualifikationen__headline { margin: 0px 0px 5px 0px; }

.T4835 .event__prices { text-align: left; align-self: end;  }
.T4835 .event__price { font-weight: bold; }


.T4835 .button {
	margin: 0px 0px 0px 15px;
	display: inline-block;
    padding: 4px 20px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 25px;
 }

.T4835 .nichtbuchbar { margin: 3px 0px 0px 0px; font-size: 10px; line-height: 1.0; }
.T4835 .ampelbox {align-self: start; display: flex; margin-bottom: 3px;}
.T4835 .ampel { height: 20px; width: 20px; border-radius: 50%; margin: 5px 5px 3px 0; align-self: start; }
.T4835 .ampel.yellow { background-color: yellow; }
.T4835 .ampel.red { background-color: red; }
.T4835 .ampel.green { background-color: green; }
.T4835 .ampeltext { font-size: 12px; align-self: start; padding: 7px; }

.tofilter { min-height: 700px; }
.tofilter .filterbar {
	background-color: #FFF;
	/* position: absolute; width: 240px; top: 30px; left: 0; z-index: 2; */
	padding: 15px 0;
}

.tofilter .filterbar .inner { position: relative; }
.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }


.tofilter .filterbar .box {
	margin: 0 0 20px 30px;
	break-inside: avoid;
}

.tofilter .filterbar .checkboxen {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

.tofilter .filterbar .box .headline {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.tofilter .filterbar .box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tofilter .filterbar .box ul li {
	margin: 0;
	padding: 0;
	text-align: center;
}

.tofilter .filterbar .box ul li img{
	margin: 5px auto;
	cursor: pointer;
}

.tofilter .filterbar .box ul li span {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.1;
	padding: 0px 0 6px 15px;
	cursor: pointer;
	min-width: 200px;
}

.tofilter .filterbar .box ul li span:before {
	content: '';
	display: inline-block;
	background: #DDD;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	text-align: center;
	margin-bottom: 3px;
}

.tofilter .filterbar .box ul li span.active:before {
	background-color: #888;
	background-image: url(https://tramino.s3.amazonaws.com/s/explorer-hotels/767029/checkbox.png);
	background-position: top left;
	background-repeat: no-repeat;
}


.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
	position: relative;
	width: 180px;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
	position: absolute;
	top: 0;
	left: 0;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
	position: absolute;
	top: 0;
	right: 0;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
	padding-top: 30px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
	width: 100%;
}

.tofilter .filterbar .box .info {
	font-size: 11px;
}


.tofilter .mobilefilter { 
	cursor: pointer;
	display: none;
	margin: 0 0 20px 20px;
	border: 1px solid #555;
	color: #555;
	padding: 4px 12px;
	font-size: 14px;
}
.tofilter .mobilefilter i { font-size: 16px; } 

.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }

.tofilter .nomatch { display: none; }