/* ----- GENERAL ----- */

:root {
	--main-color: #e62154;
	--main-color-hover: #cc1d4b;
	--input-border-color: #eee;
    --input-hover-border-color: #212121;
/*  "Open Sans","Helvetica Neue",sans-serif; */
    --font-family-primary: "Inter", "Open Sans","Helvetica Neue",sans-serif;
    --font-family-secondary: 'Reenie Beanie', cursive;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

#wrapper {
	padding-top: 83px;
}

.no-wrapper-padding {
	margin-top: -83px;
}

.lazy {
	background-color: #e5e5e5;
}

.nav-padding-fix {
	margin-top: -82px;
	padding-top: 82px;
}

.nav-padding-fix h1 {
	margin-top: 80px;
}

#cmp_nav_v1.light.is-start .nav-normal{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#wrapper.has-banner {
	padding-top: 0;
}

/* Cookie Consent */
.light.cc_dialog button.cc_b_ok,
.light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
	background-color: var(--main-color) !important;
}
@media (max-width: 992px) {
	.cc_dialog.simple {
		max-width: 100% !important;
	}
	.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
		width: 100% !important;
		margin: 0 0 15px 0 !important;
	}
}

/* BOOTSTRAP MODAL */

.modal .modal-xxl {
	max-width: calc(100% - 3.5rem);
}

.modal .modal-content {
	border-radius: 20px;
	overflow: hidden;
}

