html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 16px;
	line-height: 19px;
	vertical-align: baseline;
}

@media(min-width: 992px)
{
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video
	{
		font-size: 18px;
		line-height: 27px;
	}
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.ep---row 
{
	margin-left: -10px;
	margin-right: -10px
}

.ep---row_xs
{
	margin-left: -1px;
	margin-right: -1px
}

.ep---row_sm
{
	margin-left: -5px;
	margin-right: -5px
}

.ep---row_md
{
	margin-left: -15px;
	margin-right: -15px;
}

.ep---row_lg
{
	margin-left: -20px;
	margin-right: -20px;
}

.ep---row_xl
{
	margin-left: -30px;
	margin-right: -30px;
}

.ep---row_xxl
{
	margin-left: -75px;
	margin-right: -75px;
}

.ep---row:before, .ep---row:after
{
	content: ' ';
	display: table;
}

.ep---row:after {clear: both;}

.ep---col
{
	float: left;
	min-height: 1px;
}

.ep---col-xs-1, .ep---col-sm-1, .ep---col-md-1, .ep---col-lg-1, .ep---col-xs-2, .ep---col-sm-2, .ep---col-md-2, .ep---col-lg-2, .ep---col-xs-3, .ep---col-sm-3, .ep---col-md-3, .ep---col-lg-3, .ep---col-xs-4, .ep---col-sm-4, .ep---col-md-4, .ep---col-lg-4, .ep---col-xs-5, .ep---col-sm-5, .ep---col-md-5, .ep---col-lg-5, .ep---col-xs-6, .ep---col-sm-6, .ep---col-md-6, .ep---col-lg-6, .ep---col-xs-7, .ep---col-sm-7, .ep---col-md-7, .ep---col-lg-7, .ep---col-xs-8, .ep---col-sm-8, .ep---col-md-8, .ep---col-lg-8, .ep---col-xs-9, .ep---col-sm-9, .ep---col-md-9, .ep---col-lg-9, .ep---col-xs-10, .ep---col-sm-10, .ep---col-md-10, .ep---col-lg-10, .ep---col-xs-11, .ep---col-sm-11, .ep---col-md-11, .ep---col-lg-11, .ep---col-xs-12, .ep---col-sm-12, .ep---col-md-12, .ep---col-lg-12
{
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

.ep---col_xs
{
	padding-left: 1px;
	padding-right: 1px;
}

.ep---col_sm
{
	padding-left: 5px;
	padding-right: 5px;
}

.ep---col_md
{
	padding-left: 15px;
	padding-right: 15px;
}

.ep---col_lg
{
	padding-left: 20px;
	padding-right: 20px;
}

.ep---col_xl
{
	padding-left: 30px;
	padding-right: 30px;
}

.ep---col_xxl
{
	padding-left: 75px;
	padding-right: 75px;
}

.ep---col-xs-1, .ep---col-xs-2, .ep---col-xs-3, .ep---col-xs-4, .ep---col-xs-5, .ep---col-xs-6, .ep---col-xs-7, .ep---col-xs-8, .ep---col-xs-9, .ep---col-xs-10, .ep---col-xs-11, .ep---col-xs-12 {float: left}

.ep---col-xs-12 {width: 100%}

.ep---col-xs-11 {width: 91.66666667%}

.ep---col-xs-10 {width: 83.33333333%}

.ep---col-xs-9 {width: 75%}

.ep---col-xs-8 {width: 66.66666667%}

.ep---col-xs-7 {width: 58.33333333%}

.ep---col-xs-6 {width: 50%}

.ep---col-xs-5 {width: 41.66666667%}

.ep---col-xs-4 {width: 33.33333333%}

.ep---col-xs-3 {width: 25%}

.ep---col-xs-2 {width: 16.66666667%}

.ep---col-xs-1 {width: 8.33333333%}

@media (min-width: 768px)
{
	.ep---col-sm-1, .ep---col-sm-2, .ep---col-sm-3, .ep---col-sm-4, .ep---col-sm-5, .ep---col-sm-6, .ep---col-sm-7, .ep---col-sm-8, .ep---col-sm-9, .ep---col-sm-10, .ep---col-sm-11, .ep---col-sm-12 {float:left}

	.ep---col-sm-12 {width: 100%}

	.ep---col-sm-11 {width: 91.66666667%}

	.ep---col-sm-10 {width: 83.33333333%}

	.ep---col-sm-9 {width: 75%}

	.ep---col-sm-8 {width: 66.66666667%}

	.ep---col-sm-7 {width: 58.33333333%}

	.ep---col-sm-6 {width: 50%}

	.ep---col-sm-5 {width: 41.66666667%}

	.ep---col-sm-4 {width: 33.33333333%}

	.ep---col-sm-3 {width: 25%}

	.ep---col-sm-2 {width: 16.66666667%}

	.ep---col-sm-1 {width: 8.33333333%}
}

@media (min-width: 992px)
{
	.ep---col-md-1, .ep---col-md-2, .ep---col-md-3, .ep---col-md-4, .ep---col-md-5, .ep---col-md-6, .ep---col-md-7, .ep---col-md-8, .ep---col-md-9, .ep---col-md-10, .ep---col-md-11, .ep---col-md-12 {float:left}

	.ep---col-md-12 {width: 100%}

	.ep---col-md-11 {width: 91.66666667%}

	.ep---col-md-10 {width: 83.33333333%}

	.ep---col-md-9 {width: 75%}

	.ep---col-md-8 {width: 66.66666667%}

	.ep---col-md-7 {width: 58.33333333%}

	.ep---col-md-6 {width: 50%}

	.ep---col-md-5 {width: 41.66666667%}

	.ep---col-md-4 {width: 33.33333333%}

	.ep---col-md-3 {width: 25%}

	.ep---col-md-2 {width: 16.66666667%}

	.ep---col-md-1 {width: 8.33333333%}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.ep---col-tablet-1, .ep---col-tablet-2, .ep---col-tablet-3, .ep---col-tablet-4, .ep---col-tablet-5, .ep---col-tablet-6, .ep---col-tablet-7, .ep---col-tablet-8, .ep---col-tablet-9, .ep---col-tablet-10, .ep---col-tablet-11, .ep---col-tablet-12 {float:left}

	.ep---col-tablet-12 {width: 100%}

	.ep---col-tablet-11 {width: 91.66666667%}

	.ep---col-tablet-10 {width: 83.33333333%}

	.ep---col-tablet-9 {width: 75%}

	.ep---col-tablet-8 {width: 66.66666667%}

	.ep---col-tablet-7 {width: 58.33333333%}

	.ep---col-tablet-6 {width: 50%}

	.ep---col-tablet-5 {width: 41.66666667%}

	.ep---col-tablet-4 {width: 33.33333333%}

	.ep---col-tablet-3 {width: 25%}

	.ep---col-tablet-2 {width: 16.66666667%}

	.ep---col-tablet-1 {width: 8.33333333%}
}

@media (min-width: 1200px) {
	.ep---col-lg-1, .ep---col-lg-2, .ep---col-lg-3, .ep---col-lg-4, .ep---col-lg-5, .ep---col-lg-6, .ep---col-lg-7, .ep---col-lg-8, .ep---col-lg-9, .ep---col-lg-10, .ep---col-lg-11, .ep---col-lg-12 {float: left}

	.ep---col-lg-12 {width: 100%}

	.ep---col-lg-11 {width: 91.66666667%}

	.ep---col-lg-10 {width: 83.33333333%}

	.ep---col-lg-9 {width: 75%}

	.ep---col-lg-8 {width: 66.66666667%}

	.ep---col-lg-7 {width: 58.33333333%}

	.ep---col-lg-6 {width: 50%}

	.ep---col-lg-5 {width: 41.66666667%}

	.ep---col-lg-4 {width: 33.33333333%}

	.ep---col-lg-3 {width: 25%}

	.ep---col-lg-2 {width: 16.66666667%}

	.ep---col-lg-1 {width: 8.33333333%}
}

.ep---hidden {display: none !important;}

@media (max-width: 767px)
{
	.ep---hidden-xs {display:none !important}
}

@media (min-width: 768px) and (max-width:991px)
{
	.ep---hidden-sm {display:none !important}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.ep---hidden-tablet {display: none !important;}
}

@media (min-width: 1025px) and (max-width: 1199px)
{
	.ep---hidden-tablet-md {display: none !important;}
}

@media (min-width: 992px) and (max-width:1199px)
{
	.ep---hidden-md {display:none !important}
}

@media (min-width: 1200px)
{
	.ep---hidden-lg {display:none !important}
}

.ep---pull-right {float: right}

@media(max-width: 767px)
{
	.ep---pull-right_mobile
	{
		float: right;
	}
}

.ep---pull-left {float: left}

@media(max-width: 767px)
{
	.ep---pull-left_mobile
	{
		float: left;
	}
}

@media(max-width: 767px)
{
	.ep---show-xs {display: inherit !important;}
}

@media(min-width: 768px) and (max-width: 991px)
{
	.ep---show-sm {display: inherit !important;}
}

@media(min-width: 768px) and (max-width: 1024px)
{
	.ep---show-tablet {display: inherit !important;}
}

@media(min-width: 992px) and (max-width: 1199px)
{
	.ep---show-md {display: inherit !important;}
}

@media(min-width: 1199px)
{
	.ep---show-lg {display: inherit !important;}
}

.ol-control,.ol-scale-line{position:absolute;padding:2px}.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-viewport .ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-control{background-color:rgba(255,255,255,.4);border-radius:4px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}

/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
}

#jr_wrap {
	position: absolute;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}

#jr_inner {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
	box-sizing: content-box;
}

#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

#jr_inner p {
	padding: 5px;
	margin: 0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#jr_inner li a:hover {
	text-decoration: underline;
}

#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}

#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}


/*---------------- General -----------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	font-size: 14px;
	line-height: 1.4em;
	color: #242424;
	font-family: 'Lato', sans-serif;
	height: 100%;
	overflow: hidden;
	font-weight: 300;
}

h1 {
	font-size: 18px;
	font-weight: bold
}

h2 {
	font-size: 16px;
	font-weight: bold
}

h3 {
	color: var(--main-color);
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

h4 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.ep---image-responsive
{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.tx-epin-data, .home
{
	height: 100%;
	/*overflow-x: hidden;*/
	/*overflow-y: auto !important;*/
}

.home
{
	/*display: flex;*/
	/*height: 100%;*/
	background: #000;
}

a {
	text-decoration: none;
	font-weight: bold;
	outline: 0;
}

a:hover {
	text-decoration: underline
}

button {
	cursor: pointer;
	border: none;
}

button:hover,
.button:hover
{
	text-decoration: none;
}

