/* Font families */
/* Font Awesome */
@font-face {
font-family: 'Font Awesome 6 Pro';
font-style: normal;
font-weight: 100;
font-display: block;
src: url('/bundles/standardshop/fonts/fontawesome/fa-sharp-thin-100.woff2') format('woff2'),
url('/bundles/standardshop/fonts/fontawesome/fa-sharp-thin-100.ttf') format('truetype');
}
/* Colors */
:root {
--bs-primary: #2e2b7e;
--bs-primary-rgb: 46,43,126;
--color-primary: #2e2b7e;
--color-primary-rgb: 46,43,126;
--color-primary-light: #433eb7;
--color-primary-light-rgb: 67,62,183;
--color-primary-dark: #191845;
--color-primary-dark-rgb: 25,24,69;
--color-secondary: #eebeb5;
--color-secondary-rgb: 238,190,181;
--color-secondary-light: #fcf5f3;
--color-secondary-light-rgb: 252,245,243;
--color-secondary-dark: #e08777;
--color-secondary-dark-rgb: 224,135,119;
--color-tertiary: #9bc69e;
--color-tertiary-rgb: 155,198,158;
--color-tertiary-light: #cce2cd;
--color-tertiary-light-rgb: 204,226,205;
--color-tertiary-dark: #6aaa6f;
--color-tertiary-dark-rgb: 106,170,111;
}
/* Typography */
.typography-Overskrift1STOREBOGSTAVER {
font-size: 38px;
text-transform: uppercase;
line-height: 40px;
}
.typography-KategorioverskriftSTOREBOGSTAVER {
font-size: 14px;
font-weight: bold;
line-height: 21px;
}
.typography-Brdtekst1tynd {
font-size: 14px;
line-height: 18px;
}
.typography-Brdtekst2fed {
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.typography-Produktlistenavn {
font-size: 18px;
font-weight: bold;
line-height: 20px;
}
.typography-Overskrift2Smbogstaver {
font-size: 42px;
line-height: 44px;
}
.typography-Prisstor {
font-size: 38px;
font-weight: bold;
line-height: 40px;
}
.typography-Kurv-Totalpris {
font-size: 20px;
font-weight: bold;
line-height: 24px;
}
.typography-Kurv-Moms {
font-size: 14px;
font-style: italic;
line-height: 16px;
}
.typography-SuboverskriftfedogSTORE {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
}
.typography-Paneltitel {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 22px;
}
.typography-Produktlistepris {
font-size: 18px;
line-height: 20px;
}
.typography-Produktlistepris-rabat {
font-size: 18px;
text-decoration: line-through;
line-height: 20px;
}
.typography-Heading01Clienti {
font-size: 90px;
line-height: 92px;
}
.typography-Heading02Clienti {
font-size: 57px;
line-height: 62px;
}
.typography-Heading03Clienti {
font-size: 40px;
line-height: 44px;
}
.typography-Heading04Clienti {
font-size: 30px;
line-height: 36px;
}
.typography-BasetekstClienti {
font-size: 21px;
line-height: 27px;
}
.typography-TextTiny {
font-size: 14px;
line-height: 19px;
}
/* Alerts */
.alert-danger {
--bs-alert-color: #ad4c4c;
--bs-alert-bg: #f4d4c6;
}
.alert-success {
--bs-alert-color: #133f16;
--bs-alert-bg: #c8dcc8;
}
/* Buttons */
.btn-shop-primary {
--bs-btn-color: #ffffff;
--bs-btn-bg: var(--color-primary);
--bs-btn-hover-color: var(--color-secondary-light);
--bs-btn-hover-bg: var(--color-primary-dark);
--bs-btn-active-color: var(--color-secondary-light);
--bs-btn-active-bg: var(--color-primary-dark);
--bs-btn-disabled-color: #ffffff;
--bs-btn-disabled-bg: var(--color-primary);
--bs-btn-border-width: 0px;
--bs-btn-border-radius: 100px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-secondary {
--bs-btn-color: var(--color-primary);
--bs-btn-bg: var(--color-white);
--bs-btn-border-color: var(--color-primary);
--bs-btn-hover-color: var(--color-white);
--bs-btn-hover-bg: var(--color-primary-dark);
--bs-btn-active-color: var(--color-white);
--bs-btn-active-bg: var(--color-primary-dark);
--bs-btn-disabled-color: var(--color-primary);
--bs-btn-disabled-bg: var(--color-white);
--bs-btn-disabled-border-color: var(--color-primary);
--bs-btn-border-width: 1px;
--bs-btn-border-radius: 100px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-tertiary {
--bs-btn-color: var(--color-secondary-dark);
--bs-btn-bg: var(--color-secondary-light);
--bs-btn-border-color: var(--color-secondary-dark);
--bs-btn-hover-color: var(--color-secondary-dark);
--bs-btn-hover-bg: var(--color-secondary);
--bs-btn-hover-border-color: var(--color-secondary);
--bs-btn-active-color: var(--color-secondary-dark);
--bs-btn-active-bg: var(--color-secondary);
--bs-btn-active-border-color: var(--color-secondary);
--bs-btn-disabled-color: var(--color-secondary-dark);
--bs-btn-disabled-bg: var(--color-secondary-light);
--bs-btn-disabled-border-color: var(--color-secondary-dark);
--bs-btn-border-width: 0px;
--bs-btn-border-radius: 20px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-cancel {
--bs-btn-color: var(--color-dark-gray);
--bs-btn-bg: var(--color-light-gray);
--bs-btn-border-color: var(--color-light-gray);
--bs-btn-hover-color: var(--color-white);
--bs-btn-hover-bg: #6e7275;
--bs-btn-hover-border-color: #6e7275;
--bs-btn-active-color: var(--color-white);
--bs-btn-active-bg: #6e7275;
--bs-btn-active-border-color: #6e7275;
--bs-btn-disabled-color: var(--color-dark-gray);
--bs-btn-disabled-bg: var(--color-light-gray);
--bs-btn-disabled-border-color: var(--color-light-gray);
--bs-btn-border-width: 0px;
--bs-btn-border-radius: 20px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-flow {
--bs-btn-color: var(--color-white);
--bs-btn-bg: var(--color-primary);
--bs-btn-border-color: var(--color-primary);
--bs-btn-hover-color: var(--color-white);
--bs-btn-hover-bg: var(--color-primary);
--bs-btn-hover-border-color: var(--color-primary);
--bs-btn-active-color: var(--color-white);
--bs-btn-active-bg: var(--color-primary);
--bs-btn-active-border-color: var(--color-primary);
--bs-btn-disabled-color: var(--color-white);
--bs-btn-disabled-bg: var(--color-primary);
--bs-btn-disabled-border-color: var(--color-primary);
--bs-btn-border-width: 0px;
--bs-btn-border-radius: 100px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-default {
--bs-btn-color: var(--color-primary-dark);
--bs-btn-bg: #ffffff;
--bs-btn-border-color: var(--color-white);
--bs-btn-hover-color: var(--color-primary-light);
--bs-btn-hover-bg: var(--color-white);
--bs-btn-hover-border-color: var(--color-white);
--bs-btn-active-color: var(--color-primary-light);
--bs-btn-active-bg: var(--color-white);
--bs-btn-active-border-color: var(--color-white);
--bs-btn-disabled-color: var(--color-primary-dark);
--bs-btn-disabled-bg: #ffffff;
--bs-btn-disabled-border-color: var(--color-white);
--bs-btn-border-width: 1px;
--bs-btn-border-radius: 20px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-danger {
--bs-btn-color: #ffffff;
--bs-btn-bg: #ff7a7a;
--bs-btn-border-color: #ff7a7a;
--bs-btn-hover-color: #ffffff;
--bs-btn-hover-bg: #c36565;
--bs-btn-hover-border-color: #c36565;
--bs-btn-active-color: #ffffff;
--bs-btn-active-bg: #c36565;
--bs-btn-active-border-color: #c36565;
--bs-btn-disabled-color: #ffffff;
--bs-btn-disabled-bg: #ff7a7a;
--bs-btn-disabled-border-color: #ff7a7a;
--bs-btn-border-width: 1px;
--bs-btn-border-radius: 5px;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-shop-smallaction {
--bs-btn-color: var(--color-white);
--bs-btn-bg: var(--color-primary);
--bs-btn-hover-bg: var(--color-primary-light);
--bs-btn-active-bg: var(--color-primary-light);
--bs-btn-disabled-color: var(--color-white);
--bs-btn-disabled-bg: var(--color-primary);
--bs-btn-border-radius: 20px;
--bs-btn-padding-x: 6px;
--bs-btn-padding-y: 4px;
}
.btn-shop-plusminus {
--bs-btn-color: #ffffff;
--bs-btn-bg: var(--color-primary-dark);
--bs-btn-border-color: var(--color-primary-dark);
--bs-btn-hover-color: #ffffff;
--bs-btn-hover-bg: var(--color-primary-light);
--bs-btn-hover-border-color: var(--color-primary-light);
--bs-btn-active-color: #ffffff;
--bs-btn-active-bg: var(--color-primary-light);
--bs-btn-active-border-color: var(--color-primary-light);
--bs-btn-disabled-color: #ffffff;
--bs-btn-disabled-bg: var(--color-primary-dark);
--bs-btn-disabled-border-color: var(--color-primary-dark);
--bs-btn-border-width: 1px;
--bs-btn-border-radius: 100px;
--bs-btn-padding-x: 10px;
--bs-btn-padding-y: 5px;
}
/* Root */
:root {
--bs-body-bg: #faefec;
--bs-link-color: var(--color-primary-light);
--bs-link-color-rgb: var(--color-primary-light-rgb);
--bs-link-hover-color: #ddd5c0;
--bs-link-hover-color-rgb: 221,213,192;
--bs-secondary-color: var(--color-light-gray);
--input-bg: var(--color-white);
--input-border-color: #a0a56e;
--input-focus-bg: var(--color-white);
--input-focus-box-shadow: 2px 2px 10px 2px #617252;
--price-discount-color: var(--color-secondary-dark);
--price-before-discount-color: var(--color-secondary-dark);
}
/* Content */
body {
--body-padding-bottom: 5rem;
}
article {
--article-padding-bottom: 5rem;
}
/* Header */
header {
--menu-bg: #faefec;
--menu-bottom-height: 50px;
--menu-bottom-bg: #faefec;
--menu-bottom-nav-link-padding-y: 20px;
--menu-logo-height: 50px;
--menu-border-size: 1px;
--bs-nav-link-color: var(--color-primary);
--bs-nav-link-hover-color: var(--color-primary-dark);
--menu-toggler-icon-color: var(--color-primary);
--menu-collapse-full-bg: var(--color-primary);
--menu-top-nav-link-color: var(--color-white);
--menu-top-nav-link-bg: var(--color-primary-dark);
--menu-top-nav-link-hover-color: var(--color-secondary);
--menu-top-nav-link-active-color: var(--color-primary-dark);
--menu-burger-nav-link-text-align: center;
}
/* Footer */
footer {
--footer-color: #ffffff;
--footer-bg: var(--color-primary);
--footer-top-color: var(--color-primary-dark);
--footer-top-bg: var(--color-secondary);
}
/* Shop elements */
.mini-cart-dropdown {
--bs-popover-bg: var(--color-white);
--popover-min-width: 300px;
--bs-popover-max-width: 500px;
}
.modal {
--bs-modal-color: var(--color-primary-dark);
--bs-modal-bg: var(--color-white);
--bs-modal-border-width: 0px;
--bs-modal-header-border-width: 0px;
--bs-modal-footer-border-width: 0px;
}
.modal-header {
color: var(--color-primary);
}
.modal-footer {
justify-content: center;
}
.notification-bar {
text-align: center;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
/* Page elements - base */
.component-AccountMenu a {
--account-menu-item-hover-color: var(--color-secondary);
}
.component-PeriodShopCategoryPeriodCardAddressModal.card {
--bs-card-color: var(--color-white);
--bs-card-bg: var(--color-primary-dark);
--bs-card-cap-color: var(--color-white);
--bs-card-cap-bg: var(--color-primary-dark);
--bs-card-border-color: var(--color-primary-dark);
--bs-card-border-width: 0px;
--bs-card-border-radius: 5px;
}
.component-PeriodShopFinalizePeriodCardSearchResult.card {
--bs-card-bg: var(--color-white);
}
.component-PeriodShopFinalizePeriodCardSearchResult.card.finalized {
--bs-card-bg: var(--color-white);
}
.component-CheckoutProgress {
--bs-nav-link-color: #a0a56e;
--nav-link-bg: #f0eee9;
--bs-nav-pills-link-active-bg: #617232;
--bs-nav-link-disabled-color: #617232;
--nav-link-disabled-bg: #f0eee9;
}
.component-ContentBreadcrumb {
--bs-link-color-rgb: 160,165,110;
--bs-link-hover-color-rgb: 97,114,82;
}
.component-ContentBreadcrumb .breadcrumb {
--bs-breadcrumb-item-active-color: #353723;
--bs-breadcrumb-divider-color: #617252;
}
.component-LayoutContainer {
margin-top: 1rem;
margin-bottom: 1rem;
}
.component-EventShopAccountChangeDateCalendar .day-available {
--day-text-color: var(--color-white);
--day-bg-color: var(--color-primary-light);
}
.component-EventShopAccountChangeDateCalendar .day-available.selected {
--day-text-color: #FFFFFF;
--day-bg-color: var(--color-primary);
}
/* Page elements - specific */
.component-ContentHeadline-527 {
margin-top: 120px;
margin-bottom: 60px;
}
.component-EventShopCategoryEventList-536 {
color: var(--color-black);
background-color: #faefec;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-EventShopCategoryEventList-event-536 {
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-color: var(--color-light-gray);
border-right-color: var(--color-light-gray);
border-bottom-color: var(--color-light-gray);
border-left-color: var(--color-light-gray);
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.component-EventShopCategoryEventList-event-536 .event-info {
padding: 20px;
padding: 50px;
padding: 20px;
padding: 50px;
}
.component-ContentHeadline-693 {
margin-top: 120px;
margin-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventList-694 {
color: var(--color-black);
background-color: #faefec;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-EventShopCategoryEventList-event-694 {
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-color: var(--color-light-gray);
border-right-color: var(--color-light-gray);
border-bottom-color: var(--color-light-gray);
border-left-color: var(--color-light-gray);
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.component-EventShopCategoryEventList-event-694 .event-info {
padding: 20px;
padding: 50px;
padding: 20px;
padding: 50px;
}
.component-ContentHeadline-580 {
color: var(--color-primary);
padding-top: 20px;
padding-bottom: 0px;
}
.component-LayoutRow-581 {
padding-top: 20px;
}
.component-CategoryImage-584 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-LayoutGroup-1263 {
padding-left: 10px;
}
.component-CategoryDescription-586 {
margin-top: 10px;
margin-bottom: 10px;
}
.component-LayoutGroup-587 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-EventShopCategoryTicketProductList-589 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketTotal-591 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-LayoutGroup-592 {
margin-bottom: 10px;
}
.component-LayoutGroup-594 {
background-color: var(--color-white);
}
.component-LayoutGroup-601 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-602 {
color: var(--color-primary);
}
.component-SecurityLogin-604 {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.component-LayoutGroup-605 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-606 {
color: var(--color-primary);
}
.component-LayoutGroup-609 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-610 {
color: var(--color-primary);
}
.component-LayoutGroup-612 {
margin-top: 30px;
}
.component-LayoutGroup-615 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-616 {
padding-bottom: 20px;
}
.component-LayoutColumn-1034 {
margin-top: 30px;
padding-right: 20px;
padding-left: 20px;
}
.component-LayoutGroup-628 {
color: #ababab;
}
.component-LayoutGroup-630 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-ContentHeadline-637 {
color: var(--color-primary-dark);
margin-top: 50px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
.component-ProductList_-product-1040 {
background-color: #FFFFFF;
border-top-width: 0px;
border-top-color: #ffffff;
border-right-width: 0px;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-color: #ffffff;
border-left-width: 0px;
border-left-color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ProductList_-product-image-1040 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-ProductList_-product-info-1040 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductList_-1040 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-640 {
color: var(--color-primary-dark);
margin-top: 100px;
margin-bottom: 30px;
}
.component-EventShopCategoryEventCards-event-641 {
color: var(--color-black);
background-color: var(--color-white);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
}
.component-EventShopCategoryEventCards-event-image-641 {
margin-bottom: 20px;
border-radius: 20px 20px 0 0;
}
.component-EventShopCategoryEventCards-event-name-641 {
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-time-641 {
padding-right: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-venue-641 {
color: #FFFFFF;
background-color: var(--color-tertiary);
margin-bottom: -55px;
margin-left: 330px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
z-index: 100;
width: 70px;
border-radius: 50px;
float: right;
}
.component-EventShopCategoryEventCards-event-short-description-641 {
padding-top: 0px;
padding-right: 19.99px;
padding-bottom: 10px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-641 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-LayoutContainer-815 {
background-color: #FFFFFF;
margin-right: 50px;
margin-left: 50px;
padding-bottom: 40px;
}
.component-ContentHeadline-794 {
color: var(--color-primary);
padding-top: 40px;
padding-bottom: 20px;
}
.component-EventShopCategoryEventTime-813 {
margin-bottom: 40px;
}
.component-LayoutRow-795 {
background-color: #FFFFFF;
margin-top: 100px;
margin-right: 50px;
margin-bottom: 100px;
margin-left: 50px;
padding-top: 80px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: -0px;
}
.component-CategoryImage-798 {
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-CategoryIntroText-814 {
margin-bottom: 10px;
}
.component-CategoryDescription-800 {
color: var(--color-black);
}
.component-LayoutGroup-801 {
background-color: var(--color-white);
margin-top: 20px;
}
.component-EventShopCategoryTicketProductList-803 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketTotal-805 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-LayoutGroup-806 {
margin-bottom: 10px;
}
.component-LayoutGroup-808 {
background-color: var(--color-white);
}
.component-EventShopCategoryTicketAddToCart-810 {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.component-LayoutContainer-858 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-ContentHeadline-853 {
color: var(--color-primary-dark);
margin-top: 100px;
margin-bottom: 30px;
Overskrift
;
}
.component-LayoutGroup-854 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-EventShopCategoryEventCards-855 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-EventShopCategoryEventCards-event-855 {
color: var(--color-black);
background-color: var(--color-white);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: var(--color-primary);
border-right-color: var(--color-primary);
border-bottom-color: var(--color-primary);
border-left-color: var(--color-primary);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-EventShopCategoryEventCards-event-image-855 {
margin-bottom: 20px;
border-radius: 20px 20px 0 0;
}
.component-EventShopCategoryEventCards-event-name-855 {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-time-855 {
padding-right: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-short-description-855 {
padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-855 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-822 {
color: var(--color-black);
padding-top: 40px;
padding-bottom: 20px;
}
.component-LayoutContainer-824 {
background-color: #FFFFFF;
padding-bottom: 40px;
}
.component-LayoutContainer-825 {
padding-bottom: 40px;
}
.component-LayoutRow-826 {
background-color: #FFFFFF;
margin-top: 100px;
padding-top: 80px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutColumn-880 {
.component-CategoryImage img {
border-radius: 20px;
};
}
.component-ProductImage-881 {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
.component-CategoryImage img {
border-radius: 20px;
};
}
.component-LayoutFlex-869 {
margin-bottom: 10px;
}
.component-ContentText-870 {
margin-right: 5px;
}
.component-ProductDescription-860 {
color: var(--color-black);
}
.component-LayoutGroup-831 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-838 {
background-color: var(--color-white);
margin-top: -30px;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 15px;
}
.component-ProductAddToCart-878 {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 25px;
}
.component-LayoutGroup-841 {
color: #FFFFFF;
background-color: var(--color-primary);
margin-bottom: 40px;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ContentText-842 {
color: #FFFFFF;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-ContentPagelet-843 {
background-color: var(--color-primary);
}
.component-ContentHeadline-889 {
margin-top: 120px;
margin-bottom: 60px;
}
.component-ContentHeadline-895 {
margin-top: 120px;
margin-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.component-ProductList_-product-885 {
background-color: #FFFFFF;
border-top-width: 0px;
border-top-color: #ffffff;
border-right-width: 0px;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-color: #ffffff;
border-left-width: 0px;
border-left-color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ProductList_-product-image-885 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-ProductList_-product-info-885 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductList_-885 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-901 {
margin-top: 120px;
margin-bottom: 60px;
}
.component-ContentHeadline-902 {
margin-top: 120px;
margin-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.component-ProductList_-product-903 {
background-color: #FFFFFF;
border-top-width: 0px;
border-top-color: #ffffff;
border-right-width: 0px;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-color: #ffffff;
border-left-width: 0px;
border-left-color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ProductList_-product-image-903 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-ProductList_-product-info-903 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductList_-903 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-945 {
color: var(--color-black);
padding-top: 40px;
padding-bottom: 20px;
}
.component-ContentHeadline-908 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-ProductIntroText-946 {
margin-bottom: 40px;
}
.component-LayoutContainer-948 {
background-color: #FFFFFF;
padding-top: 80px;
padding-bottom: 80px;
}
.component-LayoutRow-909 {
padding-top: 80px;
padding-bottom: 80px;
}
.component-LayoutGroup-914 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductDescription-915 {
color: var(--color-black);
color: black;
}
.component-LayoutGroup-916 {
background-color: #FFFFFF;
margin-top: 30px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: var(--color-light-gray);
border-right-color: var(--color-light-gray);
border-bottom-color: var(--color-light-gray);
border-left-color: var(--color-light-gray);
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 0.38rem;
border-top-right-radius: 0.38rem;
border-bottom-left-radius: 0.38rem;
border-bottom-right-radius: 0.38rem;
}
.component-LayoutRow-917 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-920 {
margin-bottom: 0px;
}
.component-LayoutGroup-925 {
margin-top: 20px;
}
.component-LayoutGroup-911 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductExtraDescription-950 {
color: var(--color-black);
font-style: italic; color: black;
}
.component-ContentHeadline-929 {
padding-top: 20px;
padding-bottom: 20px;
}
.component-LayoutGroup-932 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-936 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ModuleGiftCertificateProductPriceInput-939 {
margin-right: 40px;
margin-left: 40px;
}
.component-LayoutGroup-940 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
.component-ProductImageList-thumb-943 {
background-color: #ff00c8;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.component-ContentHeadline-954 {
color: var(--color-black);
padding-top: 40px;
padding-bottom: 20px;
}
.component-ContentHeadline-955 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-ProductIntroText-956 {
margin-bottom: 40px;
}
.component-LayoutContainer-957 {
background-color: #FFFFFF;
padding-top: 80px;
padding-bottom: 80px;
}
.component-LayoutRow-959 {
padding-top: 80px;
padding-bottom: 80px;
}
.component-LayoutGroup-961 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductDescription-962 {
color: var(--color-black);
color: black;
}
.component-LayoutGroup-963 {
background-color: #FFFFFF;
margin-top: 30px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: var(--color-light-gray);
border-right-color: var(--color-light-gray);
border-bottom-color: var(--color-light-gray);
border-left-color: var(--color-light-gray);
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 0.38rem;
border-top-right-radius: 0.38rem;
border-bottom-left-radius: 0.38rem;
border-bottom-right-radius: 0.38rem;
}
.component-LayoutRow-964 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-967 {
margin-bottom: 0px;
}
.component-LayoutGroup-972 {
margin-top: 20px;
}
.component-LayoutGroup-975 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ProductExtraDescription-976 {
color: var(--color-black);
font-style: italic; color: black;
}
.component-ContentText-982 {
color: var(--color-black);
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutRow-985 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.component-LayoutColumn-986 {
color: #353723;
margin-bottom: 30px;
}
.component-LayoutGroup-987 {
color: var(--color-black);
}
.component-LayoutGroup-988 {
color: var(--color-black);
}
.component-ContentText-989 {
color: var(--color-black);
padding-bottom: 40px;
}
.component-LayoutGroup-992 {
margin-top: 30px;
}
.component-LayoutFlex-993 {
margin-top: 20px;
}
.component-CartEmptyCart-994 {
margin-bottom: 10px;
}
.component-CartUpdateCart-995 {
color: #ffffff;
background-color: #617252;
}
.component-LayoutGroup-1000 {
background-color: var(--color-white);
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentText-1001 {
margin-bottom: 30px;
}
.component-LayoutGroup-1005 {
margin-top: 10px;
}
.component-LayoutGroup-1016 {
color: #c2c2c2;
}
.component-ModulePromotionCart-1018 {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.component-CartError-1019 {
margin-top: 20px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.component-LayoutGroup-1020 {
padding-top: 20px;
}
.component-LayoutGroup-1022 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-CartPaymentMethods-1024 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 20px;
}
.component-CheckoutGoTo_-1025 {
margin-top: 30px;
padding-top: 5px;
}
.component-LayoutGroup-1030 {
margin-top: 40px;
}
.component-ContentText-1031 {
color: #9fa579;
}
.component-CategoryImage-1069 {
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ContentHeadline-1070 {
color: var(--color-black);
padding-top: 40px;
padding-bottom: 20px;
}
.component-EventShopCategoryEventTime-1071 {
margin-bottom: 40px;
}
.component-LayoutRow-1099 {
margin-top: 40px;
}
.component-ContentImage-1103 {
margin-bottom: 20px;
}
.component-ContentImage-1105 {
margin-bottom: 20px;
}
.component-ContentImage-1107 {
margin-bottom: 20px;
}
.component-LayoutContainer-1072 {
background-color: #FFFFFF;
padding-bottom: 40px;
}
.component-LayoutContainer-1073 {
padding-bottom: 40px;
}
.component-LayoutRow-1074 {
background-color: #FFFFFF;
margin-top: 100px;
padding-top: 80px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutColumn-1075 {
margin-bottom: 40px;
}
.component-CategoryDescription-1078 {
color: var(--color-black);
}
.component-LayoutGroup-1079 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopCategoryTicketProductList-1081 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketTotal-1083 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-LayoutGroup-1084 {
margin-bottom: 10px;
}
.component-LayoutGroup-1086 {
background-color: var(--color-white);
}
.component-EventShopCategoryTicketAddToCart-1088 {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.component-LayoutGroup-1089 {
color: #FFFFFF;
background-color: var(--color-primary);
margin-bottom: 40px;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ContentText-1090 {
color: #FFFFFF;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-ContentPagelet-1091 {
background-color: var(--color-primary);
}
.component-ContentHeadline-1093 {
color: var(--color-primary-dark);
margin-top: 100px;
margin-bottom: 30px;
}
.component-EventShopCategoryEventCards-1095 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-EventShopCategoryEventCards-event-1095 {
color: var(--color-black);
background-color: var(--color-white);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: var(--color-primary);
border-right-color: var(--color-primary);
border-bottom-color: var(--color-primary);
border-left-color: var(--color-primary);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-EventShopCategoryEventCards-event-image-1095 {
margin-bottom: 20px;
border-radius: 20px 20px 0 0;
}
.component-EventShopCategoryEventCards-event-name-1095 {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.component-EventShopCategoryEventCards-event-time-1095 {
padding-right: 0px;
padding-left: 0px;
}
.component-EventShopCategoryEventCards-event-short-description-1095 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}
.component-EventShopCategoryEventCards-1095 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentGoTo_-1096 {
margin-top: 20px;
}
.component-LayoutGroup-1111 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-1115 {
background-color: #ffffff;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-LayoutGroup-1118 {
background-color: #ffffff;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-LayoutGroup-1122 {
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-LayoutGroup-1125 {
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-LayoutContainer-1222 {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ContentHeadline-1297 {
color: var(--color-primary-dark);
margin-top: 120px;
margin-bottom: 60px;
}
.component-ContentHeadline-1298 {
margin-top: 120px;
margin-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-1224 {
color: var(--color-primary);
}
.component-EventShopCategoryEventCards-event-1224 {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-top-style: hidden;
border-right-style: hidden;
border-bottom-style: hidden;
border-left-style: hidden;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.component-EventShopCategoryEventCards-event-image-1224 {
z-index: 1;
}
.component-EventShopCategoryEventCards-event-name-1224 {
color: var(--color-primary);
padding-top: 10px;
z-index: 10;
}
.component-EventShopCategoryEventCards-event-time-1224 {
color: var(--color-black);
background-color: var(--color-white);
margin-top: 0px;
margin-bottom: -23px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10; width: max-content; margin-left: auto; margin-right: auto;
}
.component-EventShopCategoryEventCards-event-venue-1224 {
margin-top: -31px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10; width: max-content; margin-left: auto; margin-right: auto;
}
.component-EventShopCategoryEventCards-event-short-description-1224 {
color: var(--color-primary-dark);
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 20px;
}
.component-EventShopCategoryEventCards-1224 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-1227 {
color: var(--color-primary-dark);
padding-top: 40px;
padding-bottom: 20px;
}
.component-EventShopCategoryEventTime-1228 {
margin-bottom: 40px;
}
.component-LayoutContainer-1229 {
background-color: #f9f0ec;
padding-bottom: 40px;
}
.component-LayoutContainer-1230 {
padding-bottom: 40px;
}
.component-CategoryDescription-1233 {
color: var(--color-primary-dark);
}
.component-LayoutGroup-1236 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-EventShopCategoryTicketCalendarCalendar-1237 .day-available {
--day-text-color: #ffffff;
--day-bg-color: var(--color-primary-light);
}
.component-EventShopCategoryTicketCalendarCalendar-1237 .day-available.selected {
--day-text-color: #ffffff;
--day-bg-color: var(--color-primary);
}
.component-EventShopCategoryTicketCalendarCalendar-1237 .day-sold-out {
--day-text-color: #ababab;
--day-bg-color: #ededed;
}
.component-LayoutGroup-1239 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top-color: #808080;
border-right-color: #808080;
border-bottom-color: #808080;
border-left-color: #808080;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-EventShopCategoryTicketCalendarSelectedDate-1241 {
margin-bottom: 20px;
}
.component-EventShopCategoryTicketCalendarProductList-1243 {
background-color: var(--color-white);
}
.component-EventShopCategoryTicketCalendarProductList-1243 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketCalendarTotal-1245 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: #ffffff;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
}
.component-LayoutGroup-1246 {
margin-bottom: 10px;
}
.component-LayoutGroup-1250 {
color: #FFFFFF;
background-color: var(--color-primary);
margin-top: 20px;
margin-bottom: 40px;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-ContentText-1251 {
color: #FFFFFF;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-ContentPagelet-1252 {
background-color: var(--color-primary);
}
.component-ContentHeadline-1254 {
color: var(--color-primary-dark);
margin-top: 100px;
margin-bottom: 30px;
}
.component-EventShopCategoryEventCards-1256 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-EventShopCategoryEventCards-event-1256 {
color: var(--color-black);
background-color: var(--color-white);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: var(--color-primary);
border-right-color: var(--color-primary);
border-bottom-color: var(--color-primary);
border-left-color: var(--color-primary);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-EventShopCategoryEventCards-event-image-1256 {
margin-bottom: 20px;
border-radius: 20px 20px 0 0;
}
.component-EventShopCategoryEventCards-event-name-1256 {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-time-1256 {
padding-right: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-event-short-description-1256 {
padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopCategoryEventCards-1256 .card {
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentGoTo_-1257 {
margin-top: 20px;
}
.component-ContentHeadline-1277 {
color: var(--color-primary);
padding-top: 20px;
padding-bottom: 0px;
}
.component-LayoutRow-1278 {
padding-top: 20px;
}
.component-CategoryImage-1280 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-LayoutGroup-1282 {
padding-left: 10px;
}
.component-CategoryDescription-1283 {
margin-top: 10px;
margin-bottom: 10px;
}
.component-LayoutGroup-1284 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.component-EventShopCategoryTicketTotal-1288 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-LayoutGroup-1289 {
margin-bottom: 10px;
}
.component-LayoutGroup-1291 {
background-color: var(--color-white);
}
.component-ContentHeadline-25 {
padding-top: 20px;
padding-bottom: 20px;
}
.component-ContentText-26 {
margin-bottom: 20px;
}
.component-AccountMenu-27 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.component-AccountMenu-link-27 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-AccountMenu-27 a {
--account-menu-item-color: var(--color-primary);
--account-menu-item-bg: var(--color-white);
--account-menu-item-hover-color: var(--color-white);
--account-menu-item-hover-bg: var(--color-primary);
}
.component-LayoutGroup-118 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-EventShopReceiptTicketList-120 {
margin-top: 20px;
}
.component-ContentText-122 {
margin-top: 20px;
}
.component-LayoutGroup-208 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-151 {
color: var(--color-primary);
padding-top: 20px;
padding-bottom: 0px;
}
.component-EventShopCategoryEventTime-204 {
color: var(--color-primary-light);
}
.component-LayoutRow-152 {
padding-top: 20px;
}
.component-LayoutGroup-154 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-CategoryImage-226 {
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.component-LayoutGroup-157 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopCategoryTicketProductList-159 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketTotal-161 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-LayoutGroup-162 {
margin-bottom: 10px;
}
.component-LayoutGroup-164 {
background-color: var(--color-white);
}
.component-ContentHeadline-212 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-213 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopAccountEventList-inner-215 {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopAccountEventList-215 .card {
--bs-card-bg: var(--color-white);
--bs-card-border-width: 0px;
--bs-card-spacer-x: 0px;
--bs-card-spacer-y: 0px;
}
.component-ContentHeadline-217 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-ContentHeadline-221 {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.component-LayoutFlex-223 {
margin-top: 3em;
margin-bottom: 1em;
}
.component-ContentHeadline-250 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-251 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-253 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-255 {
padding-top: 20px;
}
.component-PeriodShopFinalizePeriodCardSearchResultLocation-256 {
background-color: #FFFFFF;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.component-ContentHeadline-258 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-259 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutFlex-261 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutFlex-265 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentGoTo_-266 {
margin-right: 20px;
}
.component-LayoutTabs-270 {
--bs-nav-link-color: var(--color-primary);
--bs-nav-link-hover-color: var(--color-primary);
--bs-nav-tabs-link-hover-border-color: var(--color-primary);
--bs-nav-tabs-link-active-color: var(--color-primary);
--bs-nav-tabs-link-active-bg: #FFFFFF;
}
.component-LayoutTabPane-271 {
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopAccountPeriodCardList-272 {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutTabPane-273 {
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopAccountPeriodCardList-274 {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-425 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-426 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-443 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-445 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-449 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-453 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-EventShopCategoryTicketProductList-454 .card {
--bs-card-bg: #FFFFFF;
}
.component-CheckoutProgress-470 {
--bs-nav-link-color: #a0a56e;
--nav-link-bg: #f0eee9;
--bs-nav-pills-link-active-bg: #617232;
--bs-nav-link-disabled-color: #617232;
--nav-link-disabled-bg: #f0eee9;
}
.component-CheckoutProgress-485 {
--bs-nav-link-color: #a0a56e;
--nav-link-bg: #f0eee9;
--bs-nav-pills-link-active-bg: #617232;
--bs-nav-link-disabled-color: #617232;
--nav-link-disabled-bg: #f0eee9;
}
.component-LayoutCard-489 {
margin-bottom: 0.5em;
}
.component-LayoutCard-493 {
margin-bottom: 0.5em;
}
.component-ContentHeadline-_913 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_915 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_862 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_864 {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.component-ContentBreadcrumb-_517 {
--bs-link-color-rgb: 160,165,110;
--bs-link-hover-color-rgb: 97,114,82;
}
.component-ContentBreadcrumb-_517 .breadcrumb {
--bs-breadcrumb-item-active-color: #353723;
--bs-breadcrumb-divider-color: #617252;
}
.component-LayoutColumn-_519 {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.component-ProductImageList-_520 {
background-color: #ffffff;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
border-top-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-right-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.component-ProductImageList-thumb-_520 {
border-top-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-right-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
border-bottom-style: solid;
border-left-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.component-ProductImageList-thumb-_520.active {
border-top-width: 2px;
border-top-color: #004cff;
border-top-style: solid;
border-right-width: 2px;
border-right-color: #004cff;
border-right-style: solid;
border-bottom-width: 2px;
border-bottom-color: #002aff;
border-bottom-style: solid;
border-left-width: 2px;
border-left-color: #0008ff;
border-left-style: solid;
}
.component-LayoutColumn-_521 {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.component-ContentHeadline-_522 {
color: #353723;
}
.component-LayoutCard-_524 {
background-color: #ffffff;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: 1px 1px 5px 0 #ababab;
}
.component-ProductQuantitySelector-_526 {
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #ebebeb;
border-right-color: #ebebeb;
border-bottom-color: #ebebeb;
border-left-color: #ebebeb;
}
.component-LayoutGroup-_773 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_777 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_781 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_794 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_795 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_799 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-AccountAddPaymentCard-_802 {
margin-top: 30px;
}
.component-ContentHeadline-_813 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_814 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_816 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_788 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_789 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_791 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_804 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_805 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutTabs-_807 {
--bs-nav-link-color: var(--color-primary);
--bs-nav-link-bg: var(--color-white);
--bs-nav-link-hover-color: var(--color-primary);
--bs-nav-tabs-link-hover-border-color: var(--color-secondary-light);
--bs-nav-tabs-link-active-color: var(--color-primary);
--bs-nav-tabs-link-active-bg: var(--color-white);
--bs-nav-tabs-link-active-border-color: transparent;
}
.component-LayoutTabPane-_808 {
background-color: var(--color-white);
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ModuleGiftCertificateAccountList-_809 {
background-color: var(--color-white);
}
.component-LayoutTabPane-_810 {
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_759 {
padding-top: 20px;
padding-bottom: 20px;
}
.component-ContentHeadline-_893b {
margin-top: 20px;
margin-bottom: 20px;
}
.component-EventShopCategorySeatmap-category_eventWithHall_seatmap {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.component-EventShopCategorySeatmap-legends-category_eventWithHall_seatmap {
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 1em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
}
.component-EventShopCategorySeatmap-category_eventWithHall_seatmap .seatmap {
--seat-border-top-width: 5px;
--seat-border-right-width: 2px;
--seat-border-bottom-width: 1px;
--seat-border-left-width: 2px;
--seat-border-top-style: solid;
--seat-border-right-style: solid;
--seat-border-bottom-style: solid;
--seat-border-left-style: solid;
--seat-border-top-left-radius: 2%;
--seat-border-top-right-radius: 2%;
--seat-border-bottom-left-radius: 2%;
--seat-border-bottom-right-radius: 2%;
--seat-width: 20px;
--seat-height: 20px;
--seat-available-border-top-color: #00940a;
--seat-available-border-right-color: #00cc0e;
--seat-available-border-bottom-color: #04ff00;
--seat-available-border-left-color: #00bd03;
--seat-available-bg-color: #b5ff14;
--seat-sold-border-top-color: #e100ff;
--seat-sold-border-right-color: #e100ff;
--seat-sold-border-bottom-color: #e100ff;
--seat-sold-border-left-color: #e100ff;
--seat-sold-bg-color: #ff00f7;
--stage-bg-color: #7abb72;
--stage-text-color: #ffffff;
--stage-padding-top: 1em;
--stage-padding-bottom: 1em;
--stage-border-bottom-width: 1px;
--stage-border-top-style: solid;
--stage-border-right-style: solid;
--stage-border-bottom-style: solid;
--stage-border-left-style: solid;
--stage-border-top-color: #6b6b6b;
--stage-border-right-color: #6b6b6b;
--stage-border-bottom-color: #6b6b6b;
--stage-border-left-color: #6b6b6b;
}
.component-ContentHeadline-_697 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_700 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-EventShopCategoryTicketCalendarCalendar-_701 .day-available {
--day-text-color: #ffffff;
--day-bg-color: var(--color-primary-light);
}
.component-EventShopCategoryTicketCalendarCalendar-_701 .day-available.selected {
--day-text-color: #ffffff;
--day-bg-color: var(--color-primary);
}
.component-EventShopCategoryTicketCalendarCalendar-_701 .day-sold-out {
--day-text-color: #ababab;
--day-bg-color: #ededed;
}
.component-LayoutGroup-_703 {
background-color: #ffffff;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top-color: #808080;
border-right-color: #808080;
border-bottom-color: #808080;
border-left-color: #808080;
box-shadow: 2px 2px 10px 2px #ededed;
}
.component-EventShopCategoryTicketCalendarSelectedDate-_705 {
margin-bottom: 20px;
}
.component-EventShopCategoryTicketCalendarProductList-_707 {
background-color: var(--color-white);
}
.component-EventShopCategoryTicketCalendarProductList-_707 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-EventShopCategoryTicketCalendarTotal-_709 {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: #ffffff;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
}
.component-LayoutGroup-_710 {
margin-bottom: 10px;
}
.component-LayoutFlex-periodCard_landingPage_flex {
margin-top: 1em;
margin-bottom: 1em;
}
.component-ContentGoTo_-periodCard_landingPage_goTo1 {
background-color: #d2f4de;
margin-right: 1em;
margin-left: 1em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.component-ContentGoTo_-periodCard_landingPage_goTo2 {
margin-right: 1em;
margin-left: 1em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.component-ContentHeadline-_493 {
padding-top: 20px;
padding-bottom: 20px;
}
.component-LayoutGroup-_497 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopCategoryPeriodCardProductList-_498 .card {
--bs-card-color: var(--color-black);
--bs-card-bg: var(--color-white);
}
.component-PeriodShopCategoryPeriodCardTotal-_500 {
padding-top: 14px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.component-PeriodShopCategoryPeriodCardAddToCart-_502 {
margin-top: 10px;
}
.component-LayoutGroup-_504 {
background-color: var(--color-white);
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-ContentHeadline-_847 {
margin-top: 20px;
margin-bottom: 20px;
}
.component-LayoutGroup-_848 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_850 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopCategoryPeriodCardRenewalCardList-_851 .card {
--bs-card-bg: #FFFFFF;
}
.component-ContentHeadline-_762 {
padding-top: 20px;
padding-bottom: 20px;
}
.component-LayoutGroup-_763 {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-LayoutGroup-_916 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopUpgradeToPeriodCardCustomerTickets-_917 .card {
--bs-card-bg: #FFFFFF;
}
.component-LayoutGroup-_918 {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.component-PeriodShopUpgradeToPeriodCardOrderTickets-_919 .card {
--bs-card-bg: #FFFFFF;
}