.modal .modal-content .modal-header {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.modal .modal-content .modal-footer {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* SELECT MANY MENU */

.ui-selectmanymenu.chips-layout {
	padding: 0;
	border: none;
	margin-bottom: 30px;
}

.ui-selectmanymenu.chips-layout .ui-selectlistbox-listcontainer {
	max-height: 320px !important;
}

.ui-selectmanymenu.chips-layout .ui-selectlistbox-filter-container {
	margin: 0;
}

.ui-selectmanymenu.chips-layout input {
	width: 100%;
	padding: 12px 10px;
}

.ui-selectmanymenu.chips-layout .ui-selectlistbox-item {
	padding: 6px 8px;
	background-color: #f7f7f7;
	color: #777;
	border: none;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	font-size: 12px;
	max-width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ui-selectmanymenu.chips-layout .ui-selectlistbox-item.ui-state-highlight {
	color: #fff;
	background-color: var(--main-color);
}

.ui-selectmanymenu.chips-layout .ui-selectlistbox-filter {
	margin-bottom: 15px;	
}


/* DATA TABLE */

.ui-datatable.hw-datatable-clean {
	position: relative;
}

.ui-datatable.hw-datatable-clean th,
.ui-datatable.hw-datatable-clean td,
.ui-datatable.hw-datatable-clean .ui-datatable-header {
	border: none;
	padding: 0;
}

.ui-datatable.hw-datatable-clean .ui-filter-column {
	padding-bottom: 15px;
}

@media (min-width: 992px) {
	.ui-datatable.hw-datatable-clean .ui-filter-column {
		padding-bottom: 30px;
	}
}

.ui-datatable.hw-datatable-clean .ui-filter-column input {
	color: var(--main-color);
	font-weight: bold;
}

.ui-datatable.hw-datatable-clean .ui-column-title {
	top: 12px;
	left: 17px;
	position: absolute;
	color: #fff;
}

.ui-datatable.hw-datatable-clean .ui-column-title:after {
	font-family: simple-line-icons !important;
	content: "\e090";
	color: #555;
}

.ui-datatable.hw-datatable-clean .ui-filter-column input {
	padding-left: 40px;
}

.ui-datatable.hw-datatable-clean .ui-filter-column input::placeholder {
	color: #555;
	font-weight: normal;
	opacity: 1;
}

/* OPTION BOX */

.option-box {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e1eaea;
	padding: 12px 20px 13px;
	z-index: 1000;
}

/* FONTS */

.font-handscribed {
    font-family: var(--font-family-secondary);
}

/* DATA SCROLLER */

.ui-datascroller {
	width: 100%;
}

.ui-datascroller .ui-datascroller-content {
	border: none;
	padding: 0;
	background-color: transparent;
	width: 100%;
}

.ui-datascroller.hw-col-6 .ui-datascroller-list, 
.ui-datascroller.hw-col-4 .ui-datascroller-list, 
.ui-datascroller.hw-col-3 .ui-datascroller-list,
.ui-datalist.hw-col-2 .ui-datalist-data,
.ui-datalist.hw-col-3 .ui-datalist-data,
.ui-datalist.hw-col-4 .ui-datalist-data {
	/* eq row */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	padding: 0;
}

.ui-datascroller.hw-col-6 .ui-datascroller-list .ui-datascroller-item, 
.ui-datascroller.hw-col-4 .ui-datascroller-list .ui-datascroller-item, 
.ui-datascroller.hw-col-3 .ui-datascroller-list .ui-datascroller-item,
.ui-datalist.hw-col-2 .ui-datalist-data .ui-datalist-item,
.ui-datalist.hw-col-3 .ui-datalist-data .ui-datalist-item,
.ui-datalist.hw-col-4 .ui-datalist-data .ui-datalist-item {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.ui-datalist .ui-datalist-content .ui-datalist-data {
	padding: 0;
}

@media (min-width: 992px) {
	.ui-datascroller.hw-col-6 .ui-datascroller-list .ui-datascroller-item,
	.ui-datalist.hw-col-6 .ui-datalist-data .ui-datalist-item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		position: relative;
	}
	
	.ui-datascroller.hw-col-4 .ui-datascroller-list .ui-datascroller-item,
	.ui-datalist.hw-col-4 .ui-datalist-data .ui-datalist-item {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
		position: relative;
	}
	
	.ui-datascroller.hw-col-3 .ui-datascroller-list .ui-datascroller-item,
	.ui-datalist.hw-col-3 .ui-datalist-data .ui-datalist-item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		position: relative;
	}
}

.ui-autocomplete-panel {
	z-index: 9999;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 15px -2px rgba(0,0,0,0.1) !important;
	-moz-box-shadow: 0px 10px 15px -2px rgba(0,0,0,0.1) !important;
	box-shadow: 0px 10px 15px -2px rgba(0,0,0,0.1) !important;
	overflow: hidden;
}

.ui-autocomplete-panel a {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	padding: 0;
	width: 80%;	
	overflow: hidden;
	padding: 15px;
	font-weight: bold;
	color: #31353e;
}

.ui-autocomplete-panel .ui-state-highlight a, .ui-autocomplete-panel .ui-state-highlight a:hover {
	text-decoration: none;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
	border-color: #eee;
	border-left: none;
	border-right: none;
	padding: 0;
}


/* ----- COMPONENTS ----- */

#cmp_nav_v1 .u-header {
	z-index: 1000;
}

#cmp_nav_v1.light .nav-normal #navBar a {
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

#cmp_nav_v1.light .u-header__section {
	background-color: #fff;
}

#cmp_nav_v1.light.is-start .u-header__section {
	background-color: transparent;
}

#cmp_nav_v1.light .nav-normal #navBar .nav-item a {
	color: #222;
}

#cmp_nav_v1.light .nav-normal #navBar .nav-item a:hover {
	color: var(--main-color);
}

#cmp_nav_v1.light .nav-normal #navBar .nav-item.active a {
	color: var(--main-color);
}

#cmp_nav_v1.light .nav-shrinked #navBar a {
	color: #222;
}

#cmp_nav_v1.light .hamburger-inner, #cmp_nav_v1.light .hamburger-inner::after, #cmp_nav_v1.light .hamburger-inner::before {
	background-color: #222;
}

#cmp_nav_v1.light.is-start .nav-normal .hamburger-inner, #cmp_nav_v1.light.is-start .nav-normal .hamburger-inner::after, #cmp_nav_v1.light.is-start .nav-normal .hamburger-inner::before {
	background-color: #fff;
}

#cmp_nav_v1 .hs-sub-menu, #cmp_nav_v1 .hs-mega-menu {
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, 
				rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, 
				rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	border-radius: 8px;
	border: none !important;
}