button.button-absolute {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	background: var(--main-color);
	color: #fff;
	position: absolute;
	right: 350px;
	bottom: 20px;
	z-index: 1;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.button,
.content .button,
#jr_close a {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	background: #FFFFFF;
	color: #3E3E3E;
	z-index: 1;
	padding: 10px 20px;

	font-size: 14px;

	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.button.with-arrow:after,
.content .button.with-arrow:after,
#jr_close a.with-arrow:after
{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border: solid #082729;
	border-width: 0 1px 1px 0;
	padding: 3px;
	right: 25px;
	z-index: 1;
}

.button:focus,
.content .button:focus,
#jr_close a:focus
{
	outline: none;
}

.button.main-color,
.content .button.main-color,
#jr_close a.main-color
{
	background: #3E3E3E;
	color: white;
}

.button.second-color, .content .button.second-color, #jr_close a.second-color
{
	background: var(--main-color);
	color: white;
}

.button.main-color.hover-second-color {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.button.main-color.hover-second-color:hover {
	background: var(--main-color);
	color: white;
}

.button.dark {
	background: rgba(62, 62, 62, 1);
	color: white;
}

.button.main-color:after,
.button.second-color:after,
.content .button.main-color:after,
.content .button.second-color:after,
#jr_close a.main-color:after,
#jr_close a.second-color:after
{
	border-color: white;
}

.button.big,
.content .button.big,
#jr_close a.big
{
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	font-weight: normal;
	padding: 12px 20px;
}

.button.big.with-arrow,
.content .button.big.with-arrow,
#jr_close a.big.with-arrow
{
	padding-right: 60px;
}

@media(max-width: 1024px)
{
	.button,
	.button.big,
	.content .button,
	.content .button.big,
	#jr_close a,
	#jr_close a.big
	{
		font-size: 16px;
		line-height: 22px;
		padding: 10px 15px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100%;
	}

	.button.with-arrow,
	.button.big.with-arrow,
	.content .button.with-arrow,
	.content .button.big.with-arrow,
	#jr_close a.with-arrow,
	#jr_close a.big.with-arrow
	{
		padding-right: 40px;
	}
}

.button.big:after,
.content .button.big:after,
#jr_close a.big:after
{
	padding: 5px;
	margin-top: -8px;
}

@media(max-width: 1024px)
{
	.button.big:after,
	.content .button.big:after,
	#jr_close a.big:after
	{
		right: 15px;
	}
}

.button-group .button,
.button-group .content .button,
#jr_close .button-group a,
.button-group .button-m-top
{
	margin-top: 15px;
}

.button-group .button:not(.button-m-top):first-child,
.button-group .content .button:not(.button-m-top):first-child,
#jr_close .button-group a:not(.button-m-top):first-child
{
	margin-top: 0;
}

@media(min-width: 768px) and (max-width: 1024px)
{
	.button-group .button-m-top
	{
		margin-top: 0;
	}
}

.button-compact,
form input[type="submit"].button-compact {
	padding: 5px 10px;
}

.divider + .button-compact {
	margin-top: 5px;
	margin-bottom: -10px
}

button i.fa {
	vertical-align: top;
}

button.button i.fa {
	font-size: 20px;
	margin: -4px 10px 0 -5px;
}

.button-small {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	width: 15px;
	height: 15px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}

.button-small i {
	vertical-align: middle;
}

/*-- BUTTON DISABLED --*/
button.button.button-disabled, a.button.button-disabled
{
	cursor: not-allowed;
	background: #808080;
	opacity: .6;
}

p {
	margin-bottom: 1em;
}

i {
	font-style: italic
}

i.fa {
	vertical-align: baseline;
	font-style: normal
}

b,
strong {
	font-weight: bold
}

.nobr {
	white-space: nowrap;
}

input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 27px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	vertical-align: top;
	cursor: pointer;
}

@media(min-width: 768px) {
	input[type=checkbox].css-checkbox + label.css-label {
		line-height: 1.8em !important;
	}
}

label.css-label span {
	margin-top: -3px;
	display: inline-block;
	line-height: 1.8em !important;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -79px;
}

select,
select:focus,
select:active,
select:focus::-ms-value {
	background: none;
	outline: 0;
	border: none;
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

label.css-label {
	background-image: url('vhs-assets-css-81d0c23cf5407a659f63998734abcc2e.png');
	background-position: 0 -2px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.wrong-field + label.css-label {
	background-image: url('vhs-assets-css-d3a3cd5a1e478a6c0cca64410a11664f.png');
}

.fullwidth {
	width: 100%;
	box-sizing: border-box
}

.clear {
	clear: both;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.align-center {
	text-align: center;
}

.clear-float:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.divider {
	display: block;
	height: 1px;
	background: #C4C5C7;
	margin: 10px 0;
}

/*---------------- Content -----------------*/

#map {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
}

#map div.olControlZoom {
	padding: 0;
	background: none;
}

#map a.olControlZoomIn {
	border-radius: 0;
	margin-bottom: 3px
}

.ol-control,
.ol-scale-line {
	padding: 0;
	border-radius: 0;
	position: absolute;
	left: 0;
	margin-left: 15px;
	background-color: transparent;
}

@media (min-width: 768px) {
	.ol-control,
	.ol-scale-line {
		margin-left: 20px;
	}
}

@media (min-width: 1024px) {
	.ol-control,
	.ol-scale-line {
		left: 35%;
		margin-left: 30px;
	}
}

@media (min-width: 1200px) {
	.ol-control,
	.ol-scale-line {
		left: 30%;
		margin-left: 50px;
	}
}

.ol-control,
.ol-control:hover {
	background-color: transparent;
}

.ol-control button {
	background: #fff;
	color: #999;
	height: 28px;
	width: 28px;
	line-height: 25px;
	border-radius: 0;
	-webkit-box-shadow: -5px 1px 8px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -5px 1px 8px 0 rgba(0, 0, 0, 0.35);
	box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.35);

	margin: 3px;
}

.ol-control button:hover,
.ol-control button:focus {
	background: #242424;
	color: #fff;
	outline: none;
}

@media(max-width: 1024px)
{
	.ol-control button:hover
	{
		background: white;
		color: #999;
	}

	.ol-control button:focus
	{
		background: #242424;
		color: #fff;
	}
}

.ol-zoom .ol-zoom-in,
.ol-zoom .ol-zoom-out {
	border-radius: 0;
}

.copyright {
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px;
	right: 15px;
	bottom: 5px;
	z-index: 2;
	color: #fff;
	font-size: 12px
}

.copyright a {
	font-weight: bold;
	color: #fff;
	font-size: 14px
}

/*.button-add-marker {*/
/*position: absolute;*/
/*right: 50px;*/
/*bottom: 20px;*/
/*z-index: 1;*/
/*-webkit-box-shadow: -5px 1px 8px 0 rgba(0,0,0,0.35);*/
/*-moz-box-shadow: -5px 1px 8px 0 rgba(0,0,0,0.35);*/
/*box-shadow: -1px 0 3px 0 rgba(0,0,0,0.35);*/

/*width: 185px;*/
/*}*/

/*@media(max-width: 1199.99px)*/
/*{*/
/*.button-add-marker*/
/*{*/
/*right: 30px;*/
/*}*/
/*}*/

/*@media(max-width: 991.99px)*/
/*{*/
/*.button-add-marker*/
/*{*/
/*right: 20px;*/
/*}*/
/*}*/

/*.button-add-marker:hover*/
/*{*/
/*background: #242424;*/
/*color: white;*/
/*}*/

.button-add-marker {

}

.pages {
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	height: 100%;
	width: 1010px;
	overflow-y: hidden;
}

@media(max-width: 1024px)
{
	.pages
	{
		width: 100%;
		height: 90%;
	}

	.pages.show-projectResult {
		height: 100%;
	}
}

@media(max-width: 767px)
{
	.pages
	{
		height: 100%;
	}

	.pages.show-projectResult {
		height: 100%;
	}
}

.pages .container {
	position: relative
}

.pages .page {
	width: 670px;
	position: absolute;
	background: #fff;
	-webkit-box-shadow: -5px 0 8px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -5px 0 8px 0 rgba(0, 0, 0, 0.35);
	box-shadow: -5px 0 8px 0 rgba(0, 0, 0, 0.35);
	top: 0;
	right: 0;
	z-index: 100;
	display: none;
}

.pages.show-projectResult .page {
	z-index: 100;
}

@media(max-width: 1024px)
{
	.pages .page
	{
		max-height: 100%;
		width: 100%;
	}
}

@media(max-width: 767px)
{
	.pages .page
	{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

.pages .page .header,
.overlay .inner .header,
.list-view .header {
	background: #242424;
	margin: 0;
	/*padding: 20px 25px !important;*/
	padding: 20px 25px;
	position: relative;
	color: #fff;
}

.overlay .inner .header
{
	position: static;
}

.overlay.rating-2 .inner .header,
.overlay.rating-2 .inner .button {
	background: white;
	color: white;
}

.overlay.rating-2 .inner .button.second-color
{
	background: var(--main-color);
}

.overlay.rating-2 .inner .button.main-color
{
	background: #242424;
}

.overlay.rating-2 .top {
	background: url('vhs-assets-css-399278d053dc091f0c56617293937a1c.png') 0 0 no-repeat;
}

.overlay.rating-2 .top
{
	background: none;
}

.pages .page .header h2 {
	color: #fff;
}

.page h3 {
	color: var(--main-color);
	font-size: 14px;
}

.page a
{
	word-break: break-word;
}

.pages .page .header .close,
.overlay .inner .header .close {
	position: absolute;
	right: 30px;
	top: 25px;
	font-size: 20px;
	cursor: pointer;
}

.pages .page .content {
	padding: 0 30px 40px 30px;
}

.pages .page .content h1, .pages .page .content h2, .pages .page .content h3
{
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 1em;
}

.content a {
	color: var(--main-color)
}

.content li {
	background: url('vhs-assets-css-f95b9c1a8b87db42ab1de795b866ca7e.png') no-repeat 0 12px;
	margin-top: 7px;
	padding-left: 10px;
	display: block;
}

.content li:first-child {
	margin-top: 0
}

/* Sonderseiten wie User Anmeldung */
.subpage-wrapper
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px;

	max-width: 730px;
	margin-top: 100px;
}

@media(min-width: 768px)
{
	.subpage-wrapper
	{
		width: 768px;
	}
}

@media(min-width: 992px)
{
	.subpage-wrapper
	{
		width: 992px;
	}
}

@media(min-width: 1200px)
{
	.subpage-wrapper
	{
		width: 1200px;
	}
}

.subpage-wrapper .header {
	background: #242424;
	width: 100%;
	padding: 20px 10px;
	color: #fff;
	box-sizing: border-box;
	margin-bottom: -1px;
}

.subpage-wrapper .button {
	display: inline-block;
	color: var(--main-color);
	margin-top: 10px;
	padding: 0;
}

.subpage-wrapper .content {
	border: 1px solid #ccc;
	padding: 30px;
}

@media(max-width: 767px)
{
	.subpage-wrapper .content
	{
		padding: 15px;
	}
}

.subpage-wrapper .logos {
	vertical-align: middle;
	margin-bottom: 20px;
}

.subpage-wrapper .logos img {
	vertical-align: top;
	margin-left: 15px
}

.subpage-wrapper .logos > a img {
	margin-left: 0
}

.subpage-wrapper form {
	text-align: left;
	width: 100%;
	margin: 10px auto 0 auto;
}

.subpage-wrapper form.two-col input[type="text"],
.subpage-wrapper form.two-col input[type="password"] {
	max-width: 380px;
	width: 100%;
}

.accordion .accordion-item .toggle-accordion {
	color: #333;
	border: none;
	font-size: 20px;
	padding: 0;
	display: block;
}

.accordion .accordion-item .toggle-accordion .icon {
	float: right;
}

.accordion .accordion-item .toggle-accordion .icon:after {
	font-family: FontAwesome;
	content: "\f105";
}

.accordion .accordion-item.open .toggle-accordion .icon:after {
	content: "\f106";
	vertical-align: top
}

.accordion .accordion-item .accordion-head h3 {
	width: auto;
	display: inline-block;
	margin-bottom: 0
}

.accordion-item .accordion-content {
	display: none;
	padding-top: 10px;
	border-top: 1px solid #C4C5C7;
	margin-top: 15px
}

form {
	clear: both;
	width: 100%
}

form input, form textarea, form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border-radius: 0;

	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 5px 10px;
	border: 1px solid #ccc
}

form input::-webkit-input-placeholder,
form input::-moz-placeholder,
form input:-ms-input-placeholder,
form input:placeholder-shown {
	color: #666
}

form input[type="submit"] {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	background: #3E3E3E;
	color: #fff;
	padding: 10px 20px;
	font-size: 16px;
	border: none;
	min-width: 0;
	margin: 20px auto 0 0;
	display: block;
	cursor: pointer;
}

form input[type="submit"].second-color {
	background: var(--main-color);
}

