:root {
  --personCountImage: url(/templates/mainzerbuergerhaeuser/images/group.png) ;
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'visuelt-bold';
    src: url('fonts/visuelt-bold.eot');
    src: url('fonts/visuelt-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/visuelt-bold.woff2') format('woff2'),
         url('fonts/visuelt-bold.woff') format('woff'),
         url('fonts/visuelt-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-medium';
    src: url('fonts/visuelt-medium.eot');
    src: url('fonts/visuelt-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/visuelt-medium.woff2') format('woff2'),
         url('fonts/visuelt-medium.woff') format('woff'),
         url('fonts/visuelt-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visuelt-regular';
    src: url('fonts/visuelt-regular.eot');
    src: url('fonts/visuelt-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/visuelt-regular.woff2') format('woff2'),
         url('fonts/visuelt-regular.woff') format('woff'),
         url('fonts/visuelt-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: visuelt-regular;
    line-height: 1.15;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding-top: 70px;
    font-family: visuelt-regular;
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    background-color: white;
}
body .dialogify {
    font-family: visuelt-regular;
    font-size: 20px;
    line-height: 1.5;
}

body.modal-window {
	margin: 15px;
}
html, body {
    height: 100%;
    min-height: 100%;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

*, ::before, ::after {
    box-sizing: border-box;
}

body > * {
    background-position: center;
    background-size: cover;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
a {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.hdExpandContainer a {
	color: #5032af;
}
.component-content a:not([class*="btn"],[href*="www.google.com/maps"],.HdNoLinkStyle),
button.documentModal.document_9,
button.documentModal.document_10 {
	color: #5032af;
	border-bottom: 1px solid #DADADA;
}
.component-content ul.nav a:not([class*="btn"]),
.component-content .HdInfoWrapper .h1Behaviour a:not([class*="btn"]),
.component-content .HdInfoWrapper h2 a:not([class*="btn"]) {
	color: inherit;
	border-bottom: inherit;
}

/* fade effect */
body {
	opacity: 1;
	transition: 0.2s opacity;
}

body.fade-out {
	opacity: 0;
	transition: none;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    font-size: 1em;
}
table th {
	text-align: left;
}
fieldset {
    margin: 10px 0;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 0px;
    margin-top: 0px;
}
fieldset fieldset {
    margin: 0;
    padding: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

span[class^="newicon-"], 
span[class*=" newicon-"] {
	display: inline;
    margin-right: 2px;
}
.acy_user_info input.invalid, 
.acy_user_info input:required:invalid, 
.acy_user_info input:focus:invalid, 
.acy_user_info input:focus-within:invalid, 
.acy_user_info input:focus-visible:invalid {
	border: 0px !important;
	border-bottom: 2px solid var(--HdLibDarkRed) !important;
}

/* basic styles */
.fullpage {
	min-height:100%;
    position:relative;
    padding-bottom: 150px;
}
/** + .fullpage {
    height:100%;
}*/
.pageTitle h1,
.page-header h1,
h1.page-header,
.item-page .page-header h2,
.agb .page-header h2,
.h1Behaviour {
	font-family: visuelt-bold;
    color: #3d3d3d;
    font-size: 75px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.1em;
}

.pageTitle h1 {
    margin-bottom: 10px;
}
.pageTitle h2 {
	text-align: center;
}
.pageTitle div.custom,
.pageTitle div.mod-custom {
	padding: 0px;
}

.agb .page-header h2 {
    margin-bottom: 0px;
	
}
.agb .page-header p {
	display: block;
	text-align: center;
    font-size: 1.4em;
}
.agb .page-header {
    margin-bottom: 30px;
}
.agb ol {
	margin-left: 42px;
}
.agb ol li {
    margin-bottom: 10px;
    padding-left: 10px;
}
.agb ol ol {
    margin-left: 30px;
    list-style-type: lower-latin;
}
.agb ul {
	display: block;
    padding-left: 30px;
}
.agb ul li,
.agb ul li:first-child {
	display: list-item;
	border: 0px;
	list-style-type: disc;
	padding-left: 5px;
}
.HdOrderViewCart .page-header h1,
h1.page-header {
    margin-left: -10px;
}
.HdOrderViewCart .cart_header span {
    width: 220px;
}

.page-header h2 {
    margin-top: -20px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: normal;
    color: #666;
}
.item-page {
	font-size: 25px;
}

/* IMPORTANT: SET jquery for navbar width same values like logo width!*/
.logo {
    display: inline-block;
    height: 50px;
    width: 250px;
    background-image:url("../images/meetup_mainz_logo500.png");
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.innertext {
    display: none;	
}
/* set padding to whatever footer height is  MAYBE NOT NEEDED */
/*body {
	padding-bottom: 100px;
}*/
.footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
    width:100%;
    border-top: 1px solid #dadada;
    margin-top: 10px;
    padding-bottom: 25px;
    background-color: #FFFFFF;
}
.footer .container [class^="col-"], 
.footer .container [class*=" col-"] {
 	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}

.HdOrderItemBox .HdOrderItemTitle h2 {
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.hdSearchTitle {
	position: relative;
    font-size: 2.2em;
    white-space: nowrap;
}
.hdSearchTitle span {
	font-family: Caveat;
	color: #e5332a;
	position: absolute;
	bottom: 28px;
	left: -29px;
	font-size: 30px;
}

.HdOrderTileBox {
    /*min-height: 450px;*/
}
.HdOrderTileBox .tileTitle {
    font-family: Caveat;
    color: #e5332a;
	font-size: 2em;
    z-index: 1;
    white-space: nowrap;
}

.contentBodyModules {
    /*display: table;
    margin-top: 250px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-right: auto;*/
    width: 100%;
}

.contentBodyModules .HdModuleContainer,
.contentBodyModules .mod-custom,
.contentBodyModules .mod-login {
    width: 100%;
    padding-bottom: 80px;
    position: relative;
}

.contentBodyModules .HdModuleContainer.pageTitle {
	padding-bottom: 20px;
}
.contentBodyModules .HdModuleContainer.noPadding {
	padding-bottom: 0px;
}

/*.contentBodyModules .HdModuleContainer, 
.contentBodyModules .mod-custom,
.contentBodyModules .mod-login {
	padding-top: 20px;
}*/
.contentBodyModules .HdModuleContainer:not(.noHr):before,
.contentBodyModules .mod-custom:before,
.contentBodyModules .mod-login:before {
	position: absolute;
	content: ' ';
	top: 10px;
	width: 100%;
	height: 3px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b1b2b3+0,b1b2b3+50,b1b2b3+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(left,  rgba(177,178,179,0) 0%, rgba(177,178,179,1) 50%, rgba(177,178,179,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(177,178,179,0) 0%,rgba(177,178,179,1) 50%,rgba(177,178,179,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(177,178,179,0) 0%,rgba(177,178,179,1) 50%,rgba(177,178,179,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1b2b3', endColorstr='#00b1b2b3',GradientType=1 ); /* IE6-9 */
}

.contentBodyModules .HdModuleContainer:first-child:before, 
.contentBodyModules .mod-custom:first-child:before,
.contentBodyModules .mod-login:first-child:before {
	background: none;
    display: none;
}

.HdRentEventsTitle,
.HdRentEventsWrapper,
.HdNewsTitle {
    margin: 0 auto;
}
.HdRentEventsWrapper,
.HdNewsWrapper {
    position: relative;
    z-index: 1;
}
.HdRentEventsWrapper {
	margin-right: 60px;
}
.HdNewsContainer h2 {
    border-bottom: 1px solid #e5332a;
}

.HdOrderCalendarTime {
    width: 80px !important;
}
.HdOrderCalendarDate {
	color: #e5332a;
}
.position-center {
	/*margin-bottom: 100px;*/
}

.component-content {
	margin-top: 10px;
}
.row.component-content {
    height: auto;
}
.waitingListContainer {
	margin-top: 20px;
}
.cart-itemcount {    
	display: none;
	font-family: visuelt-regular !important;
	margin-left: 3px !important;
}
.formatCartInfo {
	padding-left:175px;
}
.formatCartInfo span {
    font-family: visuelt-bold;
    font-weight: regular;
}
@media (max-width: 1024px) {
    .HdOrderCenterLayer  {
        margin-top: 120px;
    }
    .HdRentEventsWrapper {
        margin-top: 120px;
    }
}
@media (max-width: 768px) {
    .HdOrderCenterLayer,
	.HdRentEventsTitle,
	.HdRentEventsWrapper {
	    width: 80%;
	}
}
@media (max-width: 500px) {
	.hdSearchTitle {
	    font-size: 1.7em;
	}
	.hdSearchTitle span {
	    font-size: 22px;
        left: -19px;
        bottom: 24px;
	}
    .HdRentEventsTitle {
        top: -35px;
        font-size: 30px;
    }
    .HdRentEventsWrapper {
        margin-top: 0px;
        margin-right: 0px;
    }
	.searchCategoryLink ul {
	    display: inline;
	    list-style: circle;
	}
    .searchCategoryLink ul li {
        margin-left: 20px;
    }
	.searchCategoryLink ul li:first-child a,
    .searchCategoryLink ul li a {
	   padding-left: 3px;
	}
	.searchCategoryLink ul li::before {
	    content: '';
	}
	.HdOrderCalendarTime {
	    width: 80px !important;
	}
	.HdOrderFlatFilter a,
    .HdOrderFlatFilter .filterContent {
    	width: 100%;
    }
    .HdOrderFlatFilter .filterContent {
        top: 2.1em;
    }
}
@media (max-width: 320px) {
    .HdRentEventsTitle {
       top: -25px;
       left: -30px;
	   font-size: 25px;
    }
}

@media (max-width: 390px) {
	.HdDropdownWrapper .HdDropownTrigger [class^="newicon-"], 
	.HdDropdownWrapper .HdDropownTrigger [class*=" newicon-"] {
        font-size: 15px !important;
    }
    .logo {
        height: 40px;
        width: 157px;
    }
    .HdDropdownWrapper .HdDropownTrigger img {
        height: 25px !important;
    }
}


.fancybox-overlay {
    z-index: 11001;	
}
.addPriceBoxItemToCart .fa.fa-cart-shopping,
.fa.fa-cart-shopping {
    background-image:url("../images/shopping-cart.png");
    background-position: left 2px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px;
    height: 20px;
    float: left;
}
.priceBoxBase .addPriceBoxItemToCart .fa.fa-cart-shopping {
/*.priceBoxBase .fa.fa-cart-shopping {*/
    background: unset;
	padding-left: 0px;
	display: block;
	float: unset;
	width: unset;
	height: unset;
}

.addPriceBoxItemToCart .fa.fa-cart-shopping::before,
.fa.fa-cart-shopping::before {
    content:"";
}
.goToCart,
.goToArticleList {
    vertical-align: middle;
    line-height: 26px;
    margin-left: 1px;
}
.HdOrderBookingStepsPrices .priceBoxButton.goToCart[class*=" hdicon-"] {
	padding-left: 0px;	
}
.HdOrderBookingStepsPrices .priceBoxButton.goToCart[class*=" hdicon-"]:before {
	display: none;	
}

.goToCart .fa.fa-cart-shopping {
	margin-right: 6px;
}
.tileIcons .goToCart,
.tileIcons .addPriceBoxItemToCart {
	display: inline-block;
    background-image:url("../images/shopping-cart-white.png");
    background-position: left top;
	margin-top: 3px;
	background-size: 100% 100%;
	min-width: 25px;
	margin-bottom: 3px;
}
.tileIcons .goToCart {
	margin-top: 3px;
}
.itemPriceContainer .goToCart {
	background-image: unset;
	padding-left: 0px !important;
	height: auto;
	min-height: 20px;
	float: unset;
	width: 100%;
}
.priceBoxBase .goToCart .fa-check-circle, 
.HdOrderTileBox .imageBox div.tileIcons span.fa-check-circle {
	top: 6px;
}

.tileIcons .addPriceBoxItemToCart[class*=" fa-"]:before {
	display: none;
}
.hdMapsTitle {
	text-transform: uppercase;
	font-size: 1em;
}

polygon {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.fancybox-nav span {
	visibility: visible;
}

.calendar .day_selected_start {
    border-top: 1px solid #e5332a;  
    border-left: 1px solid #e5332a;  
}
.calendar .day_selected_end {
    border-right: 1px solid #e5332a;  
    border-bottom: 1px solid #e5332a;  
}
.paymentTile {
    width: 390px;
}

.extrasTile {
    width: 24%;
}


/* Start tiles section */
.menuTiles {
	text-align: center;
	margin-bottom: 80px;
}
.menuTiles ul {
	display: inline-block;
}
.menuTiles ul li {
    float: left;
    position: relative;
    margin-left: 80px;
    margin-right: 80px;
}
.menuTiles ul li:first-child {
    margin-left: 0;
}
.menuTiles ul li:last-child {
    margin-right: 0;
}
.menuTiles ul li div {
	border: 2px solid #e5332a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    background-color: #e5332a;
    width: 200px;
    height: 200px;
	padding: 10px;
	color: #FFFFFF;
}
.menuTiles ul li div.tileHide {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF; /*f68983*/
}
.menuTiles ul li div.tileHover {
	font-size: 12px;
    text-align: left;
    overflow: hidden;
}
.menuTiles ul li div.tileHover b {
	font-weight: bold;
}

.menuTiles ul li .image-title {
    display: none;
}
.menuTiles ul li div.tileHide img {
	width: 50%;
	margin-top: 40px;
}
.HdOrderArticleCategory div.category {
    color: #e5332a;
}


.containerHasCart {
	position: relative;
	padding-right: 300px;
}
.contentRightModules {
	position: absolute;
	top: 0px;
	right: -300px;
	width: 300px;
}

.addPriceBoxItemToCart div .fa.fa-cart-shopping,
.goToCart div .fa.fa-cart-shopping,
.hdmodule .goToCart .fa.fa-cart-shopping {
	display: none;
}
.hdOrderButtonDisabled div {
    background-color: #999999 !important;
}

.hdSearchMaskTitle {
	font-family: visuelt-bold;
    font-size: 40px;
    color: #3d3d3d;
    line-height: normal;
	margin-top: 15px;
}
.hdMaskBox label,
.dialogify label {
	color: #666666;
	font-size: 22px;
    margin-left: 2px;
}
.dialogify .serviceRow label {
    color: #464646;
}
.HdInfoWrapper .h1Behaviour,
.startpageContact h3,
.HdRentEventsWrapper .h1Behaviour {
    font-size: 54px;
    margin-bottom: 45px;
    margin-top: 90px;
    text-align: center;
}
.HdRentEventsWrapper .h1Behaviour {
    margin-top: 100px;
}

.startpageContact h3 {
	display: inline-block;
	width: 100%;
}
.HdInfoWrapper h2,
.contactDescription {
    font-size: 30px;
    margin-bottom: 45px;
    text-align: justify
}
.HdInfoWrapper .HdInfoSteps {
	padding-left: 25px;
	padding-right: 25px;
    text-align: left;
}
.HdInfoWrapper .HdInfoSteps h2 {
    font-family: visuelt-bold;
	background-color: #ff4650;
	width: 50px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	height: 50px;
	text-align: center;
	line-height: 55px;
	color: #FFF;
    padding-right: 1px;
    margin-bottom: 30px;
}
.HdInfoWrapper .HdInfoSteps h3 {
    font-family: visuelt-bold;
    margin-bottom: 30px;
    text-align: left;
}
.HdInfoWrapper .HdInfoSteps div {
    font-size: 20px;	
}
.HdInfoButton {
    margin-top: 80px;
    text-align: center;
}

.HdRentEventsWrapper .HdOrderCalendarDateBox {
    color: #ff4650;
    font-size: 25px;
    line-height: normal;
}
.HdRentEventsWrapper .HdOrderCalendarDateBox div {
    font-family: visuelt-bold;
	font-size: 55px;
	font-weight: bold;
}
.HdRentEventsWrapper .HdOrderCalendarDateBox span {
    text-transform: uppercase;
}
.HdRentEventsWrapper.HdEventsLight h2 {
	color: #4f31af;
	margin-top: 20px;
	font-size: 30px;
    line-height: normal;
}
.HdRentEventLocation {
    margin-top: 10px;
}

.alert-success,
.alert-error {
    font-size: 30px;
    margin-bottom: 25px;	
    color: var(--HdLibDarkRed);
}
.alert-success {
	color: #4f31af;	
}
.alert a,
.alert h4 {
    display: none;	
}
.contactButton {
    width: 100%;
    text-align: center;
    margin-top: 20px;	
}
.ui.form .fields.contactRow {
	margin-bottom: 30px;
}
.grecaptcha-badge {
	z-index: 100;	
}
.HdOrderFadePoints span:before {
    background-color: #FFFFFF;
}
.HdOrderFadePoints span.active:before {
    background-color: #4f31af;
}

.hdSearchMaskAttribute span,
.hdSearchMaskPrices span {
    color: #a1a2a3;
    font-size: 20px;
    font-family: visuelt-bold;
}
.HdOrderArticleLayout3 .HdOrderArticleBody {
	font-size: 30px;
}
.HdOrderArticle .HdOrderItemContent .HdOrderArticleDescription ul {
	margin-left: 20px;
	font-size: 16px;
}
.HdOrderArticle .HdOrderItemContent .HdOrderArticleDescription ul li {
	list-style-type: disclosure-closed;
	border: 0px;
	padding: 4px;
	display: list-item;
}
.seatingRowText {
	margin-top: 5px;
	position: relative;
	padding-left: 30px;
}
.seatingRowText:before {
	position: absolute;
    display: inline-block;
	top: -8px;
	left: 0px;
	content: '\e01f';
	font-family: 'IcoMoon';
    font-style: normal;
    font-size: 25px;
    line-height: normal;
	width: 30px;
	height: 30px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.HdOrderArticleBooking,
.HdOrderBookingStepLayer.standalonePage,
.HdOrderCustomerSelect,
.HdOrderPageWrapper {
	background-color: #f6f6f6;
}
.HdOrderArticleBooking h1.page-header,
.HdOrderCustomerSelect h1.page-header,
.HdOrderPageWrapper h1.page-header {
	padding-top: 80px;
}
.HdOrderBookingStepTitle {
    font-size: 30px;
    font-family: visuelt-bold;
}
.HdOrderBookingStepTitle h2 {
    color: #FFF;
    font-family: visuelt-bold;
    background-color: #ff4650;
}
.HdOrderBookingStepLayer ul.nav-tabs li a {
    color: #4f31af;
}

.calendar .not_available, 
.calendar .not_available_offer,
.HdOrderBookingStepsCalendar .calendar .day.disabled {
	color: #999999;
	background:-webkit-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
	background:-o-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
	background:-moz-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
	background:repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
}
.HdOrderBookingStepsCalendar .calendar .day.not_available.day_selected {
    color: #999999;
    background:-webkit-repeating-linear-gradient(135deg, rgb(255, 70, 80) 0%, rgb(255, 70, 80) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
    background:-o-repeating-linear-gradient(135deg, rgb(255, 70, 80) 0%, rgb(255, 70, 80) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
    background:-moz-repeating-linear-gradient(135deg, rgb(255, 70, 80) 0%, rgb(255, 70, 80) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
    background:repeating-linear-gradient(135deg, rgb(255, 70, 80) 0%, rgb(255, 70, 80) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 8%);
}
.HdOrderCalendarLegend div.HdOrderLegendNotAvailable:before {
    background:-webkit-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 8%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 16%);
    background:-o-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 8%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 16%);
    background:-moz-repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 8%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 16%);
    background:repeating-linear-gradient(135deg, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 8%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 16%);
	border: 1px solid #a1a2a3;
}
table.calendar tbody td.day {
    background-color: #c4e5e8; /*ecf6f7*/
    padding-bottom: 2px;
}
table.calendar tbody td.day.weekend {
    background-color: #70aeb3; /*e3f1f2*/
}
.HdOrderBookingStepsCalendar .calendar .day.outOfMonth {
    background-color: rgba(196,229,232,0.3);
}
.HdOrderBookingStepsCalendar .calendar .day.weekend.outOfMonth {
    background-color: rgba(112,174,179,0.3);
}

.HdOrderBookingStepsCalendar .calendar .day_selected,
.HdOrderBookingStepsCalendar .calendar .day_selected.weekend {
    background-color: #ff4650;
    color: #FFFFFF;
}
.HdOrderBookingStepsCalendar .calendar .cal-head-row td.title {
    font-family: visuelt-bold;
}
.HdOrderCalendarLegend div.HdOrderLegendAvailable:before {
    background-color: #c4e5e8;
    border: 1px solid #a1a2a3;
}
.HdOrderCalendarLegend div.HdOrderLegendSelected:before {
    background-color: #ff4650;
    width: 25px;
    height: 25px;
}
.itemPriceTitle,
.itemPriceRow,
.HdOrderBookingStepsPrices .priceBoxButton {
	font-family: visuelt-bold;
	
}
.HdOrderBookingStepsPrices .priceBoxButton.fa-remove::before {
	font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
}
.itemPriceRow b {
	font-weight: normal;
}

.itemPriceRow.itemPrice div {
	font-size: 1.5em;
}
.itemPriceRow.itemPriceNote div {
    font-family: visuelt-regular;
}

/* Tiles less */
.HdTiles2 .HdOrderTileBox .tileTitle,
.HdTiles2 .HdOrderTileBox .tileLocation {
	font-family: visuelt-regular;
    font-size: 25px;
    color: #282828;
    line-height: normal;
}

.HdTiles2 .HdOrderTileBox .tileDescription {
    color: #6f6f6f;
}
.HdTiles2 .HdOrderTileBox .tileLocation {
    color: #6f6f6f;
    font-size: 18px;
}
.attributeSize:before {
	background-image: url(../images/fullsize.png);
	
}
.tileAttributes .tileAttribute {
    color: #6f6f6f;
}
.HdOrderItemTitle {
    font-family: visuelt-bold;
    color: #4f31af;
}
.HdOrderTile:hover {
    border: 1px solid #4f31af;
    color: #4f31af;
}
.HdOrderTile:hover .HdOrderTileTitle {
}
.tileIsSelected .HdOrderTileIconSelected {
    background-image: url(../images/checked_circle_color.png);
}
.tileIsSelected .HdOrderTileIconDelete {
    background-image: url(../images/delete_grey.png);
}
.HdOrderTileIconQuantity {
    color: #4f31af;
}
.HdOrderPaymentPage .HdOrderTilePrice {
	font-size: 18px;
}

body .dialogify h5.dialogify_title {
    font-family: visuelt-regular;
    font-size: 25px;
	color: #4f31af;
}
#form-login-remember label {
	font-size: 14px;
}
#form-login-remember input[type=checkbox] {
    margin-top: 8px;	
}
.dialogify.fixed {
    width: 50%;
}
.dialogSmall.dialogify.fixed {
    width: 415px;	
}
.dialogify.fixed .dialogify__fixedwidth {
    max-width: 100%;
    width: 100%;
}
.contentBodyModules .HdModuleContainer, 
.contentBodyModules .mod-custom,
.contentBodyModules .mod-login {
	min-width: 325px;
}
.alert.alert-notice,
.alert.alert-warning,
.alert.alert-error,
.alert.alert-message {
    margin-bottom: 20px;
    border: 1px solid #a1a2a3;
    padding: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.alert.alert-message {
    padding-bottom: 10px;
}
.alert.alert-message .alert-message {
    margin-bottom: 10px;	
}
.alert.alert-warning {
	color: #4f31af;
}
.form-horizontal .control-group .control-label {
    width: 270px;
}
.form-horizontal .control-group.hdPlainTextWrapper .controls {
    padding-left: 270px;
}

[class^="hdicon-"], [class*=" hdicon-"] {
    margin-right: 15px;
}
#ordersList [class^="fileicon-pdf"], 
#ordersList [class*=" fileicon-pdf"] {
    margin-right: 2px;
}
.HdOrderViewCartContent .goToCart {
    display: list-item !important;
    margin-left: 20px;
}

.HdOrderViewCartContent .goToCart span {
    display: none;	
}
.orderCheckRow {
    margin-top: 20px;
}
.articleDocument {
    border-top: 1px solid #484848;
    font-size: 20px;
    padding-top: 25px;
}
.articleDocument a {
    position: relative;
    padding-left: 35px;
    padding-top: 5px;
}
.articleDocument a::before {
    content: ' ';
    background-image: url(../images/download.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.HdOrderCustomerSelect a.backLink {
    color: #4f31af;
    font-weight: bold;
    top: -33px;
    left: 33px;
}
a.hdChangeProfile,
.orderItemBookingDetails .detailsHeading a {
    color: #4f31af;
	font-weight: normal;
    font-style: italic;
}
.HdOrderCustomerSelect a.backLink::before {
    content: ' ';
    background-image: url(../images/profil_svg.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: -1px;
    left: -35px;
}

table td.hdIcons [class^="hdicon-"],
table.table-striped td.hdIcons [class^="hdicon-"],
table td.hdIcons [class*=" hdicon-"],
table.table-striped td.hdIcons [class*=" hdicon-"] {
	position: relative;
}   
table td.hdIcons [class^="hdicon-"]::before,
table.table-striped td.hdIcons [class^="hdicon-"]::before,
table td.hdIcons [class*=" hdicon-"]::before,
table.table-striped td.hdIcons [class*=" hdicon-"]::before {
	position: absolute;
    top: 2px;
}   

.tilesAddPayment .HdOrderTileIcon img {
    width: 80px;
}
.mbh_article_heading_2.hdSeatingTitle {
    text-decoration: none;	
}
.mbh_article_heading_2.hdSeatingTitle div {
    text-decoration: underline;  
}
.hdSeatingTitle {
    line-height: 24px;
}
.hdSeatingTitle span {
	font-size: 0.5em;
}

.orderCheckCheckboxRow .hdDownload a::before {
	color: #4f31af;
}
.HdDropdownWrapper .HdDropdownContent form {
    top: 12px;
}
.HdDropdownWrapper .HdDropdownContent div.moduleHdCart {
    top: 12px;
	left: -20px;
}
.HdDropdownWrapper .HdDropdownContent .hasTooltip {
	margin-right: 0px;
}

.dsgvo {
	 list-style-type: upper-roman;
}
.dsgvo li {
	margin-bottom: 40px;
}
.dsgvo li ul {
    margin-left: 26px;
}
.dsgvo li li {
    margin-bottom: 15px;
}

div.hdOrderProgressBar ul li,
div.hdOrderProgressBar ul li:first-child {
	font-size: 0.7em;
    border: 0px;
    border-bottom: 3px solid #333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-right: 2px;
}
.component-content div.hdOrderProgressBar ul li a {
	color: #333333;
	border-bottom: 0px;
}

div.hdOrderProgressBar ul li.active {
    border-bottom: 3px solid #ff4650;
}

div.hdOrderProgressBar ul li.stepDisabled {
    border-bottom: 3px solid #DADADA;
}

.mbhArticle h3,
.mbhArticle h5,
.mbhArticle p.pSpacer {
    display: inline-block;
    width: 100%;	
}


.acy_user_info {
    margin-top: 20px;
    padding-left: 0px;
}
.acy_user_info legend {
    display: none;
}
.acy_user_info span.onefield {
    display: block;
    margin-bottom: 25px;
}
.acy_user_info span.onefield input {
    width: 100%;
    max-width: 400px;
    border: 0px;
    border-bottom: 1px solid #4f31af;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.seatingElement:hover,
.seatingElement.seatingSelected {
    color: #4f31af;
}
.hdvcard {
    display: none;	
}
.hdvcardcontainer {
	display: block;
	margin-bottom: 20px;
}
.hdvcardcontainer .hdvcardtitle {
	font-weight: bold;
    line-height: 1em;
}
.hdvcardcontainer .hdvcardposition {
    color: #666666;
    margin-bottom: 5px;
}
.hdvcardcontainer .hdvcardimage {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
.hdvcardcontainer .hdvcardcontent {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    padding-left: 10px;
}
.hdvcardcontainer .hdvcardimage img {
    width: 100%;
    height: auto;
}
@media (max-width: 780px) {
    .hdvcardcontainer .hdvcardimage,
    .hdvcardcontainer .hdvcardcontent {
	   display: block;
       width: 100%;
       padding-left: 0px;
    }
	.hdvcardcontainer .hdvcardimage img {
	    width: 50%;
	}
}
@media (max-width: 550px) {
    .hdvcardcontainer .hdvcardimage img {
        width: 100%;
    }
}

.textSizeHint {
	display: inline-block;
	width: 50px;
	position: relative;
	cursor: pointer;
}
.textSizeHint div {
    display: inline-block;	
    padding-left: 2px;
    padding-right: 2px;
}
.textSizeHint div.hintDesc {
	z-index: +1;
    position: absolute;
    width: 255px;
    top: 25px;
    left: 0px;
    border: 1px solid #DADADA;
    background-color: #FFFFFF;
    white-space: normal;
    padding: 10px;
    font-size: 0.8em;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
}
.textSizeHint div.hintDesc span {
	border: 1px solid #DADADA;
	background-color: #DADADA;
	padding: 3px;
	padding-bottom: 1px;
    padding-top: 4px;
}

.HdOrderTileIconLink {
    right: 10px;
    bottom: 3px;
}

h4.hdDoExpand {
    font-weight: normal;
}
h4.hdDoExpand:hover,
h4.hdDoExpand.hdExpanded {
	color: #4f31af;
}

/* YUMPU style */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, 
.embed-container object, 
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.newicon-new-info::before {
	color: #000000;
}
.HdOrderUrl:hover {
	color: #4f31af;
}
.profileEditToolbar a {
	color: #4f31af;
}

nav .menu-head .LoginDropdown ul.loginModuleLink li a:focus,
nav .menu-head .LoginDropdown ul.loginModuleLink li a:hover,
nav .menu-head .LoginDropdown ul li a:focus,
nav .menu-head .LoginDropdown ul li a:hover,
.HdDropdownWrapper .HdDropdownContent .logout-button .btn-primary:focus,
.HdDropdownWrapper .HdDropdownContent .logout-button .btn-primary:hover {
	color: #4f31af !important;
}

.footer img {
	max-width: 90%;
}
.fileicon-contact::before {
	top: 4px;
}
.mbhAddressBlockLayer {
	display: flex;
}

.mbhAddressBlock {
    padding: 15px;
    font-size: 0.8em;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    box-shadow: 0px 5px 5px 0px rgba(153,153,153,1);
    margin-right: 20px;
    border: 1px solid #dadada;
}
.orderBackendEditItem {
	font-size: 16px;
}
/*.orderBackendEditItem div.orderShortInfo, 
.orderBackendEditItem div.orderInfoEdit {
	padding-left: 130px;
}*/
#formordereditTabTabs {
	font-size: 17px;
}
#formordereditTabContent,
#formordereditTabContent input,
#formordereditTabContent textarea {
	font-size: 17px;
}
ul.eventAttributes li {
	padding-left: 260px !important;
}
.HdOrderEventsReadmoreIcon .hdicon-arrow-down {
	position: relative;
}
.HdOrderEventsReadmoreIcon .hdicon-arrow-down::before {
	color: #4f31af;
	font-size: 40px;
	top: -2px;
}
.hdMaskLayer {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.HdDropdownWrapper .moduleHdCart .newicon-level::before {
	top: -2px !important;
	left: 1px;
}
.HdDropdownWrapper .moduleHdCart .itemLevel1 .levelTd {
	padding-left: 5px !important;
}
.dialogify .seatingElement {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
	background-color: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 10px;
}
.dialogify .seatingElement .seatingElementLeft {
	display: flex;
}
.dialogify .control-group.selfSeatingField .control-label {
	padding-right: 10px;
}
.dialogify .control-group.selfSeatingField .control-label label {
	font-weight: bold;
  	color: #000;
}
.HdOrderDialogseating .control-label {
	padding-top: 0px;
}
.HdOrderTileBox .imageBox div.priceBoxBase {
	margin-bottom: -6px;
}

.logo-link {
	position: relative;
}
.logoLinkText {
	position: absolute;
	opacity: 0;
	top: 0px;
}

.HdEventsLight .eventImage {
	background-repeat: no-repeat;
}

.headingIcons-New::before {
	content: "\e219" !important;
	color: var(--HdLibDarkGreen) !important;
}
.headingIcons-Apply::before, 
.headingIcons-ApplyValid::before {
	color: var(--HdLibDarkGreen) !important;
}

.lawStructure.com-content-article__body,
.lawStructure .com-content-article__body {
	font-size: 16px;
}
.lawStructure.com-content-article__body p,
.lawStructure .com-content-article__body p {
	text-align: justify;
}

.lawStructure h2 {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DADADA;
}

.lawStructure h3 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.lawStructure ul,
.lawStructure ol {
	margin-left: 30px;
}
.lawStructure ol li {
	padding-left: 10px;
}

.HdInfoSingleArticle .HdInfoEntry {
	position: relative;
	display: grid;
	grid-template-columns: 100%;
	width: 100%;
	grid-gap: 20px;
	padding-top: 30px;
}
.HdInfoSingleArticle .HdInfoEntry:has(div.HdInfoImageSingle) {
	grid-template-columns: 50% 50%;
}
.HdInfoSingleArticle .HdInfoEntry ul {
	padding-left: 20px;
}