#cmp_nav_v1 .navbar .dropdown-item {
	padding: 0;
	border-radius: 6px;
	color: #222;
}

#cmp_nav_v1 .navbar .dropdown-item .nav-link {
	padding: 12px 24px 12px 12px;
	font-weight: 600;
}

/*
#cmp_nav_v1 .hs-sub-menu .hs-sub-menu, 
#cmp_nav_v1 .hs-mega-menu .hs-sub-menu,
#cmp_nav_v1 .hs-sub-menu .hs-mega-menu,
#cmp_nav_v1 .hs-mega-menu .hs-mega-menu {
    top: 48px;
    left: 50%;
}
*/

/*
#cmp_nav_v1.light .u-header__section:not(.js-header-change-moment) .navbar-collapse {
	background-color: #fff !important;
}
*/

#cmp_nav_v1 #navLogo ,#cmp_nav_v1 #navLogoNeg {
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	display: inline-block; 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center left;
	max-width: 220px;
	height: 50px;
}

#cmp_nav_v1 .hs-has-sub-menu > a::after {
	font: normal normal normal 14px/1 FontAwesome !important;
	content: "\f054";
	margin-left: 5px;
	display: inline-block;
	height: 100%;
	font-size: 10px !important;
	height: 14px;
	vertical-align: middle;
	margin-right: 10px;
}

#cmp_nav_v1 .navbar-nav > .hs-has-sub-menu > a::after {
/* 	font-family: FontAwesome !important; */
/* 	content: "\f078"; */
	content: "" !important;
}

#cmp_nav_v1 .hs-has-sub-menu.hs-sub-menu-opened > a::after {
	content: "\f078";
}

#cmp_nav_v1 .u-header__section:not(.js-header-change-moment) .navbar-collapse {
	background-color: #fff !important;
}

#cmp_nav_v1 .navbar-nav .nav-item .nav-link {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 992px) {
	#cmp_nav_v1 .u-header__section:not(.js-header-change-moment) .navbar-collapse {
		box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, 
				rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, 
				rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
		border-radius: 8px;
	}
	#cmp_nav_v1.light .nav-normal #navBar .hs-has-sub-menu.hs-sub-menu-opened > a {
		text-align: center;
	}	
	#cmp_nav_v1 #navBar {
		max-height: 80vh;
		overflow-y: scroll;
		overflow-x: hidden; 
	}
}

@media (min-width: 992px) {
	#cmp_nav_v1.is-start .nav-normal #navLogo ,#cmp_nav_v1.is-start .nav-normal #navLogoNeg {
		height: 100px; 
	}
	#cmp_nav_v1 .navbar-nav li ul .hs-has-sub-menu.hs-sub-menu-opened > a::after {
		content: "\f054";
	}
	#cmp_nav_v1.light.is-start .nav-normal #navBar .navbar-nav .nav-item > a {
		color: #fff;
	}
	#cmp_nav_v1 .u-header__section:not(.js-header-change-moment) .navbar-collapse {
		background-color: transparent !important;
	}
}






#cmp_slider_v1 .ms-thumb-list {
	background-color: #31353e;
}

#cmp_slider_v1 .ms-thumb-frame img {
    height: 100%;
    object-fit: cover;
}




#cmp_widget_searchbar_v1 .ui-autocomplete {
	width: 100%;
}

#cmp_widget_searchbar_v1 .ui-autocomplete input {
	width: 100%;
	background-color: rgba(49,53,62,0.2);
	padding: 15px;
	font-size: 18px;
	color: #fff;
	border: none;
}







.cmp_list_item_news_v1 .card-item {
	border-radius: 5px;
	margin-bottom: 50px;
	background-color: white;
}

.cmp_list_item_news_v1 .card-item .card-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* SINGLE NEWS V1 */

.cmp_single_v1 .cmp_single_v1_image h1 {
	font-weight: 600;
	color: #fff;
}

.cmp_single_v1 h2 {
	font-weight: 600;
	color: #000;
}

.cmp_single_v1 h3 {
	font-weight: 600;
	color: #000;
}