form textarea {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

form .wrong-field {
	border: 1px solid var(--main-color);
	background: #FFF6F9;
}

.select-container {
	width: 100%;
	overflow: hidden;
	background: url('vhs-assets-css-07235fd36e392f8492272d382bd9b68e.png') no-repeat right #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.select-container select {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 13px;
	background: transparent;
	width: 100%;
	padding: 5px 25px 5px 5px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: content-box;
}

select:disabled
{
	color: #242424;
}

.text-center form {
	/*margin-top: 20px;*/
	text-align: left
}

.text-center form label,
.text-center form.two-col label {
	margin-bottom: 5px;
	margin-top: 10px;
	display: none;
	font-weight: 300;
}

.text-center form input[type="text"],
.text-center form input[type="password"],
.text-center form.two-col input[type="text"],
.text-center form.two-col input[type="password"] {
	display: block;
	min-width: 220px;
	width: 100%;
	margin: 0 auto 4px auto;
	padding: 8px 10px;
}

.warning {
	border-bottom: 1px solid #eaeaea;
	padding: 15px;
	text-align: center;
	display: none;
	background: var(--main-color);
	color: white;
	font-weight: bold
}

/* Benutzerregstrierung */

form.two-col > .content,
form.two-col > .footer {
	box-sizing: content-box;
	padding: 30px 20px;
}

@media(max-width: 767px)
{
	form.two-col > .content
	{
		margin-bottom: 25px;
	}
}

form.two-col > .content > p {
	margin-bottom: 25px;
}

form.two-col .row {
	width: 100%;
}

form.two-col .row.info {
	margin: 20px 0 10px 0;
}

form.two-col .row.info.small {
	margin: 10px 0 20px 0;
}

form.two-col label
{
	display: inline-block;
	/*vertical-align: baseline;*/
	vertical-align: middle;
	width: 200px;
}

@media(max-width: 767px)
{
	form.two-col label
	{
		width: 100%;
		margin-bottom: 5px;
		margin-top: 10px;
	}
}

form.two-col label.fullwidth,
.ol-overlay form.two-col label.fullwidth {
	width: 100%;
}

form.two-col input[type="text"],
form.two-col input[type="password"] {
	display: inline-block;
	box-sizing: border-box;
	min-width: 0;
	width: 385px;
	margin-bottom: 10px;
}

@media(max-width: 767px)
{
	form.two-col input[type="text"],
	form.two-col input[type="password"]
	{
		width: 100%;
		margin-bottom: 5px;
	}
}

form.two-col .select-container {
	width: 400px;
	display: inline-block;
	vertical-align: top
}

form.two-col .row.colspan-2 * {
	width: 100%;
}

form.two-col .pull-col-2 {
	margin-left: 200px;
}

@media(max-width: 767px)
{
	form.two-col .pull-col-2
	{
		margin-left: 0;
	}
}

.ol-overlay form.two-col .select-container {
	/* width: 288px */
	box-sizing: border-box;
	width: 69%;
}

.ol-overlay form.two-col .select-container
{
	width: 100%;
}

.ol-overlay form.two-col label {
	/* width: 125px; */
	width: 30%;
	box-sizing: border-box;
}

.ol-overlay form.two-col input[type="text"],
.ol-overlay form.two-col input[type="password"] {
	/*width: 290px;*/
	width: 69%;
	box-sizing: border-box;
}

.ol-overlay form.two-col textarea {
	/* width: 415px; */
	width: 100%
}

/* Pagination */

.pagination ul
{
	display: flex !important;
	width: 85%;
	margin: auto !important;

	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	flex-direction: row;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */

}
.pagination ul::-webkit-scrollbar
{
	display: none; /* for Chrome, Safari, and Opera */
}

.pagination li
{
	background: none;
	padding-left: 0;
	margin-top: 0;
	flex-shrink: 0;
	scroll-snap-align: start;
	width: 30px;
	text-align: center;
}

.pagination li
{
	margin: 0 5px;
}

/* Paginierte Seiten */

.paginated-pages .page {
	display: none
}

.pagination {
	width: auto;
	text-align: center
}

.pagination .page-control,
.pagination ul {
	display: inline-block
}

.pagination .page-control {
	color: #666
}

.pagination .page-control
{
	color: white;
	font-weight: normal;
}

.pagination .page-control .fa {
	color: var(--main-color);
	font-size: 22px;
	font-weight: bold;
	margin: 0 8px 0 8px;
	vertical-align: middle
}

.pagination .page-control .fa
{
	font-weight: normal;
}

.pagination ul {
	margin: 0 15px;
}

.pagination ul
{
	margin: 0 5px;
}

.pagination li {
	display: inline-block;
}

.pagination li.current a {
	background: var(--main-color);
}

.pagination li a
{
	color: white;
	font-weight: normal;
	padding: 2px 8px;
}

.pagination li a:hover {
	/* text-decoration: none; */
}

.pagination li.current a:hover {
	text-decoration: none;
}

/* Listenansicht */

.container-center {
	margin: 0 auto;
	max-width: 960px;
	display: block
}

.sort-options {
	margin-top: 15px;
	/*padding-bottom: 15px;*/
	margin-bottom: 0;
}

@media(min-width: 768px) {
	.sort-options {
		padding-bottom: 60px;
	}
}

@media(min-width: 1025px) {
	.sort-options {
		margin-top: 45px;
	}
}

@media(max-width: 767px)
{
	.sort-options p
	{
		margin-bottom: 10px;
	}
}

.sort-options span {
	/*margin-right: 10px*/
}

.sort-options .select-container {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.sort-options .select-container select {
	width: auto;
	padding-right: 30px;
}

.pins {
	/*margin-bottom: 20px;*/
	border-top: 1px solid #979797;
	/*padding-bottom: 25px;*/
}

.pin {
	width: 100%;
	display: block;
}

.pin + .pin {
	margin-top: 25px;
}

.page .pin .header,
.pin .header {
	padding: 0 10px;
	background: #ededed;
	color: #666;
	font-size: 13px;
}

.pin .header p {
	color: #666
}

.pin .header > div:before {
	border: none;
	padding: 0;
	margin: 0;
	content: " ";
	display: none;
}

/*
.pin .header > div {
	display: inline-block;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin: 8px 7px 7px 5px;
	vertical-align: top;
}
*/

.pin .header > div:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

.pin .header .show-details {
	margin: 0 -10px 0 0;
	border-left: 0;
	float: right;
}

.pin .header a:before {
	display: none
}

.pin .header p {
	margin-bottom: 0;
}

.pin .header .button {
	width: 35px;
	height: 35px;
	border-left: 2px solid #fff;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	padding: 0
}

.pin .header .button i:before {
	content: "\f105";
}

.pin .header .button.opened i:before {
	content: "\f107";
}

.pin .header .button i {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
}

.pin .content {
	margin-top: 15px;
}

/*.pin .footer {*/
	/*border: 1px solid #ededed;*/
	/*padding: 15px 15px;*/
	/*display: none;*/
	/*margin-top: 15px;*/
/*}*/

.pin .pin-text {
	margin-bottom: 10px;
}

@media(min-width: 768px) {
	.pin .pin-text {
		margin-bottom: 15px;
	}
}

@media(min-width: 1025px) {
	.pin .pin-text {
		margin-bottom: 20px;
	}
}


.pin .footer
{
	border: none;
	display: block;
	margin-top: 30px;
}

@media(max-width: 991.99px)
{
	.pin .footer
	{
		margin-top: 15px;
	}
}

/*-------------- Infomeldung ---------------*/

#map + .info {
	position: absolute;
	display: block;
	top: -80px;
	left: 10px;
	right: 10px;
	width: auto;
	box-sizing: border-box;
	z-index: 11;
	font-weight: 500;
	transition: all .3s;
}

@media(min-width: 768px) {
	#map + .info {
		min-width: 330px;
		max-width: 100%;
		transform: translateX(-50%);
		left: 50%;
		right: unset;
	}
}

#map + .info .close
{
	display: none;
}

#map + .info .inner {
	margin: 0 auto;
	position: relative;
	background: #FFFFFF;
	color: var(--main-color);
	-webkit-box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.35);
	box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	z-index: 2;
	padding: 10px;
	font-size: 16px;

	border-left: 4px solid var(--main-color);
	display: flex;
	align-items: center;
	gap: 10px;
}

#map + .info .inner:before {
	content: "!";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: var(--main-color);

	border-radius: 100%;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
}

@media(min-width: 768px) {
	#map + .info .inner:before {
		width: 26px;
		height: 26px;
		font-size: 16px;
		flex: 0 0 26px;
	}
}

#map + .info .inner * {
	font-size: 16px;
}

/*-- PROJECT DISABLED --*/
#map + .info
{
	z-index: 100;
}

#map + .info .close
{
	display: block;
	position: absolute;
	top: -7px;
	right: -5px;
	z-index: 3;
	cursor: pointer;
	padding: 18px;
}

#map + .info .close:before, #map + .info .close:after
{
	width: 12px;
}

@media(min-width: 768px) {
	#map + .info .close:before, #map + .info .close:after {
		width: 14px;
	}
}

#map + .info .inner
{
	padding-right: 30px;
}

#map + .info .close-redesign:before, #map + .info .close-redesign:after
{
	border-color: var(--main-color);
}

/*---------------- Sidebar -----------------*/

.logos {
	vertical-align: middle;
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: center;
	top: -10px;
	left: 0;
	padding-right: 15px;
}

@media(min-width: 768px) {
	.logos {
		/*margin-left: 80px;*/
	}
}

.logos img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	max-height: 120px;
}

@media(max-width: 1024px)
{
	.logos img
	{
		max-height: 100px;
	}
}

.logos a + a img {
	margin-left: 15px;
}

.logos .custom-logo {
	max-width: 135px;
	height: auto;
	display: inline-block;
}

.logos .custom-logo img {
	max-width: 100%;
	height: auto
}

.headline-beside-logo
{
	position: absolute;
	top: 75px;
	left: 75px;
}

@media(max-width: 1024px)
{
	.headline-beside-logo
	{
		top: 63px;
		left: 63px;
	}
}

.headline-beside-logo p
{
	font-size: 16px;
	color: white;
	margin-bottom: 0;
	line-height: 20px;
}

.tabs {
	display: table;
	width: 100%;
}

.tabs .tab {
	display: table-cell;
	cursor: pointer;
	font-weight: bold;
}

.tabs .tab .inner {
	border: 1px solid #ccc;
	padding: 10px;
	margin-left: 5px;
}

.tabs .tab:first-child .inner {
	margin-left: 0
}

.tabs .tab.active .inner {
	background: #666;
	color: #fff;
}

.tabs .tab.active .inner {
	border: 1px solid #666;
}
/*---------------- Overlay -----------------*/

.overlay-bg {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	display: none;
	z-index: 99;
}

.overlay {
	position: absolute;
	min-height: 100%;
	width: 100%;
	top: 0;
	/*left: 0;*/
	display: none;
	z-index: 99;
}

.overlay.terms
{
	z-index: 100;
}

.ol-overlay-container {
	display: block;
	z-index: 10;
}

.ol-viewport .ol-unselectable
{
	/*z-index: -10;*/
}

.overlay .inner {
	width: 660px;
	max-height: 600px;
	overflow-y: hidden;
	margin-left: -330px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	/*-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.35);*/
	/*-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.35);*/
	/*box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.35);*/
	box-sizing: border-box
}

/* Höhe wird je nach Kontext festgelegt, ggf. überarbeiten */

.scroll-container {
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto !important;
	/*
	padding-right: 15px;
	margin-right: -15px;
	*/
	height: 100% !important;
}

.page .scroll-container {
	/*max-height: 90%;*/
	margin: 0;
	padding: 30px 15px 0 0;
}

.pages.show-projectResult .page .scroll-container {
	max-height: calc(100% - 67px);
}

@media(max-width: 991.99px)
{
	.pages.show-projectResult .page .scroll-container {
		max-height: calc(100% - 59px);
	}
}

