:root { --yourpac-cream: #F0F0E7; --yourpac-orange: #f17900; --primary-bg-colour: #1c1c1c; --secondary-bg-colour: #f4e93f; --yourpac-gradient: linear-gradient(180deg, rgba(117, 122, 92, 1) 40%, rgba(32, 32, 32, 1) 83%); } /* AktivGrotesk */ @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-mediumitalic.svg#aktivgrotesk-mediuploadedfile') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-regular.svg#aktivgrotesk-reguuploadedfile') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thin.svg#aktivgrotesk-thinuploadedfile') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-thinitalic.svg#aktivgrotesk-thinuploadedfile') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-black.svg#aktivgrotesk-blacuploadedfile') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-blackitalic.svg#aktivgrotesk-blacuploadedfile') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bold.svg#aktivgrotesk-bolduploadedfile') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-bolditalic.svg#aktivgrotesk-bolduploadedfile') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-italic.svg#aktivgrotesk-italuploadedfile') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-light.svg#aktivgrotesk-lighuploadedfile') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-lightitalic.svg#aktivgrotesk-lighuploadedfile') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'AktivGrotesk'; src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.eot'); src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.eot?#iefix') format('embedded-opentype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.woff2') format('woff2'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.woff') format('woff'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.ttf') format('truetype'), url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/aktivgrotesk-medium.svg#aktivgrotesk-mediuploadedfile') format('svg'); font-weight: 500; font-style: normal; } /* Global */ /*Ricky - Start*/ .catfish-button, .button { font-weight: 300; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } /*Ricky - end*/ .box.wide-box { margin: -8rem; padding: 8rem; position: relative; } /*Wide container */ @media screen and (min-width: 1700px) { .wide-container>.container, #main-nav .container, #footer .container, .breadcrumb-section .container { max-width: 1672px; } } @media screen and (max-width: 1699px) { html { font-size: 15px; } .box.wide-box { margin: 0; margin-top: -4rem; margin-bottom: -4rem; padding: 4rem; } } @media screen and (max-width: 1400px) { html { font-size: 14px; } } @media screen and (max-width: 1200px) { html { font-size: 13px; } } @media screen and (max-width: 1200px) { html { font-size: 12px; } .box.wide-box { margin: 0; margin-top: -2rem; margin-bottom: -2rem; padding: 2rem; } } .content .block { margin-bottom: 1rem; } .ict-buttons.buttons { margin-top: 2rem; display: flex !important; } /* Header styling */ h1, h2, h3, h4, h5, p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .title:not(:last-child) { font-weight: 300; margin-bottom: 1.5rem !important; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, .content h1:last-child, .content h2:last-child, .content h3:last-child, .content h4:last-child, .content h5:last-child, .content h6:last-child, .title:last-child { margin-bottom: 0rem !important; } h2.title+h2.title { margin-top: -1rem !important; margin-bottom: 2rem !important; } h1, .content h1, h1.title, h1.title.ict-title, h2.title.has-style-custom-1, h2.title.ict-title.has-style-custom-1 { font-size: 3.75rem; /* 60px / lh-75*/ line-height: 4.6875rem; } .has-background-dark { background-color: #232323 !important; } h2, .content h2, h2.title.ict-title, h1.is-style-h2, .title.is-2 { font-size: 2.4rem; /* 40px / lh-50 */ line-height: 3.125rem; } h3, .content h3, h3.subtitle.ict-sub-title, .details-wrapper .subtitle.is-6.short-description-wrapper { font-size: 2rem; /* 32px / lh-45 */ line-height: 2.8125rem; } h4, .content h4, h4.subtitle.ict-sub-title, .ict-accordion .button.is-rounded.accordion-title { font-size: 1.625rem; /* 26px / lh-35*/ line-height: 2.1875rem; } h5, .content h5, h5.subtitle.ict-sub-title, .ict-paragraph.has-style-custom-1 p, ul.custom-bullets li, #Branchen a.button.is-medium.has-style-custom-3, .has-style-custom-1 p, .footer-links li a { font-size: 1.25rem; /* 20px / lh-29*/ line-height: 1.8125rem; } h5.has-style-custom-4 { font-size: 0.75rem !important; line-height: 1.75rem !important; text-transform: uppercase; color: #ff7a00 !important; font-weight: 400 !important; } h5.has-style-custom-4.has-text-dark { color: #000000 !important; } h5.has-style-custom-4.has-text-white { color: #ffffff !important; } p, .content p { font-size: 1rem; /* 16px / lh-23*/ line-height: 1.4375rem; } .ict-paragraph p{ font-weight: 400; } .has-style-custom-3 p, .caption { font-size: 0.8rem !important; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, .content h1:last-child, .content h2:last-child, .content h3:last-child, .content h4:last-child, .content h5:last-child, .content .block:last-child { margin-bottom: 0px !important; } .button.is-primary:hover { color: #1c1c1c; background: #e6e6dd; } .title, .subtitle { font-weight: 300 !important; } .title { line-height: 3.5rem; } .subtitle { line-height: 2.5rem; } h1.title, .details-wrapper { color: white; } .field-label label, .column.price { color: black; } .content h2:not(:first-child) { margin-top: 0.5em; } .title.reduced-bottom-margin { margin-bottom: 0.9rem !important; } @media screen and (min-width: 1087px) { .column.is-narrow-desktop { width: auto; } } @media screen and (min-width:1088px) { .navbar-dropdown.featured-category-dropdown a.navbar-item, .navbar-dropdown.featured-category-dropdown .menu_featured_category h5 { text-decoration: none; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .navbar-dropdown.featured-category-dropdown a.navbar-item:hover, .navbar-dropdown.featured-category-dropdown .menu_featured_category h5:hover { color: var(--yourpac-orange); padding-left: 1rem; text-decoration: none; border-color: var(--yourpac-orange); } } /*Mobile defaults*/ @media screen and (max-width: 1086px) { .columns.is-variable.is-8>.column, .columns.is-variable.is-7>.column, .columns.is-variable.is-6>.column, .columns.is-variable.is-5>.column { padding: 1rem; } .columns.is-variable.is-8, .columns.is-variable.is-7, .columns.is-variable.is-6, .columns.is-variable.is-5 { margin-left: calc(-1 * 1rem); margin-right: calc(-1 * 1rem); margin-top: calc(-1 * 1rem); } .columns.is-variable.is-8:last-child, .columns.is-variable.is-7:last-child, .columns.is-variable.is-6:last-child, .columns.is-variable.is-5:last-child { margin-bottom: calc(-1 * 1rem); } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, .content h1:last-child, .content h2:last-child, .content h3:last-child, .content h4:last-child, .content h5:last-child, .content p:last-child { margin-bottom: 0px !important; } .has-background-center-mobile { background-position: center } .has-background-top-mobile { background-position: top } .has-background-bottom-mobile { background-position: bottom } .has-background-left-mobile { background-position: left } .has-background-right-mobile { background-position: right } .has-background-top-left-mobile { background-position: top left } .has-background-top-right-mobile { background-position: top right } .has-background-bottom-left-mobile { background-position: bottom left } .has-background-bottom-right-mobile { background-position: bottom right } html { font-size: 14px; } h1, h2, h3, h4, h5, p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .title:not(:last-child) { font-weight: 300; margin-bottom: 1rem !important; } h2.title+h2.title { margin-top: -1rem !important; margin-bottom: 2rem !important; } h1, .content h1, h1.title, h1.title.ict-title, h2.title.has-style-custom-1, h2.title.ict-title.has-style-custom-1, h1.is-style-h2, .title.is-2 { font-size: 2.143rem; line-height: 2.5rem; } h2, .content h2, h2.title.ict-title { font-size: 2rem; line-height: 2.5rem; } h3, .content h3, h3.subtitle.ict-sub-title { font-size: 1.43rem; line-height: 2.07rem; } h4, .content h4, h4.subtitle.ict-sub-title, .ict-accordion .button.is-rounded.accordion-title { font-size: 1.285rem; line-height: 1.57rem; } h5, .content h5, h5.subtitle.ict-sub-title, .ict-paragraph.has-style-custom-1 p, ul.custom-bullets li, #Branchen a.button.is-medium.has-style-custom-3, .has-style-custom-1 p { font-size: 1.143rem; line-height: 1.357rem; } p, .content p { font-size: 1rem; line-height: 1.43rem; } .has-style-custom-4 p, .has-style-custom-3 p { font-size: 0.8rem !important; } .ict-buttons.buttons .button.is-primary, .ict-buttons.buttons .button.has-style-custom-1, .ict-buttons.buttons .button.has-style-custom-2, .ict-buttons.buttons .button.has-style-custom-3, .ict-buttons.buttons .button.has-style-custom-4 { font-size: 1.143rem; } .section, .section.is-large { padding-top: 4rem; padding-bottom: 4rem; } .container-special, .catfish-container, .container { padding-left: 5%; padding-right: 5%; } } /* Breadcrumbs */ .breadcrumb ul, .breadcrumb ol { align-items: center; } section.breadcrumb-section .breadcrumb li a { font-size: 0.78571rem; } @media screen and (min-width:768px) { section.breadcrumb-section .breadcrumb li a { font-size: 0.8rem; } } @media screen and (min-width:1700px) { section.breadcrumb-section .breadcrumb li a { font-size: 0.75rem; } } /* Header */ /* First row of header not required on homepage*/ @media screen and (min-width:1088px) { .page-home-index .container.first-row { display: none; } .page-home-index .headermenu.below-top #main-nav { height: 5rem; } } /* */ .navbar-item img.is-header-logo { max-height: 4em; max-width: 150px; } @media screen and (max-width:767px) { .navbar-item img.is-header-logo { max-height: 4em; max-width: 107px; } .navbar-brand .navbar-item a { display: flex; align-items: flex-end; } a.button.is-rounded.header-end-button { border-color: #FFFFFF33; } } .header-spacer.ict-header-spacer { height: 0; } #logorow .navbar, #logorow .navbar .navbar-brand, nav#main-nav { background: transparent; } .headermenu .navbar-item, a.navbar-item, .navbar-link { color: white; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.5rem; font-size: 1.25rem; font-weight: 300; } .button.header-end-button { background-color: transparent; border: solid 2px white; transition: 0.3s; } .button.header-end-button:hover { /* background-color: var(--yourpac-orange, #f17900); border-color: var(--yourpac-orange, #f17900); */ color: #1c1c1c; background-color: #e6e6dd; } @media screen and (min-width:1088px) { a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { color: var(--yourpac-orange, #f17900); text-decoration: underline; text-decoration-color: inherit; text-underline-offset: 0.5rem; } } .navbar-item, .navbar-link { transition: 0.3s; } .navbar-item, .navbar-link { padding: 0.5rem 0.75rem; } @media screen and (max-width:1087px) { .below-top div#main-navbar { background-color: #1c1c1c; } div#main-navbar { background-color: #1c1c1c; } .navbar-end { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .navbar-item.end-button-item { width: 100%; text-align: center; } .navbar-burger span { background-color: white; } a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { color: white; } } .navbar-item, .navbar-link, .navbar-item.has-dropdown { padding: 0.5rem 0.75rem; } .navbar-dropdown.language-dropdown .language-label { display: none; } @media screen and (max-width:1087px) { .ict-navbar .navbar-item.has-dropdown.language-icon .navbar-link { order: 1; } #main-nav.is-active .ict-navbar .navbar-item.has-dropdown.language-icon { display: flex !important; justify-content: flex-end; align-items: center; } .ict-navbar .navbar-item.has-dropdown.language-icon .navbar-dropdown.language-dropdown { position: relative; } .ict-navbar .navbar-item.has-dropdown.language-icon .navbar-dropdown span.language-list-container { display: block !important; position: absolute; width: 7.5rem; opacity: 0; pointer-events: none; transition: 0.2s; left: -9rem; top: -0.9rem; } .ict-navbar .navbar-item.has-dropdown.language-icon.is-active .navbar-dropdown span.language-list-container { opacity: 1; pointer-events: all; } } @media screen and (min-width:768px) and (max-width:1087px) { .ict-navbar .navbar-item.has-dropdown.language-icon .navbar-dropdown.language-dropdown { position: static; } .ict-navbar .navbar-item.has-dropdown.language-icon .navbar-dropdown span.language-list-container { top: 1.2rem; } } @media screen and (min-width:768px) { .navbar-dropdown.language-dropdown { position: absolute; width: max-content; padding: 0; top: calc(100% - 0.5rem); border: none; } } @media screen and (min-width:1600px) { .navbar-end .navbar-item, .navbar-end .navbar-link, .navbar-end .navbar-item.has-dropdown { padding-left: 0.5rem; padding-right: 0.5rem; } } @media screen and (max-width:1087px) { .navbar-dropdown.language-dropdown { display: block; position: static; } } /* Slide function */ .headermenu.slide-up #main-nav, .headermenu.slide-up .nav-search-container, .headermenu.slide-up~div .breadcrumb.level .level-left { top: -10rem; } .headermenu #main-nav, .headermenu .nav-search-container, .breadcrumb.level .level-left { transition: 0.5s ease-in-out; } .headermenu.below-top #main-nav { background-color: #1c1c1c; height: 10rem; } .headermenu:not(.below-top) div#main-navbar.is-active:before { content: ""; background-color: #1c1c1c; position: fixed; height: 4.64286em; width: 100%; top: 0; left: 0; z-index: -1; } @media screen and (min-width:768px) { .headermenu:not(.below-top) div#main-navbar.is-active:before { height: 5.33333em; } } /* Tiles */ .custom-tile-section .tile.is-child { padding: 0; border-radius: 20px; overflow: hidden; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } h4.tile-title { position: absolute; bottom: 25px; left: 30px; color: white; } .tile.is-child a { width: 100%; height: 100%; min-height: 100%; display: block; } .tile.is-child .tile-image img { height: 100%; object-fit: cover; } .has-ratio.image.tile-image { height: 100%; } .custom-tile-section .tile.is-child { transform: scale(1); transition: 0.3s ease-in-out; cursor: pointer; } .custom-tile-section .tile.is-child:hover { transform: scale(1.015); -webkit-transform: scale(1.015); -moz-transform: scale(1.015); -ms-transform: scale(1.015); -o-transform: scale(1.015); } @media screen and (min-width:768px) { .tile-intro-column>.columns>.column:last-child>div:first-of-type { padding-top: 2.75rem } } /* @media screen and (min-width:768px) { .custom-tile-section>.container { padding-left: 128px; padding-right: 128px; } } @media screen and (min-width:1088px) { .custom-tile-section>.container { padding-left: 192px; padding-right: 192px; } } */ /* Homepage */ /*Ricky - Start*/ section.homepage-banner { padding-top: calc(40vh) !important; padding-bottom: 15vh !important; } section.contact-call-to-action { padding: 0px !important; } .section.custom-slider-section { position: relative; padding-bottom: 15rem !important; padding-top: 12rem; } .section.custom-slider-section .swiper-pagination { bottom: 14rem !important; } a.button.is-rounded.header-end-button, .ict-buttons.buttons .button, .ict-buttons.buttons .button.is-primary, .ict-buttons.buttons .button.has-style-custom-1, .ict-buttons.buttons .button.has-style-custom-2 { padding-left: 2.5rem; padding-right: 2.5rem; height: 3.3em; display: flex !important; line-height: 1rem !important; box-sizing: border-box; font-size: 1rem; } /*Ricky - End*/ .swiper-button-prev:before, .swiper-button-next:before { padding: 1.7rem; border: solid 1px transparent; border-radius: 100%; content: ""; position: absolute; width: 100%; height: 100%; pointer-events: none; transition: 0.3s; } .swiper-button-prev:hover:before, .swiper-button-next:hover:before { border-color: white; } .swiper-button-prev:before { left: -0.8rem; } .swiper-button-next:before { right: -0.8rem; } .custom-slider-image-column img { width: 180%; max-width: 180%; margin-left: -40%; margin-bottom: -20%; } @media screen and (min-width:768px) { .swiper-slide .ict-image { max-width: 90%; } .swiper-slide .section .custom-slider-image-column { padding-right: 1rem; } .swiper-slide .section .custom-slider-content-column { padding-left: 1rem; } } @media screen and (min-width:1088px) { section.contact-call-to-action>.container>.columns>.column:first-child img { display: block; position: relative; right: 50vw; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); margin-bottom: -0.6rem; } } @media screen and (max-width:767px) {} @media screen and (min-width:768px) { .ict-buttons.industries-buttons .button:not(:last-of-type) { margin-right: 2rem; } } /* Product landing page */ section.product-info-section { background: rgb(117, 122, 92); background: var(--yourpac-gradient); } .block.price-quantity-start-wrapper .columns .column.add-to-cart-buttons-wrapper { display: flex; align-items: center; } .quantity-wrapper .field-body { align-items: center; } /* Checkbox Toggle script */ .attribute.switch-box .attribute-value-item label { width: 4rem; height: 2rem; display: block; background: white; border-radius: 30px; cursor: pointer; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .attribute.switch-box .attribute-value-item label .text { display: none; } .attribute.switch-box .attribute-value-item label:before { width: 2rem; height: 2rem; border-radius: 30px; content: ""; background-color: #dedede; position: absolute; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; left: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .attribute.switch-box .attribute-value-item input:checked+label:before { left: calc(100% - 2rem); background-color: #4ec180; } .attribute.switch-box .attribute-value-item label:after { content: "\f00c"; position: absolute; right: 0; top: 0; height: 2rem; width: 2rem; font-family: 'FontAwesome'; color: white; font-size: 1.3rem; text-align: center; } .product-variant-list .attributes .attribute.name_Aromaventil { display: flex; } .product-variant-list .attributes .attribute.name_Aromaventil .attribute-item { margin-top: -1rem; padding-left: 2rem; } /* Radio button with image */ .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item label.button, .attribute.type_Checkboxes .attribute-value-item label.button { background-color: transparent; border: solid 2px transparent; border-radius: 5px; height: 100%; padding: 0rem 0rem 1rem 0rem !important; transition: 0.15s; display: flex; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item label.button:hover, .attribute.type_Checkboxes .attribute-value-item label.button:hover { border-color: #4ec07f80; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item input:checked+label.button, .attribute.type_Checkboxes .attribute-value-item input:checked+label.button { justify-content: space-evenly; background-color: transparent; border: solid 2px #4ec07f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: flex; height: 100%; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item, .attribute.type_Checkboxes .attribute-value-item { width: 32%; flex: none; margin: 0px; padding: 0px; margin-right: 1%; margin-bottom: 1%; } .attribute.type_RadioList:not(.name_Groesse) .attribute-item.columns, .attribute.type_Checkboxes .attribute-item.columns { display: flex; flex-wrap: wrap; margin: 0px; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item label.button .text, .attribute.type_Checkboxes .attribute-value-item label.button .text { display: none; } .custom-attribute-label { font-size: 1rem; color: white; } .custom-attribute-label span { font-size: 0.8rem; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item label.button, .attribute.type_Checkboxes .attribute-value-item label.button { display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; } .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item .attributeValueInfo, .attribute.type_Checkboxes .attribute-value-item .attributeValueInfo { height: 100%; margin: 0; display: flex; flex-direction: column; width: 100%; } .attribute.type_Info .attributeDescription br { display: block; } @media screen and (max-width:767px) { .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item label.button .text, .attribute.type_Checkboxes .attribute-value-item label.button .text { white-space: normal; } } @media screen and (max-width:499px) { .attribute.type_RadioList:not(.name_Groesse) .attribute-value-item, .attribute.type_Checkboxes .attribute-value-item { width: 50%; } } /* Custom slider */ .product-slider+.infigo-slider .ict-image-column .image { max-width: 24rem; margin: 0 auto; } .slider-title-wrapper .ict-sub-title { font-size: 3rem; margin-bottom: 0.5rem; } /* Swiper slider */ @media screen and (min-width:768px) { .swiper-slide .columns { transition: 0.75s; -webkit-transition: 0.75s; -moz-transition: 0.75s; -ms-transition: 0.75s; -o-transition: 0.75s; } .swiper-slide-prev .columns, .swiper-slide-next .columns { opacity: 0.5; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); } .swiper-slide-active .columns { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1; } .swiper-slide-prev .column.custom-slider-image-column { transform: translatex(100%); transition: 0.75s; -webkit-transition: 0.75s; -moz-transition: 0.75s; -ms-transition: 0.75s; -o-transition: 0.75s; } .swiper-slide-active .column.custom-slider-image-column { transform: translatex(0%); transition: 0.75s; -webkit-transition: 0.75s; -moz-transition: 0.75s; -ms-transition: 0.75s; -o-transition: 0.75s; } .swiper-slide .column.custom-slider-content-column { opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } .swiper-slide-active .column.custom-slider-content-column { opacity: 1; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; } .custom-slider-section>.container, .custom-slider-section>.container .swiper { overflow: visible; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 5rem; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 5rem; } } .custom-slider-image-column { z-index: 2; } .custom-slider-content-column { z-index: 3; } .custom-slider-section .swiper-slide .columns { isolation: isolate; } .swiper-button-next, .swiper-button-prev { color: white; } .swiper-pagination-bullet { height: 0.875rem; width: 0.875rem; border: solid 2px white; background: transparent; opacity: 1; margin: 0px 1rem !important; transition: 0.75s; } .swiper-pagination-bullet-active { border-color: #f4e93f; background-color: #f4e93f; } .section.custom-slider-section { position: relative; } @media screen and (max-width:767px) { .custom-slider-section .swiper-slide .section>.columns>.column { max-width: 80vw; margin: 0 auto; } } /* Radio table */ .attribute.name_Groesse .attributeHeader .attributeTitle, .attribute.name_Groesse .attributeHeader .attributeDescription { width: 100%; } .attribute.name_Groesse .attributeHeader { flex-wrap: wrap; } .attribute.name_Groesse .attribute-item.columns .attribute-value-item { padding-top: 0; padding-bottom: 0; } .attribute.name_Groesse .attribute-item.columns { flex-wrap: wrap; flex-direction: column; } .attribute.name_Groesse .attribute-value-item .button .text { width: 10%; height: 100%; display: flex; align-items: center; border-right: solid 1px grey; } .attribute.name_Groesse .attribute-value-item .button .attributeValueInfo { width: 90%; } .attribute.name_Groesse .attribute-value-item label, .attribute.name_Groesse .attribute-value-item input:checked+label { padding-top: 0; padding-bottom: 0; } .attribute.name_Groesse .attribute-value-item:not(:last-child) label { border-bottom: solid 1px grey; } .attribute.name_Groesse .attribute-value-item label { border: none; } .radio-table-header .header-blank-cell { width: 10%; border-right: solid 1px grey; height: 100%; } .radio-table-header .header-columns { width: 90%; } .attribute.name_Groesse .attribute-value-item .radio-table .column, .radio-table-header .header-columns .column { height: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 10% !important; } .attribute.name_Groesse .attribute-value-item .radio-table .column:first-child, .radio-table-header .header-columns .column:first-child { max-width: 7rem; } .attribute.name_Groesse .attribute-value-item .radio-table .column:last-child, .radio-table-header .header-columns .column:last-child { min-width: 12rem; } .attribute.name_Groesse .radio-table-header { padding-left: 1.42857rem; padding-right: 1.42857rem; height: 3.14286rem; } .attribute.name_Groesse .radio-table-header .header-columns, .radio-table-header .header-columns .columns { height: 100%; } .attribute.name_Groesse .radio-table-header .header-columns .column .table-text { color: white; font-weight: normal; font-size: 0.75rem; text-transform: uppercase; } .attribute.name_Groesse .attribute-value-item label { color: #bababa; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .attribute.name_Groesse .attributeHeader .attributeDescription { border-bottom: solid 1px white; } .attribute.name_Groesse .attribute-value-item label:after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; outline: solid 2px transparent; border-radius: 5px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .attribute.name_Groesse .attribute-value-item input:checked+label:after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; outline: solid 2px #63bb7a; border-radius: 5px; } .attribute.name_Groesse .attribute-value-item label.button:hover { background: transparent; color: white; } .arone-product-landing-page .attribute.name_Groesse input:checked+label.button { background: transparent; border: none; border-bottom: solid 1px grey; } .attribute.name_Groesse .attribute-value-item:last-child input:checked+label { border-bottom: solid 1px transparent; } .attributeValueInfo .radio-table .table-text { font-size: 1rem; } .arone-product-landing-page .column.quantity-wrapper .field { flex-flow: column; justify-content: flex-start; } .column.quantity-wrapper .field-label { justify-content: flex-start; } /* Attribute counter */ .attributeTitle { color: white; } .attributeTitle, .column.quantity-wrapper .field-label { padding-left: 3rem; position: relative; line-height: 2; height: 2rem !important; min-height: auto !important; display: flex !important; width: 100% !important; justify-content: flex-start !important; align-items: center; margin-top: 2rem; } .attributeTitle, .column.quantity-wrapper .field-label label { font-size: 1rem; color: #fff; font-weight: 400; } .attributeTitle:before, .column.quantity-wrapper .field-label:before { counter-increment: attributeNum; content: counter(attributeNum); position: absolute; left: 0; border: solid 1px white; border-radius: 100%; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; font-weight: normal; bottom: -0.25rem; } .column.quantity-wrapper .field-label:before { content: '1'; } .attributes .attribute .attributeHeader .attributeTitle { margin-bottom: 1rem; } .catfish-input.quantityBox.addToCartQuantityBox { margin-top: 1.5rem; background: transparent; height: 3.5rem; border-radius: 0.6rem; padding: 1rem; max-width: 469px; border-color: #fff; color: #fff; } .product-variant-list .attributes { counter-reset: attributeNum +1; } .product-variant-list .attributes .attribute { padding-top: 1.5rem; padding-bottom: 1.5rem; } /* Info Attribute */ .attribute.type_Info .attribute-item { display: none; } .attribute.type_Info .attributeDescription { width: 100%; color: white; font-weight: normal; } .attribute.type_Info .attributeDescription a { color: #f17d00; transition: 0.3s; } .attribute.type_Info .attributeDescription a:hover { color: #ff9500; } .attribute.type_Info .attributeHeader { flex-wrap: wrap; flex-direction: column; } .attribute.type_Info .attributeHeader .attributeTitle { margin-bottom: 2rem; } /* Textarea */ .attribute.type_MultilineTextbox .attribute-item .textArea { min-height: 7rem; padding: 1rem; border-radius: 5px; background: transparent; color: #bababa; border: solid 1px white; } /* Landing Page image and add to cart effect */ .block.price-quantity-start-wrapper { background: white; padding: 1rem; border-radius: 30px; } .block.price-quantity-start-wrapper .columns .column { width: 15rem; max-width: 15rem; min-width: 15rem; } .block.price-quantity-start-wrapper .columns .column.price { width: 10rem; max-width: none; min-width: auto; } .block.price-quantity-start-wrapper .columns .column.add-to-cart-buttons-wrapper { order: 3; } .price-quantity-start-wrapper .columns.is-multiline { justify-content: space-between; } .block.price-quantity-start-wrapper .columns .column.price { order: 2; justify-content: left; align-items: center; display: flex; } .column.quantity-wrapper .field-label { display: flex; align-items: center; padding: 0; } .block.price-quantity-start-wrapper .columns .column.add-to-cart-buttons-wrapper input { border-radius: 30px; background: #f17900; } .block.price-quantity-start-wrapper .columns .column.add-to-cart-buttons-wrapper input:hover { color: #1c1c1c; background-color: #e6e6dd; } .arone-product-landing-page .product-info-section { padding-top: 8rem; } section.section.product-info-section { padding-bottom: 6rem; } @media screen and (max-width:767px) { .price-quantity-start-wrapper .columns { display: flex; flex-direction: column; } } @media screen and (min-width:768px) { .block.price-quantity-start-wrapper { background: white; padding: 0.5rem; border-radius: 30px; position: fixed; /* z-index: 100; */ z-index: 29; bottom: 3rem; width: 24rem; max-width: 24rem; left: calc(50% - 12rem); padding: 0px; } .column.quantity-wrapper .field-label { justify-content: flex-end; } } .newProductPriceWrapper .productPrice.title { margin: 0px !important; } .arone-product-landing-page .product-details-info .picture .thumbs { display: none; } .additional-description-wrapper { background: #fff !important; position: relative; z-index: 2; } .yourpac-footer { position: relative; z-index: 2; } @media screen and (min-width:768px) { .yourpac-footer .footer-details .details-content { padding-left: 3rem; } } @media screen and (max-width:767px) { .yourpac-footer .footer-details .details-content { align-items: center !important; } } @media screen and (min-width:1088px) { .arone-product-landing-page .product-details-info .picture { position: fixed; right: 50%; width: 48vw; top: 7rem; max-width: 700px; } .arone-product-landing-page .product-details-info .bigpicture { justify-content: flex-start; align-items: center; display: flex; } .arone-product-landing-page .product-details-info img { z-index: 0; max-width: none !important; max-height: 80vh; height: 80vh; width: auto !important; margin: 0 auto; pointer-events: none; left: 50%; transform: translate(-50%, -50%); position: relative; top: 55%; } } /* Category page */ .arone-category-page { background: rgb(117, 122, 92); background: var(--yourpac-gradient); padding-top: 2rem; } .product-grid .add-info.product-item--actions { transform: none; opacity: 1; } .product-grid .product-item--info a { color: white; } .product-grid .listWrapper .product-item .alternate--prices, .product-grid .listWrapper .product-item .description { color: #bababa; } .product-grid .product-item--actions .addtocart { display: none; } .product-grid .add-info.product-item--actions { background: transparent; padding: 0; position: static; } .product-grid .add-info.product-item--actions .buttons .productlistproductdetailbutton { width: 100%; height: 100%; position: absolute; inset: 0; border: solid 2px transparent; border-radius: 5px; background: transparent; font-size: 0; transition: 0.3s; } @media screen and (max-width: 1087px) { .catfish-default-product-box .product-item--info { background: transparent; } } .product-grid .listItem { position: relative; } .product-grid .catfish-default-product-box { position: static; } .product-grid .add-info.product-item--actions .buttons .productlistproductdetailbutton:hover { border-color: #4ec07f; } .catfish-default-product-box:hover .picture { opacity: 1; } .category-intro-wrapper .title:after { position: absolute; width: 0.75rem; height: 0.75rem; content: ""; background: #ec6032; border-radius: 100%; bottom: 0.75rem; right: -1rem; } .category-intro-wrapper .title { width: fit-content; position: relative; margin: 0 auto; } .arone-category-page .category-intro-wrapper { padding-bottom: 0; } .product-grid .listWrapper { justify-content: center; } @media screen and (max-width:767px) { .page-intro-section .buttons .button { margin-bottom: 1.2rem; } } /* CT Ticker */ .ct-ticker-banner { width: 100%; padding-top: 2rem; padding-bottom: 2rem; font-size: 1.625rem; background: #fefefe; border: solid 1px #eee; border-left: none; border-right: none; overflow: hidden; display: flex; position: relative; height: 6rem; } .ct-ticker-content span { font-weight: 300; } @keyframes ct-ticker { 0% { -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0); opacity: 1; -moz-transform: translate3d(100vw, 0, 0); -ms-transform: translate3d(100vw, 0, 0); -o-transform: translate3d(100vw, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 1; } } .ct-ticker-content { white-space: nowrap; position: absolute; animation: ct-ticker 120s linear infinite; -webkit-animation: ct-ticker 120s linear infinite; } /* */ .ict-image.image.is-128x128 img { max-height: 100%; width: auto; margin: 0 auto; } .nachhaltigkeit-custom-bullets { max-width: 22rem; } /* Custom bullets */ ul.custom-bullets { margin-left: 2.6rem; } ul.custom-bullets li { font-weight: 300; margin-bottom: 1.8rem; position: relative; } ul.custom-bullets { list-style: none !important; } ul.custom-bullets li:before { content: ""; width: 1.3rem; height: 1.3rem; position: absolute; background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/custom-bullet.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; left: -2.6rem; top: 0.25rem; } .has-background-custom-3 ul.custom-bullets li:before, .has-background-white ul.custom-bullets li:before { background-image: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/custom-bullet-dark.svg"); } /* Footer */ .yourpac-footer { background-color: var(--primary-bg-colour, #1c1c1c); } .footer-logo .image img { height: 2rem; } .link-items { font-size: 1.25rem; } .link-item { display: inline-block; margin-top: 1.5rem; } .footer-details { background-color: var(--secondary-bg-colour, #f4e93f); } @media screen and (min-width: 768px) { .yourpac-footer { height: 50vh; } .yourpac-footer>.container { height: 100%; position: static; } .footer-nav-container>.footer-logo { padding-right: 6rem; } .yourpac-footer .columns.footer-columns.is-marginless { isolation: isolate; position: static; } .yourpac-footer .columns.footer-columns.is-marginless::before { content: ""; width: 33vw; height: 50vh; background: #ffffff; position: absolute; right: 0; z-index: -1; } .yourpac-footer .columns { height: 100%; } } @media screen and (min-width:768px) and (max-width: 1279px) { .link-item { padding-right: 3rem; } } @media screen and (min-width:1280px) { .link-item { padding-right: 6rem; } } @media screen and (max-width: 767px) { .yourpac-footer .container { padding-left: 0; padding-right: 0; } .footer-nav-container { justify-content: center; } .link-items { width: 100%; text-align: center; } .link-item { display: block; } } .footer-nav-container .link-items .link-item a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.5rem; transition: 0.3s; font-weight: 300; } .footer-nav-container .link-items .link-item a:focus, .footer-nav-container .link-items .link-item a:focus-within, .footer-nav-container .link-items .link-item a:hover, .footer-nav-container .link-items .link-item a.is-active { color: var(--yourpac-orange, #f17900) !important; text-decoration: underline; text-decoration-color: inherit; text-underline-offset: 0.5rem; } .yourpac-footer a:focus, .yourpac-footer a:focus-within, .yourpac-footer a:hover, .yourpac-footer a.is-active { color: var(--yourpac-orange, #f17900) !important; text-decoration-color: inherit; } .yourpac-footer a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.5rem; transition: 0.3s; } /* Custom social media icons */ ul.has-list-style-none, ol.has-list-style-none { list-style: none !important; } ul.social-icon-style { display: flex; align-items: center; margin: 0; } ul.social-icon-style>li>a>span:not(.icon) { display: none; } ul.social-icon-style>li { padding-right: 2rem; font-size: 1.5rem; } ul.social-icon-style>li+li { margin: 0; } .social-icon-style .fa-instagram, .social-icon-style .fa-facebook-square, .social-icon-style .fa-linkedin-square { position: relative; } .social-icon-style .fa-instagram:before { background: url(/0/Handler/CSSOverride/GetImage/1/instagram.svg); background-size: contain; background-repeat: no-repeat; background-position: center; content: ""; width: 2rem; height: 2rem; position: absolute; top: -1rem; left: -1rem; } .social-icon-style .fa-facebook-square:before { background: url(/0/Handler/CSSOverride/GetImage/1/facebook.svg); background-size: contain; background-repeat: no-repeat; background-position: center; content: ""; width: 2rem; height: 2rem; position: absolute; top: -1rem; left: -1rem; } .social-icon-style .fa-linkedin-square:before { background: url(/0/Handler/CSSOverride/GetImage/1/linkedIn.svg); background-size: contain; background-repeat: no-repeat; background-position: center; content: ""; width: 2rem; height: 2rem; position: absolute; top: -1rem; left: -1rem; } .social-icon-style a .icon { transform: scale(1); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .social-icon-style a .icon:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* Attribute description section */ section.additional-description-section .image { max-width: 22rem; } section.additional-description-section:before { content: ""; width: 100%; height: calc(60% + 3rem); background-color: #F8EA48; position: absolute; top: 0; } section.additional-description-section { position: relative; } @media screen and (min-width:768px) { section.additional-description-section:before { height: calc(70% + 3rem); } } @media screen and (min-width:900px) { section.additional-description-section:before { height: calc(60% + 3rem); } } @media screen and (min-width:1024px) { section.additional-description-section:before { height: calc(60% + 3rem); } } .navbar-start { width: 100%; } @media (min-width: 1088px) { .navbar-start { margin-right: 0; justify-content: space-around; } .navbar-end { margin-left: 0; } } @media screen and (max-width: 1087px) { .navbar-start { display: flex; flex-direction: column; gap: 1.5rem; } } .navbar-item { line-height: 0.5 } /* Dialog*/ .modal-content { background-color: #262626; width: 98vw; max-width: 1000px; border-radius: 20px; } .modal-content .container { padding-top: 2rem; padding-bottom: 4rem; } .modal-content button.delete { background: transparent; left: 100%; } .modal-content button.delete::before, .modal-content button.delete::after { background-color: #f5f9f8; } .modal-content:before { background-color: #f5f9f8; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .delete::before, .modal-close::before { width: 100% } .delete::after, .modal-close::after { height: 100% } .modal-content h2.title { font-size: 0.75rem !important; } .modal-content .request { padding-right: 3rem; } .modal-content .request .ict-paragraph.block { padding-top: 1rem; font-size: 2rem; font-weight: 300 !important; } .modal-content .contact p.subtitle { font-size: 1rem; font-weight: 700 !important; margin-bottom: 0 !important; ; } .modal-content .contact>p:nth-of-type(2n) { font-size: 1.25rem; font-weight: 300 !important; margin-bottom: 1rem; } .modal-content .modal-one-column h2.title { font-weight: bold !important; margin-bottom: 0.5rem; font-size: 2rem !important; } @media screen and (max-width:767px) { .modal-content button.delete { left: 95%; } } .modal-content a { color: white; transition: 0.3s; text-decoration: underline; text-decoration-color: transparent; } .modal-content a:hover { text-decoration-color: white; } @media screen and (min-width:768px) { .is-shown-mobile { display: none; } } /* Other Pages */ /* Account */ .layout--accountPage { background: #F0F0E7; background: var(--yourpac-cream); } /* Basket */ .page-shoppingcart-cart .generalPageWrapper { background: #F0F0E7; background: var(--yourpac-cream); } .shoppingcart__wrapper { padding-top: 6rem; padding-bottom: 6rem; } .shoppingcart__wrapper .title { color: black; } .shoppingcart__wrapper .page-title .title { margin-bottom: 3.125rem !important; } .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row, .one-page-checkout .cartTableWrapper .cart tr.cart-item-row { background: white; } .shoppingcart__wrapper .cart-footer .cart-footer__container { background-color: white; border: none; } .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .savebasketbutton:hover, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover { border: none; } .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .title, .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .title { line-height: 1rem; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 700 !important; } .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .rawAttributeInfo { margin-bottom: 1rem; } /* One Page Checkout */ .page-checkout-onepagecheckout .generalPageWrapper { background: #F0F0E7; background: var(--yourpac-cream); } .one-page-checkout { padding-top: 6rem; padding-bottom: 6rem; } .page-checkout-onepagecheckout h2.title { margin-bottom: 3.125rem !important; } .checkout-data .catfish-input, .checkout-data .catfish-select { background-color: transparent; border: solid #000000 1px; transition: 0.3s; } .checkout-data .catfish-input.input-validation-error { border-color: #FF3131; } .checkout-data .catfish-input:focus, .checkout-data .catfish-select:focus { border-color: #4BC17E; box-shadow: none; } .one-page-checkout #opc-shipping_method .shipping-options { background: transparent; } .page-checkout-onepagecheckout .catfish-button.is-primary:hover, .page-checkout-onepagecheckout .button.is-primary:hover, .page-checkout-onepagecheckout .catfish-button:hover, .page-checkout-onepagecheckout .button:hover { background: #e6e6dd; color: #1c1c1c; } .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .summaryShortDescription { margin-bottom: 1rem !important; } .cart-footer #cartTotals { background: white; border-radius: 10px; } .one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .columns { margin: 0; } .one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .catfish-container { display: flex; justify-content: flex-end; } .one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container { margin-top: 1rem; } /* Checkout Completed */ .checkout__complete { padding-top: 6rem; padding-bottom: 6rem; } .page-checkout-completed .generalPageWrapper { background: #F0F0E7; background: var(--yourpac-cream); } .page-checkout-completed .title { color: black; margin-bottom: 0 !important; text-align: center; } .page-checkout-completed .catfish-button.is-primary:hover, .page-checkout-completed .button.is-primary:hover, .page-checkout-completed .catfish-button:hover, .page-checkout-completed .button:hover { background: #e6e6dd; color: #1c1c1c; } .checkout-data-info { background: white; border-radius: 10px; padding: 2rem; width: fit-content; margin: 0 auto; text-align: center; } .checkout__complete .checkout_data_integrated { margin-top: 6rem; } .checkout-page.checkout__complete .checkout-data-info .select-button { margin-top: 2rem; } @media screen and (min-width:1088px) { a.checkout-data-info__orderdetails { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.5rem; -moz-text-decoration-color: transparent; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } a.checkout-data-info__orderdetails:focus, a.checkout-data-info__orderdetails:focus-within, a.checkout-data-info__orderdetails:hover, a.checkout-data-info__orderdetails.is-active { color: var(--yourpac-orange, #f17900); text-decoration: underline; text-decoration-color: inherit; text-underline-offset: 0.5rem; } } .justify-content-space-between>.container>.columns { justify-content: space-between !important; } #Branchen .ict-buttons.buttons { margin-top: 0px; } #Branchen .ict-buttons.buttons .button.has-style-custom-3 { margin-bottom: 1.5rem; } #Branchen .ict-buttons.buttons .button.has-style-custom-3:not(:last-child) { margin-right: 1.5rem !important; } @media screen and (min-width:900px) { #Branchen .ict-buttons.buttons { max-width: 80%; } } .narrow-content-info-section .column>* { max-width: 30rem; } .navbar>.container.first-row { height: 2.5rem; margin-top: 1.5rem; } .navbar>.container.first-row>.columns.is-justify-content-space-between.is-fullwidth.is-mobile { margin-left: -1.5rem; margin-right: -1.5rem; width: calc(100% + 3rem); min-width: calc(100% + 3rem); max-width: calc(100% + 3rem); } section.section.breadcrumb-section.is-small { background: transparent !important; height: 0px !important; padding: 0px; } .breadcrumb.level .level-left { position: fixed; background: transparent; padding: 0px; top: 2.4rem; margin-left: -1rem; z-index: 99999999; width: calc(100% - 12rem); }7 .breadcrumb.level .level-left i.fas.fa-home { display: none; } .breadcrumb .breadcrumb-item, .breadcrumb a { color: #fff !important; padding: 0px; } .breadcrumb li+li::before { color: #fff; content: "\f054"; font-family: FontAwesome; font-size: 0.5rem; width: 1rem; text-align: center; line-height: 1.5rem; } .arone-product-landing-page .product-info-section { padding-top: 12rem !important; } .navbar-end { padding-left: 3%; } div#main-navbar { padding-left: 3%; } .navbar-dropdown.featured-category-dropdown { background: transparent; border: none; box-shadow: none; left: 50%; transform: translateX(-50%); width: 54rem; } .navbar-dropdown.featured-category-dropdown.featured-product-dropdown { width: 43rem; } .navbar-dropdown.featured-category-dropdown .box { background: #fff; border-radius: 1.5rem; padding: 3rem; } .box, .has-border-radius, .has-border-radius img { border-radius: 1.5rem; overflow: hidden; } .navbar-dropdown.featured-category-dropdown:after { content: ''; display: block; position: absolute; width: 3rem; height: 3rem; background: white; border-radius: 0.6rem; top: -0.1rem; left: 50%; margin-left: -1.5rem; transform: rotate(45deg) skew(17deg, 17deg); } .navbar-dropdown .image.is-covered img { height: 100% !important; width: 100% !important; object-fit: cover !important; max-width: none !important; max-height: none !important; border-radius: 0.7rem; } .navbar-dropdown.featured-category-dropdown a.navbar-item, .navbar-dropdown.featured-category-dropdown .menu_featured_category h5 { color: #000; padding: 1rem 0; font-size: 1.25rem; background: transparent; border-bottom: solid 1px #ccc; line-height: 1; } .navbar-dropdown.featured-category-dropdown .column.is-6.content { width: 54%; } .navbar-dropdown.featured-category-dropdown .column.is-6.links { width: 46%; } .content-field-navbar .navbar-link:not(.is-arrowless)::after { border-color: #fefefe; font-size: 0.8rem; border-width: 1px; } .navbar-link:not(.is-arrowless) { padding-right: 1.5em; } .block.quick-links a { color: #fff !important; } .block.quick-links span.quick-link-item:after { content: '•'; color: #fff; display: inline-block; padding-left: 1rem; padding-right: 1rem; } .block.quick-links span.quick-link-item:last-child::after { display: none; } .block.quick-links { padding-top: 3rem; padding-bottom: 3rem; } .box.is-fullwidth.mobile-only-contact-card.has-background-white { padding: 3rem; border-radius: 1.5rem; } @media screen and (max-width:1087px) { .mobile-only-contact-card>h5 { margin-bottom: 0 !important; } .mobile-only-contact-card>h5:nth-child(2n+1) { margin-bottom: 1.5rem !important; } } .page-catalog-category body, .page-topic-topicdetails body, .page-customer-info body, .page-customer-addresses body, .page-customer-orders body, .page-customer-changepassword body, .page-customer-orderline body, .page-customer-addressadd body, .page-shoppingcart-cart body, .LoginPage body, .page-checkout-onepagecheckout body, .page-checkout-completed body, .page-order-details body, .page-topic-topicseodetails body { border-top: solid 12rem #1c1c1c; } .arone-category-page { padding: 0px; ; } .page-intro-section h1 { color: inherit; } .page-intro-section .section { max-width: 840px; padding-left: 8rem; padding-right: 8rem; } .page-intro-section .column>.image.is-covered { position: absolute; top: 0px; bottom: 0px; width: 50%; left: 0px; } .page-intro-section .has-image-right .image-column { order: 2; } .page-intro-section .has-image-right .section { max-width: 802px; padding-left: 2rem; padding-right: 8rem; } .page-intro-section .has-image-right .column.content { display: flex; justify-content: flex-end !important; } .page-intro-section .has-image-right .column>.image.is-covered { left: auto; right: 0; } .has-top-corners-rounded { border-top-left-radius: 1rem; border-top-right-radius: 1rem; margin-top: -1rem; position: relative; } @media screen and (max-width:767px) { .has-top-corners-rounded { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .half-slider-section .swiper.single_image_swiper { overflow: visible; } .half-slider-section .swiper-slide { opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; } .half-slider-section .swiper-slide.swiper-slide-active, .half-slider-section .swiper-slide.swiper-slide-active~.swiper-slide { opacity: 1; pointer-events: all; } .half-slider-section .swiper-pagination { bottom: -4rem !important; } .half-slider-section .swiper-slide .image { border-radius: 1.5rem; overflow: hidden; } .half-slider-section .swiper-pagination-bullet { border: solid 2px transparent; background: rgba(10, 10, 10, 0.1); margin: 0px 0.5rem !important; } .half-slider-section .swiper-pagination-bullet-active { border-color: #f4e93f; background-color: #f4e93f; } .ict-wysiwyg table { border: none; } .ict-wysiwyg table tr td { border-bottom: solid 1px #727272 !important; padding-bottom: 2rem; width: auto !important; } .ict-wysiwyg table { border: none; margin-top: 2rem; } .section .is-image-scale-parent .image img { object-fit: cover; border-radius: 1.3rem; } .section .is-image-scale-parent .image { position: absolute; top: 0.75rem; bottom: 0.75rem; left: 0.75rem; right: 0.75rem; width: calc(100% - 1.5rem); height: calc(100% - 1.5rem); } .block.style-custom-1 { padding: 3rem; border-radius: 1.3rem; width: calc(100% - 1rem); padding-right: 4rem; padding-left: 4rem; padding-bottom: 10rem; } .block.box { border-radius: 1.3rem; } .block.box.delivery-box { padding: 10%; padding-top: 20%; } .accordion-item { background: transparent; border: solid 1px #fff; padding: 1rem; margin-bottom: 1rem; border-radius: 1.3rem; margin-top: 2rem; } .ict-accordion .button.is-rounded.accordion-title { background: transparent; font-weight: 300; margin: 0px; } .ict-accordion .button.is-rounded.accordion-title .fas { padding-right: 10px; font-weight: 100; color: #fff !important; } .ict-accordion .button.is-rounded.accordion-title .fas { padding-right: 10%; font-weight: 100; color: #fff !important; } .ict-accordion .accordion-item.is-active .accordion-content { padding-left: 0.5rem; padding-right: 0.5rem; display: block; padding-left: calc(10% + 1.8rem); } .ict-embed .newsLetterSmallWrapper__section { padding: 0px; margin-top: 2rem; margin-bottom: 2rem; } .ict-embed .newsLetterSmallWrapper__section h1 { display: none; } .ict-embed .newsLetterSmallWrapper__section input#Email { width: 95%; background: transparent; border: solid 2px rgba(0, 0, 0, .2); border-radius: 0.5rem; } .ict-embed .newsLetterSmallWrapper__section input { font-size: 1.125rem; } .newsletterbox-subscribebutton { border-radius: 2rem !important; padding-left: 2rem; padding-right: 2rem; } .footer-links a { color: #fff; font-weight: 300; } .footer-links li { list-style: none; margin-bottom: 2rem; } ul.ict-list.footer-links { margin: 0px !important; display: block; } .footer-image img { max-width: 6.875rem; } .footer-columns>.column { padding: 10rem 2rem; } .colaborators-section h5.ict-sub-title { margin-bottom: 3rem !important; } .colaborators-section .block .is-inline-block { width: 100%; } .colaborators-section .block { display: block; width: 32.3%; float: left; margin-right: 1%; } .colaborators-section .column:not(.is-two-fifths-desktop) .block { width: 99%; } .colaborators-section .block .ict-image.image.is-as-image { border: solid 1px #000; padding: 1rem; height: 6rem; display: flex; align-items: center; width: 100%; border-radius: 1rem; margin-right: 0.5rem; justify-content: center; min-width: 9rem; } .colaborators-section .block .ict-image.image.is-as-image { width: 100%; } .colaborators-section .block .ict-image.image.is-as-image img { width: auto; height: auto; max-height: 100%; } img.corner-feature-image { position: absolute; top: 1rem; right: 1rem; max-width: 10rem; } .box.wide-box img.corner-feature-image { top: 8rem; right: 8rem; } .checkmark-content.column { padding: 0px; padding-left: 3rem; margin-bottom: 1rem; padding-top: 1rem; border-bottom: solid 1px #ccc; min-height: 100%; position: relative; } .checkmark-content.column:before { content: ''; background-image: url(/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/CheckIcon.svg); position: absolute; width: 1.7rem; height: 1.7rem; background-size: contain; background-position: center; background-repeat: no-repeat; top: 1rem; left: 0px; } .checkmark-content.column h5 { line-height: 1.125rem; margin-bottom: 0.25rem !important; } .max-width-10 { max-width: 10rem; } .max-width-11 { max-width: 11rem; } .max-width-12 { max-width: 12rem; } .max-width-13 { max-width: 13rem; } .max-width-14 { max-width: 14rem; } .max-width-15 { max-width: 15rem; } .max-width-16 { max-width: 16rem; } .max-width-17 { max-width: 17rem; } .max-width-18 { max-width: 18rem; } .max-width-19 { max-width: 19rem; } .max-width-20 { max-width: 20rem; } .max-width-21 { max-width: 21rem; } .max-width-22 { max-width: 22rem; } .max-width-23 { max-width: 23rem; } .max-width-24 { max-width: 24rem; } .max-width-25 { max-width: 25rem; } .max-width-26 { max-width: 26rem; } .max-width-27 { max-width: 27rem; } .max-width-28 { max-width: 28rem; } .max-width-29 { max-width: 29rem; } .max-width-30 { max-width: 30rem; } .max-width-31 { max-width: 31rem; } .max-width-32 { max-width: 32rem; } .max-width-33 { max-width: 33rem; } .max-width-34 { max-width: 34rem; } .max-width-35 { max-width: 35rem; } .max-width-36 { max-width: 36rem; } .max-width-37 { max-width: 37rem; } .max-width-38 { max-width: 38rem; } .max-width-39 { max-width: 39rem; } .max-width-40 { max-width: 40rem; } .max-width-41 { max-width: 41rem; } .max-width-42 { max-width: 42rem; } .max-width-43 { max-width: 43rem; } .max-width-44 { max-width: 44rem; } .max-width-45 { max-width: 45rem; } .max-width-46 { max-width: 46rem; } .max-width-47 { max-width: 47rem; } .max-width-48 { max-width: 48rem; } .max-width-49 { max-width: 49rem; } .max-width-50 { max-width: 50rem; } .ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title { margin-top: 0px; } body .has-background-black { background-color: #1c1c1c !important; } .products-intro-section .block+h5.ict-sub-title.subtitle.has-text-centered.is-4.has-text-default.has-style-default { position: absolute; width: 100%; bottom: 4rem; left: 0px; } .products-intro-section .block { margin: 0px !important; } .products-intro-section .column { position: relative; padding: 0.5rem !important; } section.section.products-intro-section h1.ict-page-title { padding-bottom: 0.75rem; } section.section.products-intro-section { padding-bottom: 6rem; } @media screen and (min-width:1088px) { section.section.products-intro-section { padding-bottom: 12.3125rem; } section.section.products-intro-section h1.ict-page-title { padding-bottom: 3.75rem; } } .container.breadcrumb.level ul, .container.breadcrumb.level ul li { margin: 0px; } .compare-section .box.has-background-white.wide-box { padding: 5.1875rem; overflow: hidden; } .compare-section .feature-image-area { position: absolute; right: 0px; width: 23rem; top: 0px; bottom: 0px; background-size: cover; background-position: center; } .compare-section .feature-image-area img.featured { position: absolute; height: auto; width: auto; max-height: 5.5rem; top: 3.5625rem; right: 3.5625rem; max-width: calc(100% - 7.125rem); border-radius: 0.5rem; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:first-child .column:first-child.is-hidden-mobile-breakpoint { display: block !important; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column>.columns:not(:last-child) { border-bottom: solid 1px #ccc; align-items: center; } .compare-section .compare-items-container img { margin: 0.5rem; margin-left: 0px; margin-right: 1rem; display: block; float: left; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column>.columns h3 { margin-bottom: 0px !important; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column>.columns:last-child { padding-top: 0.75rem; } a.toggle-accordeon-button { width: 25px; height: 25px; display: block; padding-top: 12px; } .toggle-accordeon-button span { display: block; position: relative; width: 25px; height: 1px; background: #000; } .toggle-accordeon-button span:before { position: absolute; content: ''; display: block; width: 1px; height: 25px; background: #000; top: -12px; left: 12px; } .is-active a.toggle-accordeon-button { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .summary_container .footer-content p { margin: 0px !important; } .summary_container .column.footer.is-12.has-background-custom-4 { padding: 1rem 1.5rem; } .summary_container .column.is-12.title { margin: 0px !important; padding-bottom: 0px !important; } @media screen and (min-width:1088px) { .compare-section .box.has-background-white.wide-box>.columns.is-multiline { max-width: calc(100% - 26rem); } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column>.columns.row0 .caption { max-width: 10rem; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:first-child { width: 50%; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:not(:first-child) .column.is-6 { width: 100%; } .compare-section .box.has-background-white.wide-box>.columns.is-multiline { max-width: calc(100% - 26rem); min-width: 45rem; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:first-child .row0 .column { padding-left: calc(50% + 0.75rem); } } @media screen and (max-width:1087px) { .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column>.columns:not(:first-child) { align-items: normal; } .compare-section .box.has-background-white.wide-box .title-area { display: none !important; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:not(.is-active)>.columns:not(:first-child) { display: none; } .columns.is-multiline.compare-items-container { margin: 0px; } .compare-section .box.has-background-white.wide-box .columns .compare-items-container>.column:not(.is-active)>.columns:first-child { margin-bottom: -0.75rem; border: none; padding-bottom: 0px; } .compare-section .feature-image-area { width: 100%; bottom: auto; height: 35vw; } .compare-section .box.has-background-white.wide-box { padding: 0rem; padding-top: calc(35vw); } .columns.is-multiline.compare-items-container>.column { border-bottom: solid 2px #f0f0e7; padding: 2rem; } .section.products-intro-section .container.is-flex>.columns.is-variable.is-4 { width: calc(100% + 1rem); } .section.products-intro-section .container.is-flex>.columns.is-variable.is-4 { margin-left: calc(-1 * 0.5rem); margin-right: calc(-1 * 0.5rem); margin-top: calc(-1 * 0.5rem); } .section.products-intro-section .container.is-flex>.columns.is-variable.is-4:last-child { margin-bottom: calc(-1 * 0.5rem); } .products-intro-section .block+h5.ict-sub-title.subtitle.has-text-centered.is-4.has-text-default.has-style-default { bottom: 3rem; } .max-width-10, .max-width-11, .max-width-12, .max-width-13, .max-width-14, .max-width-15, .max-width-16, .max-width-17, .max-width-18, .max-width-19, .max-width-20, .max-width-21, .max-width-22, .max-width-23, .max-width-24, .max-width-25, .max-width-26, .max-width-27, .max-width-28, .max-width-29, .max-width-30, .max-width-31, .max-width-32, .max-width-33, .max-width-34, .max-width-35, .max-width-36, .max-width-37, .max-width-38, .max-width-39, .max-width-40 { max-width: 100%; } .box.wide-box { padding-bottom: 4rem; } .checkmark-content.column { margin-bottom: -1rem; padding-top: 1rem; padding-bottom: 1rem; } section.contact-call-to-action { padding-bottom: 3rem !important; } .column.is-12.is-flex>.columns { display: flex; } .shipping-info-section .ict-buttons.buttons.is-justify-content-flex-end { justify-content: flex-start !important; } .block.box.delivery-box img { max-width: 50%; margin: 0 auto; } .block.style-custom-1 { padding: 2rem; width: 100%; border-radius: 1.3rem; } .section .is-image-scale-parent { position: relative; height: 100vw; min-height: 100vw; max-height: 100vw; } .half-slider-section .swiper-slide { opacity: 1; pointer-events: all; } .half-slider-section .swiper-pagination { bottom: -2rem !important; } .reverse-order-mobile>.container>.columns { flex-flow: wrap-reverse; } .ict-embed .newsLetterSmallWrapper__section input#Email { width: 110%; max-width: 110%; } .page-intro-section .column>.image.is-covered { position: relative; top: 0px; bottom: 0px; width: 100%; padding-bottom: 100%; left: 0px; } .page-intro-section .section { max-width: 100% !important; padding: 5% !important; } .page-intro-section .section .ict-space { display: none; } .page-intro-section>.columns>.column { width: 100%; } .page-intro-section .has-image-right .image-column { order: 0; } .is-hidden-under-mobile-breakpoint { display: none; } .navbar-dropdown.featured-category-dropdown:not(.is-active) { overflow: hidden; } nav#main-nav { height: auto; } nav#main-nav.is-active .navbar-menu { display: block; height: 100vh; max-height: 100vh !important; width: 100%; max-width: 100vw; padding: 1rem; padding-bottom: 10rem; } nav#main-nav.is-active { background: #1c1c1c; } /* nav#main-nav.is-active .container.first-row { opacity: 0; pointer-events: none; } */ .navbar-dropdown.featured-category-dropdown { width: 100%; transform: none; } .navbar-start>.navbar-item { padding-left: 0px; padding-top: 1rem; padding-bottom: 1rem; text-transform: uppercase; border-bottom: solid 1px #3e3e3e; } .navbar-start { gap: 0; } .navbar-dropdown.featured-category-dropdown:after { display: none; } .navbar-dropdown.featured-category-dropdown .box { background: transparent; border-radius: 1rem; padding: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; padding-left: 2.14285rem; } .navbar-dropdown.featured-category-dropdown .box .columns, .navbar-dropdown.featured-category-dropdown .box .columns .column { margin: 0px !important; padding: 0px !important; display: block !important; border: none !important; width: 100% !important; } .navbar-item.has-dropdown a.navbar-link { padding-left: 0; padding-top: 0; padding-bottom: 0; } .navbar-item { line-height: 1.36; } .navbar-dropdown.featured-category-dropdown .box .columns .column .image, .navbar-dropdown.featured-category-dropdown .box .columns .column h4 { display: none; } .navbar-dropdown.featured-category-dropdown .column a.navbar-item, .navbar-dropdown.featured-category-dropdown .menu_featured_category h5 { color: #fff; padding: 0 0 1rem 0 !important; font-size: 1.25rem; background: transparent; border-bottom: none; line-height: 1; text-decoration: none !important; text-transform: none; } .navbar-dropdown.featured-category-dropdown .menu_featured_category .column:last-child h5 { padding: 0; } a.button.is-rounded.header-end-button, .ict-buttons.buttons .button, .ict-buttons.buttons .button.is-primary, .ict-buttons.buttons .button.has-style-custom-1, .ict-buttons.buttons .button.has-style-custom-2 { padding-left: 1.5rem; padding-right: 1.5rem; height: 2.3em; font-size: 1.2rem; } .modal-content button.delete { left: 95%; } .custom-slider-image-column img { width: 120%; max-width: 120%; margin-left: -10%; margin-bottom: 0%; } .section.custom-slider-section { position: relative; padding-bottom: 5rem !important; padding-top: 5rem; } .section.custom-slider-section .swiper-pagination { bottom: 5rem !important; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 2rem; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 2rem; } .navbar>.container.first-row { height: 3.5rem; margin-top: 2.5rem; } .navbar>.container, .breadcrumb-section>.container { padding-left: 2rem; padding-right: 2rem; } .headermenu .navbar-item { min-width: 4rem; justify-content: center; } @media screen and (max-width:768px) { .columns.is-multiline.compare-items-container>.column { padding: 1.5rem; } .compare-section .feature-image-area img.featured { position: absolute; height: auto; width: auto; max-height: 4.5rem; top: 1.5625rem; right: 1.5625rem; max-width: calc(100% - 3.125rem); border-radius: 0.25rem; } .footer-columns>.column { padding: 7rem 5%; padding-top: 3rem; } .colaborators-section h5.ict-sub-title { margin-bottom: 1rem !important; } .column.footer-details { justify-content: flex-start !important; } .colaborators-section .block .ict-image.image.is-as-image { min-width: 27vw; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0rem; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0rem; } .swiper-button-next, .swiper-button-prev { top: 60vW; } .swiper-button-next:before, .swiper-button-prev:before { display: none; } section#Kontakt { padding-bottom: 4rem !important; } section.contact-call-to-action>.container>.columns>.column:first-child img { width: 114%; max-width: 114%; margin-left: -7%; } section.homepage-banner { padding-bottom: 10vh !important; } #main-nav:not(.is-active) .navbar-item.has-dropdown.is-hoverable.language-icon, #main-nav.is-active .navbar-brand>.navbar-item:first-child a { display: none; } } } .shipping-info-section h4.ict-sub-title.subtitle { margin-bottom: 0.25rem !important; } /* Sizes table */ .ict-wysiwyg.sizes-table tbody tr:not(:first-child) td { font-size: 1.25rem; } .ict-wysiwyg.sizes-table tbody tr:first-child td { font-size: 0.875rem; } .ict-wysiwyg.sizes-table table tr td { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sizes-table td { font-weight: 300; } /* My Account */ .account-page .title { color: var(--primary-bg-colour); } .block.block-account-navigation div { background: white; padding: 2.5rem; margin: -2.5rem; margin-right: 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .block.block-account-navigation div.title { border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -ms-border-radius: 20px 20px 0px 0px; -o-border-radius: 20px 20px 0px 0px; } .block.block-account-navigation div.listbox { border-radius: 0px 0px 20px 20px; } .page-customer-info .block-account-navigation .title { color: var(--yourpac-orange); margin-bottom: 0 !important; } .block-account-navigation ul a.active, .block-account-navigation ul a.is-active { background-color: transparent; color: var(--primary-bg-colour); } .block-account-navigation ul li a { border-bottom: solid 1px #00000033; padding-left: 0; } .block-account-navigation ul a.active, .block-account-navigation ul a.is-active, .block-account-navigation ul a.active:hover, .block-account-navigation ul a.is-active:hover { border-color: var(--yourpac-orange); color: var(--yourpac-orange); padding-left: 0.5em; } .block-account-navigation ul a:hover { background-color: transparent; padding-left: 0.5em; border-color: #f1790055; } .block-account-navigation ul a { transition: 0.3s; } .block.block-account-navigation div.clear { display: none; } .block.block-account-navigation div.title { padding-bottom: 1rem; } @media screen and (min-width:1088px) { .block-account-navigation { padding-top: 8.5rem; } .account-page { padding-top: 6rem; padding-bottom: 6rem; } } @media screen and (max-width:1087px) { .block-account-navigation { padding-top: 3rem; padding-bottom: 0; } .block.block-account-navigation div { margin: 0; } .account-page { padding-top: 2rem; padding-bottom: 6rem; } } .account-page .validation-summary-errors { background-color: #FF3131; border-radius: 20px; width: 100%; } .account-page .subtitle { color: #FF7A00; font-size: 0.75rem; margin-bottom: 0 !important; } .account-page table.table-container tr .item-name { font-size: 0.75rem; } .field-validation-error { color: #FF3131; } .catfish-input.input-validation-error { border-color: #FF3131; color: #FF3131; } .account-page .catfish-input, .account-page .catfish-select { background-color: transparent; border: solid #000000 1px; transition: 0.3s; } .account-page .catfish-input.input-validation-error { border-color: #FF3131; } .account-page .catfish-input:focus, .account-page .catfish-select:focus { border-color: #4BC17E; box-shadow: none; } .account-page .catfish-input, .account-page .catfish-select { border-radius: 10px; } .account-page .catfish-button.is-primary, .account-page .button.is-primary, .account-page .catfish-button, .account-page .button { background: #FF7A00; border-radius: 30px; transition: 0.3s; font-size: 1rem; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .account-page .catfish-button.is-primary:hover, .account-page .button.is-primary:hover, .account-page .catfish-button:hover, .account-page .button:hover { background: #e6e6dd; color: #1c1c1c; } .account-page--customerinfo .customer__section { margin-bottom: 1.5rem; } .order_page_filters .field { flex-wrap: wrap; flex-direction: column; } .account-page--myorders .order_page_filters .field-label { margin-bottom: 0.5rem; } input#order_search_input { border-radius: 70px; } .account-page--myorders .order_show a { border-radius: 35px; background-color: transparent !important; border-color: #1c1c1c !important; padding-top: 0.2rem; padding-bottom: 0.2rem; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .account-page--myorders .order_show a:not(.default) { background-color: #1c1c1c !important; color: white; } .pagination-previous.is-disabled, .pagination-previous[disabled], .pagination-next.is-disabled, .pagination-next[disabled], .pagination-link.is-disabled, .account-page--myorders .orders_v2 .order_page_select_container .order_page_but.inactive, .pagination-link[disabled] { border-radius: 10px; background: transparent; border-color: #00000033; } .account-page--addresses h1.title, .account-page--orderline h1.title { margin-bottom: 3.125rem !important; } /* Order History */ .account-page .order_container li, .account-page--myorders .orders_v2 .order_container .order_info_total { display: flex; flex-direction: column; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; color: #23232366; } .account-page .order_container li span, .account-page--myorders .orders_v2 .order_container .order_info_total span { font-size: 1.25rem; font-weight: 300 !important; color: #232323 !important; } div.order_status_container { position: absolute; left: 25%; top: 2.65rem; } div.order_status_container:before { content: "STATUS"; margin-right: 100%; font-size: 0.75rem; color: #23232366; font-weight: 500; font-family: 'AktivGrotesk'; } .account-page--myorders .orders_v2 .order_container .order_status_container .order_status { border-radius: 60px; position: static !important; width: auto !important; height: auto !important; } .account-page--myorders .orders_v2 .order_Processing { background-color: #4BC17E38; color: #1D8D4E; } .account-page--myorders .orders_v2 .order_container .order_info_total>div { display: flex; flex-direction: column; } .account-page--myorders .orders_v2 .order_container .order_info_total { width: auto; text-align: left; left: 50%; top: 2.75rem; background: transparent; padding: 0; max-height: 3rem; } .account-page--myorders .orders_v2 #filtered_orders .order_details.short_view_order_details { width: 100%; } .account-page--myorders .orders_v2 #filtered_orders #reorder { float: none; position: absolute; right: 2rem; bottom: 2rem; } .account-page--myorders .orders_v2 .order_container .order_show_details_but, .account-page--myorders .orders_v2 .order_container .order_show_details_but:hover { width: auto; font-size: 1.25rem; color: var(--yourpac-orange); background: transparent; padding-left: 1rem; } .account-page--myorders .orders_v2 #filtered_orders .orders_row>.order_container { background: white; padding: 2rem; border-radius: 20px; } .account-page--myorders .orders_v2 #filtered_orders .order_details.short_view_order_details { position: static; } .account-page--myorders .orders_v2 .order_container .order_status_container { float: none !important; right: unset !important; width: auto !important; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list { margin-top: 6rem; } .account-page--myorders .orders_v2 #filtered_orders .reorderbutton.button { background: transparent; color: var(--primary-bg-colour); border: solid 2px #e6e6dd; } .account-page--myorders .orders_v2 #filtered_orders .order_details:not(.short_view_order_details) { position: static; } .account-page--myorders .orders_v2 #filtered_orders .order_details:not(.short_view_order_details) form:last-child .reorderbutton.button { float: none; position: absolute; right: 15rem; bottom: 2rem; width: auto; padding: 1rem; } .account-page--myorders .orders_v2 .order_container .order_products_list:not(.short_view_prod_list_details)+.order_show_details_but { position: absolute; bottom: 2rem; left: 2rem; } .order_container .order_title { color: #FF7A00 !important; font-size: 0.75rem; } .order_container .order_q_info .order_title { font-size: 0.75rem; color: #23232366 !important; margin-bottom: 1rem !important; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul div { font-size: 1.25rem; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul span.status-box { position: static; text-align: left; margin-top: 0.75rem; margin-bottom: 0.75rem; background: #F0F0E7; color: var(--primary-bg-colour); border-radius: 60px; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul { display: flex; flex-direction: column; } .account-page--myorders .orders_v2 .order_container .order_show_details_but:before { content: "+"; margin-right: 0.5rem; } .account-page--myorders .orders_v2 .order_container .order_products_list:not(.short_view_prod_list_details)+.order_show_details_but:before { content: "-"; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul .order_prod_thumbnail { height: 100%; padding: 0.5rem; } .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul .order_prod_thumbnail img { border-radius: 7px; } @media screen and (min-width:768px) { .account-page--myorders .order_details:not(.short_view_order_details) form { height: 0; margin: 0; } .order_fullinfo { margin-bottom: 2rem; } } @media screen and (max-width:767px) { .account-page--myorders .orders_v2 #filtered_orders .order_details:not(.short_view_order_details) { padding-top: 0; } .account-page--myorders .orders_v2 .order_container .order_status_container { top: 4.5rem; left: 75%; } .account-page--myorders .orders_v2 .order_container .order_status_container.short_view_status_details { top: 2rem; left: 75%; position: absolute !important; } .account-page--myorders .orders_v2 .order_container .order_info_total { margin-left: 1rem; } .account-page--myorders .orders_v2 #filtered_orders .order_details:not(.short_view_order_details) form:last-child .reorderbutton.button { left: 1rem; max-width: calc(100% - 3rem); width: 100%; } .account-page--myorders .orders_v2 #filtered_orders .orders_row>.order_container { padding-bottom: 5rem; } .account-page--myorders .orders_v2 #filtered_orders #reorder { left: 1rem; max-width: calc(100% - 3rem); bottom: 2rem; } #filtered_orders .order_details:not(.short_view_order_details) #reorder { bottom: 6rem; } .account-page--myorders .orders_v2 .order_container .order_products_list:not(.short_view_prod_list_details)+.order_show_details_but { margin-bottom: 6rem; } } /* Order Items */ .order-line-items-row td a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.25rem; -moz-text-decoration-color: transparent; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .order-line-items-row td a:hover, .order-line-items-row td a:focus { text-decoration-color: inherit; -moz-text-decoration-color: inherit; } /* Product Landing page additional tweaks */ .column.details-wrapper.is-6-desktop.is-12-tablet.is-12-mobile h1.title { font-size: 0.8rem; text-transform: uppercase; margin: 0px !important; line-height: 1; margin-bottom: 1.5rem !important; } .column.details-wrapper.is-6-desktop.is-12-tablet.is-12-mobile { padding-left: 9rem; } .details-wrapper .subtitle.is-6.short-description-wrapper { margin-bottom: 1.5rem !important; } .details-wrapper label.enterQuantityBoxLabel.title.is-5 { padding-left: 3rem; } .attribute.type_Info.name_Zusammenfassung .attributeTitle { display: none !important; } .columns.summary-item { border-top: solid 1px #ccc; margin-left: -2rem; margin-right: -2rem; padding-left: 1.5rem; padding-right: 1.5rem; } .column:first-child .columns.summary-item { border-top: none; } .columns.summary-item .item-value { padding-left: 0px; padding-right: 0px; } .arone-product-landing-page .action-button-wrapper .catfish-button { min-width: 0px; width: 13rem; height: 3.25rem; margin: 0.5rem 0 0.5rem 0; } .newProductPriceWrapper .productPrice.title:before { content: 'PREIS'; display: block; font-size: 0.75rem; line-height: 1; margin-bottom: -0.75rem; color: #ccc; } .newProductPriceWrapper .productPrice.title { margin: 0px !important; padding-left: 1.5rem; padding-top: 0.75rem; height: 4.1rem; } /*Editor Skin*/ .EditorSkin div#parentContainer { background: var(--yourpac-gradient); } .EditorSkin div#parentContainer>div.pane:not(.editorTop) { opacity: 0; pointer-events: none; } .EditorSkin body { font-family: AktivGrotesk !important; } .EditorSkin .editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north { z-index: 999 !important; top: auto !important; bottom: 2rem !important; padding: 0.5rem; width: 24rem !important; border-radius: 2rem; background: #fff; left: 50% !important; margin-left: -12rem !important; } .EditorSkin .catfish-button, .EditorSkin .meuiButton { border-radius: 30px; transition: 0.3s; font-size: 1rem; font-weight: 400; padding-left: 2rem; margin-right: 0px; margin-left: 5px; font-family: AktivGrotesk !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; margin-right: 0px !important; } .EditorSkin .meuiButton.AddImageToField { height: 11rem; justify-content: center !important; align-items: center; border-radius: 1.5rem !important; flex-wrap: wrap; padding: 2rem; background: transparent !important; border: dashed 1px #fff; color: #fff; } .EditorSkin .meuiButton.AddImageToField span { width: 100%; } .EditorSkin .meuiButton.AddImageToField span.icon { font-size: 3rem; margin: 0px; } .EditorSkin .meuiButton.AddImageToField span.icon .fa-upload:before { content: "\f1c1"; } .EditorSkin.Script_DynamicUiGeneration_New .freeTargetContainer { top: 15% !important; right: 5% !important; padding: 2rem !important; height: auto !important; border-radius: 1.5rem !important; bottom: auto !important; background: transparent; width: 33rem !important; } .EditorSkin .editorTop.pane .headerWrapper .buttonContainer.rightSide .catfish-button, .EditorSkin .meuiButton.is-primary { background: #f17900; color: #fff; } .EditorSkin .catfish-button:hover, .EditorSkin .meuiButton:hover, .EditorSkin .catfish-button:focus, .EditorSkin .meuiButton:focus, .EditorSkin.editorTop.pane .headerWrapper .buttonContainer.rightSide .catfish-button:hover, .EditorSkin .meuiButton.is-primary:hover, .EditorSkin .editorTop.pane .headerWrapper .buttonContainer.rightSide .catfish-button:focus, .EditorSkin .meuiButton.is-primary:focus, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .catfish-button:hover, .shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .catfish-button:focus, .shoppingcart__wrapper .common-buttons .catfish-button:hover, .shoppingcart__wrapper .common-buttons .catfish-button:focus, .shoppingcart__wrapper .common-buttons .button:hover, .shoppingcart__wrapper .common-buttons .button:focus { color: #1c1c1c !important; background-color: #e6e6dd !important; } .EditorSkin .headerWrapper .buttonContainer.leftSide .rightSideWrapper, .EditorSkin .headerWrapper .catfish-classes.me-global-menu, .EditorSkin .headerWrapper .undoRedoContainer, .EditorSkin .headerWrapper .viewControlButton.previewButton { display: none; } html, .megaedit-preview { background: transparent !important; background-image: none !important; } .EditorSkin #previewView { z-index: 1; background: #606549; background-image: url(/1088730831/Handler/CSSOverride/GetImage/1/background_texture.png); background-size: cover; background-position: center; } body.EditorSkin.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New { overflow: hidden !important; } body.EditorSkin .meuiTitle.main-title { line-height: 1.5; color: #fff !important; } .attribute.name_Size .radio-table-header .header-columns .column .table-text { white-space: nowrap; } @media screen and (max-width:1087px) { .column.details-wrapper.is-6-desktop.is-12-tablet.is-12-mobile { padding-left: 1rem; } @media screen and (max-width:768px) { .attribute.type_RadioList:not(.name_Size) .attribute-value-item, .attribute.type_Checkboxes .attribute-value-item { width: 32%; } .custom-attribute-label { max-width: 100%; white-space: normal; font-size: 0.9rem; } .attribute.name_Size .attribute-value-item .radio-table .column, .radio-table-header .header-columns .column { padding-left: 1rem !important; } .attribute.name_Size .attribute-value-item .radio-table .column:first-child, .radio-table-header .header-columns .column:first-child { max-width: 6rem; } .attribute.name_Size .attribute-value-item .radio-table .column:nth-child(2), .radio-table-header .header-columns .column:nth-child(2) { max-width: calc(100% - 13rem); min-width: calc(100% - 13rem); width: calc(100% - 13rem); } .attribute.name_Size .attribute-value-item .radio-table .column:last-child, .radio-table-header .header-columns .column:last-child { min-width: 7rem; } body.EditorSkin .ui-layout-center.ui-layout-pane.ui-layout-pane-center { inset: 0px 0px 0px 0px !important; left: 0px !important; right: 0px !important; width: 100% !important; height: calc(100vh - 16rem) !important; } .EditorSkin.Script_DynamicUiGeneration_New .freeTargetContainer { top: auto !important; right: 0 !important; padding: 2rem !important; height: auto !important; border-radius: 1.5rem !important; bottom: 5rem !important; background: transparent; width: 100vw !important; display: block !important; } .EditorSkin .meuiButton.AddImageToField span { width: auto; padding: 1rem; } .EditorSkin .meuiButton.AddImageToField { height: 5rem; flex-wrap: nowrap; margin: 0px; } body.EditorSkin .meuiTitle.main-title { font-size: 1.4rem; } .EditorSkin .editorTop.pane .headerWrapper .buttonContainer.rightSide .catfish-button .confirmextratxt { display: block !important; } .EditorSkin .catfish-button.has-text-hidden-mobile .extratxt { display: block; } .EditorSkin .toggleCollapseTab.tt.hidden-old-theme.is-hidden-tablet.is-hidden-desktop, .EditorSkin div#consoleSwitch { display: none !important; } } } /* Floating contact button */ .floating-contact-button a { max-width: calc(50px + 1rem); position: fixed; right: 10px; bottom: 20px; background-color: #F0F0E7; padding: 1rem; z-index: 10; border-radius: 15px; transition: 0.3s; transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } @media screen and (min-width:1088px) { .floating-contact-button a { top: 33.33333vh; bottom: unset; } } .floating-contact-button a .floating-contact-text { font-size: 10px; } .floating-contact-button a:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* Digital print/Digitaldruk section */ @media screen and (max-width:1087px) { #Digitaldruck>.container>.columns>.column.is-12-mobile:nth-child(n+3) { margin-top: -2.5rem; } } /* Custom class support */ .content .is-marginless{ margin: 0!important; } /* Quick win amends */ /* Language dropdown styling */ @media screen and (min-width:1088px) { .navbar-dropdown.language-dropdown, .navbar-dropdown.language-dropdown .catfish-select { border-radius: 0; } .navbar-item.language-icon:hover:after { content: ''; display: block; position: absolute; width: 3rem; height: 3rem; background: white; border-radius: 0.6rem; top: 4.9rem; left: 50%; margin-left: -1.5rem; transform: rotate(45deg) skew(17deg, 17deg); } .navbar-dropdown.language-dropdown { background: white; padding: 1rem; border-radius: 1.5rem; left: -33.33333%; top: 100%; } .navbar-dropdown.language-dropdown .catfish-select { border-radius: 1.5rem; } } /* Add to basket button white background */ @media screen and (min-width:768px) { .block.price-quantity-start-wrapper .columns .column.priceScriptInfo { min-width: 0; width: auto; max-width: initial; padding: 0; } } @media screen and (max-width:767px) { .block.price-quantity-start-wrapper .columns .column, .block.price-quantity-start-wrapper .columns .column.price { width: 50%; max-width: 100%; min-width: 0; } .price-quantity-start-wrapper .columns.is-multiline { flex-direction: row; } .block.price-quantity-start-wrapper .columns .column.priceScriptInfo { width: auto; min-width: 0; max-width: 0; } } /* Account page border radius */ .block-account-navigation ul li a { border-radius: 0; } .full-description-wrapper .ict-embed iframe { width: calc(100% + 2rem); margin-left: -2rem; } button.iopNameEditButton.catfish-button { font-size: 0rem!important; height: auto; padding: 0.5rem 1rem; } html[lang="de"] button.iopNameEditButton.catfish-button:after { content: "Name ändern"; font-size: 1rem; } html[lang="en"] button.iopNameEditButton.catfish-button:after { content: "Change name"; font-size: 1rem; } .hide_quantity .quantity-wrapper { display:none; } .LoginPage body { background: #eee; } .LoginPage body h1.title.is-spaced { margin-bottom: 3rem!important; color: #000; margin-top: -9rem; } .LoginPage body .new-wrapper { padding: 3rem; background: #f5f9fb; border-radius: 1.5rem; } .megaedit-preview div#loadingArea { background: transparent !important; }