.cmp_single_v1 .cmp_single_v1_image .cmp_single_v1_image-inner .cmp_single_v1_credit {
	font-size: 12px;
	opacity: 0.7;
	color: #fff;
	font-weight: 300;
}

.cmp_single_v1 .cmp_single_v1_image .cmp_single_v1_image-inner .cmp_single_v1_credit > i {
	margin-right: 5px;
	opacity: 0.7;
}
	
.cmp_single_v1 .cmp_single_v1_image {
	height: calc(50vh - 82px);
	min-height: 500px;
	position: relative;
	overflow: hidden;
}

.cmp_single_v1 .cmp_single_v1_image.with-video {
	height: 70vh;
	min-height: 500px;
	position: relative;
	overflow: hidden;
}

.cmp_single_v1 .cmp_single_v1_image.with-video .video-js {
	height: 100%;	
	padding: inherit;
}

@media (max-width: 767px) {
	.cmp_single_v1 .cmp_single_v1_image.with-video {
		height: 40vh;
		min-height: 300px;
	}
}

.cmp_single_v1 .cmp_single_v1_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cmp_single_v1 .cmp_single_v1_image:after {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background-repeat: repeat-x;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cmp_single_v1 .cmp_single_v1_image.with-video:after {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
}

.cmp_single_v1 .cmp_single_v1_image .cmp_single_v1_image-inner {
	z-index: 1;
	position: relative;
	height: 100%;
}

.cmp_single_v1 .cmp_single_v1_image .cmp_single_v1_image-inner > div {
	height: 100%;
}

.cmp_single_v1 .cmp_single_v1_content .cmp_single_v1_tags > span, .cmp_single_v1 .cmp_single_v1_content .cmp_single_v1_tags > a {
	padding: 8px 16px;
	border: 1px solid #ddd;
	border-radius: 50px;
	margin-right: 7px;
	margin-bottom: 7px;
	color: #333;
	max-width: 180px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cmp_single_v1 .cmp_single_v1_content .cmp_single_v1_tags > span i, .cmp_single_v1 .cmp_single_v1_content .cmp_single_v1_tags > a i {
	margin-right: 3px;
}

.cmp_single_v1 .cmp_single_v1_content .cmp_single_v1_tags > a:hover {
	border-color: var(--main-color);
	background-color: var(--main-color);
	color: #fff;
	text-decoration: none;
}

/* Badge */

.cmp_badge {
	position: absolute;
	top: 20px;
	left: 20px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px;
	z-index: 1;
}

a.cmp_badge:hover {
	color: #fff;
	text-decoration: none;	
}

/* Badge List Events */

.cmp_badge_list_events_v1 .cmp_badge .cmp_badge_date {
	font-size: 20px;
	line-height: 1;
}

.cmp_badge_list_events_v1 .cmp_badge .cmp_badge_month {
	opacity: 0.8;
}

/* Badge List Angebote */

.cmp_badge_list_angebote_v1 .cmp_badge {
	text-align: left;
}

.cmp_badge_list_angebote_v1 .cmp_badge .cmp_badge_new {
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
}

.cmp_badge_list_angebote_v1 .cmp_badge .cmp_badge_old {
	font-size: 10px;
	display: block;
	opacity: 0.8;
}

/* Badge isNew */

.cmp_badege_list_isNew {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: var(--main-color);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	text-transform: uppercase;
}

/* CMP_LIST_EMPTY_V1 */

.cmp_list_empty_v1 input {
	font-weight: 600;
	border-width: 2px;
	color: var(--main-color);
	border-radius: 32px !important;
	padding: 15px 30px;
}

.cmp_list_empty_v1 input.ui-state-focus,
.cmp_list_empty_v1 input.ui-state-hover {
	color: var(--main-color);
	border-color: var(--main-color);
}

.cmp_list_empty_v1 input::placeholder {
	opacity: 1;
	color: #999;
	font-weight: normal;
}

.cmp_list_empty_v1 .btn {
	position: absolute;
	right: 8px;
	top: 8px;
	padding: 10px;
	height: 48px;
	width: 48px;
	font-size: 26px !important;
}

/* Paginator */


/* Galleries */

.gal_gallery_v1 .gal_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background-repeat: repeat-x;
}

.gal_gallery_v1 .gal_overlay_title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: left;
}