.overlay .scroll-container {
	max-height: 480px;
}
.overlay .scroll-container .content
{
	max-height: inherit !important;
}

@media(max-width: 1024px)
{
	.overlay .scroll-container
	{
		max-height: 375px;
	}
}

@media(max-width: 767px)
{
	.overlay .scroll-container
	{
		max-height: none;
		padding-right: 0;
		width: 100%;
	}
}

.overlay .content .scroll-container {
	max-height: 250px;
}

@media(min-width: 1025px) {
	.overlay .content .scroll-container {
		max-height: none;
	}
}

.overlay .entry {
	/* background: #F0F0F0; */
	border: 1px solid #ccc;
	padding: 10px 15px;
	box-sizing: border-box;
}

.overlay .entry .title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-weight: bold;
}

.overlay .entry + * {
	margin-top: 20px;
}

.overlay .entry .content + .entry-meta {
	margin-top: 5px;
}

.overlay .inner .entry .content {
	background: none;
	margin-top: 5px;
	padding: 0;
}

.overlay .footer .scroll-container {
	max-height: 100px;
}

.overlay .scroll-container + .button {
	margin-top: 15px;
	display: inline-block;
	color: #fff
}

.overlay .inner .content {
	background: #fff;
	padding: 30px 15px;
	width: 100%; /* wichtig für scrollbalken */
	box-sizing: border-box
}

.overlay .inner .footer {
	width: 100%; /* wichtig für scrollbalken */
	box-sizing: border-box
}

.ol-overlay-container .overlay .inner .content,
.ol-overlay-container .overlay .inner .footer {
	width: 100%;
}

.ol-overlay-container .overlay {
	display: block;
	top: 45px;
}

.ol-overlay-container .inner {
	position: static;
	top: auto;
	left: auto;
	margin-left: -230px;
	background: #fff;
	-webkit-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.35);
	box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	width: 460px;
	z-index: 2
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
	border-bottom-color: #242424 !important;
}

.ol-overlay-container .top, .overlay .top {
	margin-top: -35px;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #242424;


	display: none !important;
}

.ol-overlay-container.mapboxgl-popup-anchor-top-left .top, .overlay.mapboxgl-popup-anchor-top-left .top {
	margin-left: 0;
}

.ol-overlay-container.mapboxgl-popup-anchor-top-right .top, .overlay.mapboxgl-popup-anchor-top-right .top {
	margin-right: 0;
}

.ol-overlay-container .add-marker .top,
.overlay.add-marker .top
{
	border-bottom-color: white;
}

.overlay .inner .header {
	padding: 15px;
	margin: 0;
}

.overlay .inner .header .close
{
	right: 25px;
	top: 20px;
	padding: 0;
	font-size: 16px;
}

.overlay .header h3 {
	margin-bottom: 0;
	padding-right: 84px;
	line-height: 1.3em;
}

@media(max-width: 1024px)
{
	.overlay .header h3
	{
		padding-right: 30px;
	}
}

@media(max-width: 767px)
{
	.overlay .header h3
	{
		padding-right: 25px;
	}

	.overlay.ol-overlay .header h3
	{
		padding-right: 100px;
	}
}

.overlay h3 {
	font-size: 16px;
	color: #fff;
}

.overlay h4 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}

.overlay .content > h4 {
	margin-top: 0
}

.overlay .text-center {
	width: 75%;
	margin: 40px auto;
	text-align: center;
}

.new-overlay.overlay .text-center
{
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

.new-overlay.overlay .text-center p
{
	margin-bottom: 0;
}

.overlay .footer {
	background: #F0F0F0;
	/*margin: 20px -20px -30px -20px;*/
	padding: 15px 15px;
	box-sizing: border-box
}

.new-overlay.overlay .footer
{
	background: transparent;
}

@media(max-width: 767px)
{
	.new-overlay.overlay.user-login .footer a
	{
		display: block;
		color: white;
	}
}

.overlay .footer h3 {
	font-size: 14px;
	color: #333
}

.overlay .footer > .button,
.overlay .footer input[type="submit"] {
	margin-top: 0;
}

.overlay .footer .accordion .accordion-item {
	/*display: none;*/
}

.overlay .footer a {
	color: white
}

.overlay .footer > a {
	margin-top: 5px;
	display: inline-block
}

.overlay .close {
	background: none;
	float: right;
	cursor: pointer;
	padding: 10px;
	margin: -12px -10px 0 0;
}

.overlay .icon.close:hover {
	color: #0090A0;
}

/*---------------- Overlay Inhalte -----------------*/

.entry-meta {
	color: #999999;
	font-size: 13px;
	margin-top: -12px;
}

.entry-meta .button-small {
	background: #CCC;
	color: #fff;
}

.entry-meta div {
	display: inline;
}

.entry-meta div:before {
	height: 10px;
	width: 1px;
	background: #ccc;
	display: inline-block;
	content: "";
	margin-right: 5px;
	margin-left: 5px;
}

.entry-meta div:first-child:before {
	background: none;
	margin-left: 0;
	margin-right: 0
}

.entry-meta div span:after {
	height: 0;
	width: 0;
	margin: 0
}

.entry-meta a,
.overlay .footer .entry-meta a {
	color: #999;
	font-weight: normal;
}

.entry-meta a:before,
.overlay .footer .entry-meta a:before {
	height: 10px;
	width: 1px;
	background: #ccc;
	display: inline-block;
	content: "";
	margin-right: 5px;
	margin-left: 5px;
}

.entry-meta a i {
	margin-right: 6px;
}

.comments .comment
{
	margin-bottom: 15px;
	border-bottom: 1px solid #4A4A4A;
	padding-bottom: 15px;
}

.comments .comment:first-child
{
	border-top: 1px solid #4A4A4A;
	padding-top: 15px;
}

.comments .comment p
{
	margin-bottom: 0;
}

@media(max-width: 767px)
{
	.comments .comment p
	{
		margin-bottom: 10px;
	}
}

.contextmenu,
.pin .header > .contextmenu {
	background: var(--main-color);
	color: #fff;
	display: none;
	width: auto;
	height: auto;
	position: absolute;
	padding: 10px 15px;
	margin: 0;
	right: 0;
	min-width: 100px;
	z-index: 1
}

.contextmenu li {
	background: none;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding-left: 0;
	margin-top: 0;
}

.contextmenu li:first-child {
	border-top: none;
}

.contextmenu a {
	color: #fff;
	display: inline-block;
	padding: 5px 0;
	min-width: 150px;
}

.contextmenu.light,
.pin .header > .contextmenu.light {
	background: #fff;
	width: auto;
	height: auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	min-width: 100px;
}

.contextmenu.light a {
	color: #333
}

/* Browser Update Plug-In */
#jr_inner ul li#jr_chrome,
#jr_inner ul li#jr_chrome .jr-icon {
	margin-left: 0;
	padding-left: 0
}

#jr_inner ul {
	margin-top: 10px;
}

#jr_close a:before {
	font-family: FontAwesome;
	content: "\f00d";
	display: inline-block;
	margin-right: 10px;
	font-weight: normal;
	font-size: 20px;
	vertical-align: baseline
}

#jr_close {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

#jr_close a {
	display: inline-block;
	text-decoration: none;
}

#jr_close a:hover {
	text-decoration: underline
}

#jr_inner {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

#jr_inner li a {
	font-size: 13px;
	margin-top: 10px;
	display: inline-block;

}

/*----- OVERWRITE RULES -----*/
.new-overlay .inner
{
	margin-left: -375px;
	box-sizing: border-box;
	width: 750px;
	max-height: 750px;

	position: fixed;
	transform: translateY(-50%);
	border: 1px solid white;
	background: white;
}

@media(max-width: 767px)
{
	.new-overlay .inner
	{
		width: 100% !important;
		margin-left: 0 !important;
		left: unset !important;
		max-height: 90% !important;
	}

	.new-overlay:not(.ol-overlay) .inner
	{
		transform: translate(-50%,-50%);
		margin-left: 0 !important;
		overflow-x: hidden;
		overflow-y: auto !important;
		left: 50% !important;
		max-width: 90% !important;
	}
}

.new-overlay .textarea-box
{
	padding-top: 15px;
}

.new-overlay.ol-overlay .inner
{
	position: relative;
	transform: none;
}

@media(max-width: 767px)
{
	.new-overlay:not(.ol-overlay) .inner::-webkit-scrollbar
	{
		width: 7px;
	}

	.new-overlay:not(.ol-overlay) .inner::-webkit-scrollbar-track
	{
		background: rgba(74, 74, 74, 1);
		border-radius: 0;
	}

	.new-overlay:not(.ol-overlay) .inner::-webkit-scrollbar-thumb
	{
		background: rgba(155, 155, 155, 0.7);
		border-radius: 0;
	}

	.new-overlay:not(.ol-overlay) .inner::-webkit-scrollbar-thumb:window-inactive
	{
		background: rgba(155, 155, 155, 0.7);
	}
}

.ol-overlay-container .new-overlay .inner
{
	/*top: auto;*/
	/*left: auto;*/
	/*z-index: 2;*/
}

@media(max-width: 767px)
{
	.ol-overlay-container .new-overlay .inner
	{
		z-index: 999;
	}
}

.new-overlay .inner .header
{
	background: white;
	color: #242424;
	padding: 0;
	margin-bottom: 15px;
	max-height: 200px;
}

.new-overlay .inner .header h3
{
	color: #242424;
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
}

@media(max-width: 767px)
{
	.new-overlay .inner .header h3
	{
		font-size: 19px;
		line-height: 22px;
	}
}

.new-overlay .inner .content,
.new-overlay .inner .footer
{
	padding: 0;
	margin: 0;
}

.new-overlay .content .scroll-container
{
	/*max-height: none;*/
}

@media(max-width: 767px)
{
	.new-overlay .content .scroll-container
	{
		max-height: none;
	}
}

/*----- ADD NEW RULES -----*/
.subheading
{
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}

@media(min-width: 1200px)
{
	.subheading
	{
		font-size: 28px;
		line-height: 32px;
	}
}

@media(max-width: 1024px)
{
	.subheading
	{
		font-size: 22px;
		line-height: 27px;
	}
}

#layer-select-area {
	position: absolute;
	right: 60px;
	top: 70px;
	z-index: 1;
	box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.35);
	width: auto;
	background: white;
	text-align: center;
	border-radius: 4px;
}

@media (min-width: 768px) {
	#layer-select-area {
		width: 240px;
	}
}

@media (min-width: 1025px) {
	#layer-select-area {
		top: 10px;
	}
}

#layer-select
{
	padding: 4px 8px;
	padding-right: 25px;
	border: none;
	border-radius: 4px;
	right: 15px;
	font-size: 12px;
}

@media(min-width: 768px)
{
	#layer-select
	{
		padding: 15px;
		right: unset;
		font-size: 18px;
	}
}

#layer-select-area .select-arrow {
	margin-top: -3px;
}

@media(min-width: 768px)
{
	#layer-select-area .select-arrow {
		margin-top: -5px;
	}
}

.select-area
{
	position: relative;
}

.select-area-inline
{
	display: inline-block;
}

.overlay.new-user .select-area
{
	width: 385px;
	margin-bottom: 20px;
}

@media(max-width: 767px)
{
	.overlay.new-user .select-area
	{
		width: 100%;
		margin-bottom: 10px;
	}
}

.select-button
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	position: static;
	border: 1px solid #979797;
	background-color: white;

	padding: 7px 12px;
	font-size: 16px;
	line-height: 19px;
	padding-right: 45px;
}

.select-button.main-color
{
	background: #3E3E3E;
	color: white;
	border: none;
}

.select-button.second-color
{
	background: var(--main-color);
	color: white;
	border: none;
}

.select-button.big
{
	padding: 12px 20px;
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 27px;
	padding-right: 55px;
}

@media(max-width: 767px)
{
	.select-button.big
	{
		padding: 10px 15px;
		font-size: 16px;
	}
}

