/* 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-thin-100.woff2') format('woff2'), url('/bundles/standardshop/fonts/fontawesome/fa-thin-100.ttf') format('truetype'); } /* Colors */ :root { --bs-primary: #ffecf5; --bs-primary-rgb: 255,236,245; --color-primary: #ffecf5; --color-primary-rgb: 255,236,245; --color-primary-light: #ffffff; --color-primary-light-rgb: 255,255,255; --color-primary-dark: #ffa0a0; --color-primary-dark-rgb: 255,160,160; --color-secondary: #ff662d; --color-secondary-rgb: 255,102,45; --color-secondary-light: #ff7a7a; --color-secondary-light-rgb: 255,122,122; --color-secondary-dark: #e00000; --color-secondary-dark-rgb: 224,0,0; --color-tertiary: #ffffff; --color-tertiary-rgb: 255,255,255; --color-tertiary-light: #ffffff; --color-tertiary-light-rgb: 255,255,255; --color-tertiary-dark: #d9d9d9; --color-tertiary-dark-rgb: 217,217,217; } /* Typography */ .typography-Overskrift1STOREBOGSTAVER { font-size: 42px; font-weight: bold; text-transform: uppercase; line-height: 44em; } .typography-KategorioverskriftSTOREBOGSTAVER { font-size: 14px; font-weight: bold; line-height: 21px; } .typography-Brdtekst1tynd { font-size: 20px; line-height: 22px; } .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; font-weight: bold; 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; } /* Alerts */ .alert-danger { --bs-alert-color: #ad4c4c; --bs-alert-bg: #f4d4c6; } .alert-success { --bs-alert-color: var(--color-secondary); --bs-alert-bg: var(--color-primary); } /* Buttons */ .btn-shop-primary { --bs-btn-color: #ec6737; --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #ec6737; --bs-btn-hover-border-color: #ec6737; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #ec6737; --bs-btn-active-border-color: #ec6737; --bs-btn-disabled-color: #ec6737; --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-secondary { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--color-tertiary); --bs-btn-hover-border-color: var(--color-tertiary); --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--color-tertiary); --bs-btn-active-border-color: var(--color-tertiary); --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-tertiary { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: var(--color-primary-light); --bs-btn-hover-bg: var(--color-tertiary); --bs-btn-hover-border-color: var(--color-tertiary); --bs-btn-active-color: var(--color-primary-light); --bs-btn-active-bg: var(--color-tertiary); --bs-btn-active-border-color: var(--color-tertiary); --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-cancel { --bs-btn-color: var(--color-primary); --bs-btn-bg: #ec6737; --bs-btn-border-color: #ec6737; --bs-btn-hover-color: var(--color-secondary); --bs-btn-hover-bg: var(--color-tertiary-dark); --bs-btn-hover-border-color: var(--color-secondary); --bs-btn-active-color: var(--color-secondary); --bs-btn-active-bg: var(--color-tertiary-dark); --bs-btn-active-border-color: var(--color-secondary); --bs-btn-disabled-color: var(--color-primary); --bs-btn-disabled-bg: #ec6737; --bs-btn-disabled-border-color: #ec6737; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-flow { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #ec6737; --bs-btn-hover-border-color: #ec6737; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #ec6737; --bs-btn-active-border-color: #ec6737; --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-default { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--color-tertiary); --bs-btn-hover-border-color: var(--color-tertiary); --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--color-tertiary); --bs-btn-active-border-color: var(--color-tertiary); --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-danger { --bs-btn-color: #ffffff; --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--color-tertiary); --bs-btn-hover-border-color: var(--color-tertiary); --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--color-tertiary); --bs-btn-active-border-color: var(--color-tertiary); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --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: #FFFFFF; --bs-btn-bg: var(--color-secondary); --bs-btn-hover-bg: #6f4f4c; --bs-btn-active-bg: #6f4f4c; --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: var(--color-secondary); --bs-btn-border-radius: 5px; --bs-btn-padding-x: 6px; --bs-btn-padding-y: 4px; } .btn-shop-plusminus { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffe0ef; --bs-btn-border-color: #ffe0ef; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #ec6737; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #ec6737; --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffe0ef; --bs-btn-disabled-border-color: #ffe0ef; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 10px; --bs-btn-padding-y: 10px; } /* Root */ :root { --bs-body-bg: var(--color-tertiary); --bs-link-color: var(--color-secondary); --bs-link-color-rgb: var(--color-secondary-rgb); --bs-link-hover-color: #6f4f4c; --bs-link-hover-color-rgb: 111,79,76; --bs-secondary-color: var(--color-light-gray); --input-bg: var(--color-white); --input-focus-bg: var(--color-white); --input-focus-box-shadow: 2px 2px 10px 2px #617252; --input-mandatory-marker-color: var(--color-secondary-dark); } /* Content */ body { --body-padding-bottom: 0rem; } article { --article-padding-bottom: 0rem; } /* Header */ header { --menu-bottom-height: 50px; --menu-bottom-bg: transparent; --menu-bottom-nav-link-padding-y: 20px; --menu-logo-height: 50px; --menu-border-size: 1px; --bs-nav-link-color: var(--color-secondary); --bs-nav-link-hover-color: #6f4f4c; --menu-toggler-icon-color: #ec6737; --menu-collapse-full-bg: var(--color-secondary); --menu-burger-top-menu-bg: var(--color-primary); --menu-burger-middle-menu-bg: var(--color-primary); --menu-bottom-nav-link-color: var(--color-secondary); --menu-bottom-nav-link-active-color: var(--color-secondary); --menu-top-nav-link-color: var(--color-secondary); --menu-top-nav-link-active-color: var(--color-white); --menu-burger-nav-link-text-align: center; background-image: url('/upload/images/standard_shop/originals/60/0000000000___28660.png'); background-attachment: scroll; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } /* Footer */ footer { --footer-color: var(--color-secondary); --footer-bg: transparent; --footer-border-size: 10px; --footer-top-color: var(--color-secondary); --footer-top-bg: var(--color-primary); } /* 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-black); --bs-modal-bg: #ffecf5; --bs-modal-border-width: 0px; --bs-modal-header-border-width: 0px; --bs-modal-footer-border-width: 0px; } .modal-header { color: #ff662d; } .modal-footer { justify-content: center; } .notification-bar { text-align: center; color: var(--color-white); background-color: #ff0000; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } /* Page elements - base */ .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-LayoutRow-2 { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .component-LayoutColumn-3 { color: #353723; margin-bottom: 30px; } .component-LayoutGroup-4 { background-color: #FFFFFF; margin-top: 50px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-5 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-6 { padding-bottom: 40px; } .component-CartItems-8 { background-color: var(--color-white); @media (min-width: 1200px) { .cart-item .col-info { flex-basis: 50%; } } .cart-item .col-price-and-quantity { flex-basis: 50%; } }; } .component-LayoutGroup-9 { margin-top: 30px; } .component-LayoutFlex-10 { margin-top: 20px; } .component-CartEmptyCart-11 { color: var(--color-primary-light); background-color: var(--color-primary-light); margin-bottom: 10px; } .component-CartUpdateCart-12 { color: #ffffff; background-color: #617252; } .component-LayoutColumn-16 { background-color: #FFFFFF; } .component-LayoutGroup-17 { background-color: var(--color-white); margin-top: 70px; margin-bottom: 100px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-18 { margin-bottom: 40px; } .component-LayoutGroup-19 { background-color: var(--color-white); } .component-LayoutGroup-22 { background-color: #FFFFFF; margin-top: 10px; } .component-LayoutGroup-33 { color: #c2c2c2; } .component-ModulePromotionCart-35 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CartError-36 { margin-top: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-37 { padding-top: 20px; } .component-LayoutGroup-39 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .component-CartPaymentMethods-41 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; } .component-CheckoutGoTo_-42 { margin-top: 30px; padding-top: 5px; } .component-LayoutGroup-47 { margin-top: 150px; margin-bottom: 350px; } .component-ContentText-48 { color: #71514e; } .component-ContentHeadline-50 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-52 { background-color: #FFFFFF; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 2px 2px 10px 0 #cfcfcf; } .component-ProductList_-product-image-52 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-52 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-52 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutGroup-253 { background-color: var(--color-white); margin-top: 50px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-254 { color: var(--color-secondary); } .component-SecurityLogin-256 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-257 { 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-258 { color: var(--color-secondary); } .component-LayoutGroup-261 { 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-264 { 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-267 { margin-top: 30px; } .component-LayoutGroup-270 { background-color: var(--color-white); margin-top: 100px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-271 { padding-bottom: 20px; } .component-LayoutGroup-273 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-378 { margin-top: 5px; } .component-LayoutGroup-282 { color: #ababab; } .component-LayoutGroup-284 { margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-ConfirmPaymentForm-287 { margin-bottom: 50px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutContainer-429 { margin-top: 100px; } .component-ContentHeadline-431 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-433 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-433 { 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; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-433 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-433 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-433 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentText-434 { color: #71524f; margin-top: 50px; } .component-LayoutContainer-316 { margin-top: 100px; margin-bottom: 200px; } .component-LayoutColumn-318 { margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-LayoutColumn-320 { margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-ProductPrice-323 { margin-bottom: 20px; } .component-ProductAddToCart-325 { margin-top: 20px; } .component-LayoutGroup-114 { 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-116 { margin-top: 20px; } .component-ContentText-118 { margin-top: 20px; } .component-LayoutContainer-121 { margin-top: 100px; margin-bottom: 300px; } .component-ContentHeadline-122 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-123 { 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_-124 { color: var(--color-secondary); } .component-EventShopAccountEventList-inner-125 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopAccountEventList-125 .card { --bs-card-bg: var(--color-white); --bs-card-border-width: 0px; --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-127 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-128 { 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_-129 { color: var(--color-secondary); } .component-LayoutTabs-130 { --bs-nav-link-color: var(--color-secondary); --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-secondary); --bs-nav-tabs-link-active-bg: var(--color-white); --bs-nav-tabs-link-active-border-color: transparent; } .component-LayoutTabPane-131 { background-color: var(--color-white); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateAccountList-132 { background-color: var(--color-white); } .component-LayoutTabPane-133 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutContainer-135 { margin-top: 80px; margin-bottom: 350px; } .component-ContentHeadline-137 { padding-top: 20px; padding-bottom: 20px; } .component-ContentText-138 { margin-bottom: 20px; } .component-AccountMenu-139 { color: var(--color-secondary); 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-139 { 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: 0 0 10px 0 ; } .component-AccountMenu-139 a { --account-menu-item-color: var(--color-primary-light); --account-menu-item-bg: var(--color-secondary); --account-menu-item-hover-color: var(--color-white); --account-menu-item-hover-bg: var(--color-primary-dark); } .component-LayoutGroup-142 { 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; } .component-ContentGoTo_-143 { color: var(--color-secondary); } .component-LayoutGroup-146 { 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-LayoutGroup-150 { 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-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; 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 #FFFFFF; } .component-CheckoutProgress-230 { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-color: #ffffff; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-LayoutGroup-233 { 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-ContentText-234 { margin-top: 10px; } .component-ContentText-236 { margin-top: 40px; margin-bottom: 10px; } .component-LayoutGroup-238 { 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-ContentText-239 { color: #617252; margin-top: 10px; } .component-ContentText-240 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-SecurityLogin-242 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-243 { 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-ContentText-244 { margin-top: 10px; } .component-CheckoutGoTo_-248 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutGoTo_-249 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-330 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-331 { 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_-332 { color: var(--color-secondary); } .component-LayoutGroup-335 { 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-338 { margin-top: 30px; } .component-LayoutContainer-339 { margin-bottom: 300px; } .component-ContentHeadline-340 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-341 { 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_-342 { color: var(--color-secondary); } .component-LayoutGroup-343 { 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-LayoutContainer-349 { margin-bottom: 100px; } .component-ContentHeadline-350 { margin-top: 70px; padding-top: 20px; padding-bottom: 20px; } .component-LayoutContainer-354 { margin-top: 100px; margin-bottom: 300px; } .component-ContentHeadline-355 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-371 { margin-bottom: 200px; } .component-LayoutContainer-357 { background-color: var(--color-primary); margin-top: 0px; } .component-LayoutContainer-358 { margin-top: 0px; } .component-ContentText-362 { color: var(--color-secondary); } .component-ContentGoTo_-363 { color: var(--color-secondary); margin-right: 5px; } .component-ContentGoTo_-364 { color: var(--color-secondary); margin-right: 5px; } .component-ContentGoTo_-365 { color: var(--color-secondary); } .component-ContentImage-366 { max-width: 220px; } .component-LayoutContainer-380 { margin-top: 100px; } .component-ContentHeadline-381 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-404 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-404 { 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; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-404 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-404 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-404 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentText-405 { color: #71524f; margin-top: 50px; } .component-LayoutContainer-399 { margin-top: 100px; margin-bottom: 200px; } .component-ContentHeadline-400 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-401 { 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-409 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-411 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutContainer-413 { padding-top: 150px; padding-bottom: 200px; } .component-ContentHeadline-414 { color: #71524f; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-ContentText-415 { color: #71524f; } .component-LayoutFlex-416 { margin-top: 3em; margin-bottom: 1em; } .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-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-ContentHeadline-_746 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-_749 { 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-_752 { 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-_755 { margin-right: 40px; margin-left: 40px; } .component-LayoutGroup-_756 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-ContentHeadline-_867 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_870 { 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-_873 { 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-_874 { background-color: #FFFFFF; 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-_875 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-_878 { margin-bottom: 0px; } .component-LayoutGroup-_883 { margin-top: 20px; } .component-CheckoutProgress-_872 { --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-_874 { margin-bottom: 0.5em; } .component-LayoutCard-_875 { margin-bottom: 0.5em; } .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-_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-_893b { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-_511 { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategoryEventList-event-_515 { background-color: var(--color-white); box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryEventList-event-_515 .event-info { padding: 20px; padding: 20px; padding: 20px; padding: 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-ContentHeadline-_893 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_894 { 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-_898 { 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-_924 { 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-_923 .card { --bs-card-bg: #FFFFFF; }