.gal_gallery_v1 .gal_overlay_title label {
	width: 100%;
	color: #fff;	
}

@media (max-width: 991px) {
	.gal_gallery_v1 .aspect-ratio {
		padding-top: 66.666%
	}	
}

/* ----- HELPERS ----- */

.text-shadow-black {
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75)
}

.ui-inputfield.ui-input-feedback:not(:placeholder-shown), .ui-input-feedback .ui-inputfield:not(:placeholder-shown) {
	background-image: url(../img/svg/check.svg);
  	background-size: 30px;
  	background-repeat: no-repeat;
  	background-position: center right;
  	transition-delay: 1s;
}

.ui-input-icon {
	position: relative;
}

.ui-input-icon .ui-input-icon-prepend {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-left: 14px;
	align-items: center;
	display: flex;
	color: #999;
	height: 47px;
	z-index: 1;
}

.ui-input-icon .ui-inputfield {
	padding-left: 38px;	
}

.img-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.panel-card {
	background-color: #fff;
	-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	border-radius: 8px;
}

.panel-card .panel-card-header {
	color: #000;
	font-size: 1.25rem;
}

.panel-card .panel-item.panel-item-bordered {
	border: 1px solid #eee;
	border-radius: 3px;	
	padding: 5px;
}

.panel-card .panel-item .panel-item-hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--main-color);
	padding: 15px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.panel-card .panel-item:hover .panel-item-hover {
	opacity: 0.9;
}

.panel-card .panel-item-hover h4, .panel-card .panel-item-hover p {
	color: #fff;
}

/* IMAGE CARDS V1 */

.image-cards-v1 {
	 margin-bottom: 0;
}

.image-cards-v1 .item:after {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background-repeat: repeat-x;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.image-cards-v1 .item {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 4px;
}

.image-cards-v1 .item:last-child {
	margin-bottom: 0;	
}

.image-cards-v1 .item .item-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}

.image-cards-v1 .item:hover .item-image {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.image-cards-v1 .item .item-category {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 4px 8px;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 4px;	
	z-index: 1;
	font-size: 12px;
	font-weight: 700;
}

.image-cards-v1 .item .item-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	padding: 30px 60px 30px 30px;
}

@media (max-width: 767px) {
.image-cards-v1 .item .item-title {
		padding: 20px 40px 20px 20px;
	}
}

.image-cards-v1 .item .item-title .item-title-main {
	font-weight: 600;
	margin-bottom: 0;
}

.image-cards-v1 .item .item-title .item-title-main a {
	color: #fff;
}

.image-cards-v1 .item .item-title .item-title-main a:hover {
	text-decoration: none;
}

.image-cards-v1 .item .item-title .item-title-sub {
	opacity: 0.7;
	color: #fff;
}

.image-cards-v1 .item .item-title .item-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*

.image-cards-v1 .item .item-title .item-link > span {
	position: absolute;
	left: 30px;
	right: 60px;
	bottom: 30px;	
}
*/

/* List with Icons v1 */

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

	
.aspect-ratio {
	position: relative;
}

.aspect-ratio > img, .aspect-ratio > a > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;	
}

.aspect-ratio-16-9 {
	padding-top: 56.25%; 
}

.aspect-ratio-4-3 {
	padding-top: 75%; 
}

.aspect-ratio-3-2 {
	padding-top: 66.666%; 
}

.aspect-ratio-2-3 {
	padding-top: 150%; 
}

.aspect-ratio-3-1 {
	padding-top: 33.333%; 
}

.aspect-ratio-2-1 {
	padding-top: 50%; 
}

.aspect-ratio-1-1 {
	padding-top: 100%; 
}

.aspect-ratio-1-2 {
	padding-top: 200%;
}

.aspect-ratio-1-1-minus-30 {
	padding-top: calc(100% - 30px); 
}

.object-fit-cover {
	object-fit: cover;
}

.object-fit-contain {
	object-fit: contain !important;
}