.select-arrow
{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	border: solid #082729;
	border-width: 0 1px 1px 0;
	padding: 3px;
	right: 15px;
}

@media(min-width: 768px)
{
	.select-arrow
	{
		right: 20px;
	}
}

.select-arrow.arrow-white
{
	border-color: white;
}

.select-arrow.arrow-right
{
	right: 3px;
}

.select-button.big + .select-arrow,
.select-arrow.arrow-big
{
	padding: 5px;
	right: 20px;
}

.select-button.main-color + .select-arrow,
.select-button.second-color + .select-arrow
{
	border-color: white;
}

.close-redesign
{
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 16px;
	height: 16px;
}

.close-redesign:before, .close-redesign:after
{
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 16px;
	height: 0;
	border-top: 1px solid #242424;
	transform-origin: center;
}

.close-redesign:before
{
	transform: rotate(45deg);
}

.close-redesign:after
{
	transform: rotate(-45deg);
}

.close-white:before, .close-white:after
{
	border-color: white;
}

.form-group-container select,
.form-group-container input,
.form-group-container textarea
{
	margin-bottom: 10px;
}

@media(max-width: 767px)
{
	.form-group-container label
	{
		margin-bottom: 10px;
		display: inline-block;
	}
}

.custom-input
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border-radius: 0;
	width: 100%;
	position: static;
	border: 1px solid #979797;
	box-sizing: border-box;
	padding: 7px 12px;
	font-size: 16px;
	line-height: 19px;
	color: #242424;
}

.custom-input:focus
{
	outline: none;
}

.custom-input.big
{
	padding: 12px 20px;
	font-size: 18px;
	line-height: 27px;
}

@media(max-width: 767px)
{
	.custom-input,
	.custom-input.big
	{
		font-size: 16px;
	}
}

.custom-input.input-grey
{
	border: none;
	background: #ECECEC;
}

.custom-textarea
{
	padding: 7px 12px;
	font-size: 16px;
	line-height: 19px;
	resize: vertical;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
}

.custom-input.wrong-field,
.custom-textarea.wrong-field
{
	border: 1px solid var(--main-color) !important;
}

.custom-textarea:focus
{
	outline: none;
}

.custom-textarea.big
{
	padding: 12px 20px;
	font-size: 18px;
	line-height: 27px;
}

.custom-textarea.textarea-grey
{
	border: none;
	background: #ECECEC;
}

.custom-textarea.textarea-grey.wrong-field
{
	border: 1px solid var(--main-color);
}

@media(max-width: 767px)
{
	.custom-textarea,
	.custom-textarea.big
	{
		font-size: 16px;
	}
}

form input[type="submit"].custom-submit-button
{
	margin: 20px 0 0 auto;
}

form input[type="submit"].custom-submit-button.left
{
	margin: 20px auto 0 0;
}

input[type=checkbox].css-checkbox + label.css-label.small,
input[type=checkbox].css-checkbox + label.css-label.small a
{
	font-size: 14px;
}

.relevance-categories-main-line
{
	width: 100%;
	height: 3px;
	background: #4A4A4A;
}

.relevance-categories-line
{
	height: 100%;
	width: 0;
}

.relevance-categories-main-line[data-category-color="1"] .relevance-categories-line
{
	background-color: #007698;
}

.relevance-categories-main-line[data-category-color="2"] .relevance-categories-line
{
	background-color: #FAD361;
}

.relevance-categories-main-line[data-category-color="3"] .relevance-categories-line
{
	background-color: #9B9B9B;
}

.relevance-categories-main-line[data-category-color="4"] .relevance-categories-line
{
	background-color: #9BB751;
}

.relevance-categories-main-line[data-category-color="5"] .relevance-categories-line
{
	background-color: #E39A65;
}

.relevance-categories-main-line[data-category-color="6"] .relevance-categories-line
{
	background-color: #E36568;
}

.relevance-categories-main-line[data-category-color="7"] .relevance-categories-line
{
	background-color: #4FAB84;
}

.relevance-categories-main-line[data-category-color="8"] .relevance-categories-line
{
	background-color: #8D6691;
}

.white-space-between-divider
{
	height: 10px;
}

.pins .pin
{
	padding-top: 18px;
}

@media(min-width: 992px)
{
	.pins .pin
	{
		padding-top: 36px;
	}
}