.img-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* PAGINATOR */

.ui-datatable .ui-paginator {
	line-height: 1.2;
	border-radius: 0;
}

.ui-paginator {
	padding: 15px;
	background: transparent;
}

.ui-paginator.ui-paginator-bottom {
	margin-bottom: 15px;
}

.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-page .ui-icon,
.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
	display: none;	
}

.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last {
	background: none;
	background-color: transparent;
	padding: 0 !important;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid transparent;
	margin: 0 5px;
	color: #555;
	font-weight: normal;
	font-size: 18px;
	line-height: 50px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

.ui-paginator a:hover {
	color: var(--main-color);
	border-color: var(--main-color);
}

.ui-paginator .ui-paginator-pages {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.ui-paginator .ui-paginator-page.ui-state-active {
	background: var(--main-color);
	color: #fff;
	border-color: var(--main-color);
}

.ui-paginator .ui-paginator-first:after,
.ui-paginator .ui-paginator-prev:after,
.ui-paginator .ui-paginator-page:after,
.ui-paginator .ui-paginator-next:after,
.ui-paginator .ui-paginator-last:after {
	background-image: none;
	font-family: simple-line-icons !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0;
	vertical-align: top;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
	overflow: hidden;
	height: 14px;
	width: 14px;
}

.ui-paginator .ui-paginator-first:after {
	content: "\e06f";
}

.ui-paginator .ui-paginator-prev:after {
	content: "\e605";
}

.ui-paginator .ui-paginator-next:after {
	content: "\e606";
}

.ui-paginator .ui-paginator-last:after {
	content: "\e074";
}

.ui-paginator .ui-paginator-rpp-options {
	background-color: transparent;
	vertical-align: top;
	box-shadow: none;
	border-color: #e1eaea;
	text-shadow: none;
	padding: 6px;
	float: right;
	color: #555;
}

.ui-paginator .ui-state-disabled {
	opacity: 0.5;
}



/* FARB CSS */
#cmp_nav_v1.light .nav-shrinked #navBar a.active {
	color: #ee4136;
}

.ui-autocomplete-panel .ui-state-highlight a, .ui-autocomplete-panel .ui-state-highlight a:hover {
	color: #ee4136;
}

/* VIDEO JS */

.video-js .vjs-poster {
	background-size: cover;
}

.video-js .vjs-big-play-button, .video-js .vjs-control-bar {
	z-index: 2;
}

.video-js .vjs-tech { 
	object-fit: cover; 
}

@media (max-width: 767px) {
	.video-js .vjs-big-play-button {
		top: 15px !important;
		left: 15px !important;
		margin: 0 !important;
	}
	.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
		opacity: 1;
	}
}

.video-js .vjs-control-bar {
	top: 0;	
}

/* Copyright */
footer .heart {
	fill: #f6363f;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 0;
}

/* MOBILE FILTER */

.hw-filter-btn {
	text-align: center;
	color: #fff;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
	cursor: pointer;
	position: fixed;
	line-height: 1.4;
	padding: 10px;
	z-index: 2000;
	bottom: 30px;
	left: calc(50% - 100px);
	width: 200px;
}

@media (max-width: 756px) {
  .hw-filter-panel {
	  	background: #fff;
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 1000;
	    overflow-x: hidden;
		overflow-y: auto;
  	}
  	.hw-filter-panel .panel-card {
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.hw-filter-panel .panel-card ul {
		padding-bottom: 80px;
	}
}

/* GROWL */

.ui-growl.ui-widget {
	z-index: 1100 !important;
}

.ui-growl.ui-growl {
	width: 263px;
	top: 20px;
	right: 20px;
}

.ui-growl .ui-growl-item-container {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-growl .ui-growl-item-container .ui-growl-item {
	padding: 30px;
	color: #fff;
	-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	background-color: var(--main-color);
	border-radius: 3px;
	line-height: 1.5;
}

.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-icon-close {
	position: absolute;
	right: 5px;
	top: 5px;
	display: inline-block !important;
}

.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-icon-close:before {
	content: "\f057";
	font-family: FontAwesome;
	color: #fff;
}

.ui-growl .ui-growl-message {
	width: auto;
	float: none;
	padding: 0;
}

.ui-growl .ui-growl-message p, .ui-growl .ui-growl-title {
	padding: 0;
}

.ui-growl .ui-growl-image {
	display: none;
}

.ui-growl .ui-growl-item-container {
	opacity: 1;
	filter: alpha(opacity = 100);
}

/* User generated content */

.user-output-text img {
	max-width: 100%;
	max-height: 600px;
	object-fit: cover;
	border-radius: 4px;
}

/* CMP GRID V3 */

.cmp_grid_item_v3 {
	position: relative;
}

.cmp_grid_item_v3 .cmp_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cmp_grid_item_v3 .cmp_bg_1 {
	background-color: #fff;
	border-radius: 8px;
}

.cmp_grid_item_v3 .cmp_bg_2 {
	background-image: linear-gradient(to right bottom, rgb(251, 146, 60), rgb(219, 39, 119));
	height: 100%;
	border-radius: 8px;
	transform: matrix(0.999391, -0.0348995, 0.0348995, 0.999391, 0, 0)
}

.cmp_grid_item_v3 .cmp_content {
	border-radius: 25px;
	background-color: #fff;
	-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.cmp_grid_item_v3 .cmp_content .cmp_img {
	position: relative;
	height: 100%;
	margin-left: 30px;
	margin-top: -30px;
	border-radius: 25px;
	overflow: hidden;
	-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.cmp_grid_item_v3 .cmp_content .cmp_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}

.cmp_grid_item_v3 .cmp_content .cmp_img img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.cmp_grid_item_v3 .cmp_content .cmp_img .cmp_img_author {
	font-weight: 700;
	color: #fff;
	font-size: 11px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.cmp_grid_item_v3 .cmp_content .cmp_img .cmp_img_author:hover {
	text-decoration: none;
	color: var(--main-color);
}

.cmp_grid_item_v3 .cmp_content .cmp_desc .cmp_badge_best {
	float: left;
	max-height: 90px;
	max-width: 50%;
	object-fit: contain;
	object-position: left center;
	background-color: transparent;
}

.cmp_grid_item_v3 .cmp_content .cmp_desc .cmp_rank {
	color: #ddd;
	font-size: 90px;
	line-height: 1;
	font-weight: 800;
	text-align: right;
}

.cmp_grid_item_v3 .cmp_content .cmp_desc .cmp_title {
	font-weight: 700;
}

.cmp_grid_item_v3 .cmp_content .cmp_desc_footer {
	border-top: 1px solid #eee;
	color: #999;
}

.cmp_grid_item_v3 .cmp_content .cmp_desc_footer span {
	display: inline-block;
	max-width: calc(100% - 50px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}

.cmp_grid_item_v3 .cmp_content .cmp_desc_footer a {
	color: #999;
}

.cmp_grid_item_v3 .cmp_content .cmp_desc_footer a:hover {
	color: var(--main-color);
}

@media (max-width: 991px) {
	.cmp_grid_item_v3 .cmp_content .cmp_desc .cmp_rank {
		margin-top: -270px;
		color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 180px;
	}
	
	.cmp_grid_item_v3 .cmp_content .cmp_img {
		padding-top: 250px;
	}
}

/* READ MORE / READ LESS */
.read-more,
.read-less-button,
.read-more-active .read-more-button,
.read-more-active .read-more-dots {
	display: none;
}

.read-more-active .read-more,
.read-more-active .read-less-button {
	display: inline;
}

/* Shop : Payments */
#wdg_shop_payments_v1 label {
	margin-bottom: 0;
	font-weight: 600;
}

#wdg_shop_payments_v1 .ui-inputfield {
	padding: 10px;
}

#wdg_shop_payments_v1 .panel-group {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-bottom: 15px;
}

#wdg_shop_payments_v1 .panel-group .panel {
	border: none;
	border-bottom: 1px solid #eee;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0;
}

#wdg_shop_payments_v1 .panel-group .panel .panel-heading {
	background-color: transparent;
	padding: 15px;
}