.pin + .pin
{
	margin-top: 0;
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.pin .content
{
	margin-top: 0;
}

.comment-trigger
{
	padding: 15px 0;
}

.comment-trigger p
{
	margin-bottom: 0;
}

.comment-trigger.opened .select-arrow
{
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-top: -3px;
}

.comment-target
{
	display: none;
	padding-bottom: 36px;
}

.accordion-trigger
{
	position: relative;
	cursor: pointer;
}

.custom-header
{
	/*margin-bottom: 10px;*/
}

.custom-header p
{
	margin-bottom: 0;
}

/*--- NEW BUTTON STYLES ---*/
.button.button-inline-block
{
	width: auto;
	display: inline-block;
}

.button.button-inline-block.with-arrow
{
	padding-right: 60px;
}

.button.button-inline-block.big.with-arrow
{
	padding-right: 50px;
}

.button.button-inline-block.with-arrow.without-text
{
	padding: 0;
	width: 34px;
	height: 34px;
}

.button.button-inline-block.with-arrow.without-text:after
{
	right: 15px !important;
}

.comment-container {
	position: relative;
}

.comment-container .ep---buttonSpinner--wrapper {
	position: static;
}

.comment-container .button {
	position: absolute;
	bottom: 7px;
	right: 4px;
}

@media(min-width: 1025px) {
	.comment-container .button {
		bottom: 13px;
	}
}

.button.with-arrow.arrow-right:after
{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -2px;
}

.button.with-arrow.arrow-right.big:after
{
	margin-top: -5px;
}

.button.with-arrow.arrow-pull-right:after
{
	right: 4px;
}

.button.big.with-arrow.arrow-pull-right:after
{
	right: 7px;
}

.select-block {
	position: relative;
}

@media(max-width: 767px)
{
	.select-block
	{
		margin-bottom: 20px;
	}

	.select-group select
	{
		margin-bottom: 10px;
	}
}

.go-back-button
{
	position: relative;
	padding-left: 15px;
	display: inline-block;
	height: 27px;
	cursor: pointer;
}

@media(max-width: 991.99px)
{
	.go-back-button
	{
		height: 19px;
	}
}

.go-back-button:before
{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border: solid #082729;
	border-width: 0 1px 1px 0;
	padding: 3px;
	left: 0;
}

.go-back-button.arrow-white:before
{
	border-color: white;
}

.comments-wrapper
{
	margin-bottom: 15px;
}

.accordion-wrapper
{
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

.accordion .accordion-item .toggle-accordion
{
	padding: 15px 0;
	position: relative;
	cursor: pointer;
}

.accordion .accordion-item .toggle-accordion p
{
	margin-bottom: 0;
}

.accordion-item .accordion-content
{
	border: 0;
	padding: 0;
	margin-top: 0;
}

.accordion-item.open .select-arrow
{
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-top: -3px;
}

/*----- BUTTON ACCORDION -----*/
.button-accordion-container
{
	position: relative;
}

.button-accordion-container .loading-container
{
	z-index: 2;
}

.button-accordion-container .loading-spinner
{
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.button-accordion-trigger
{
	margin-bottom: 1px;
}

.button-accordion-trigger .close
{
	display: none;
}

.button-accordion-trigger.button-accordion-trigger_clicked
{
	/*background: white;*/
	/*color: #242424;*/
	background: var(--main-color);
	color: #FFF;
}

.button-accordion-trigger_clicked .close-redesign:before, .button-accordion-trigger_clicked .close-redesign:after {
	/*border-color: #242424;*/
	border-color: #FFF;
}

.button-accordion-trigger.button-accordion-trigger_clicked .close
{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
}

@media(max-width: 767px)
{
	.button-accordion-trigger.button-accordion-trigger_clicked .close
	{
		right: 15px;
	}
}

.button-accordion-trigger.button-accordion-trigger_clicked:after
{
	display: none;
}

.button-accordion-content
{
	background: white;
	padding: 25px;
	color: #242424;
	position: absolute;
	z-index: 2;
	width: 100%;
	margin-bottom: 50px;

	display: none;
	border-bottom: 4px solid var(--main-color);
}

@media(max-width: 767px)
{
	.button-accordion-content
	{
		padding: 15px;
	}
}

.accordion-select-wrapper.button
{
	padding: 0;
}

@media(max-width: 1024px)
{
	.accordion-select-wrapper.button
	{
		padding-right: 20px;
	}
}

.accordion-select-image_left
{
	margin-right: 10px;
}

.accordion-select-image_right
{
	margin-left: 10px;
}

.accordion-select-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}

@media (max-width: 1024px)
{
	.accordion-select-title
	{
		font-size: 16px;
		line-height: 22px;
	}
}

.sidebar,
#layer-select-area,
.ol-zoom,
.ol-attribution.ol-logo-only,
.mobile-menu-bottom
{
	display: none;
}

/*-- home page --*/
.ep---textLink
{
	color: white;
	font-weight: normal;
	line-height: 1;
	cursor: pointer;
	display: flex;
}

/*-- home page END --*/
.ep---textLink__container {
	display: flex;
	margin-top: 15px;
	justify-content: center;
}

@media(min-width: 768px) {
	.ep---textLink__container {
		margin-top: 25px;
	}
}

.likes-dislikes-container
{
	right: inherit;
	display: flex;
	align-items: center;
	gap: 15px;
}

@media(min-width: 768px) {
	.likes-dislikes-container {
		gap: 20px;
	}
}

.like-container, .dislike-container
{
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.rating-button
{
	cursor: default;
	cursor: pointer;
}

.rating-button.rating-disabled
{
	cursor: default;
}

.rating-button.rated .rating-icon
{
	color: var(--main-color);
}

.rating-button.rated .likes, .rating-button.rated .dislikes
{
	color: white;
}

.rating-icon
{
	font-size: 34px;
}

.dislike-container
{
	/*top: 15px;*/
}

.likes, .dislikes
{
	color: #FFF;
	font-size: 12px;
	line-height: 1;
	width: 100%;
	text-align: center;
}

@media(min-width: 768px) {
	.likes, .dislikes {
		font-size: 14px;
	}
}

.likes
{
	bottom: 10px;
}

.dislikes
{
	top: 5px;
}

@media(max-width: 767px)
{
	.like-container img
	{
		width: 25px;
	}

	.likes
	{
		bottom: 6px;
	}
}

.list-view-datetime
{
	display: inline-block;
}

.close-list-view
{
	position: absolute;
	top: 2px;
	right: 4px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.close-list-view:before,
.close-list-view:after
{
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 27px;
	height: 0;
	border-top: 1px solid #fff;
	transform-origin: center;
}

.close-list-view:before
{
	transform: rotate(45deg);
}

.close-list-view:after
{
	transform: rotate(-45deg);
}

.category-color-icon
{
	display: flex;
	gap: 10px;
	align-items: center;
}

@media(min-width: 1025px)
{
	.category-color-icon
	{
		gap: 15px;
	}
}

.category-color-icon .title {
	margin: 0;
}

.list-view .category-color-icon .button.show-pin-on-map {
	margin: 0;
}

.category-color-box
{
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 100%;
	vertical-align: top;
	background-color: white;
	flex: 0 0 20px;
}

@media(min-width: 1025px) {
	.category-color-box {
		width: 25px;
		height: 25px;
		flex: 0 0 25px;
	}
}

/* CATEGORY COLOR "BLAU" */
*[data-cat-id="1"]
{
	background-color: #007698;
}

/* CATEGORY COLOR "GELB" */
*[data-cat-id="2"]
{
	background-color: #FAD361;
}

/* CATEGORY COLOR "GRAU" */
*[data-cat-id="3"]
{
	background-color: #9B9B9B;
}

/* CATEGORY COLOR "GRÜN" */
*[data-cat-id="4"]
{
	background-color: #9BB751;
}

/* CATEGORY COLOR "ORANGE" */
*[data-cat-id="5"]
{
	background-color: #E39A65;
}

/* CATEGORY COLOR "ROT" */
*[data-cat-id="6"]
{
	background-color: #E36568;
}

/* CATEGORY COLOR "TÜRKIS" */
*[data-cat-id="7"]
{
	background-color: #4FAB84;
}

/* CATEGORY COLOR "VIOLETT" */
*[data-cat-id="8"]
{
	background-color: #8D6691;
}

.ep---metaInfo {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 5px;
}

.ep---metaInfo .category-color-box {
	margin: 0;
	border-radius: 4px;
}

.user
{
	display: inline-block;
}

@media(max-width: 767px)
{
	label
	{
		margin-bottom: 5px;
	}

	.user-login .button
	{
		margin-top: 25px;
	}
}

@media(min-width: 1024px)
{
	.user-login .button
	{
		margin-top: 0;
	}
}

/*--- LOADING SPINNER ---*/
.loading-container, .rating_loading-container
{
	height: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	background: #242424;
	left: 0;
	right: 0;
	z-index: 1;
}

.rating_loading-container
{
	display: none;
}

.rating-disabled .rating_loading-container
{
	display: block;
}

.loading-spinner, .rating_loading-spinner
{
	color: white;
	text-indent: -9999em;
	overflow: hidden;
	width: 50px;
	height: 50px;
	font-size: 50px;
	border-radius: 50%;
	margin: 0 auto;
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	position: absolute;
	opacity: .8;
	cursor: default;
	left: 9px;
	right: 9px;
	top: 50%;
	margin-top: -12px;
	bottom: 0;
}

.rating_loading-spinner
{
	width: 10px;
	height: 10px;
	font-size: 10px;
	margin-top: 1px;
}

.dislike-container .rating_loading-spinner
{
	margin-top: -14px;
}

@-webkit-keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.ep---buttonSpinner--wrapper
{
	position: relative;
}

.ep---buttonSpinner--wrapper .loading-spinner
{
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-top: -10px;
}

.small.ep---buttonSpinner--wrapper .loading-spinner
{
	width: 10px;
	height: 10px;
	font-size: 10px;
	margin-top: -5px;
}

.open-home-page:hover
{
	cursor: pointer;
}

.mapboxgl-popup-close-button
{
	height: 2rem;
	width: 2rem;
	z-index: 11;
}

.mapboxgl-popup-content
{
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.ep---flex
{
	display: flex;
	flex-wrap: wrap;
	gap: 150px;
}

.ep---flex--col
{
	flex: 0 1 calc(100% / 3 - 150px);
}

.position-relative
{
	position: relative;
}

.customlogo
{
	width: auto;
	height: auto;
	max-width: 400px;
	max-height: 250px;

	position: absolute;
	left: 0;
	right: auto;
	transition: all ease-in-out 350ms;
	display: block;
}

.header .logos .customlogo
{
	max-width: inherit;
	right: -1rem;
	left: auto;
	max-height: 60px;
}

@media(max-width: 1400px)
{
	.customlogo
	{
		max-width: 300px;
		max-height: 200px;
	}

}

@media(max-width: 1024px)
{
	.customlogo
	{
		max-width: 250px;
		max-height: 150px;

		position: relative;
		margin: 0 auto 3rem auto;
	}

	.header .logos .customlogo
	{
		max-width: inherit;
		right: auto;
		left: 30%;
		max-height: 50px;
		position: absolute;
	}

}

@media(max-width: 768px)
{

	.header .logos .customlogo
	{
		right: 0;
		left: auto;
		position: absolute;
	}

}

.ep---projectName {
	font-weight: 700;
}

@media(min-width: 768px) {
	.ep---projectName {
		font-size: 18px;
	}
}

#map .mapboxgl-ctrl-top-right {
	top: 60px;
}

@media(min-width: 1025px) {
	#map .mapboxgl-ctrl-top-right {
		top: 0;
	}
}

.ep---setPin__container {
	position: absolute;
	bottom: 50px;
	display: flex;
	justify-content: center;
	width: 100%;
}

@media(min-width: 1025px) {
	.ep---setPin__container .button-accordion-container {
		display: none !important;
	}
}

.ep---setPin__container .button-accordion-container > .button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.ep---setPin__container .button-accordion-trigger.button-accordion-trigger_clicked {
	background: var(--main-color);
	color: #FFF;
}

.ep---setPin__container .button-accordion-content {
	bottom: 0;
}

.button-square-group .button:not(.category-color-icon) {
	display: flex;
	align-items: center;
	gap: 15px;
	white-space: unset;
}

@media(max-width: 1024px) {
	.button-square-group {
		display: flex;
		gap: 10px;
		margin-bottom: 10px;
	}

	.button-square-group .button-accordion-container {
		position: static;
	}

	.button-square-group .button-accordion-content {
		width: auto;
		left: 20px;
		right: 20px;
		border-bottom: 4px solid var(--main-color);
		margin-top: 1px;
	}

	.button-square-group .button {
		margin: 0;
	}

	.button-square-group > * {
		flex: 0 0 50%;
		max-width: calc(50% - 10px);
	}

	.button-square-group .button:not(.category-color-icon) {
		justify-content: space-between;
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.button-square-group .style-categories .button {
		padding: 0 !important;
		flex-direction: unset;
		text-align: left;
		justify-content: flex-start;
		margin-top: 15px;
	}

	.button-square-group .style-categories .button .category-color-box {
		margin: 0;
	}
}

@media(max-width: 768px) {
	.button-square-group .button-accordion-content {
		left: 15px;
		right: 15px;
	}
}

.control-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 20px;
}

#selectFilter svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}

#filterCat {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.75%2014V9H8.25V10.75H14.25V12.25H8.25V14H6.75ZM0.25%2012.25V10.75H5.25V12.25H0.25ZM3.25%209.5V7.75H0.25V6.25H3.25V4.5H4.75V9.5H3.25ZM6.25%207.75V6.25H14.25V7.75H6.25ZM9.25%205V0H10.75V1.75H14.25V3.25H10.75V5H9.25ZM0.25%203.25V1.75H8.25V3.25H0.25Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding-left: 40px;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

#sortItems {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%209V2.875L1.8125%205.0625L0.75%204L4.75%200L8.75%204L7.6875%205.0625L5.5%202.875V9H4ZM9.75%2016L5.75%2012L6.8125%2010.9375L9%2013.125V7H10.5V13.125L12.6875%2010.9375L13.75%2012L9.75%2016Z%22%20fill%3D%22%23FFFFFF%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding-left: 40px;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.select-dropdown {
	position: relative;
	background-color: #3E3E3E;
	padding: 10px 15px;
	left: 0;
	right: 0;

}

@media(min-width: 768px) {
	.select-dropdown {
		padding: 12px 20px;
	}
}

.select-dropdown-title {
	display: flex;
	align-items: center;
	font-weight: 400;
	/*justify-content: center;*/
}

.select-dropdown-title span {
	padding-left: 10px;
	font-size: 16px;
	line-height: 27px;
}

@media(min-width: 768px) {
	.select-dropdown-title span {
		font-size: 18px;
	}
}

.select-dropdown-group {
	display: none;
	margin-top: 15px;
}

.select-dropdown:hover {
	position: absolute;
	z-index: 5;
}

.select-dropdown:hover .select-dropdown-group {
	display: block;
}

.select-dropdown-area {
	position: relative;
	margin-bottom: 10px;
}

.select-dropdown-button.select-button {
	padding: 6px 10px;
	border: 1px solid #ccc;
}

.select-dropdown-button.select-button option {
	/*color: #242424;*/
}

.select-dropdown-arrow.select-arrow {
	padding: 4px !important;
	margin-top: -6px;
}

.show-pin-on-map {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.comment-like-container {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-left: auto;
}

@media(min-width: 768px) {
	.comment-like-container {
		gap: 20px;
	}
}

.comment-like-container .comment-trigger {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	cursor: pointer;
	gap: 10px;
	padding: 0;
}

/*.comment-like-container .comment-trigger:after {*/
/*	content: '';*/
/*	position: absolute;*/
/*	bottom: -13px;*/
/*	margin-top: 0;*/
/*	-webkit-transform: rotate(135deg);*/
/*	transform: rotate(135deg) translateX(0);*/
/*	border: solid #FFF;*/
/*	border-width: 0px 0px 1px 1px;*/
/*	padding: 3px;*/
/*	left: 6px;*/
/*	opacity: 0;*/
/*	background: white;*/
/*	transition: all .3s;*/
/*}*/

/*.comment-like-container .comment-trigger.opened:after {*/
/*	opacity: 1;*/
/*}*/

.comment-like-container .comment-wrapper {
	border: none;
}

.comment-like-container .commentcount {
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

@media(min-width: 768px) {
	.comment-like-container .commentcount {
		font-size: 14px;
	}
}

.comment-like-container .comment-target {
	position: absolute;
	left: 0;
	right: 0;
	background: black;
	padding: 20px 20px 36px;
	margin-top: 20px;
	z-index: 3;
	border-top: 1px solid #979797;
	border-bottom: 4px solid var(--main-color);
}

.button-stop-add-marker {
	justify-content: space-between;
	align-items: center;
	gap: 8px;

	display: none;
	width: auto;
}

.button.no-style, button.no-style {
	background: none;
	color: white;
	font-size: 16px;
	padding: 0;
	line-height: 19px;
}

.home-page {
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 99;
	padding: 15px 10px 50px 10px;
	color: white;
	overflow-x: hidden;
	overflow-y: auto !important;

	position: absolute;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.home-page {
		padding: 15px 15px 50px 15px;
		gap: 65px;
	}
}

@media (min-width: 992px) {
	.home-page {
		display: block;
		padding: 125px 75px 125px 75px;
	}
}

@media (min-width: 1200px) {
	.home-page {
		padding: 150px 100px 150px 100px;
	}
}

.home-page.map-loaded {
	background: rgba(0, 0, 0, 0.85);
}

/* Grid Anpassungen */
.home-page .ep---row_xxl {
	margin-left: -30px;
	margin-right: -30px;
}

.home-page .ep---col_xxl {
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 1451px) {
	.home-page .ep---row_xxl {
		margin-left: -50px;
		margin-right: -50px;
	}

	.home-page .ep---col_xxl {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* Content */
.home-page-content_wrapper {
	margin-top: auto;
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.home-page-content_wrapper {
		order: 2;
		padding: 0 35px;
	}
}

@media (min-width: 992px) {
	.home-page-content_wrapper {
		order: unset;
		padding: 0;
	}
}

.home-page-content_content .ep---col {
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.home-page-content_content .ep---col {
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) {
	.home-page-content_content .ep---col {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.home-page-content_content.show-projectResult {
		padding-top: 0;
	}
}

/* Logos */
.home-page .logos img {
	max-height: 125px;
	height: 125px;
	position: relative;
	top: 30px;
	left: 50px;
}

@media (min-width: 768px) {
	.home-page .logos img {
		max-height: 200px;
		height: 200px;
		top: 65px;
		left: 80px;
	}
}

@media (min-width: 1025px) {
	.home-page .logos img {
		max-height: 250px;
		height: 250px;
		left: 100px;
		top: 75px;
	}
}

/* Headline-Beside-Logo */
.home-page .headline-beside-logo {
	position: static;
	max-width: 500px;
	font-weight: 500;
	/*top: -30px;*/
	/*left: -50px;*/
}

.home-page .headline-beside-logo p {
	font-size: 14px;
	line-height: 20px;
}

@media (min-width: 768px) {
	.home-page .headline-beside-logo {
		top: -40px;
		left: -80px;
	}

	.home-page .headline-beside-logo p {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (min-width: 1025px) {
	.home-page .headline-beside-logo {
		top: -45px;
		left: -102px;
	}

	.home-page .headline-beside-logo p {
		font-size: 24px;
		line-height: 29px;
	}
}

/* Headline */
@media (min-width: 1024px) {
	.home-page-content_headline-wrapper {
		padding-bottom: 15px;
	}
}

.home-page-content_headline {
	font-size: 40px;
	line-height: 55px;
	font-weight: normal;
}

@media (min-width: 992px) {
	.home-page-content_headline {
		font-size: 45px;
		line-height: 60px;
	}
}

@media (min-width: 1450px) {
	.home-page-content_headline {
		font-size: 50px;
		line-height: 65px;
	}
}

@media (min-width: 1600px) {
	.home-page-content_headline {
		font-size: 60px;
		line-height: 75px;
	}
}

@media (min-width: 1750px) {
	.home-page-content_headline {
		font-size: 70px;
		line-height: 85px;
	}
}

@media (min-width: 1920px) {
	.home-page-content_headline {
		font-size: 80px;
		line-height: 95px;
	}
}

/* Header */
.home-page-header_wrapper {
	margin-top: auto;
}

@media(min-width: 768px) {
	.home-page-header_wrapper {
		order: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: unset;
	}
}

.home-page-content_header {
	padding-bottom: 40px;
}

@media (min-width: 768px) {
	.home-page-content_header {
		padding-bottom: 50px;
	}
}

/* Text */
@media (max-width: 991px) {
	.home-page-content_text {
		height: auto !important;
	}
}

@media (min-width: 992px) {
	.home-page-content_text {
		margin-bottom: 1em;
	}
}

@media (min-width: 1024px) {
	.home-page-content_text {
		margin-bottom: 30px;
	}
}

/* Buttons */
.home-page-content_buttons {
	margin-top: 0;
}

@media (min-width: 768px) {
	.home-page-content_buttons {
		margin-top: 1em;
	}
}

@media (min-width: 1200px) {
	.home-page-content_buttons {
		margin-top: 1em;
	}
}

.home-page-content_buttons .button-group .button {
	margin-top: 15px;
}

@media (min-width: 1200px) {
	.home-page-content_buttons .button-group .button {
		margin-top: 40px;
	}
}

/* Footer */
.home-page-footer_wrapper {
	position: static;
	text-align: left;
}

@media (min-width: 768px) {
	.home-page-footer_wrapper {
		position: relative;
		right: -20px;
		bottom: -75px;
	}
}

@media (min-width: 992px) {
	.home-page-footer_wrapper {
		right: -25px;
		bottom: -95px;
	}
}

@media (min-width: 1200px) {
	.home-page-footer_wrapper {
		right: -50px;
		bottom: -110px;
		text-align: right;
		display: none;
	}
}

@media (min-width: 992px) {
	.home-page-footer_wrapper.push_bottom {
		position: absolute;
		right: 50px;
		bottom: 40px;
	}
}

/* Footer Links */
.home-page-footer_wrapper li {
	display: block;
	margin-top: 25px;
	margin-left: 0;
}

@media (min-width: 768px) {
	.home-page-footer_wrapper li {
		display: inline-block;
		margin-left: 15px;
		margin-top: 0;
	}
}

.home-page-footer_wrapper li:first-child {
	margin-left: 0;
}

.home-page-footer_wrapper a {
	color: white;
	font-weight: normal;
}


.meta-navigation {
	line-height: 1;
	text-align: right;
	z-index: 1;
	display: flex;
	gap: 10px 15px;
	justify-content: center;
	align-items: center;
	top: 25px;
	right: 30px;
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.home-page-header_wrapper .meta-navigation {
		position: absolute;
		top: 40px;
		right: 50px;
	}
}

/*@media (min-width: 1025px) {*/
/*	.meta-navigation {*/
/*		justify-content: flex-start;*/
/*	}*/
/*}*/

/* Sidebar Navigation */
.sidebar .meta-navigation {
	top: 25px;
	right: 25px;
}

@media (max-width: 767px) {
	.sidebar .meta-navigation {
		position: relative;
		top: 0;
		right: 0;
	}
}

/* Navigation Items */
.meta-navigation li {
	display: inline-block;
	line-height: 1;
}

.sidebar .meta-navigation li {
	margin: 0;
}

/* Navigation Links */
.meta-navigation li, .sidebar .meta-navigation li, .sidebar .footer .meta-navigation li {
	margin: 0;
}

.meta-navigation a {
	color: white;
	font-weight: normal;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.3s;
	font-size: 13px;
	line-height: 14px;
}

.meta-navigation a:hover {
	opacity: 1;
}

@media (min-width: 768px) {
	.meta-navigation a {
		/*opacity: 1;*/
		font-size: 16px;
		/*line-height: 1;*/
	}
}

@media (min-width: 1024px) {
	.meta-navigation a {
		font-size: 18px;
	}
}

/* Linke Navigation */
.meta-nav-left {
	top: 25px;
	left: 30px;
}

@media (min-width: 992px) {
	.home-page-header_wrapper .meta-nav-left {
		position: absolute;
		top: 40px;
		left: 50px;
	}

	.sidebar .meta-nav-left {

	}
}

/* Rechte Navigation */
@media (max-width: 767px) {
	.meta-nav-left,
	.meta-nav-right .meta-navigation {
		position: static;
		text-align: left;
	}
}

/* LOGO */
.meta-nav-left.owner-logo {
	display: flex;
	justify-content: center;
	line-height: 0;
}

@media (min-width: 768px) {
	.meta-nav-left.owner-logo {
		margin-bottom: 20px;
	}
}

/*@media (min-width: 1025px) {*/
/*	.meta-nav-left.owner-logo {*/
/*		justify-content: start;*/
/*	}*/
/*}*/

.meta-nav-left.owner-logo a {
	line-height: 1;
}

@media (max-width: 767px) {
	.meta-nav-left.owner-logo a {
		margin-left: -3px;
	}
}

.meta-nav-left.owner-logo img {
	width: 235px;
}

@media (min-width: 992px) {
	.meta-nav-left.owner-logo img {
		width: 406px;
	}
}

.mobile-menu-bottom {
	width: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	z-index: 11;
	color: white;
	padding: 10px 15px;
	border-top: 4px solid var(--main-color);
}

.mobile-menu-bottom-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile-menu-bottom-logo img {
	height: 30px;
	display: block;
}

@media(min-width: 768px) {
	.mobile-menu-bottom-logo img {
		height: 40px;
	}
}

.mobile-menu-bottom .burger-menu-wrapper {
	width: 30px;
}

.mobile-menu-bottom .burger-menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 18px;
	gap: 6px;
	position: relative;
}

@media(min-width: 768px) {
	.mobile-menu-bottom .burger-menu {
		gap: 8px;
	}
}

.mobile-menu-bottom .burger-menu span {
	width: 100%;
	height: 2px;
	background: #FFF;
	display: block;
	transition: all 0.3s ease;
	position: absolute;
	left: 0;
}

.mobile-menu-bottom .burger-menu span:first-child {
	top: 0;
}

.mobile-menu-bottom .burger-menu span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.mobile-menu-bottom .burger-menu span:last-child {
	bottom: 0;
}

.mobile-menu-bottom .burger-menu:not(.menu) span:first-child {
	transform: rotate(45deg);
	top: 7px;
}

.mobile-menu-bottom .burger-menu:not(.menu) span:nth-child(2) {
	opacity: 0;
}

.mobile-menu-bottom .burger-menu:not(.menu) span:last-child {
	transform: rotate(-45deg);
	bottom: 9px;
}

.mobile-menu-bottom .button-accordion-container {
	display: none;
	vertical-align: middle;
}

.mobile-menu-bottom .button-accordion-wrapper {

}

.mobile-menu-bottom .button-accordion-content {
	bottom: 100%;
	z-index: 0;
	overflow-x: hidden;
	overflow-y: auto !important;
	margin-bottom: 0;
	outline: 1px solid rgba(0, 0, 0, .85);
	border-bottom: 1px solid rgba(0, 0, 0, .85);
}

.mobile-menu-bottom .button-accordion-trigger.button-accordion-trigger_clicked .close {
	right: 15px;
}

.mobile-menu-bottom > .ep---row,
.mobile-menu-bottom > .ep---row > .ep---col {
	height: 100%;
}

@media (min-width: 1025px) {
	.mobile-menu-bottom {
		display: none !important;
	}
}


.sidebar {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 10;
	padding: 15px;
	color: white;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	overflow-y: auto !important;
	border-bottom: 1px solid white;
	padding-top: 70px;
}

@media (min-width: 768px) {
	.sidebar {
		padding: 20px;
		padding-top: 80px;
	}
}

@media (min-width: 1024px) {
	.sidebar {
		width: 35%;
		padding: 70px 20px;
		border-bottom: none;
		margin-top: 0;
		top: 0;
	}

	#map {
		position: relative !important;
		flex-grow: 1
	}
}

@media (min-width: 1200px) {
	.sidebar {
		width: 30%;
		padding: 40px 30px 70px;
	}
}

@media (min-width: 1600px) {
	.sidebar {
		width: 30%;
		padding: 40px 40px 70px;
	}
}

.sidebar .header {
	padding: 60px 0 70px 0;
}

@media (max-width: 1199.99px) {
	.sidebar .header {
		padding: 35px 0 45px 0;
	}
}

@media (max-width: 1024px) {
	.sidebar .header {
		padding: 10px 0 20px 0;
	}
}

@media(min-width: 1025px) {
	.sidebar .logos {
		display: block;
		padding: 0;
		top: 0;
		left: 0;
	}
}

.sidebar h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #fff;
}

.sidebar li {
	/*padding: 0 5px;*/
	margin: 20px 0
}

.sidebar .categories li {
	margin: 6px 0
}

.sidebar li a {
	color: #fff;
	font-weight: normal
}

.sidebar li a:hover {
	color: var(--main-color);
	text-decoration: none
}

.sidebar li a:hover i {
	color: var(--main-color);
}

.sidebar li a i {
	margin-right: 10px;
	color: #9E9E9E;
	font-size: 17px;
	width: 17px
}

.sidebar .tabs {
	margin-top: -10px;
	height: 25px
}

.sidebar .tabs i {
	width: 25px;
	font-size: 18px;
}

.sidebar .tabs i.fa-compass {
	font-size: 22px;
	margin: -3px 0;
	vertical-align: text-bottom;
}

.sidebar .divider {
	margin: 30px -15px;
	background: rgba(255,255,255,.5);
}

@media (min-width: 768px) {
	.sidebar .divider {
		margin: 30px -20px;
	}
}

@media (min-width: 1200px) {
	.sidebar .divider {
		margin: 45px -40px;
	}
}

.sidebar label,
.sidebar input.css-checkbox[type="checkbox"] + label.css-label {
	font-size: 14px;
	cursor: default;
}

/*.sidebar .footer*/
/*{*/
/*text-align: center;*/
/*}*/

@media (max-width: 1024px)
{
	.sidebar .footer
	{
		text-align: left;
	}
}

/*.sidebar .footer li {*/
/*display: inline-block;*/
/*padding: 0 10px;*/
/*}*/

@media (max-width: 767px)
{
	.sidebar .footer li
	{
		padding: 0;
		display: block;
		margin-bottom: 15px;
		margin-top: 25px;
	}
}

.sidebar .categories li
{
	padding: 0;
}

.sidebar .relevance-categories li
{
	margin-top: 20px;
}

.sidebar .relevance-categories li:first-child
{
	margin-top: 0;
}

.sidebar li.owner-logo
{
	margin-top: 45px;
	margin-bottom: -30px;
}

@media(max-width: 1024px)
{
	.sidebar li.owner-logo
	{
		margin-bottom: 10px;
	}
}

.sidebar li.owner-logo img
{
	max-width: 100%;
}

@media(max-width: 435px)
{
	.sidebar li.owner-logo img
	{
		max-width: 100%;
	}
}

.list-view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 88%;
	padding: 15px 20px 40px;
	padding-top: 70px;
	background: rgba(0, 0, 0, .85);
	color: white;
	box-sizing: border-box;
	z-index: 10;

	display: none;
	overflow: hidden;
	overflow-y: auto;
}

@media (max-width: 1024px) {
	.list-view {
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	.list-view {
		height: 90%;
		padding: 20px;
		border-bottom: 1px solid white;
		overflow-y: auto;
	}
}

@media (min-width: 1025px) {
	.list-view {
		height: 100%;
		max-width: 40%;
		min-width: 800px;
		padding: 40px;
		border-bottom: none;
		overflow-y: unset;
	}
}

/* Scroll styles */
.list-view::-webkit-scrollbar {
	width: 10px;
}
@media (min-width: 768px) {
	.list-view::-webkit-scrollbar {
		width: 15px;
	}
}
.list-view::-webkit-scrollbar-track {
	background: rgba(74, 74, 74, 1);
	border-radius: 10px;
	margin: 15px 0;
}
.list-view::-webkit-scrollbar-thumb {
	background: rgba(155, 155, 155, 0.7);
	border-radius: 10px;
}
.list-view::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(155, 155, 155, 0.7);
}

.list-view .close-options {
	position: relative;
	z-index: 2;
}

.list-view-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Scroll container */
.list-view .scroll-container {
	height: 100%;
	margin-right: 0;
}
@media (max-width: 1024px) {
	.list-view .scroll-container {
		height: auto;
		max-height: none;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (max-width: 767px) {
	.list-view .scroll-container {
		padding-right: 0;
	}
}

.list-view .scroll-container > .header + .content {
	padding: 40px 0;
}

.list-view .scroll-container .pins
{
	margin-right: 0;
}

@media(min-width: 992px)
{
	.list-view .scroll-container .pins
	{
		margin-right: 30px;
	}
}

.list-view .title
{
	font-weight: normal;
	margin-bottom: 5px;

	font-size: 16px;
	line-height: 22px;
}

@media(min-width: 768px)
{
	.list-view .title
	{
		font-size: 1.25rem;
		line-height: 27px;
	}
}

.list-view .pin-text
{
	margin-top: 5px;
	border-left: 1px solid rgba(255,255,255,0.85);
	padding-left: 10px;
	color: rgba(255,255,255,0.85);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.list-view .button.show-pin-on-map
{
	background: #3e3e3e;
	padding: 5px 7px;
	padding-right: 25px !important;
	vertical-align: text-bottom;

	display: block;
	margin-top: 15px;
	width: 90px;
}

@media(min-width: 1025px)
{
	.list-view .button.show-pin-on-map
	{
		display: inline;
		margin-top: 0;
		width: auto;
	}
}

.list-view .control-container .button.show-pin-on-map {
	margin: 0;
}

.list-view .show-pin-on-map.button:after
{
	right: 12px;
	padding: 4px;
	margin-top: -4px !important;
}

.list-view .pagination
{
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: nowrap;
	margin-top: 2rem;
	padding-top: 25px;
}

@media(min-width: 768px)
{
	.list-view .pagination
	{
		padding-top: 0;
	}
}

.list-view-footer
{
	padding-top: 50px;
}

/*--- VIEW MARKER ---*/
.new-overlay .inner
{
	padding: 0;
}

@media(max-height: 767px)
{
	.new-overlay .inner
	{
		overflow: hidden;
		overflow-y: auto;
		max-height: 475px !important;
	}
}

.new-overlay .inner .header
{
	background: #0F0F0D;
	color: white;
	padding: 35px;
	margin-bottom: 0;
	position: relative;
}

@media(max-width: 1024px)
{
	.new-overlay .inner .header
	{
		padding: 20px;
	}
}

@media(max-width: 767px)
{
	.new-overlay .inner .header
	{
		padding: 10px 15px;
		max-height: 150px;
		overflow-x: hidden;
		overflow-y: auto !important;
	}
}

.view-marker .inner .header .pin-meta-information {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px !important;
}

.view-marker .inner .header .pin-meta-information span {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,0.7);
}

.new-overlay .inner .header h3
{
	color: white;
	margin-bottom: 0;
	padding-right: 0;
}

@media(min-width: 1025px)
{
	.new-overlay .inner .header h3
	{
		/*margin-bottom: 20px;*/
	}
}

.new-overlay .inner .header p
{
	margin-bottom: 0;
}

.new-overlay .inner .header .close:before,
.new-overlay .inner .header .close:after
{
	border-color: white;
}

.new-overlay .inner .content
{
	padding: 15px;
	max-height: 320px !important;
	background-color: rgba(15, 15, 13, 0.9);
	color: white;
}

.new-overlay .inner #new-user .content {
	max-height: 400px !important;
}

@media(min-width: 768px)
{
	.new-overlay .inner .content
	{
		padding: 20px;
	}
}

@media(min-width: 1025px)
{
	.new-overlay .inner .content, .new-overlay .inner #new-user .content
	{
		padding: 35px;
		max-height: 350px !important;
	}

	.new-user.new-overlay .inner .content, .new-overlay .inner #new-user .content {
		max-height: 600px !important;
	}
}

.new-overlay .inner  .content

.new-overlay .inner .content .pin-text {
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 20px;
}

.new-overlay .inner .content .select-button {
	background-color: rgba(62, 62, 62, 1);
	color: rgba(255, 255, 255, .85);
	border: none;
	cursor: pointer;
}

.new-overlay .inner .content .select-button + .select-arrow {
	border-color: rgba(255, 255, 255, .85);
}

.new-overlay .inner .content .custom-input {
	background-color: rgba(62, 62, 62, 1);
	color: #FFF;
}

.new-overlay .inner .content .custom-input::placeholder {
	color: rgba(255,255,255,.85);
}

.new-overlay .inner .content .custom-textarea {
	background-color: rgba(62, 62, 62, 1);
	color: #FFF;
	margin-bottom: 0;
}

.new-overlay .inner .content .custom-textarea::placeholder {
	color: rgba(255,255,255,.85);
}

.new-overlay .inner .content .select-button:disabled {
	color: rgba(255,255,255,.6);
	cursor: not-allowed;
}

.new-overlay .control-container .category-items .category-title {
	display: none;
	padding: 8px 16px;
	font-size: 12px;
}

.new-overlay .inner .content .accordion p {
	color: white;
}

.new-overlay .inner .content .accordion-item.open .accordion-head
{
	margin-bottom: 15px;
}

.new-overlay .inner .content .comments .comment
{
	border-color: rgba(255,255,255,.4);
}

.new-overlay .inner .content .comments .comment
{
	border-top: 0;
}

.new-overlay .inner .footer
{
	padding: 15px;
	background: #0F0F0D;
	margin: 0;
}

@media(min-width: 768px)
{
	.new-overlay .inner .footer
	{
		padding: 20px;
	}
}

@media(min-width: 1025px)
{
	.new-overlay .inner .footer
	{
		padding: 35px;
	}
}

.new-overlay .inner .footer .textarea-box {
	padding: 0;
}

.new-overlay .inner .footer .custom-textarea {
	margin: 0;
	padding: 7px 50px 7px 10px;
	height: 40px;
	transition: all .3s;
	background: rgba(62, 62, 62, 1);
	color: rgba(255, 255, 255, 1);
	overflow: hidden;
	resize: none;
}

@media(min-width: 768px) {
	.new-overlay .inner .footer .custom-textarea {
		height: 50px;
		padding: 10px 50px 10px 10px;
	}
}

.new-overlay .inner .footer .custom-textarea:focus {
	height: 100px;
	overflow-y: auto;
}

.new-overlay .inner .footer .custom-textarea::placeholder {
	color: rgba(255, 255, 255, .5);
	font-weight: 400;
	font-size: 16px;
}

.new-overlay .inner .footer .info {
	color: white;
}

.new-overlay .inner .footer .info a {
	color: var(--main-color);
}

.new-overlay .inner .footer .ep---buttonSpinner--wrapper {
	display: flex;
}

.new-overlay .inner .footer .custom-submit-button {
	margin-left: auto;
	background-color: var(--main-color);
	color: white;
	border: none;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	font-size: 16px;
}

.custom-scrollbar
{
	overflow-y: auto !important;
}

.custom-scrollbar::-webkit-scrollbar,
.scroll-container::-webkit-scrollbar
{
	width: 10px;
}

/*- small -*/
.custom-scrollbar.small::-webkit-scrollbar,
.scroll-container.small::-webkit-scrollbar
{
	width: 7px;
}

.custom-scrollbar::-webkit-scrollbar-track,
.scroll-container::-webkit-scrollbar-track
{
	background: rgba(74, 74, 74, 1);
	border-radius: 10px;
}

/*- second color -*/
.custom-scrollbar.second-color::-webkit-scrollbar-track,
.scroll-container.second-color::-webkit-scrollbar-track
{
	background: #E3E7F4;
	border-radius: 10px;
}

/*- no radius -*/
.custom-scrollbar.no-radius::-webkit-scrollbar-track,
.scroll-container.no-radius::-webkit-scrollbar-track
{
	border-radius: 0;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.scroll-container::-webkit-scrollbar-thumb
{
	background: rgba(155, 155, 155, 0.7);
	border-radius: 10px;
}

/*- second color -*/
.custom-scrollbar.second-color::-webkit-scrollbar-thumb,
.scroll-container.second-color::-webkit-scrollbar-thumb
{
	background: #242424;
	border-radius: 10px;
}

/*- no radius -*/
.custom-scrollbar.no-radius::-webkit-scrollbar-thumb,
.scroll-container.no-radius::-webkit-scrollbar-thumb
{
	border-radius: 0;
}

.custom-scrollbar::-webkit-scrollbar-thumb:window-inactive,
.scroll-container::-webkit-scrollbar-thumb:window-inactive
{
	background: rgba(155, 155, 155, 0.7);
}

/*- second color -*/
.custom-scrollbar.second-color::-webkit-scrollbar-thumb:window-inactive,
.scroll-container.second-color::-webkit-scrollbar-thumb:window-inactive
{
	background: #242424;
}

/*- main color -*/
.custom-scrollbar.main-color::-webkit-scrollbar-thumb,
.scroll-container.main-color::-webkit-scrollbar-thumb
{
	background: var(--main-color);
}

.custom-scrollbar.main-color::-webkit-scrollbar-thumb:window-inactive,
.scroll-container.main-color::-webkit-scrollbar-thumb:window-inactive
{
	background: var(--main-color);
}

.text-center form label,
.text-center form.two-col label {
	display: inline-block;
}

.select-container {
	width: auto;
	overflow: visible;
	background: none;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

	.select-container select {
		font-family: inherit;
		font-size: 13px;
		background: none;
		width: 100%;
		padding: 5px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		box-sizing: border-box;
	}
	
	form.two-col .select-container {
		background: #fff;
		width: 385px;
		display: inline-block;
		vertical-align: middle;
		padding: 3px;
	}

@font-face {
  font-family: 'icomoon';
  src:  url('vhs-assets-css-28357cbf8aef6a3bbd8aaa808ed818a8.eot?xcu6tk');
  src:  url('vhs-assets-css-a22c03344807436480356d7597c9534d.eot?xcu6tk#iefix') format('embedded-opentype'),
    url('vhs-assets-css-86e7bd40035c93c59ee868517d98341e.ttf?xcu6tk') format('truetype'),
    url('vhs-assets-css-148ebcb26f8a7ac8c35cfaf8ffea00fa.woff?xcu6tk') format('woff'),
    url('vhs-assets-css-63dc6fc9b4bad8b1b16ce5dbef7fd6be.svg?xcu6tk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dislike:before {
  content: "\e900";
  color: #fff;
}
.icon-like:before {
  content: "\e901";
  color: #fff;
}