#wdg_shop_payments_v1 .panel-group .panel .panel-body {
	border: none;
	padding: 0 15px 15px;
}

#wdg_shop_payments_v1 .ui-radiobutton {
	margin-right: 15px;
}

#wdg_shop_payments_v1 img {
	height: 20px;
	margin-top: 3px;
}

#wdg_shop_payments_v1 .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #a6a6a6;
    background-color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color .3s,border-color .3s;
    -o-transition: background-color .3s,border-color .3s;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s;
}


#wdg_shop_payments_v1 .select {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #ddd;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

#wdg_shop_payments_v1 .select .selected {
    width: 12px;
    height: 12px;
    background-color: var(--main-color);
    border-radius: 6px;
    margin: 5px;
    display: none;
}

#wdg_shop_payments_v1  [aria-expanded="true"] .select .selected, #warenkorb .true .select .selected {
	display: inline-block;
}

/* HAENDLER */

/* GRID */
@media (min-width: 992px) {
	.ui-datascroller.hw-col-4 .ui-datascroller-list .ui-datascroller-item,
	.ui-datalist.hw-col-4 .ui-datalist-data .ui-datalist-item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		position: relative;
	}
}

@media (min-width: 1200px) {
	.ui-datascroller.hw-col-4 .ui-datascroller-list .ui-datascroller-item,
	.ui-datalist.hw-col-4 .ui-datalist-data .ui-datalist-item {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
		position: relative;
	}
}

#haendler #haendlerContent #dataScroller .u-shadow-v21 {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
	border-radius: 0.25rem;
}

#inc_haendler_navigation a {
	color: #000;
}

#inc_haendler_navigation a:hover,
#inc_haendler_navigation a.active {
	color: var(--main-color);
}

@media (max-width: 991px) {
	#haendler {
		padding-top: 64px;
	}
	#haendler #inc_haendler_slider .js-slide {
		max-height: 40vh;
	}
	#inc_haendler_navigation {
		position: fixed;
		top: 83px;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: #fff;
		padding: 20px 30px !important;
		padding: env(safe-area-inset-bottom) env(safe-area-inset-right) 0 env(safe-area-inset-left);
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	#inc_haendler_navigation .js-prev {
		left: 15px !important;
	}
	#inc_haendler_navigation .js-next {
		right: 15px !important;
	}
}

/* START MODULES */
#modulStart .module:nth-child(even) {
	background-color: #fff;
}

/* SLICK */

.slick-slide > a {
	color: #000;
}

.slick-slide.slick-current > a {
	color: var(--main-color);
}

/* JS Carousel */

.js-carousel .js-slide img[data-lazy] {
	opacity: 0 !important;
}

.js-carousel .js-slide img {
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}
	/* Bug Fix Equal height */

.js-carousel.u-slick--equal-height .slick-track  {
    display: flex !important;
}
	
.js-carousel.u-slick--equal-height.slick-slide {
	height: inherit !important;
/* End Bug Fix Equal height */
}

/* Start : Searchbar */


.cmp_websitemodul_searchbar_v1 .ui-autocomplete {
	border-radius: 8px;
	transition: 0.4s;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .search-input-field {
	border: none;
	padding: 15px 15px 15px 45px;
	background: rgba(0,0,0,0.15);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .search-input-field::placeholder {
	color: #fff;
	opacity: 0.85;
	font-weight: 400;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .autocomplete-list {
	background-color: #fff;
	list-style: none;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .autocomplete-list .ui-result-item {
	padding: 15px;
	border-bottom: 1px solid #eee;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .autocomplete-list .ui-result-item:last-child {
	border-bottom: none;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .autocomplete-list .ui-result-item:hover {
	background-color: #f5f5f5;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .autocomplete-list .ui-result-item a {
	color: var(--color-main);
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete .ui-loading {
	display: none;
	padding: 15px;
	background-color: #fff;
}

.cmp_websitemodul_searchbar_v1 .ui-autocomplete.loading .ui-loading {
	display: block;
}


.icon-spin {
   animation: spin-animation 0.5s infinite;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/* Firebase Notification */
#fcmPushDialog {
}