@charset "UTF-8";
table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

blockquote, q { quotes: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

ol, ul { list-style: none; }

/* Document ========================================================================== */
/*** Use a better box model (opinionated). */
html { box-sizing: border-box; }

* { box-sizing: inherit; }

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

/** Use a more readable tab size (opinionated).*/
:root { -moz-tab-size: 4; tab-size: 4; }

/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS.*/
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections */
/** Remove the margin in all browsers.*/
body { margin: 0; }

/** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)*/
/* Grouping content ==========================================================================*/
/** Add the correct height in Firefox.*/
hr { height: 0; }

/* Text-level semantics ==========================================================================*/
/** Add the correct text decoration in Chrome, Edge, and Safari.*/
abbr[title] { text-decoration: underline dotted; }

/** Add the correct font weight in Chrome, Edge, and Safari.*/
b, strong { font-weight: bolder; }

/** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers.*/
code, kbd, samp, pre { font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers.*/
small { font-size: 80%; }

/** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Forms ==========================================================================*/
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari.*/
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox.*/
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari.*/
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox.*/
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule.*/
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox.*/
fieldset { padding: 0.35em 0.75em 0.625em; }

/** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.*/
legend { padding: 0; }

/** Add the correct vertical alignment in Chrome and Firefox.*/
progress { vertical-align: baseline; }

/** Correct the cursor style of increment and decrement buttons in Safari.*/
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari.*/
[type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove the inner padding in Chrome and Safari on macOS.*/
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari.*/
::-webkit-file-upload-button { -webkit-appearance: button; /* 1*/ font: inherit; /* 2*/ }

/* Interactive ==========================================================================*/
/* Add the correct display in Chrome and Safari.*/
summary { display: list-item; }

/****** Elad Shechter's RESET ****** */
/*** box sizing border-box for all elements *@*/
* { box-sizing: border-box; }

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

a { text-decoration: none; color: inherit; cursor: pointer; }

button { background-color: transparent; color: inherit; border-width: 0; padding: 0; cursor: pointer; }

figure { margin: 0; }

input::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

ul, ol, dd { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }

p { margin: 0; }

cite { font-style: normal; }

fieldset { border-width: 0; padding: 0; margin: 0; }

@keyframes wiggle-straight { 5% { transform: rotate(5deg); }
  15% { transform: rotate(-5deg); }
  20% { transform: rotate(0deg); } }

@keyframes fadeLeft { 0% { transform: translate3d(25px, 0, 0);
    opacity: 0; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeLeftRotate { 0% { transform: translate3d(25px, 0, 0) rotate(220deg);
    opacity: 0; }
  100% { transform: translate3d(-15px, 0, 0) rotate(180deg);
    opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes fadeOut { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes fadeInDelay { 0% { opacity: 0;
    visibility: hidden; }
  50% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes bgGreenIndicate { 0% { background: rgba(0, 81, 64, 0); }
  20% { background: rgba(0, 81, 64, 0); }
  40% { background: rgba(0, 81, 64, 0.2); }
  100% { background: rgba(0, 81, 64, 0); } }

@keyframes bgLoading { 0% { background: rgba(216, 216, 216, 0); }
  40% { background: #d8d8d8; }
  100% { background: rgba(216, 216, 216, 0); } }

@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); } }

@keyframes ripple { 0%, 35% { transform: scale(0);
    opacity: 1; }
  50% { transform: scale(1.25);
    opacity: 0.8; }
  100% { opacity: 0;
    transform: scale(2); } }

@keyframes flip-in { 0% { transform: rotateX(90deg);
    opacity: 0.000; }
  2% { transform: rotateX(87.845deg);
    opacity: 0.173; }
  4% { transform: rotateX(74.294deg);
    opacity: 0.347; }
  6% { transform: rotateX(54.835deg);
    opacity: 0.520; }
  8% { transform: rotateX(34.962deg);
    opacity: 0.693; }
  10% { transform: rotateX(17.398deg);
    opacity: 0.867; }
  12% { transform: rotateX(4.318deg);
    opacity: 1.000; }
  14% { transform: rotateX(-6.871deg); }
  16% { transform: rotateX(-9.632deg); }
  18% { transform: rotateX(-9.832deg); }
  20% { transform: rotateX(-8.436deg); }
  22% { transform: rotateX(-6.33deg); }
  24% { transform: rotateX(-4.062deg); }
  26% { transform: rotateX(-2.094deg); }
  28% { transform: rotateX(-0.605deg); }
  30% { transform: rotateX(0.399deg); }
  32% { transform: rotateX(0.932deg); }
  34% { transform: rotateX(1.108deg); }
  38% { transform: rotateX(0.724deg); }
  40% { transform: rotateX(0.473deg); }
  42% { transform: rotateX(0.252deg); }
  44% { transform: rotateX(0.078deg); }
  46% { transform: rotateX(-0.037deg); }
  100% { transform: rotateX(0deg);
    opacity: 1.000; } }

.flip-in { animation: flip-in 1.733s linear 0s 1 normal both; transform-origin: 50% 50%; }

.shake-it { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }

.wiggle-it { animation: wiggle-straight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }

@font-face { font-family: 'romer-icons'; src: url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.eot"); src: url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.eot") format("embedded-opentype"), url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.woff2") format("woff2"), url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.woff") format("woff"), url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.ttf") format("truetype"), url("https://www.romernaturprodukt.dk/images/skins/tidy/fonts/romer-icons.svg") format("svg"); font-weight: normal; font-style: normal; }

[class*="icon-"]:before { display: inline-block; font: normal normal normal 1em/1 'romer-icons'; margin-right: 0.5em; vertical-align: bottom; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-arrow-up::before { content: "\ea12"; }

.icon-arrow-down::before { content: "\ea11"; }

.icon-sort::before { content: "\ea10"; }

.icon-filter::before { content: "\ea0e"; }

.icon-print::before { content: "\ea0d"; }

.icon-delete::before { content: "\ea0c"; }

.icon-delivery::before { content: "\ea05"; }

.icon-user::before { content: "\ea04"; }

.icon-search::before { content: "\ea03"; }

.icon-cart::before { content: "\ea02"; }

.icon-favorite::before { content: "\ea0a"; }

.icon-favorite-remove::before { content: "\ea09"; }

.icon-favorite-add::before { content: "\ea08"; }

.icon-favorite-glyph::before { content: "\ea07"; }

.icon-favorite-remove-glyph::before { content: "\ea0b"; }

.icon-favorite-add-glyph::before { content: "\ea06"; }

.icon-close::before { content: "\ea0c"; }

.icon-menu::before { content: "\ea1e"; }

.icon-arrow-left::before { content: "\ea1a"; }

.icon-arrow-right::before { content: "\ea1b"; }

.icon-list::before { content: "\ea17"; }

.icon-notification::before { content: "\ea16"; }

.icon-arrow-forward::before { content: "\ea1b"; }

.icon-grid::before { content: "\ea18"; }

* { font-family: "Baloo Tamma 2", Arial, sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html, body { font-size: 16px; font-weight: 500; color: #202020; }

@media screen and (max-width: 47.9375em) { html, body { font-size: 90%; } }

a:hover { color: #000000; }

h1, .h1 { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; }

@media screen and (max-width: 47.9375em) { h1, .h1 { font-size: 2rem; } }

@media screen and (max-width: 22em) { h1, .h1 { font-size: 1.5rem; } }

h2, .h2 { font-size: 2rem; color: #2c499e; font-weight: 600; margin: 1em 0 1em; }

@media screen and (max-width: 22em) { h2, .h2 { font-size: 1.25rem; } }

* + h2, * + .h2 { margin-top: 2em; }

h3, .h3 { font-size: 1.5rem; color: #000000; font-weight: 600; margin: 1.5em 0 .5em; }

* + h3, * + .h3 { margin-top: 2em; }

h4, .h4 { font-size: 1.25rem; color: #000000; font-weight: 600; margin: 1.5em 0 .5em; }

* + h4, * + .h4 { margin-top: 2em; }

.font-large { font-size: 1.125rem; }

.font-larger { font-size: 1.25rem; }

.font-largest { font-size: 1.5rem; }

.font-normal { font-size: 1rem; }

.font-small { font-size: 0.875rem; }

.font-smaller { font-size: 0.75rem; }

.font-smallest { font-size: 0.6875rem; }

.font-h1 { font-size: 2.25rem; }

.font-h2 { font-size: 2rem; }

.font-h3 { font-size: 1.5rem; }

p { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; }

strong, b { font-weight: 600; }

i, em { font-style: italic; }

img { max-width: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s; }

img[data-src] { opacity: 0; }

img[data-src][src] { opacity: 1; }

@media screen and (min-width: 48em) { .sticky { position: sticky; top: 10px; } }

.scroll-lock { position: fixed; width: 100%; top: 0; left: 0; height: 100%; overflow-y: scroll !important; z-index: 10; }

.hide, .hidden { opacity: 0 !important; visibility: visible !important; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.show, .visible, .shown { opacity: 1 !important; visibility: visible !important; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s; }

.slow { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }

.green, .green > * { color: #005140; }

.grey, .grey > * { color: #898989; }

.center-content { display: flex; justify-content: center; }

.center-text { text-align: center; }

.loading[type="number"] { color: rgba(32, 32, 32, 0.5); animation: bgLoading 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }

.divider:after { content: ''; position: absolute; left: 0; right: 0; border-bottom: 1px solid #d8d8d8; }

.readable-column { margin-left: auto !important; margin-right: auto !important; max-width: 60em !important; }

select { display: inline-block; font-size: 1rem; line-height: 1.5; font-weight: 500; font-family: sans-serif; font-weight: 500; color: #2c499e; line-height: 1; padding: 0.5em 2em 0.25em 1em; width: auto; vertical-align: top; max-width: 100%; box-sizing: border-box; margin: 0; border: none; border-radius: 100px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #d8d8d8; background-color: #ffffff; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzU1NTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LWRvd248L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PGcgaWQ9IkRlc2t0b3AiPjxwb2x5Z29uIGlkPSJQYXRoIiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMS40MSAwIDYgNC4zMyAxMC41OSAwIDEyIDEuMzMgNiA3IDAgMS4zMyAxLjQxIDAiLz48L2c+PC9nPjwvZz48L3N2Zz4="); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; transition: background 0.15s ease-in-out; }

select:hover { background-color: rgba(44, 73, 158, 0.1); }

select:focus { outline: none; }

select option { font-weight: normal; }

select::-ms-expand { display: none; }

input { font-size: 16px; appearance: none; -webkit-appearance: none; border: 1px solid #d8d8d8; }

input::placeholder { font-weight: 400; }

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"] { border: 1px solid #cccccc; border-radius: 5px; height: 2.5em; line-height: 2em; padding: 0.25em 1em; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; appearance-margin: 0; }

textarea { font-size: 16px; appearance: none; border: 1px solid #d8d8d8; border: 1px solid #cccccc; border-radius: 5px; line-height: 20px; padding: 15px 20px; }

textarea::placeholder { font-weight: 400; }

.fancybox-container { z-index: 999999 !important; }

.fancybox-container .fancybox-toolbar { opacity: 1; visibility: visible; }

.container { margin-left: auto; margin-right: auto; max-width: 106em; }

@media screen and (min-width: 48em) { .container { padding: 0 10px; } }

@media screen and (max-width: 47.9375em) { body { display: grid; grid-template-rows: repeat(4, auto); grid-template-areas: 'usp' 'header' 'content' 'footer'; grid-template-columns: 1fr; } }

@media screen and (min-width: 48em) { body { grid-gap: 10px; } }

body > * { grid-column: 1/12; min-width: 0; }

.grid, [class*="grid-"] { margin: 0 auto; display: grid; grid-gap: 10px; }

.grid > *, [class*="grid-"] > * { grid-column: 1/-1; min-width: 0; }

@media screen and (min-width: 48em) { .grid > .col-1, [class*="grid-"] > .col-1 { grid-column: 1; }
  .grid > .col-2, [class*="grid-"] > .col-2 { grid-column: 2; }
  .grid > .col-3, [class*="grid-"] > .col-3 { grid-column: 3; }
  .grid > .col-4, [class*="grid-"] > .col-4 { grid-column: 4; }
  .grid > .col-5, [class*="grid-"] > .col-5 { grid-column: 5; }
  .grid > .col-6, [class*="grid-"] > .col-6 { grid-column: 6; }
  .grid > .col-7, [class*="grid-"] > .col-7 { grid-column: 7; }
  .grid > .col-8, [class*="grid-"] > .col-8 { grid-column: 8; }
  .grid > .col-9, [class*="grid-"] > .col-9 { grid-column: 9; }
  .grid > .col-10, [class*="grid-"] > .col-10 { grid-column: 10; }
  .grid > .col-11, [class*="grid-"] > .col-11 { grid-column: 11; }
  .grid > .col-12, [class*="grid-"] > .col-12 { grid-column: 12; } }

@media screen and (min-width: 48em) { [class*="grid-"].grid-40-60 { grid-template-columns: 40fr 60fr; }
  [class*="grid-"].grid-50-50 { grid-template-columns: 50fr 50fr; }
  [class*="grid-"].grid-60-40 { grid-template-columns: 60fr 40fr; }
  [class*="grid-"].grid-20-80 { grid-template-columns: 20fr 80fr; }
  [class*="grid-"] > .col-left { grid-column: 1; }
  [class*="grid-"] > .col-right { grid-column: 2; } }

@media screen and (min-width: 48em) { [class*="grid-"] > aside { grid-column: 1; } }

@media screen and (max-width: 47.9375em) { [class*="grid-"] > article { top: 0; border-radius: 5px 5px 0 0; background: #ffffff; z-index: 3; } }

@media screen and (min-width: 48em) { [class*="grid-"] > article { grid-column: 2; } }

@media screen and (min-width: 48em) { [class*="grid-"] > .header-top { display: none; } }

@media screen and (max-width: 47.9375em) { [class*="grid-"] > .header-top { z-index: 2; } }

@media screen and (min-width: 48em) { _:-ms-lang(x) > aside, .grid > aside, [class*="grid-"] > aside { margin-right: 10px; } }

.cookie-policy-details-container { display: none; margin-bottom: 30px; }

.cookie-policy-accept-buttons-container { margin-top: 10px; }

.CookiePolicyText { max-height: 500px; overflow-y: auto; }

.cookie-policy-button { border: none; color: white; padding: 10px 22px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; }

.cookie-policy-accept-all { background-color: #8DC63F; margin: 0 0 0 10px; }

.cookie-policy-accept { background-color: #484848; }

.cookie-policy-details-link-container { padding: 10px 0; }

.cookie-policy-details-link-container a { color: inherit !important; }

.cookie-policy-consents-area { padding: 2px 0; }

.cookie-policy-consents-area input, .cookie-policy-consents-area label { display: inline-block; vertical-align: middle; }

#CookiePolicy { box-shadow: 0 0 10px #ccc; }

#CookiePolicy.fixed-center { position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

#CookiePolicy.fixed-center .CookiePolicyCenterText { position: absolute; background: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 35px; }

.cookie-policy-consents-container { margin-top: 10px; }

.cookie-policy-consents-container label { font-weight: bold; margin-left: 5px; }

.cookie-policy-consents-container input[type='checkbox'] { margin: 0px; }

.rtable { display: flex; flex-wrap: wrap; justify-content: space-between; }

.rtable-cell { box-sizing: border-box; padding: 0.8em 0; padding-right: 5px; overflow: hidden; list-style: none; border-bottom: 1px solid #ececec; font-size: 0.85em; word-break: break-all; }

.rtable-cell > h1, .rtable-cell > h2, .rtable-cell > h3, .rtable-cell > h4, .rtable-cell > h5, .rtable-cell > h6 { margin: 0; }

.rtable-header-cell { background-color: rgba(0, 0, 0, 0.05); font-weight: bold; }

.rtable--4cols > .rtable-cell { max-width: 25%; flex: 1 1 25%; }

#webshop-terms-cookie-details-container .rtable-header-cell { background-color: transparent; }

.cookie-policy-third-party-details-container { margin-top: 10px; font-style: italic; }

:root { background: #ffffff; }

html.full, html.full body { overflow: hidden; }

.main { grid-area: content; margin: auto; width: calc(100% - 10px*4); max-width: 106em; }

@media screen and (max-width: 47.9375em) { .main { width: calc(100% - 10px*2); } }

@media screen and (max-width: 47.9375em) { .main { background: #ffffff; border-radius: 5px 5px 0 0; z-index: 10; margin-top: 60px !important; } }

.content { margin: auto; width: calc(100% - 10px*4); max-width: 106em; }

@media screen and (max-width: 47.9375em) { .content { width: calc(100% - 10px*2); } }

section { padding: 20px 25px; margin-bottom: 10px; max-width: 100vw; z-index: 9; }

section.border { border-bottom: 1px solid #d8d8d8; }

@media screen and (min-width: 48em) and (max-width: 64em) { section { padding: 20px 25px; } }

@media (min-width: 64.0625em) { section { padding: 25px 50px; } }

section.frame h1, section.frame h2, section.frame h3 { margin-top: 1em; }

section.frame.productGlider { position: relative; }

section.frame table, section.frame table * { font-size: 1rem; line-height: 1.5; font-weight: 500; }

@media screen and (max-width: 47.9375em) { section.frame table, section.frame table * { font-size: 1rem; } }

.frame { position: relative; border: 1px solid #d8d8d8; border-radius: 5px; overflow: hidden; }

.read-more { color: #2c499e; font-weight: 500; margin-top: 10px; font-size: 0.875rem; cursor: pointer; }

.read-more:hover { text-decoration: underline; }

.read-more:before { font-family: inherit; }

.vat-status { font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: #005140; font-weight: 500; }

.vat-status span { color: #2c499e; }

.vat-status span:hover { text-decoration: underline; }

.switch { position: relative; display: inline-flex !important; background: #eaeaea; border-radius: 50em; box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

.switch li { position: relative; display: inline-block; height: 28px; min-width: 35px; }

@media screen and (min-width: 48em) { .switch li { width: 60px; } }

.switch li input { position: absolute; z-index: 2; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; border: 0; white-space: nowrap; }

.switch li label { display: flex; justify-content: center; align-items: center; height: 100%; line-height: 28px; text-align: center; border-radius: 50em; font-size: 1rem; position: relative; z-index: 2; cursor: pointer; user-select: none; transition: all 0.3s; }

@media screen and (max-width: 47.9375em) { .switch li label { font-size: 0.75rem; } }

.switch li label[for="view-grid"]::before { content: "\ea18"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.switch li label[for="view-list"]::before { content: "\ea17"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.switch li label:before { margin: 0 !important; }

.switch input:focus ~ .switch li label { background-color: #efefef; }

.switch li .switch-marker { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffffff; border: 1px solid #d8d8d8; border-radius: 50em; transition: transform 0.3s; }

.switch li input:checked ~ .switch-marker, html[data-switch-view-switch="view-list"] .switch li .switch-marker { transform: translateX(100%); }

.switch li input:not(:checked) + label:before { color: #2c499e; }

.fixed-bottom { position: fixed; bottom: 0; top: auto; }

.fixed-top { position: fixed; bottom: auto; top: 0; }

.fixed-right { position: fixed; right: 0; left: auto; }

.fixed-left { position: fixed; right: auto; left: 0; }

@media screen and (max-width: 47.9375em) { .menu-button { display: flex; justify-content: center; align-items: center; }
  .bar { height: 2px; width: 80%; display: block; margin: 0; position: relative; background-color: #000; position: absolute; right: 0; border-radius: 100px 0 0 100px; }
  .bar:nth-of-type(1) { top: 9px; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }
  .bar:nth-of-type(2) { top: 15px; transition: ease 0.3s 0.3s; width: 100%; }
  .bar:nth-of-type(3) { top: 21px; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }
  .menu { height: 32px; width: 25px; position: relative; margin: 0; cursor: pointer; display: inline-flex; border-radius: 100%; transition: 0.3s; cursor: pointer; }
  html.menu-open .menu { transform: rotate(45deg); transition: transform 0.3s ease 0.5s; }
  html.menu-open .menu .bar:nth-of-type(2) { opacity: 0; }
  html.menu-open .menu .bar:nth-of-type(3) { top: 15px; transform: rotate(90deg); transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.7s; }
  html.menu-open .menu .bar:nth-of-type(1) { top: 15px; transform: rotate(0deg); transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s; } }

#header-usp { grid-area: usp; display: flex; justify-content: flex-end; margin-right: 30px; }

@media screen and (max-width: 47.9375em) { #header-usp { display: none; } }

#header-usp > div > a { display: inline-flex; padding: 0; padding-left: 30px; color: #202020; font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

#header-usp > div > a[href*="b2blogin.html?Logout=1"] { display: none; color: red; font-weight: 600; }

header#header { width: 100%; max-width: 100vw; z-index: 99999; position: relative; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); border-bottom: 1px solid #d8d8d8; }

html.full header#header { opacity: 0; visibility: hidden; }

header#header .nav-input, header#header .nav-input + label { display: none; }

header#header .nav-tab { width: 100%; max-width: 100vw; position: relative; }

@media screen and (min-width: 48em) and (max-width: 64em) { header#header .nav-tab { text-transform: capitalize; }
  header#header .nav-tab > a > span { display: none; } }

@media screen and (min-width: 48em) { header#header { grid-area: header; border-radius: 5px; } }

@media screen and (max-width: 47.9375em) { header#header { grid-area: header; display: block; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background: #ffffff; }
  header#header .header-top { grid-area: header; display: grid; grid-template-columns: 1fr 1fr 3fr 1fr 1fr; grid-template-rows: 60px; grid-template-areas: 'menu search logo login favorites'; }
  html.b2b header#header .header-top { grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr; grid-template-areas: 'menu search logo login favorites basket'; }
  header#header .header-top:before, header#header .header-top:after { content: ''; display: block; position: absolute; bottom: 100%; width: 4px; height: 4px; }
  header#header .header-top:before { left: 0; background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 4px, #000000 4px); }
  header#header .header-top:after { right: 0; background-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 4px, #000000 4px); }
  header#header .nav-input { display: inline-block; opacity: 0; position: absolute; }
  header#header .nav-input + label { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; color: #202020; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; }
  header#header .nav-input + label:before { display: block; width: 100%; text-align: center; margin: auto; font-size: 20px; } }

@media screen and (max-width: 47.9375em) and (max-width: 47.9375em) { header#header .nav-input + label:before { margin: 5px auto; } }

@media screen and (max-width: 47.9375em) { header#header .nav-input + label:after { display: block; width: 100%; text-align: center; }
  header#header .nav-input + label + .nav-tab { position: fixed; top: 100%; left: 0; right: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: hidden; perspective: 1000px; opacity: 0; z-index: 1; background: rgba(0, 0, 0, 0.3); transform: translate3d(0, 0, 0); transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out 0s, visibility 0s 0.5s, top 0s 0.5s; will-change: transform, opacity, visibility; }
  header#header .nav-input + label + .nav-tab:after { content: ''; display: block; background: #ffffff; background: transparent; width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: -1; border-radius: 5px; }
  header#header .nav-input + label + .nav-tab > * { border-radius: 5px; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; transform: scale3d(0.9, 0.9, 1) rotateX(-25deg); transition: transform 0.5s ease-in-out; transform-origin: 50% 0%; will-change: transform; }
  header#header .nav-input + label + .nav-tab::before { content: "\ea0c"; display: inline-block; font: normal normal normal 25px/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  header#header .nav-input + label + .nav-tab:before { display: inline-flex; justify-content: center; align-items: center; margin: auto; color: #ffffff; position: absolute; top: 0; right: 0; height: 50px; width: 50px; }
  header#header .nav-input:checked + label + .nav-tab { top: 60px; padding-bottom: 100px; visibility: visible; opacity: 1; z-index: 99; transform: translate3d(0, 0, 0); transition: transform 0.15s ease-in-out, opacity 0.25s ease-in-out, visibility 0s, top 0s; }
  header#header .nav-input:checked + label + .nav-tab > * { transform: scale3d(1, 1, 1) rotateX(0deg); transition: transform 0.15s ease-in-out; } }

.header-top { background: #ffffff; box-sizing: content-box; }

@media screen and (max-width: 47.9375em) { .header-top { z-index: 9; }
  .header-top .tab-heading, .header-top h1 { font-size: 1.5rem; height: 100px; padding: 0 25px; background: #ffffff; margin: 0; font-weight: 600; display: flex; align-items: center; flex-direction: row; }
  .header-top .tab-heading + div, .header-top h1 + div { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } }

@media screen and (min-width: 48em) { .header-top { margin: 0 auto; display: grid; grid-gap: 10px; grid-gap: 0; grid-area: header; grid-template-columns: auto 3fr auto auto 0; grid-template-rows: 40px 90px 70px; grid-template-areas: 'logo usp usp usp usp' 'logo search login favorites basket' 'menu menu menu menu menu'; border-radius: 5px 5px 0 0; }
  .header-top > * { grid-column: 1/-1; min-width: 0; }
  html.b2b .header-top { grid-template-columns: auto 3fr auto auto auto; } }

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 64em) { .header-top { grid-template-columns: 5fr 8fr 4fr 3fr; } }

.header-top > div { height: 100%; display: flex; justify-content: flex-start; align-items: center; background: #ffffff; }

@media screen and (max-width: 47.9375em) { .header-top > div { justify-content: center; align-items: center; position: relative; } }

@media screen and (max-width: 47.9375em) { .header-top > .header-logo { z-index: 999; grid-area: logo; align-items: center; } }

@media screen and (min-width: 48em) { .header-top > .header-logo { grid-area: logo; margin-left: 30px; } }

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 64em) { .header-top > .header-logo { margin-left: 25px; } }

.header-top > .header-logo a { display: inline-flex; justify-content: center; align-items: center; width: 100%; max-width: 80%; height: 100%; }

@media screen and (max-width: 47.9375em) { .header-top > .header-logo a { align-items: flex-start; } }

.header-top > .header-logo img { width: 100%; max-width: 200px; max-height: 80%; }

@media screen and (max-width: 47.9375em) { .header-top > .header-logo img { max-height: 120%; } }

.header-top > #header-menu { position: sticky; top: 0; grid-row: 3; grid-column: menu; }

@media screen and (min-width: 48em) { .header-top > #header-menu { border-top: 1px solid #d8d8d8; z-index: 1000; background: #ffffff; } }

@media screen and (max-width: 47.9375em) { .header-top > #header-menu { grid-area: menu; height: 100%; width: 100%; }
  .header-top > #header-menu > label::before { content: "\ea1e"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header-top > #header-menu > label:after { content: 'Menu'; } }

.header-top > #header-search { grid-area: search; align-items: center; justify-content: center; }

@media screen and (max-width: 47.9375em) { .header-top > #header-search > label::before { content: "\ea03"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header-top > #header-search > label:after { content: 'Søg'; } }

@media screen and (max-width: 47.9375em) { .header-top > #header-search { grid-area: search; } }

@media screen and (max-width: 47.9375em) { .header-top > #header-search > .nav-tab { padding-top: 20px; }
  .header-top > #header-search > .nav-tab:before { display: none !important; } }

@media screen and (min-width: 48em) { .header-top > #header-search > .nav-tab { max-width: 35vw; } }

.header-top > #header-search form { width: 100%; position: relative; }

@media screen and (min-width: 48em) { .header-top > #header-search form { height: 100%; } }

.header-top > #header-search input { width: 100%; height: 50px; outline: none; background: #ffffff; border: 1px solid #d8d8d8; border-radius: 1000px; padding: 0 2rem; padding-left: 3rem; text-align: center; font-size: 1.25rem; line-height: 1.25; font-weight: 600; color: #555555; font-weight: 600; }

.header-top > #header-search input::placeholder { color: rgba(32, 32, 32, 0.5); font-weight: 400; }

@media screen and (max-width: 47.9375em) { .header-top > #header-search input { width: calc(100% - 20px); font-size: 24px; margin: 0 10px; background-color: #ffffff; } }

.header-top > #header-search button { color: #898989; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 50px; }

.header-top > #header-search button::before { content: "\ea03"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header-top > #header-search button:before { margin-right: 0; margin-bottom: 0; font-size: 1.5rem; }

@media screen and (max-width: 47.9375em) { .header-top > #header-search button:before { margin: 0; } }

@media screen and (max-width: 47.9375em) { .header-top > #header-search button { width: 75px; } }

.header-top > #header-login { grid-area: login; }

.header-top > #header-login .navB2B { color: #2c499e; margin-right: 3vw; margin-left: 3vw; font-size: 1.25rem; }

.header-top > #header-login .navB2B::before { content: "\ea04"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 47.9375em) { .header-top > #header-login .navB2B { display: none; } }

@media screen and (max-width: 47.9375em) { html.b2b .header-top > #header-login .nav-tab { display: none !important; } }

@media screen and (min-width: 48em) { .header-top > #header-login:hover #loginBox, .header-top > #header-login.open #loginBox { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } }

.header-top > #header-login #loginBox { background: #ffffff; padding: 30px 40px; box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.2); z-index: 1001; }

html.b2b .header-top > #header-login #loginBox { display: none; }

@media screen and (min-width: 48em) { .header-top > #header-login #loginBox { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); position: absolute; top: 100%; right: 0; width: 400px; margin-top: 10px; border-radius: 5px; } }

.header-top > #header-login #loginBox:after { content: ''; display: block; position: absolute; bottom: 100%; right: 0; height: 10px; width: 100%; }

.header-top > #header-login #loginBox:before { content: ''; display: block; position: absolute; right: 100px; top: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #fff; margin: -10px 0 0 auto; box-shadow: 0px 0px 40px -10px; }

.header-top > #header-login #loginBox p { font-weight: 600; font-size: 1.125rem; margin: 0 0 1em; }

.header-top > #header-login #loginBox label { font-size: 0.75rem; line-height: 1.5; font-weight: 400; color: #555555; padding-top: 0.75em; display: block; }

.header-top > #header-login #loginBox .link { padding-top: 0.75em; }

.header-top > #header-login #loginBox .forgot-password { color: #2c499e; font-size: 0.875rem; line-height: 1.5; font-weight: 400; font-weight: 600; }

.header-top > #header-login #loginBox input:not([type="submit"]) { display: block; width: 100%; background: #efefef; border: none; }

.header-top > #header-login #loginBox input[type="submit"] { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; font-size: 1.25rem; margin: auto; margin-top: 20px; }

.header-top > #header-login #loginBox input[type="submit"]:hover { background: #26408a; color: #ffffff; }

@media screen and (max-width: 47.9375em) { .header-top > #header-login > label::before { content: "\ea04"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header-top > #header-login > label:before { color: #2c499e; }
  .header-top > #header-login > label:after { color: #2c499e; content: 'Log ind'; }
  html.b2b .header-top > #header-login > label:after { content: 'Konto'; } }

.header-top > #header-favorites { grid-area: favorites; }

@media screen and (max-width: 47.9375em) { .header-top > #header-favorites > label { color: #d56a3a !important; }
  .header-top > #header-favorites > label::before { content: "\ea07"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header-top > #header-favorites > label:after { content: 'Gemte'; }
  .header-top > #header-favorites .nav-tab { display: none !important; } }

.header-top > #header-favorites #navFavorites { color: #d56a3a; margin-right: 3vw; font-size: 1.25rem; }

.header-top > #header-favorites #navFavorites::before { content: "\ea0a"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header-top > #header-basket { grid-area: basket; }

@media screen and (max-width: 47.9375em) { .header-top > #header-basket > label::before { content: "\ea02"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header-top > #header-basket > label:after { content: 'Kurv'; } }

@media screen and (min-width: 48em) { .header-top > #header-basket { justify-content: flex-end; margin-right: 30px; } }

.header-top > #header-basket #basket-container span.basket-heading, .header-top > #header-basket label[for="nav-basket"] span.basket-heading { font-weight: 600; margin-right: 1em; }

.header-top > #header-basket #basket-container span.basket-totalprice, .header-top > #header-basket label[for="nav-basket"] span.basket-totalprice { font-weight: 400; }

@media screen and (min-width: 48em) { .header-top > #header-basket #basket-container, .header-top > #header-basket label[for="nav-basket"] { display: inline-block; position: relative; float: right; background: #005140; border-radius: 1000px; color: #ffffff; font-size: 1.25rem; line-height: 50px; padding: 0 20px; }
  .header-top > #header-basket #basket-container::before, .header-top > #header-basket label[for="nav-basket"]::before { content: "\ea02"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } }

@media screen and (max-width: 47.9375em) { .header-top > #header-basket #basket-container, .header-top > #header-basket label[for="nav-basket"] { color: #005140; }
  .header-top > #header-basket #basket-container > span:not(.basket-count), .header-top > #header-basket label[for="nav-basket"] > span:not(.basket-count) { display: none; }
  .header-top > #header-basket #basket-container.wiggle-it .basket-count, .header-top > #header-basket label[for="nav-basket"].wiggle-it .basket-count { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } }

@media screen and (min-width: 48em) and (max-width: 64em) { .header-top > #header-basket #basket-container .basket-count, .header-top > #header-basket label[for="nav-basket"] .basket-count { display: block; } }

.header-top > #header-basket span.basket-count { font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: #005140; background: #ffffff; line-height: 1rem; font-size: 1rem; vertical-align: middle; border-radius: 1000px; overflow: hidden; padding: 0.25em 0.5em; top: -0.5rem; right: -1em; position: absolute; }

@media screen and (max-width: 47.9375em) { .header-top > #header-basket span.basket-count { right: 22%; top: 7%; border-radius: 100px; font-size: 0.6875rem; line-height: 1.5; font-weight: 400; padding: 0.25em 0.5em; line-height: 1em; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); } }

footer { grid-area: footer; padding-top: 40px; padding-bottom: 80px; background: #ffffff; border-top: 1px solid #d8d8d8; font-weight: 400; }

@media screen and (max-width: 47.9375em) { footer { padding: 10px; } }

@media screen and (min-width: 48em) { footer .footer-grid { margin: 0 auto; display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(200px, auto)); } }

footer .WebShopSkinLogo { width: 85px; }

footer .footer-contact-info { line-height: 2; }

footer .footer-contact-info .h4 { margin-top: 0.25em; margin-bottom: 0.25em; }

footer .footer-contact-info a[href*="mailto:"] { font-weight: 400; }

footer .footer-certificates a { display: inline-block; }

footer .footer-certificates img { display: inline-block; max-height: 100px; max-width: 100px; margin-right: 1em; }

footer a { display: block; margin-bottom: 1em; }

footer a:hover { color: #2c499e; }

footer a[href*="tel:"] { display: inline-block; margin: 0; }

footer a[href*="mailto:"] { color: #2c499e; font-weight: 600; margin: 0; }

footer a[href*="mailto:"]:hover { text-decoration: underline; }

footer .h4 { margin-bottom: 1em; }

footer .font-h2 { font-weight: 600; }

footer table th { text-align: left; padding-right: 1em; }

footer table td { text-align: right; }

.Heading_Productmenu, .Heading_Productmenu:before, .Heading_Productmenu:after, #ActiveCategory_A, #ActiveCategory_A:before, #ActiveCategory_A:after { display: none !important; }

#ProductmenuContainer_DIV { width: 100%; }

@media screen and (min-width: 48em) { #ProductmenuContainer_DIV { height: 70px; } }

@media screen and (max-width: 47.9375em) { #ProductmenuContainer_DIV { background: #ffffff; } }

#ProductmenuContainer_DIV a > span { font-weight: inherit !important; display: inline-block; }

#ProductMenu_List { border-radius: 0 0 5px 5px; margin: auto; display: flex; }

@media screen and (min-width: 48em) { #ProductMenu_List { justify-content: center; margin: auto; width: calc(100% - 10px*4); max-width: 106em; } }

@media screen and (min-width: 48em) and (max-width: 47.9375em) { #ProductMenu_List { width: calc(100% - 10px*2); } }

@media screen and (min-width: 48em) and (max-width: 64em) { #ProductMenu_List { justify-content: space-around; }
  #ProductMenu_List .RootCategory_Productmenu { flex-grow: 1; } }

@media screen and (max-width: 47.9375em) { #ProductMenu_List { flex-direction: column; height: 100%; } }

.menu-links { display: none; }

@media screen and (max-width: 47.9375em) { .menu-links { background: #ffffff; padding: 30px 0 0 25px; margin: -10px auto 0; padding-bottom: 25px; display: flex; flex-direction: column; }
  .menu-links a { font-size: 1rem; line-height: 1.5; font-weight: 500; color: rgba(32, 32, 32, 0.5); font-weight: 600; padding: 0.5rem 0; } }

@media screen and (max-width: 47.9375em) { #ProductMenu_List:before { content: 'Menu'; font-size: 1.5rem; line-height: 1.25; font-weight: 600; color: #2c499e; padding: 1rem 0 1rem 25px; position: absolute; display: block; top: 30px; }
  #ProductMenu_List a { font-size: 1rem; line-height: 1.5; font-weight: 500; font-weight: 600; color: #202020; padding-left: 25px; line-height: 1.1; padding: 1rem 0; display: block; float: left; outline: none; -webkit-tap-highlight-color: rgba(32, 32, 32, 0.2); }
  #ProductMenu_List .RootCategory_Productmenu { display: none; padding-left: 25px; }
  #ProductMenu_List .RootCategory_Productmenu.open-parent { display: block; }
  #ProductMenu_List .RootCategory_Productmenu > ul { padding-left: 25px; }
  #ProductMenu_List .RootCategory_Productmenu > a, #ProductMenu_List .RootCategory_Productmenu .open-parent > a { font-size: 1.25rem; line-height: 1.25; font-weight: 600; padding: 0.5rem 0; margin: 0.5rem 0; }
  #ProductMenu_List.animate { padding: 20px 0 0 0; margin-top: 100px; }
  #ProductMenu_List.animate > li { display: block; }
  #ProductMenu_List .SubCategory1_Productmenu > a { font-size: 1.25rem; line-height: 1.25; font-weight: 600; padding: 0.5rem 0; margin: 0.5rem 0; }
  #ProductMenu_List ul:not(.open) { padding: 0; align-items: center; justify-content: center; border-radius: 100px 0 0 100px; width: 60px; height: 40px; margin: 5px 0; float: right; background: rgba(44, 73, 158, 0.1); }
  #ProductMenu_List ul:not(.open)::before { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List ul:not(.open):before { color: #2c499e; margin: 0; font-size: 24px; }
  #ProductMenu_List ul:not(.open) > li, #ProductMenu_List ul:not(.open) > li * { visibility: hidden; opacity: 0; height: 0; width: 0; margin: 0; padding: 0; font-size: 0; }
  #ProductMenu_List ul { display: flex; margin-top: 100px; }
  #ProductMenu_List ul.open { position: relative; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; flex-direction: column; padding-top: 20px; }
  #ProductMenu_List ul.open .open-parent { margin-top: -100px; }
  #ProductMenu_List.open-parent, #ProductMenu_List .open-parent { position: relative; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; padding-left: 0; }
  #ProductMenu_List.open-parent > a, #ProductMenu_List .open-parent > a { position: absolute; top: 30px; color: #2c499e; padding-left: 35px; font-size: 1.5rem; line-height: 1.25; font-weight: 600; }
  #ProductMenu_List.open-parent > a::before, #ProductMenu_List .open-parent > a::before { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List.open-parent > a:before, #ProductMenu_List .open-parent > a:before { font-size: 30px; transform-origin: 50% 50%; margin: 0; }
  #ProductMenu_List.open-grand-parent > a, #ProductMenu_List .open-grand-parent > a { font-size: 0.6875rem; line-height: 1.5; font-weight: 400; color: rgba(32, 32, 32, 0.5); top: 20px; padding: 0; left: 65px; pointer-events: none; }
  #ProductMenu_List.open-grand-parent > a:before, #ProductMenu_List .open-grand-parent > a:before { display: none; }
  #ProductMenu_List.open-grand-parent > a::after, #ProductMenu_List .open-grand-parent > a::after { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List.open-grand-parent > a + ul.open, #ProductMenu_List .open-grand-parent > a + ul.open { overflow: visible; }
  #ProductMenu_List.open-grand-parent > a + ul.open > li:not(.open-parent), #ProductMenu_List .open-grand-parent > a + ul.open > li:not(.open-parent) { display: none; }
  #ProductMenu_List.open-grand-parent > a + ul.open > .open-parent, #ProductMenu_List .open-grand-parent > a + ul.open > .open-parent { margin-top: -60px; }
  #ProductMenu_List.open-grand-parent > a + ul.open > .open-parent > .open, #ProductMenu_List .open-grand-parent > a + ul.open > .open-parent > .open { margin-top: 40px; }
  #ProductMenu_List.open-grand-parent > a + ul.open > .open-parent > .open a, #ProductMenu_List .open-grand-parent > a + ul.open > .open-parent > .open a { font-size: 1.125rem; line-height: 1.5; font-weight: 600; font-weight: 600; padding: 0.5rem 0; }
  #ProductMenu_List.open-grand-parent .open-parent > a, #ProductMenu_List .open-grand-parent .open-parent > a { font-size: 1.5rem; line-height: 1.25; font-weight: 600; top: -30px; padding-left: 10px; }
  #ProductMenu_List li.active:not(.open-parent) > a { background: rgba(44, 73, 158, 0.1); border-radius: 100px; position: relative; left: -0.75rem; padding-left: 0.75em !important; padding-right: 1em !important; color: #2c499e; }
  #ProductMenu_List li.active:not(.open-parent) > a::before { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List li.active:not(.open-parent) > a:before { margin-bottom: 0; } }

@media screen and (max-width: 1400px) { #ProductMenu_List { justify-content: space-evenly; } }

@media screen and (min-width: 48em) { #ProductMenu_List .RootCategory_Productmenu { text-align: center; flex-grow: 1; }
  #ProductMenu_List .RootCategory_Productmenu > a { display: none; transition: border 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
  #ProductMenu_List .RootCategory_Productmenu > a:last-of-type { display: block; font-size: 1.25rem; font-weight: 600; white-space: nowrap; padding: 0; position: relative; margin-bottom: -1px; border: 1px solid transparent; border-top: none; border-bottom: none; } }

@media screen and (min-width: 48em) and (min-width: 48em) and (max-width: 64em) { #ProductMenu_List .RootCategory_Productmenu > a:last-of-type { font-size: 0.875rem; } }

@media screen and (min-width: 48em) { #ProductMenu_List .RootCategory_Productmenu:hover > a { color: #2c499e; border-color: #d8d8d8; z-index: 2; }
  #ProductMenu_List .RootCategory_Productmenu.has-dropdown > a::before { content: "\ea11"; display: inline-block; font: normal normal normal 1rem/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List .RootCategory_Productmenu.has-dropdown > a:before { margin-right: 1rem; color: #cccccc; transition: transform 0.5s ease-out; }
  #ProductMenu_List .RootCategory_Productmenu.has-dropdown:hover > a { background: #ffffff; }
  #ProductMenu_List .RootCategory_Productmenu.has-dropdown:hover > a:before { transform: translate3d(0, 5px, 0); }
  #ProductMenu_List .RootCategory_Productmenu a { line-height: 70px; color: #202020; user-select: none; }
  #ProductMenu_List .RootCategory_Productmenu a:hover { color: #2c499e; }
  #ProductMenu_List .RootCategory_Productmenu > ul { border: 1px solid #d8d8d8; border-top: none; margin: auto; width: calc(100% - 10px*4); max-width: 106em; position: absolute; width: 100%; left: 0; right: 0; z-index: -1; padding: 40px 5% 40px 5%; border-top: 1px solid #d8d8d8; border-radius: 0 0 10px 10px; background-color: #ffffff; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 20px; } }

@media screen and (min-width: 48em) and (max-width: 47.9375em) { #ProductMenu_List .RootCategory_Productmenu > ul { width: calc(100% - 10px*2); } }

@media screen and (min-width: 48em) { #ProductMenu_List .RootCategory_Productmenu > ul > li { display: inline-block; vertical-align: top; padding-bottom: 20px; white-space: normal; text-align: left; width: auto; padding-bottom: 0; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li > a { display: block; font-size: 1.25rem; line-height: 1.25; font-weight: 600; background: rgba(255, 255, 255, 0.1); border-radius: 3px; padding: 0; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown { display: inline-block; display: block; padding-bottom: 1em; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > a { padding-bottom: 0.25em; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul { display: inline-block; white-space: nowrap; margin-left: -1rem; font-size: 1rem; line-height: 1.5; font-weight: 500; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul ul { display: none; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li > a { display: inline-block; line-height: 1; border-radius: 100px; padding: 0.5em 1.5em 0.5em 0.75em; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li > a::before { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li > a:before { vertical-align: top; margin-top: -0.125em; opacity: 0; margin-bottom: 0; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li:hover > a:before, #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li.active > a:before { opacity: 1; transition: opacity 0.05s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
  #ProductMenu_List .RootCategory_Productmenu > ul > li.has-dropdown > ul > li.active > a { background: #202020; font-weight: 600; color: #ffffff; } }

@media screen and (min-width: 48em) { #ProductMenu_List .RootCategory_Productmenu > ul { position: fixed; left: 100%; visibility: hidden; opacity: 0; transition: left 0s 0s, visibility 0s 0s, opacity 0s; }
  #ProductMenu_List .RootCategory_Productmenu:hover { z-index: 10; }
  #ProductMenu_List .RootCategory_Productmenu:hover > ul { position: absolute; visibility: visible; opacity: 1; transition: visibility 0s 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  #ProductMenu_List:hover .RootCategory_Productmenu > ul { left: 0; opacity: 1; transition: left 0s 0.2s, visibility 0s 0s, opacity 0.2s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } }

@media screen and (max-width: 47.9375em) { li.open-parent:not(.open-grand-parent) > a:before { animation: fadeLeftRotate 0.75s cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; }
  li.open-grand-parent > a { animation: fadeIn 0.75s cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; }
  ul.animate > li { animation: fadeLeft 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; }
  ul.animate > li:nth-child(1) { animation-delay: 0.05s; }
  ul.animate > li:nth-child(2) { animation-delay: 0.1s; }
  ul.animate > li:nth-child(3) { animation-delay: 0.15s; }
  ul.animate > li:nth-child(4) { animation-delay: 0.2s; }
  ul.animate > li:nth-child(5) { animation-delay: 0.25s; }
  ul.animate > li:nth-child(6) { animation-delay: 0.3s; }
  ul.animate > li:nth-child(7) { animation-delay: 0.35s; }
  ul.animate > li:nth-child(8) { animation-delay: 0.4s; }
  ul.animate > li:nth-child(9) { animation-delay: 0.45s; }
  ul.animate > li:nth-child(10) { animation-delay: 0.5s; }
  ul.animate > li:nth-child(11) { animation-delay: 0.55s; }
  ul.animate > li:nth-child(12) { animation-delay: 0.6s; }
  ul.animate > li:nth-child(13) { animation-delay: 0.65s; }
  ul.animate > li:nth-child(14) { animation-delay: 0.7s; }
  ul.animate > li:nth-child(15) { animation-delay: 0.75s; } }

@-webkit-keyframes fadeLeft { 0% { transform: translate3d(25px, 0, 0);
    opacity: 0; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeLeftRotate { 0% { transform: translate3d(25px, 0, 0) rotate(220deg);
    opacity: 0; }
  100% { transform: translate3d(-15px, 0, 0) rotate(180deg);
    opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.breadcrumbs, .SubCats_BreadCrumb { display: block; text-transform: none; font-size: 1rem; line-height: 1.5; font-weight: 500; line-height: 2em; margin: 1rem 0 0.5rem; color: #202020; }

@media screen and (max-width: 47.9375em) { .breadcrumbs, .SubCats_BreadCrumb { font-size: 0.75rem; line-height: 1.5; font-weight: 400; } }

.breadcrumbs a, .SubCats_BreadCrumb a { padding: 0 1em; }

.breadcrumbs a[href*="frontpage"], .breadcrumbs a[href="#"], .SubCats_BreadCrumb a[href*="frontpage"], .SubCats_BreadCrumb a[href="#"] { padding-left: 0; }

.breadcrumbs a:hover, .SubCats_BreadCrumb a:hover { color: #2c499e; }

.breadcrumbs br, .SubCats_BreadCrumb br { display: none; }

.webshop-cmspage h1:before, .webshop-terms h1:before, .webshop-checkout h1:before, .webshop-favorites h1:before, .webshop-customercenter .Heading_Customer:before, .webshop-b2blogin .Heading_B2Blogin:before, .webshop-orderstep4 .Heading_Order4:before { display: block; text-transform: none; margin: 1rem 0 0.5rem; font-size: 1rem; line-height: 1.5; font-weight: 500; line-height: 2em; text-transform: none; color: #202020; }

.glider-contain { width: 100%; margin: 0 auto; position: relative; }

.glider { margin: 0 auto; width: 100%; position: relative; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; will-change: transform; }

.glider.draggable { user-select: none; cursor: grab; }

.glider.draggable .glider-slide img { user-select: none; pointer-events: none; }

.glider::-webkit-scrollbar { opacity: 0; height: 0; }

.glider.drag { cursor: grabbing; }

.glider.show-arrows ~ .glider-prev, .glider.show-arrows ~ .glider-next { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.glider::-webkit-scrollbar-thumb { opacity: 1; border-radius: 99px; background-color: rgba(156, 156, 156, 0.25); box-shadow: 0 0 1px rgba(255, 255, 255, 0.25); }

.glider-track { will-change: transform; width: 100%; margin: 0; padding: 0; display: flex; z-index: 1; }

.glider-dots { user-select: none; display: flex; display-justify-content: center; }

.glider-dot:hover, .glider-dot:focus, .glider-dot.active { background: #898989; }

.glider-slide { user-select: none; justify-content: center; align-content: center; width: 100%; min-width: 120px; }

@media (min-width: 64.0625em) { .glider-slide { min-width: 280px; } }

.glider-slide img { max-width: 100%; }

.glider-prev, .glider-next { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; position: absolute; outline: none; background: none; padding: 0; z-index: 2; font-size: 40px; text-decoration: none; border: 0; cursor: pointer; color: #d8d8d8; opacity: 1; line-height: 1; transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67); }

@media screen and (min-width: 48em) { .glider-prev, .glider-next { left: 0; } }

@media screen and (max-width: 47.9375em) { .glider-prev, .glider-next { left: 10px; } }

.glider-next { left: auto; }

@media screen and (min-width: 48em) { .glider-next { right: 0; } }

@media screen and (max-width: 47.9375em) { .glider-next { right: 10px; } }

.glider-next.disabled, .glider-prev.disabled { opacity: .25; color: #efefef; cursor: default; }

@media (max-width: 36em) { .glider::-webkit-scrollbar { opacity: 1; -webkit-appearance: none; width: 7px; height: 3px; } }

.glider-dot { background: none; border: 0; padding: 0; user-select: none; outline: none; display: block; cursor: pointer; color: #ccc; border-radius: 999px; background: #ccc; width: 12px; height: 12px; margin: 7px; }

.glider-contain { width: 100%; margin: 0 auto; position: relative; }

.glider-hide { opacity: 0; }

.glider-prev:hover, .glider-next:hover { color: #898989; }

.productGlider { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100% !important; padding: 0 !important; opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 47.9375em) { .productGlider:not(.productlist) { margin-left: -10px; margin-right: -10px; width: calc(100% + 10px*2) !important; } }

@media screen and (min-width: 48em) { .productGlider:not(.productlist) { margin-left: -20px; margin-right: -20px; width: calc(100% + 10px*4) !important; } }

.productGlider:hover { z-index: 10; }

.productGlider.loaded { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (min-width: 64.0625em) { html.b2b .productGlider .glider { margin-bottom: -100px; } }

@media screen and (max-width: 47.9375em) { html.b2b .productGlider .glider .glider-track { margin-bottom: -100px; } }

@media screen and (min-width: 48em) { .productGlider .glider { padding: 0 10px; } }

.productGlider .glider-prev.disabled, .productGlider .glider-next.disabled { opacity: 0.1; }

.productTile { position: relative; text-align: center; z-index: -1; margin-bottom: 20px; padding: 20px 0; transition: z-index 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

html.b2b .productTile[data-noprice="False"]:not(.glider-slide) { margin-bottom: -100px; }

.productTile[data-noprice="False"] #retail-price-block, .productTile[data-hasvariants="True"] #retail-price-block { display: none; }

.productTile[data-noprice="False"] .price-text.sales-price, .productTile[data-hasvariants="True"] .price-text.sales-price { display: none; }

.productTile[data-hasvariants="True"]:not(.show-buyControl)[data-noprice="False"] .buyControl { display: none; }

.productTile[data-hasvariants="True"]:not(.show-buyControl)[data-noprice="True"] #sales-price-template { display: none; }

.productTile[data-hasvariants="True"]:not(.show-buyControl)[data-noprice="True"] #retail-price-block { display: block; }

.productTile[data-hasvariants="True"]:not(.show-buyControl)[data-showretailprice="False"] #retail-price-block { display: none; }

.productTile .labels .label { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels .label { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.productTile .labels .label.specialOfferBadge, .productTile .labels .label.newsBadge { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.productTile:after { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; display: block; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #ffffff; border-radius: 5px; overflow: hidden; }

.productTile .buyControl { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (min-width: 64.0625em) { .productTile:hover { z-index: 2; }
  .productTile:hover .buyControl { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .productTile:hover:after { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } }

.glider .productTile { margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; }

.glider .productTile .productImage img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; }

.productTile a { display: block; width: 100%; }

.productTile .price { text-align: center; display: flex !important; flex-wrap: wrap; justify-content: space-around; align-items: center; }

@media screen and (min-width: 48em) { [data-switch-view-switch="view-list"] #Content_Productlist .productTile .price .price-block { padding-right: 40px; } }

.productTile .price .price-block > * { width: 100%; display: inline-block; white-space: nowrap; max-width: 100%; }

.productTile .price .price-block > .price-text.retail-price { white-space: normal; }

.productTile .price .price-block > .price-text.retail-price span { white-space: nowrap; }

.productTile .price .price-text { font-size: 0.875rem; line-height: 1.5; font-weight: 400; margin: 1em 0 0.25em; }

.productTile .price .price-value { font-weight: 600; font-size: 1.5rem; display: block; line-height: 1; }

[data-switch-view-switch="view-list"] .productTile .price .price-value { display: inline-block; vertical-align: middle; }

.productTile .price .price-before { font-weight: 400; font-size: 0.6875rem; margin-right: 0.5em; text-decoration: line-through; }

.productTile .price .price-before + .sales-price { background: red; border-radius: 5px; overflow: hidden; color: #ffffff; line-height: 1; padding: 5px 5px 2.5px; }

.productTile .price .price-unit { font-size: 0.75rem; line-height: 1.5; font-weight: 400; line-height: 1; }

.productTile .productImage { border-radius: 5px; overflow: hidden; position: relative; display: flex; justify-content: center; align-content: center; height: 0; padding-bottom: 75%; padding-bottom: 100%; }

@media screen and (max-width: 47.9375em) { .productTile .productImage .imageWrapper { padding: 0 10px; } }

.productTile .productImage .imageWrapper, .productTile .productImage .imageWrapper > a { width: 100%; height: 100%; display: flex; position: absolute; top: 0; bottom: 0; }

.productTile .productImage img { border-radius: 5px; overflow: hidden; z-index: 1; max-height: 100%; max-width: 100%; margin: auto; transition: transform 0.15s ease-in-out, opacity 0.5s ease-in-out, visibility 0s; }

.productTile .productInfo { margin: auto; margin-top: 20px; margin-bottom: 10px; font-size: 0.75rem; font-weight: 600; width: 90%; font-size: 1rem; line-height: 1.5; font-weight: 500; line-height: 1.2; }

@media screen and (max-width: 47.9375em) { .productTile .productInfo { font-size: 0.875rem; line-height: 1.5; font-weight: 400; font-weight: 600; margin-top: 10px; line-height: 1.2; } }

.productTile .productInfo .productName { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

@media screen and (min-width: 48em) { [data-switch-view-switch="view-grid"] .productGlider .productTile .productInfo .productName { line-height: 1.2; height: 2.4em; } }

.productTile .productInfo .price { display: block; }

.productTile .productInfo select { max-width: fit-content; }

html[data-switch-view-switch="view-grid"] .productTile .productInfo select { margin-top: 1em; }

.productTile .ProductListVariantSelector { margin: 1em 0; }

@media screen and (max-width: 47.9375em) { .productlist .productTile { margin: 0; margin-bottom: 12.5px; } }

.SubCats_Categories_DIV .productTile { position: relative; }

.SubCats_Categories_DIV .productTile .productImage { z-index: 0; }

.SubCats_Categories_DIV .productTile .productInfo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; text-align: center; }

.SubCats_Categories_DIV .productTile .productInfo a { width: 100%; height: 100%; padding: 20px; display: flex; justify-content: flex-end; align-items: flex-end; text-transform: uppercase; font-size: 0.875rem; color: #ffffff; }

@media (min-width: 64.0625em) { .productTile:hover { z-index: 1; }
  .productTile:hover .labels .label { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .productTile:hover a { color: initial; } }

@media (min-width: 64.0625em) and (min-width: 64.0625em) { .productTile:hover .productImage img { transform: scale3d(1.05, 1.05, 1); } }

.productTile[data-noprice="True"] .price .retail-price-value { text-decoration: none; }

.buyControl { display: flex; justify-content: center; align-items: center; }

html:not(.b2b) .buyControl { display: none; }

[data-noprice="True"] .buyControl { display: none; }

.webshop-productinfo .main-article .buyControl { justify-content: flex-start; padding: 0 0 20px; }

.buyControl > * { display: inline-flex; justify-content: center; align-items: center; padding: 0; margin-right: 10px; }

.buyControl input { border: 1px solid #d8d8d8; border-radius: 5px; overflow: hidden; font-size: 1.25rem; line-height: 1.25; font-weight: 600; line-height: 1; padding: 0; width: 3em; height: 2.75em; display: inline-flex; text-align: center; margin: 0; appearance: textfield; background-clip: padding-box; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 47.9375em) { .buyControl input { font-size: 0.875rem; } }

.buyControl input[type=number]::-webkit-inner-spin-button, .buyControl input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.buyControl input[readonly] { user-select: none; outline: none; pointer-events: none; cursor: default; }

.buyControl button { border-radius: 5px; overflow: hidden; font-size: 1.125rem; line-height: 1.5; font-weight: 600; color: #ffffff; height: 2.75em; padding: 0 1.5em; }

@media screen and (max-width: 47.9375em) { .buyControl button { font-size: 0.875rem; } }

@media screen and (max-width: 47.9375em) { .buyControl button { padding: 0 1em; } }

.buyControl button.buyButton { background-color: #005140; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.buyControl button.buyButton::after { content: "\ea02"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.buyControl button.buyButton:hover { background: #001e18; }

.buyControl button.buyButton.added::after { content: "\ea19"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.buyControl button.variantButton { background-color: #005140; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (min-width: 64.0625em) { .buyControl button.variantButton { margin: 1.5rem 0; } }

.buyControl button.variantButton::after { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.buyControl button.variantButton:hover { background: #001e18; }

.buyControl button span { white-space: nowrap; }

@media screen and (max-width: 22em) { .webshop-productlist .buyControl span { display: none; }
  .webshop-productlist .buyControl:after { margin-left: 0 !important; } }

.input-selector { flex-direction: column; }

.input-selector .input-arrow { transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; width: 100%; text-align: center; }

.input-selector .input-arrow:before { color: #cccccc; font-size: 16px !important; }

.input-selector .input-arrow:hover:before { color: #898989; }

.input-selector .input-inc::before { content: "\ea12"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-bottom: 0.5em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.input-selector .input-inc:active { transform: translate3d(0, -5px, 0); }

.input-selector .input-dec::before { content: "\ea11"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-top: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.input-selector .input-dec:before { margin-bottom: 0; }

.input-selector .input-dec:active { transform: translate3d(0, 5px, 0); }

.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif; }

.jslider table { width: 100%; border-collapse: collapse; border: 0; }

.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

.jslider table, .jslider table tr, .jslider table tr td { width: 100%; vertical-align: top; }

.jslider .jslider-bg { position: relative; }

.jslider .jslider-bg i { height: 5px; position: absolute; font-size: 0; top: 0; }

.jslider .jslider-bg .l { width: 10%; background-position: 0 0; left: 0; }

.jslider .jslider-bg .f { width: 80%; left: 10%; background-repeat: repeat-x; background-position: 0 -20px; }

.jslider .jslider-bg .r { width: 10%; left: 90%; background-position: right 0; }

.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-repeat: repeat-x; background-position: 0 -40px; }

.jslider .jslider-pointer { width: 13px; height: 15px; background-position: 0 -60px; position: absolute; left: 20%; top: -4px; margin-left: -6px; cursor: pointer; }

.jslider .jslider-pointer-hover { background-position: -20px -60px; }

.jslider .jslider-pointer-to { left: 80%; }

.jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }

.jslider .jslider-label-to { left: auto; right: 0; }

.jslider .jslider-value { font-size: 9px; white-space: nowrap; padding: 0 2px; position: absolute; top: -18px; left: 20%; background: white; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.jslider .jslider-value-to { left: 80%; }

.jslider .jslider-label small, .jslider .jslider-value small { position: relative; top: -0.4em; }

.jslider .jslider-scale { position: relative; top: 9px; }

.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }

.jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label { display: none; }

.value-slider-wrapper.setwidth { width: 100%; }

.value-slider-wrapper .value-slider-lable { width: 75px; white-space: nowrap; }

.value-slider-wrapper .value-input { width: 40px; padding: 0 5px 0 5px; }

.value-slider-wrapper .value-input input { width: 35px; }

.value-slider-wrapper .value-input-dash { width: 25px; margin: 0 0 0 0; text-align: center; }

#DivSliderproduct-filter-price-range-slider { padding: 0 5px; }

.jslider_round_plastic .jslider-pointer { width: 18px; height: 18px; top: -7px; margin-left: -8px; }

html.filter-active .main:before { content: ''; display: block; position: fixed; z-index: 1000; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

html.show-filter .main:before { visibility: visible; opacity: 1; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s; }

@media (min-width: 64.0625em) { #ProductFilter-Wrapper { padding: 20px 20px 0 0; } }

@media screen and (max-width: 64em) { #ProductFilter-Wrapper { padding: 0 0 20vh; } }

#ProductFilter-Wrapper #ProductFilter-Container { position: relative; }

@media (min-width: 64.0625em) { #ProductFilter-Wrapper #ProductFilter-Container { position: sticky; top: 0; } }

@media screen and (max-width: 64em) { #ProductFilter-Wrapper #ProductFilter-Container { padding-bottom: 20px; } }

#ProductFilter-Wrapper .product-filter-headertext-container { font-size: 1.125rem; line-height: 1.5; font-weight: 600; text-transform: uppercase; }

@media (min-width: 64.0625em) { #ProductFilter-Wrapper .product-filter-headertext-container { display: none; } }

#ProductFilter-Wrapper .product-filter-headertext-container::before { content: "\ea0e"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 64em) { #ProductFilter-Wrapper .product-filter-headertext-container { position: sticky; top: 0; background: #ffffff; padding: 20px; z-index: 99999; }
  #ProductFilter-Wrapper .product-filter-headertext-container::after { content: "\ea0c"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #ProductFilter-Wrapper .product-filter-headertext-container:after { font-size: 20px; position: absolute; top: 20px; right: 20px; } }

#ProductFilter-Wrapper .product-filter-column-container-1 { position: relative; text-align: right; }

@media screen and (max-width: 64em) { #ProductFilter-Wrapper .product-filter-column-container-1 { margin: 0 20px; } }

#ProductFilter-Wrapper .product-filter-container { border: none; position: relative; }

#ProductFilter-Wrapper .product-filter-header-container { float: none; background: none; border: none; display: flex; align-items: center; font-size: 1rem; line-height: 1.5; font-weight: 500; font-weight: 600; padding-top: 20px; }

#ProductFilter-Wrapper .product-filter-row:first-child .product-filter-header-container { padding-top: 0; }

#ProductFilter-Wrapper .product-filter-body-container { font-size: 0.875rem; line-height: 1.5; font-weight: 400; padding: 5px 0 10px 0; }

#ProductFilter-Wrapper .product-filter-checkbox-container { margin: 5px 0; position: relative; display: flex; align-items: center; }

#ProductFilter-Wrapper .product-filter-checkbox-container input { position: relative; z-index: 2; appearance: none; cursor: pointer; margin-right: 1em; border-radius: 1000px; overflow: hidden; border: 2px solid #bbbbbb; transition: all 0.2s ease-in-out; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; outline: none; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 1000px; overflow: hidden; background: #ffffff; transition: all 0.2s ease-in-out; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:hover { border-color: #bbbbbb; background: #bbbbbb; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:hover:before { width: 70%; height: 70%; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked { border-color: #2c499e; background: #2c499e; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked:before { width: 70%; height: 70%; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked + label { color: #2c499e; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked { border-color: #d56a3a; background: #d56a3a; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked + label { color: #d56a3a; }

#ProductFilter-Wrapper .product-filter-checkbox-container input:checked ~ .product-filter-count-container { color: #d56a3a; }

#ProductFilter-Wrapper .product-filter-checkbox-container label { position: absolute; z-index: 1; display: flex; align-items: center; width: 100%; height: 100%; cursor: pointer; font-size: 1rem; padding-left: 40px; border-radius: 100px 0 0 100px; transition: all 0.2s ease-in-out; }

#ProductFilter-Wrapper .product-filter-count-container { position: relative; z-index: 2; margin-left: auto; margin-right: 1em; font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: #555555; }

#ProductFilter-Wrapper .product-filter-clear-all, #ProductFilter-Wrapper .product-filter-header-clearlink-container { margin-left: auto; cursor: pointer; }

#ProductFilter-Wrapper .product-filter-clear-all a, #ProductFilter-Wrapper .product-filter-header-clearlink-container a { font-size: 0.6875rem; line-height: 1.5; font-weight: 400; display: block; position: relative; z-index: 2; text-transform: uppercase; color: #cccccc; }

#ProductFilter-Wrapper .product-filter-clear-all:before, #ProductFilter-Wrapper .product-filter-header-clearlink-container:before { content: ''; display: block; background: rgba(213, 106, 58, 0.05); border-radius: 5px; overflow: hidden; position: absolute; z-index: -1; opacity: 0; visibility: hidden; left: 0; top: 0; right: 0; bottom: 0; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s; }

#ProductFilter-Wrapper .product-filter-clear-all:hover a, #ProductFilter-Wrapper .product-filter-header-clearlink-container:hover a { color: #d56a3a; font-weight: 600; }

#ProductFilter-Wrapper .product-filter-clear-all:hover:before, #ProductFilter-Wrapper .product-filter-header-clearlink-container:hover:before { opacity: 1; visibility: visible; }

#ProductFilter-Wrapper .product-filter-clear-all { display: inline-block; padding: 10px; }

#ProductFilter-Wrapper .product-filter-body-container-price { padding: 10px 10px 60px; }

#ProductFilter-Wrapper .product-filter-body-container-price #product-filter-price-range-slider { display: none; }

#ProductFilter-Wrapper .jslider { height: 30px; }

#ProductFilter-Wrapper .jslider-bg i { background: #d8d8d8; height: 30px; border-radius: 5px; overflow: hidden; }

#ProductFilter-Wrapper .jslider-bg i.v { background: #d56a3a; box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

#ProductFilter-Wrapper .jslider-bg i.l, #ProductFilter-Wrapper .jslider-bg i.r { display: none; }

#ProductFilter-Wrapper .jslider-bg i.f { left: 0; right: 0; width: 100%; border-radius: 1000px; overflow: hidden; box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

#ProductFilter-Wrapper .jslider-value, #ProductFilter-Wrapper .jslider-label { top: auto; bottom: -25px; font-weight: 500; font-size: 0; background: none; color: transparent; padding: 0; }

#ProductFilter-Wrapper .jslider-value span, #ProductFilter-Wrapper .jslider-value:before, #ProductFilter-Wrapper .jslider-value:after, #ProductFilter-Wrapper .jslider-label span, #ProductFilter-Wrapper .jslider-label:before, #ProductFilter-Wrapper .jslider-label:after { color: #555555; font-size: 1rem; }

#ProductFilter-Wrapper .jslider-value span { color: #d56a3a; }

#ProductFilter-Wrapper #DivSliderproduct-filter-price-range-slider { padding: 0; }

#ProductFilter-Wrapper .jslider-pointer { background: #ffffff; border-radius: 100px; width: 30px; height: 30px; box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.3); top: 0; margin-left: -15px; }

@media screen and (max-width: 64em) { #ProductFilter-Wrapper { position: fixed; top: 60px; width: 100%; bottom: 0; z-index: 9999; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); background: #ffffff; right: 100%; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: transform, box-shadow; overflow: scroll; -webkit-overflow-scrolling: touch; max-width: 320px; }
  html.show-filter #ProductFilter-Wrapper { transform: translate3d(100%, 0, 0); box-shadow: 0 0 25px -10px rgba(0, 0, 0, 0.2); } }

#ProductFilter-Wrapper input > *, #ProductFilter-Wrapper input + * { transition: all .5s ease-in-out; }

#ProductFilter-Wrapper input[disabled], #ProductFilter-Wrapper input[disabled] ~ * { opacity: 0.25; pointer-events: none; cursor: default; }

#ProductFilter-Wrapper #sorting-toolbar { display: block; text-align: center; padding: 20px 0; margin-top: 10px; border-top: 1px solid #d8d8d8; }

#ProductFilter-Wrapper #sorting-toolbar > * { display: none; }

#ProductFilter-Wrapper #sorting-toolbar > table, #ProductFilter-Wrapper #sorting-toolbar > table tbody, #ProductFilter-Wrapper #sorting-toolbar > table tr, #ProductFilter-Wrapper #sorting-toolbar > table td, #ProductFilter-Wrapper #sorting-toolbar > select { display: block; text-align: center; width: 100%; }

#ProductFilter-Wrapper #sorting-toolbar select { margin: 10px auto; width: calc(100% - 60px); font-size: 1.125rem; }

.labels { pointer-events: none; z-index: 1; }

.webshop-productinfo .main-aside .labels { margin-top: 20px; margin-bottom: 20px; }

.webshop-productinfo #primary-content .labels { display: inline-block; }

.productTile .labels { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }

.labels .label { display: inline-block; font-size: 0.875rem; font-weight: 600; background: #eaeaea; border-radius: 1000px; overflow: hidden; padding: 0.5em 1em 0.25em; margin-bottom: 10px; line-height: 1; page-break-inside: avoid; break-inside: avoid; }

.labels .label * { white-space: nowrap; font-size: 0.875rem !important; display: inline; margin: 0; padding: 0; }

.labels .label br { display: none; }

.webshop-productinfo .labels .label { display: inline-block; margin-right: 10px; vertical-align: text-top; }

.labels .label.productNumber { color: #2c499e; background: rgba(44, 73, 158, 0.1); }

.labels .label.specialOfferBadge { color: #d56a3a; background: rgba(213, 106, 58, 0.1); }

.labels .label.newsBadge { color: #005140; background: rgba(0, 81, 64, 0.1); }

.addFavorite { display: inline-block; color: #d56a3a; outline: none; font-size: 1.5rem; line-height: 1.25; font-weight: 600; }

.addFavorite::before { content: "\ea08"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#product-info .addFavorite:after { content: 'Gem'; }

.productTile .addFavorite { position: absolute; left: 10px; top: 10px; z-index: 1; }

@media (min-width: 64.0625em) { .productTile .addFavorite { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } }

.productTile .addFavorite:before { margin: 0 0.25em 0 0 !important; }

.productTile .addFavorite.added { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.productTile .addFavorite.added:after { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

.productTile:hover .addFavorite { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.addFavorite.added::before { content: "\ea07"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.addFavorite.added:after { content: 'Gemt' !important; }

html .slider-wrapper { position: relative; }

html .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

html .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; box-sizing: border-box; }

html .nivo-caption p { padding: 5px; margin: 0; }

html .nivo-caption a { display: inline !important; }

html .nivo-prevNav { left: 0px; }

html .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }

html .nivo-box img { display: block; }

html .nivo-controlNav { text-align: center; padding: 10px 0; position: absolute; bottom: 0; width: 100%; }

html .nivo-controlNav a { cursor: pointer; opacity: 0.5; background: #ffffff; border-radius: 1000px; overflow: hidden; }

html .nivo-controlNav a.active { font-weight: bold; opacity: 0.85; }

html .nivo-controlNav a:hover { opacity: 1; }

html .nivoSlider { position: relative; width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }

html .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }

html .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; opacity: 0; }

html .nivo-html-caption { display: none; }

html .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; display: flex; justify-content: center; align-items: center; }

html .theme-default .nivo-controlNav { text-align: center; padding: 0 0 20px; z-index: 9; }

@media screen and (max-width: 47.9375em) { html .theme-default .nivo-controlNav { padding-bottom: 10px; } }

html .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

html .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

html .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

html .theme-default .nivo-controlNav a { display: inline-block; width: 15px; height: 15px; text-indent: -9999px; border: 0; margin: 0 5px; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 47.9375em) { html .theme-default .nivo-controlNav a { width: 10px; height: 10px; } }

html .theme-default .nivo-controlNav a.active { background-position: 0 -22px; }

html .theme-default .nivoSlider { position: relative; margin-bottom: 10px; }

html .theme-default .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

html .theme-default .nivoSlider a { border: 0; display: block; }

html .theme-default .nivoSlider > a { max-height: 100%; }

html .theme-default a.nivo-prevNav { left: 15px; }

html .theme-default a.nivo-nextNav { background-position: -30px 0; right: 15px; }

html .theme-default .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }

html .theme-default .nivo-caption a:hover { color: #fff; }

html .theme-default .nivo-directionNav { position: absolute; width: 100%; display: flex; justify-content: space-between; }

html .theme-default .nivo-directionNav a { display: inline-block; border: 0; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 0; z-index: 9; cursor: pointer; }

@media screen and (min-width: 48em) { html .theme-default .nivo-directionNav a { opacity: 0; } }

html .theme-default .nivo-directionNav a::before { content: "\ea11"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html .theme-default .nivo-directionNav a:before { font-size: 5rem; margin: 0; color: #eaeaea; }

@media screen and (max-width: 47.9375em) { html .theme-default .nivo-directionNav a:before { font-size: 2rem; } }

html .theme-default .nivo-directionNav a.nivo-prevNav:before { transform: rotate(90deg); }

html .theme-default .nivo-directionNav a.nivo-nextNav:before { transform: rotate(-90deg); }

@media screen and (min-width: 48em) { html .theme-default:hover .nivo-directionNav a { opacity: 0.75; }
  html .theme-default:hover .nivo-directionNav a:hover { opacity: 1 !important; }
  html .theme-default:hover .nivo-directionNav a:hover.nivo-prevNav { transform: translate3d(-5px, 0, 0); }
  html .theme-default:hover .nivo-directionNav a:hover.nivo-nextNav { transform: translate3d(5px, 0, 0); } }

html .nivo-dynamic-text { margin: auto; width: calc(100% - 10px*4); max-width: 106em; padding: 0; }

@media screen and (max-width: 47.9375em) { html .nivo-dynamic-text { width: calc(100% - 10px*2); } }

html .nivo-dynamic-text-inner-content { float: left; width: 100%; padding: 40px 0; }

@media screen and (max-width: 47.9375em) { html .nivo-dynamic-text-inner-content { padding: 20px 25px; } }

@media screen and (max-width: 47.9375em) and (min-width: 48em) and (max-width: 64em) { html .nivo-dynamic-text-inner-content { padding: 20px 25px; } }

@media screen and (max-width: 47.9375em) and (min-width: 64.0625em) { html .nivo-dynamic-text-inner-content { padding: 25px 50px; } }

html .nivo-dynamic-text-inner-content-left { float: left; width: 100%; }

@media screen and (max-width: 47.9375em) { html .nivo-dynamic-text-inner-content-left { text-align: center; } }

@media screen and (min-width: 48em) { html .nivo-dynamic-text-inner-content-left > div { text-align: left; float: left; } }

html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text { position: relative; }

html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-header { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; font-size: 3.5rem; color: #202020; margin: 0 !important; }

@media screen and (max-width: 47.9375em) { html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-header { font-size: 2rem; } }

@media screen and (max-width: 22em) { html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-header { font-size: 1.5rem; } }

html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-teaser { font-size: 1.25rem; color: #000000; font-weight: 600; margin: 1.5em 0 .5em; margin: 0 !important; clear: left; }

* + html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-teaser { margin-top: 2em; }

html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-link { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; border-radius: 1000px; overflow: hidden; }

html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-link:hover { background: #26408a; color: #ffffff; }

@media screen and (max-width: 47.9375em) { html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-link { margin: 20px auto 0; padding: 0.7em 1.5em 0.5em; line-height: 1.2; display: inline-block; font-size: 1.25rem; } }

@media screen and (min-width: 48em) { html .nivo-dynamic-text-inner-content-left .nivo-dynamic-text-link { text-align: right; float: right; } }

.webshop-frontpage .main { max-width: 100%; width: 100%; }

.webshop-frontpage .main .grid-60-40 { grid-gap: 25px; }

.webshop-frontpage .main section { margin: auto; width: calc(100% - 10px*4); max-width: 106em; padding-top: 40px; }

@media screen and (max-width: 47.9375em) { .webshop-frontpage .main section { width: calc(100% - 10px*2); } }

@media screen and (min-width: 48em) { .webshop-frontpage .main section { margin-bottom: 25px; } }

.webshop-frontpage .main section .h2, .webshop-frontpage .main section h2, .webshop-frontpage .main section .h1, .webshop-frontpage .main section h1 { margin-bottom: 0; }

.webshop-frontpage .main .content { background: #ffffff; border-radius: 5px 5px 0 0; position: relative; z-index: 10; will-change: transform; }

.webshop-frontpage .main .hero { margin: 0; padding: 0; width: 100%; max-width: 100%; border-bottom: 1px solid #d8d8d8; }

@media screen and (max-width: 64em) { .webshop-frontpage .main .hero { margin: 0; max-width: none; width: auto; } }

.webshop-frontpage .main .slider { display: flex; justify-content: center; align-items: center; }

.webshop-frontpage .main .slider .slider-align { background: #202020; }

.webshop-frontpage .main .slider .slider-wrapper { margin: auto; width: calc(100% - 10px*4); max-width: 106em; padding: 0; min-width: 80%; }

@media screen and (max-width: 47.9375em) { .webshop-frontpage .main .slider .slider-wrapper { width: calc(100% - 10px*2); } }

.webshop-frontpage .main .slider .slider-container { padding: 0; width: 100%; }

.webshop-frontpage .main #news-products h2, .webshop-frontpage .main #news-products .h2 { color: #005140; }

.webshop-frontpage .main .Text1_Frontpage, .webshop-frontpage .main .Text2_Frontpage { padding: 15px 15px; }

.webshop-frontpage .main .Text1_Frontpage h1, .webshop-frontpage .main .Text2_Frontpage h1 { font-size: 1.5rem; line-height: 1.25; font-weight: 600; }

.webshop-frontpage .main .Text1_Frontpage p, .webshop-frontpage .main .Text2_Frontpage p { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

.webshop-frontpage .main .Text1_Frontpage h3, .webshop-frontpage .main .Text2_Frontpage h3 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; color: #2c499e; margin-top: 1.5em; margin-bottom: 0.25em; }

.webshop-frontpage .main .Text1_Frontpage h3:before, .webshop-frontpage .main .Text2_Frontpage h3:before { vertical-align: text-top; }

.webshop-frontpage .main .Text2_Frontpage { padding-top: 1em; }

_:-ms-lang(x) .main, .webshop-frontpage .main { display: block; }

_:-ms-lang(x) section.productlist, .webshop-frontpage section.productlist { display: flex; flex-wrap: wrap; }

_:-ms-lang(x) section.productlist > article, .webshop-frontpage section.productlist > article { flex-basis: calc(33.33% - 25px); max-width: calc(33.33% - 25px); }

.webshop-subcat .main { display: block !important; }

.webshop-subcat .CmsPageStyle_Table { padding-left: 0; padding-right: 0; }

.webshop-subcat .SubCats_Categories_DIV { position: relative; }

.webshop-subcat .productlist-top { border-bottom: none !important; }

.webshop-subcat .SubCatsProcuctsHeading { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; margin-bottom: 0; }

@media screen and (max-width: 47.9375em) { .webshop-subcat .SubCatsProcuctsHeading { font-size: 2rem; } }

@media screen and (max-width: 22em) { .webshop-subcat .SubCatsProcuctsHeading { font-size: 1.5rem; } }

.webshop-subcat .SubCatsProcuctsHeading + header h1 { display: none; }

.webshop-subcat button.filter-toggle { display: none !important; }

.webshop-subcat .SubCats_Categories_Container { margin-bottom: 100px; }

.webshop-subcat .SubCats_BreadCrumb:after { content: ''; position: absolute; left: 0; right: 0; border-bottom: 1px solid #d8d8d8; }

.webshop-subcat .BreadCrumbLink_Active { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; margin-top: 0.75rem; display: block; padding-left: 0; }

@media screen and (max-width: 47.9375em) { .webshop-subcat .BreadCrumbLink_Active { font-size: 2rem; } }

@media screen and (max-width: 22em) { .webshop-subcat .BreadCrumbLink_Active { font-size: 1.5rem; } }

.SubCats_Categories_DIV { width: 100%; display: grid; margin-top: 50px; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }

@media screen and (max-width: 47.9375em) { .SubCats_Categories_DIV { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }

.SubCats_Categories_DIV > div:not([style*="clear:both"]) { float: none !important; border-radius: 5px; overflow: hidden; display: inline-block; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.SubCats_Categories_DIV > div:not([style*="clear:both"]):hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

@media (min-width: 64.0625em) { .SubCats_Categories_DIV > div:not([style*="clear:both"]):hover .productImage img { transform: scale3d(1.05, 1.05, 1); } }

.SubCats_Categories_DIV > div:not([style*="clear:both"]) .productImage { max-height: 100px; position: relative; display: flex; justify-content: center; align-content: center; height: 0; padding-bottom: 75%; }

.SubCats_Categories_DIV > div:not([style*="clear:both"]) .productImage .imageWrapper, .SubCats_Categories_DIV > div:not([style*="clear:both"]) .productImage .imageWrapper > a { width: 100%; height: 100%; display: flex; position: absolute; top: 0; bottom: 0; }

.SubCats_Categories_DIV > div:not([style*="clear:both"]) .productImage img { border-radius: 5px; overflow: hidden; z-index: 1; max-height: 80%; max-width: 80%; margin: auto; transition: transform 0.15s ease-in-out, opacity 0.5s ease-in-out, visibility 0s; }

.SubCats_Categories_DIV > div:not([style*="clear:both"]) .productInfo a { display: flex; justify-content: center; align-content: center; text-align: center; padding: 10px 10px 20px; color: #2c499e; font-size: 1.125rem; line-height: 1.5; font-weight: 600; }

.SubCats_Categories_DIV img { animation: fadeIn 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.SubCats_Categories_DIV > div .retailerTile .contact-info { display: none; padding: 15px 15px; text-align: center; }

.SubCats_Categories_DIV > div .retailerTile .contact-info a { font-size: 0.875rem; line-height: 1.5; font-weight: 400; padding: 0 0 10px; }

.SubCats_Categories_DIV > div .retailerTile .contact-info a:hover { text-decoration: underline; }

.webshop-productlist .main { display: grid; grid-gap: 10px; grid-template-columns: 18rem auto; grid-template-areas: 'listheader listheader' 'listsidebar listcontent'; }

@media screen and (max-width: 47.9375em) { .webshop-productlist .main { background: #ffffff; border-radius: 5px 5px 0 0; } }

.webshop-productlist .main > * { grid-column: 1/3; min-width: 0; }

@media (min-width: 64.0625em) { .webshop-productlist .main #ProductFilter-Wrapper { grid-area: listsidebar; } }

@media (min-width: 64.0625em) { .webshop-productlist .main #Content_Productlist { display: contents; } }

.webshop-productlist .main .productlist-top { font-size: 1rem; color: #898989; }

@media screen and (max-width: 64em) { .webshop-productlist .main .productlist-top { font-size: 0.875rem; line-height: 1.5; font-weight: 400; } }

@media screen and (min-width: 48em) { .webshop-productlist .main .productlist-top { grid-area: listheader; } }

@media (min-width: 64.0625em) { .webshop-productlist .main .productlist-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } }

.webshop-productlist .main .productlist-top h1 { margin: 0; width: 100%; }

.webshop-productlist .main .productlist-top .productlist-top-content { max-width: 75%; margin-bottom: 30px; color: #202020; font-weight: 400; line-height: 1.4; }

.webshop-productlist .main .productlist-top .productlist-top-content ul, .webshop-productlist .main .productlist-top .productlist-top-content li { list-style: initial; }

.webshop-productlist .main .productlist-top .productlist-top-content ul { padding-left: 2em; }

@media screen and (max-width: 47.9375em) { .webshop-productlist .main .productlist-content { width: calc(100% + 10px*2); margin: 0 -10px; } }

@media screen and (min-width: 48em) { .webshop-productlist .main .productlist-content { grid-area: listcontent; } }

.webshop-productlist .main .list-footer { padding-top: 80px; font-size: 1rem; line-height: 1.5; font-weight: 500; color: #898989; }

@media screen and (max-width: 64em) { .webshop-productlist .main .list-footer { font-size: 0.875rem; line-height: 1.5; font-weight: 400; } }

.webshop-productlist .grid-sidebar { border-top: 1px solid #d8d8d8; margin-top: 50px; }

.webshop-productlist .vat-status { float: left; height: 28px; display: flex; align-items: center; }

@media screen and (min-width: 48em) { .webshop-productlist .vat-status { margin: 15px 0; } }

@media screen and (max-width: 47.9375em) { .webshop-productlist .vat-status { float: none; padding: 0 0 0 12.5px; } }

.webshop-productlist #Content_Productlist .toolbar { margin-bottom: 0; }

@media screen and (max-width: 47.9375em) { .webshop-productlist #Content_Productlist .toolbar { margin-bottom: 10px; } }

.webshop-productlist #Content_Productlist .toolbar > * { display: inline-block; vertical-align: top; margin: 0 5px; }

.webshop-productlist #Content_Productlist .toolbar .toolbar-label { color: #202020; margin-left: 40px; height: 30px; line-height: 30px; }

@media screen and (max-width: 47.9375em) { .webshop-productlist #Content_Productlist .toolbar .toolbar-label { display: none; } }

.webshop-productlist #Content_Productlist .toolbar #sorting-toolbar { display: inline-flex; margin: 0; }

.webshop-productlist #Content_Productlist .toolbar #sorting-toolbar > * { vertical-align: top; margin: 0 10px; }

.webshop-productlist #Content_Productlist .toolbar #sorting-toolbar select { height: 28px; }

@media screen and (max-width: 22em) { .webshop-productlist #Content_Productlist .toolbar #sorting-toolbar select { max-width: 110px; } }

@media (min-width: 64.0625em) { .webshop-productlist #Content_Productlist .toolbar button.filter-toggle { display: none !important; } }

@media screen and (max-width: 64em) { .webshop-productlist #Content_Productlist .toolbar button.filter-toggle { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; border-radius: 1000px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; height: 28px; text-align: center; line-height: 1; font-size: 1rem; font-weight: 600; margin-right: auto; padding: 0.25em 1.5em 0 1.5em; }
  .webshop-productlist #Content_Productlist .toolbar button.filter-toggle:hover { background: #26408a; color: #ffffff; }
  .webshop-productlist #Content_Productlist .toolbar button.filter-toggle::before { content: "\ea0e"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  html.show-filer .webshop-productlist #Content_Productlist .toolbar button.filter-toggle { background: #ffffff; box-shadow: 0 0 0 1px #d8d8d8, 0 0 15px -10px #000000; } }

@media screen and (max-width: 64em) { .webshop-productlist #Content_Productlist .toolbar { padding: 0; display: flex; align-items: center; justify-content: flex-end; position: sticky; top: 5px; z-index: 999; } }

@media screen and (min-width: 48em) { .webshop-productlist #Content_Productlist .toolbar { padding: 0 0 30px; display: flex; align-items: center; justify-content: flex-end; margin-left: auto; } }

.webshop-productlist #Content_Productlist .CmsPageStyle h2 { margin: 1em 0 0.5em; }

section.productlist:not(.productGlider) { position: relative; overflow: visible; clear: both; text-align: center; padding: 0; display: grid; }

@media screen and (max-width: 47.9375em) { section.productlist:not(.productGlider) { grid-gap: 12.5px; grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media screen and (min-width: 48em) and (max-width: 64em) { section.productlist:not(.productGlider) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (min-width: 64.0625em) { section.productlist:not(.productGlider) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media screen and (min-width: 87.5em) { section.productlist:not(.productGlider) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) { display: block; padding: 0; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile { display: grid; grid-template-columns: 130px auto max-content max-content; grid-template-areas: 'image info info buy' 'image price price buy'; grid-gap: 10px; padding: 10px 0 10px 10px; border-bottom: 1px solid #d8d8d8; margin: 0; text-align: left; }

@media (min-width: 64.0625em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile:hover { border-color: transparent; } }

@media screen and (min-width: 87.5em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile { grid-template-columns: 130px auto max-content max-content; grid-template-areas: 'image info price buy'; } }

@media screen and (min-width: 48em) and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile { grid-template-columns: 130px auto max-content max-content; grid-template-areas: 'image info price buy'; } }

@media screen and (max-width: 47.9375em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile { grid-template-columns: 70px auto auto; grid-template-areas: 'image info info' 'image price buy'; grid-gap: 5px; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile > a { position: relative; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .productImage { grid-area: image; width: 100px; max-width: 100%; padding-bottom: 0; height: 100px; margin-left: auto; border-radius: 5px; overflow: hidden; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .productImage:before { display: none; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .productInfo { grid-area: info; margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .productInfo .productName { width: 100%; margin: 5px 0; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels { display: block; -ms-overflow-style: none; position: static; }

@media screen and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels { width: 100%; overflow: hidden; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels > div { -ms-overflow-style: none; scrollbar-width: none; overflow: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels > div::-webkit-scrollbar { display: none; -webkit-scrollbar-width: none; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels .label { display: inline-block; margin: 5px 0; }

@media screen and (max-width: 47.9375em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .labels .label { margin-top: 0; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price { grid-area: price; text-align: right; justify-content: flex-end; }

@media screen and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price { text-align: left; justify-content: flex-start; color: #000000; font-size: 1.25rem; font-weight: 600; padding-right: 10px; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-text { margin-top: 0; }

@media (min-width: 64.0625em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-text.retail-price { display: none; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-text.sales-price { display: block; }

@media screen and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-text.sales-price { display: none; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile #retail-price-block { display: block; }

@media screen and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile #retail-price-block { display: none; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-block { display: flex; flex-wrap: wrap; flex-direction: column; }

@media screen and (min-width: 87.5em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-block { flex-basis: 50%; } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .price-block#sales-price-block { justify-self: flex-end; }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .buyControl { grid-area: buy; padding: 0; margin-left: auto; opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (min-width: 64.0625em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .buyControl .input-arrow { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } }

[data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .buyControl input { border-color: transparent; }

@media screen and (max-width: 64em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile .buyControl input { border-color: #bbbbbb; } }

@media (min-width: 64.0625em) { [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile:hover .buyControl .input-arrow { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  [data-switch-view-switch="view-list"] section.productlist:not(.productGlider) .productTile:hover .buyControl input { border-color: #bbbbbb; } }

.pagination { display: inline-flex; width: 100%; justify-content: center; align-items: center; position: relative; top: 25px; z-index: 9999; margin: 100px auto 0; height: 50px; border-radius: 100px; }

.pagination > div:first-child > a, .pagination > div:last-child > a { height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100px; font-weight: 600; background: #2c499e; color: #ffffff; overflow: hidden; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); padding: 0 1.5em; }

.pagination > div:first-child > a:after, .pagination > div:first-child > a:before, .pagination > div:last-child > a:after, .pagination > div:last-child > a:before { font-size: 20px; margin: 0; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (min-width: 64.0625em) { .pagination > div:first-child > a:hover, .pagination > div:last-child > a:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } }

.pagination > div:first-child > a { margin-right: auto; padding-right: 2em; }

.pagination > div:first-child > a::before { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.pagination > div:first-child > a:before { transform: rotate(180deg); }

@media (min-width: 64.0625em) { .pagination > div:first-child > a:hover:before { transform: translate3d(-10px, 0, 0) rotate(180deg); } }

.pagination > div:last-child > a { margin-left: auto; padding-left: 2em; }

.pagination > div:last-child > a::after { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (min-width: 64.0625em) { .pagination > div:last-child > a:hover:after { transform: translate3d(10px, 0, 0); } }

.pagination > div:nth-child(2) { padding: 0 30px; }

.pagination > div:nth-child(2) > a { display: inline-block; margin: 0 10px; color: #898989; font-weight: 400; }

.pagination > div:nth-child(2) > a.ActivePageNumber_ProductList { color: #2c499e; font-weight: 500; }

.NoProcuctsFound { display: block; grid-area: listcontent; text-align: center; font-size: 2rem; font-weight: 600; color: #898989; margin: 20vh 0; }

@media screen and (max-width: 47.9375em) { .NoProcuctsFound { font-size: 1.5rem; } }

.NoProcuctsFound > span { display: block; margin-top: 1em; font-weight: 400; opacity: 0.5; font-size: 1.125rem; }

_:-ms-lang(x) .main, .webshop-productlist .main { display: block; }

_:-ms-lang(x) .main #ProductFilter-Wrapper, .webshop-productlist .main #ProductFilter-Wrapper { float: left; width: 18rem; }

_:-ms-lang(x) .main .productlist-content, .webshop-productlist .main .productlist-content { float: right; width: calc(100% - 18rem); }

_:-ms-lang(x) section.productlist, .webshop-productlist section.productlist { display: flex; flex-wrap: wrap; }

_:-ms-lang(x) section.productlist > article, .webshop-productlist section.productlist > article { flex-basis: calc(20% - 25px); }

_:-ms-lang(x) footer, .webshop-productlist footer { clear: both; }

.webshop-search .main .productlist-top h1 { margin-top: 3.5rem; }

.webshop-search .main .productlist-top h1 span { font-weight: 400; }

.webshop-favorites .Favorites_Custom_DIV > div { position: relative; z-index: 0; }

.webshop-favorites .Heading_Favorites_Wrapper:after { content: ''; position: absolute; left: 0; right: 0; border-bottom: 1px solid #d8d8d8; }

.webshop-favorites .Heading_Favorites_Wrapper h1 { color: #d56a3a; }

.webshop-favorites .Heading_Favorites_Wrapper h1:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

.webshop-favorites .FormTB { display: none; }

.webshop-favorites .main { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 64em) { .webshop-favorites .main aside { display: none; } }

.webshop-favorites .main aside .frame { background: rgba(213, 106, 58, 0.1); color: #d56a3a; border-radius: 5px; overflow: hidden; padding: 20px 25px; border: none; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-favorites .main aside .frame { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-favorites .main aside .frame { padding: 25px 50px; } }

.webshop-favorites .main aside .frame h4 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; margin-bottom: 1em; color: #d56a3a; }

.webshop-favorites .main aside .frame p { margin-bottom: 1em; }

.webshop-favorites .main #basket-content .productTile { grid-template-columns: 100px auto max-content max-content 100px; grid-template-areas: 'image info price buy remove'; }

@media screen and (max-width: 47.9375em) { .webshop-favorites .main #basket-content .productTile { grid-template-columns: 50px auto auto auto; grid-template-areas: 'image info info info' 'image price price price' 'image buy buy remove'; }
  .webshop-favorites .main #basket-content .productTile .buyControl { margin-left: 0; justify-content: left; } }

.webshop-productinfo .main h1 { font-size: 2.25rem; text-transform: initial; margin-bottom: 0; margin-top: 0; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main h1 { font-size: 1.25rem; line-height: 1.25; font-weight: 600; } }

.webshop-productinfo .main #product-info { grid-gap: 0; }

.webshop-productinfo .main .news-badge { background: #ffffff; border-radius: 5px; overflow: hidden; padding: 0 5px 0; margin-right: 0.25em; font-size: 1em; color: #000000; line-height: 1.5; box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.5); }

.webshop-productinfo .main aside.main-aside { position: relative; }

@media screen and (min-width: 48em) { .webshop-productinfo .main aside.main-aside { padding-right: 40px; } }

.webshop-productinfo .main aside.main-aside .badges { position: absolute; z-index: 999; top: 10px; right: 10px; margin: 0; }

.webshop-productinfo .main aside.main-aside .badges > span { display: inline-block; clear: both; float: right; text-transform: uppercase; font-size: 1rem; font-weight: 600; background: rgba(255, 255, 255, 0.5); margin-bottom: 5px; margin-right: 0; }

.webshop-productinfo .main aside.main-aside .video-link { z-index: 99; position: sticky; top: 40px; display: block; height: 90px; margin-bottom: -90px; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main aside.main-aside .video-link { display: none; } }

.webshop-productinfo .main aside.main-aside .video-link a { margin: 20px; position: absolute; white-space: nowrap; }

.webshop-productinfo .main aside.main-aside .image-slider img { max-height: 60vh; }

.webshop-productinfo .main article.main-article #price-section { padding-bottom: 0; }

.webshop-productinfo .main article.main-article .price { text-align: left; display: inline-flex !important; flex-wrap: wrap; }

.webshop-productinfo .main article.main-article .price .price-block { margin-right: 50px; margin-bottom: 20px; order: 10; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main article.main-article .price .price-block.grey { order: 1; } }

.webshop-productinfo .main article.main-article .price .price-text { font-size: 1.125rem; font-weight: 400; }

.webshop-productinfo .main article.main-article .price .sales-price, .webshop-productinfo .main article.main-article .price .retail-price { font-weight: 600; font-size: 2.25rem; display: block; line-height: 1; }

html[data-switch-view-switch="view-list"] .webshop-productinfo .main article.main-article .price .sales-price, html[data-switch-view-switch="view-list"] .webshop-productinfo .main article.main-article .price .retail-price { display: inline-block; vertical-align: middle; }

.webshop-productinfo .main article.main-article .price .price-before { font-weight: 400; font-size: 0.6875rem; margin-right: 0.5em; text-decoration: line-through; }

.webshop-productinfo .main article.main-article .price .price-before + .sales-price { background: red; border-radius: 5px; overflow: hidden; color: #ffffff; line-height: 1; padding: 5px 5px 2.5px; }

.webshop-productinfo .main article.main-article .price .price-unit { font-size: 1rem; font-weight: 400; line-height: 1; }

.webshop-productinfo .main article.main-article .short-desc { width: 100%; }

.webshop-productinfo .main article.main-article .short-desc ul { display: flex; flex-direction: column; }

.webshop-productinfo .main article.main-article .short-desc ul li { height: 100%; padding: 0.5em 0.5em; }

.webshop-productinfo .main article.main-article .short-desc ul li:nth-child(odd) { background: #efefef; }

.webshop-productinfo .main article.main-article .short-desc ul strong { width: 20%; float: left; height: 100%; font-weight: 600; text-align: left; padding-right: 1em; }

.webshop-productinfo .main article.main-article .buyControl input, .webshop-productinfo .main article.main-article .buyControl button { font-size: 1.25rem; line-height: 1.25; font-weight: 600; }

.webshop-productinfo .main article.main-article #stock-section { padding-top: 0; }

.webshop-productinfo .main .video-link { opacity: 0; visibility: hidden; }

.webshop-productinfo .main .video-link a { font-size: 1.5rem; font-weight: 600; background: #ffffff; color: #000000; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; font-size: 0.6875rem; font-weight: 600; line-height: 50px; display: block; box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.5); }

.webshop-productinfo .main .video-link a:hover { background: #f2f2f2; color: #000000; }

.webshop-productinfo .main .video-link a:before { font-size: 1.5rem; }

.webshop-productinfo .main aside.on-top { z-index: 99999999; }

.webshop-productinfo .main aside.on-top:before { display: none; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main aside { margin-bottom: 20px; } }

.webshop-productinfo .main aside img { display: block; margin: auto; border-radius: 5px; overflow: hidden; }

@media screen and (min-width: 48em) { .webshop-productinfo .main aside img { margin-bottom: 10px; } }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main aside img { width: auto; max-height: 50vh; }
  .webshop-productinfo .main aside img[data-src]:not([src]) { display: none; } }

@media screen and (max-width: 47.9375em) and (orientation: landscape) { .webshop-productinfo .main aside img { max-width: 100%; max-height: 100vh; } }

.webshop-productinfo .main article #primary-content { position: relative; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main .grid-40-60 { grid-gap: 0; } }

.webshop-productinfo .main [data-noprice="True"] article.main-article .price .retail-price { text-decoration: none; }

.webshop-productinfo .main #image-slider { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 30px; opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main #image-slider { margin: 0 -10px; } }

.webshop-productinfo .main #image-slider .glider-slide { border-radius: 5px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main #image-slider .glider-slide:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); position: absolute; z-index: 1; } }

.webshop-productinfo .main #image-slider .glider-slide img { opacity: 0; margin: 0; transition: opacity .1s ease; border-radius: 0; }

.webshop-productinfo .main #image-slider .glider-slide img.loaded, .webshop-productinfo .main #image-slider .glider-slide img[src] { opacity: 1; }

.webshop-productinfo .main #image-slider .prod-image a { display: block; position: relative; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main #image-slider .prod-image a { pointer-events: none; } }

.webshop-productinfo .main #image-slider .prod-image a.stream-link:before, .webshop-productinfo .main #image-slider .prod-image a.stream-link:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.webshop-productinfo .main #image-slider .prod-image a.stream-link:after { background: url("/images/skins/tidy/media/play-button.svg") no-repeat center center; }

.webshop-productinfo .main #image-slider .prod-image a.stream-link:before { background: rgba(0, 0, 0, 0.1); transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.webshop-productinfo .main #image-slider .prod-image a.stream-link:hover:before { background: rgba(0, 0, 0, 0.5); }

.webshop-productinfo .main #image-slider .glider-next::before { content: "\ea11"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.webshop-productinfo .main #image-slider .glider-next:before { transform: rotate(-90deg); margin: 0; }

.webshop-productinfo .main #image-slider .glider-prev::before { content: "\ea11"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.webshop-productinfo .main #image-slider .glider-prev:before { transform: rotate(90deg); margin: 0; }

@media screen and (max-width: 64em) { .webshop-productinfo .main .info > [class*="grid"] { grid-template-columns: auto; grid-gap: 25px; } }

.webshop-productinfo .main .Prices_Custom_DIV { font-size: 1.25rem; line-height: 1.25; font-weight: 600; line-height: 1.875rem; }

.webshop-productinfo .main section.variants { padding-top: 0; }

.webshop-productinfo .main section.variants * { user-select: none; }

.webshop-productinfo .main section.variants .VariantGroupLabel, .webshop-productinfo .main section.variants label { display: block; font-size: 1.125rem; line-height: 1.5; font-weight: 600; margin-bottom: 10px; }

.webshop-productinfo .main section.variants table { width: 100%; }

.webshop-productinfo .main section.variants table .simple-variant-item-container, .webshop-productinfo .main section.variants table .advanced-variant-item-container { display: inline-block; }

.webshop-productinfo .main section.variants table .simple-variant-item-container label, .webshop-productinfo .main section.variants table .advanced-variant-item-container label { cursor: pointer; display: block; border-radius: 1000px; overflow: hidden; font-size: 1.125rem; font-weight: 600; padding: 10px 20px 5px; border: 1px solid #d8d8d8; line-height: 1.25; white-space: nowrap; margin-right: 10px; }

.webshop-productinfo .main section.variants table .simple-variant-item-container label:hover, .webshop-productinfo .main section.variants table .advanced-variant-item-container label:hover { background: #efefef; }

.webshop-productinfo .main section.variants table .simple-variant-item-container input[type="radio"], .webshop-productinfo .main section.variants table .advanced-variant-item-container input[type="radio"] { display: none; }

.webshop-productinfo .main section.variants table .simple-variant-image-active label, .webshop-productinfo .main section.variants table .advanced-variant-image-active label { background: #202020; border-color: #202020; color: #ffffff; font-weight: 600; }

.webshop-productinfo .main section.variants table .simple-variant-image-active label:hover, .webshop-productinfo .main section.variants table .advanced-variant-image-active label:hover { background: #202020; }

.webshop-productinfo .main .tabs .label { width: 100%; padding: 20px 25px; padding-right: 0 !important; font-size: 1.125rem; line-height: 1.5; font-weight: 600; font-weight: 600; background: #ffffff; cursor: pointer; color: #898989; transition: background 0.1s, color 0.1s; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-productinfo .main .tabs .label { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-productinfo .main .tabs .label { padding: 25px 50px; } }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main .tabs .label { position: sticky; top: 60px; color: #2c499e; border-bottom: 1px solid #d8d8d8; padding: 10px 25px; margin-bottom: 10px; } }

@media screen and (min-width: 48em) { .webshop-productinfo .main .tabs .label { width: auto; }
  .webshop-productinfo .main .tabs .label:hover { color: #000000; }
  .webshop-productinfo .main .tabs .label:active { color: #202020; } }

.webshop-productinfo .main section.tabs { padding: 0 0; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-productinfo .main section.tabs { padding: 0 0; } }

@media (min-width: 64.0625em) { .webshop-productinfo .main section.tabs { padding: 0 0; } }

@media screen and (min-width: 48em) { .webshop-productinfo .main section.tabs { margin-top: 25px; margin-bottom: 100px; } }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main section.tabs { background: #ffffff; padding-top: 10px; overflow: visible; } }

.webshop-productinfo .main .tabs { display: flex; flex-wrap: wrap; max-width: 100%; width: 100%; }

.webshop-productinfo .main .tabs .input { position: absolute; opacity: 0; }

.webshop-productinfo .main .tabs .input:checked + .label { color: #202020; }

.webshop-productinfo .main .tabs .panel { padding: 20px 25px; padding-top: 0 !important; width: 100%; background: #fff; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-productinfo .main .tabs .panel { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-productinfo .main .tabs .panel { padding: 25px 50px; } }

@media screen and (min-width: 48em) { .webshop-productinfo .main .tabs .panel { display: none; order: 99; } }

.webshop-productinfo .main .tabs .input:checked + .label + .panel { display: block; }

.webshop-productinfo .main .Description_Productinfo, .webshop-productinfo .main .Description_Productinfo p, .webshop-productinfo .main .Description_Productinfo div, .webshop-productinfo .main .Description_Productinfo span { font-weight: 400; }

.webshop-productinfo .main .Description_Productinfo ul, .webshop-productinfo .main .Description_Productinfo ol { padding: 0.5em 0 1em 1.5em; }

.webshop-productinfo .main .Description_Productinfo ul li, .webshop-productinfo .main .Description_Productinfo ol li { margin-bottom: 0.5em; }

.webshop-productinfo .main .Description_Productinfo ul { list-style-type: disc; }

.webshop-productinfo .main .Description_Productinfo ol { list-style-type: decimal; }

.webshop-productinfo .main .Description_Productinfo h2 { font-size: 2rem; line-height: 1.5; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main .Description_Productinfo h2 { font-size: 1.5rem; } }

.webshop-productinfo .main .Description_Productinfo h3 { font-size: 1.5rem; line-height: 1.5; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main .Description_Productinfo h3 { font-size: 1.25rem; } }

.webshop-productinfo .main .Description_Productinfo h4 { font-size: 1.25rem; line-height: 1.5; }

@media screen and (max-width: 47.9375em) { .webshop-productinfo .main .Description_Productinfo h4 { font-size: 1rem; } }

.webshop-productinfo .main .technical-docs a { display: block; color: #2c499e; margin-bottom: 1em; }

.webshop-productinfo .main .technical-docs a:hover { text-decoration: underline; }

.webshop-productinfo .main .related-section + .alsobought-section { border-top: none; }

html.avRedirect-ajax .main-aside img { opacity: 0; }

@media screen and (min-width: 48em) { _:-ms-lang(x) .main aside .video-link, .webshop-productinfo .main aside .video-link { position: absolute; top: 0; } }

#header-basket { display: none; }

html.b2b #header-basket { display: flex; }

@media screen and (min-width: 48em) { #header-basket .tab-heading { display: none; }
  #header-basket label[for="nav-basket"] { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s ease-in-out; display: block !important; position: fixed !important; top: 20px; right: 30px; z-index: -1; transform: translate3d(0, -100px, 0); transition-delay: 1s; box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.5); cursor: pointer; }
  #header-basket label[for="nav-basket"] .basket-heading, #header-basket label[for="nav-basket"] .basket-totalprice { display: none; }
  #header-basket label[for="nav-basket"]::before { content: "\ea19"; content: "\ea19" !important; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-important: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #header-basket label[for="nav-basket"]:not(:hover):before { margin: 0 !important; }
  #header-basket label[for="nav-basket"].show, #header-basket label[for="nav-basket"]:hover { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transform: translate3d(0, 0, 0); transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0s; }
  #header-basket label[for="nav-basket"].show::before, #header-basket label[for="nav-basket"]:hover::before { content: "\ea02"; content: "\ea02" !important; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-important: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #header-basket label[for="nav-basket"]:hover .basket-heading, #header-basket label[for="nav-basket"]:hover .basket-totalprice { display: inline-block; } }

@media screen and (max-width: 47.9375em) { #header-basket label[for="nav-basket"].show { animation: flip-in 1.733s linear 0s 1 normal both; transform-origin: 50% 50%; } }

#header-basket .swiper { width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; flex-grow: 1; align-items: flex-start; justify-content: flex-start; width: auto; }

#header-basket .swiper > div { display: inline-flex; flex-shrink: 0; height: 100%; margin: 0; align-items: center; justify-content: center; outline: none; }

#header-basket .basketTile { position: relative; background: white; z-index: 10; color: #000000; width: 100%; scroll-snap-stop: always; padding: 10px 20px; }

#header-basket .basketTile > span { height: 100%; margin: 0; }

#header-basket .basketTile .item-amount { height: 40px; width: 40px; line-height: 40px; text-align: center; }

#header-basket .basketTile .item-image { margin-right: 10px; display: flex; justify-content: center; }

#header-basket .basketTile img { max-height: 50px; height: auto; width: auto; display: block; border-radius: 5px; overflow: hidden; }

#header-basket .basketTile .itemEdit { display: none; }

#header-basket .editItem[data-edit="remove"] { font-size: 1.75rem; }

#header-basket .editItem[data-edit="remove"]::before { content: "\ea0c"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#header-basket .editItem[data-edit="remove"]:before { margin: 0; }

#header-basket .vat-status { margin-bottom: 0; height: auto; line-height: 1.2; }

@media screen and (max-width: 47.9375em) { #header-basket .nav-tab { padding-bottom: 100px; }
  #header-basket .tab-heading { color: #005140; }
  #header-basket .tab-heading::after { content: "\ea02"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #header-basket .tab-heading:after { margin: 0; margin-left: auto; }
  #header-basket #basket-items { padding: 10px; padding-bottom: 20px; background: #d8d8d8; }
  #header-basket #basket-items li { border-radius: 5px; overflow: hidden; }
  #header-basket .swiper-container { border-radius: 5px; overflow: hidden; margin-bottom: -10px; }
  #header-basket .swiper-container + .swiper-container { margin-top: 15px; }
  #header-basket .swiper-container .swiper { overflow: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin-bottom: -10px; padding-bottom: 10px; }
  #header-basket .swiper-container .swiper > div { scroll-snap-align: start; scroll-snap-coordinate: 0% 0%; -webkit-scroll-snap-coordinate: 0% 0%; }
  #header-basket .swiper-container .swiper .basketTile { padding: 15px 10px; padding-left: 0; }
  #header-basket .swiper-container .swiper .basketTile .editItem { display: none; }
  #header-basket .swiper-container .swiper .left-pane { display: none !important; width: 130px; color: #ffffff; background: #2c499e; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  #header-basket .swiper-container .swiper .left-pane .editItem { width: 50%; font-size: 2.75rem; text-align: center; height: 80px; line-height: 80px; font-weight: 400; border-left: 1px solid rgba(255, 255, 255, 0.15); }
  #header-basket .swiper-container .swiper .right-pane { width: 65px; background: red; color: #ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } }

@media screen and (max-width: 47.9375em) { #header-basket #header-basket-content { background: #ffffff; }
  #header-basket .nav-tab { width: auto !important; } }

@media screen and (min-width: 48em) { #header-basket #header-basket-content { background: #ffffff; border-radius: 5px; opacity: 0; visibility: hidden; position: absolute; top: 100%; margin-top: 10px; right: 0; width: 25rem; z-index: 9999; box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.2); transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  #header-basket #header-basket-content:after { content: ''; display: block; position: absolute; bottom: 100%; right: 0; height: 10px; width: 100%; }
  #header-basket #header-basket-content:before { content: ''; display: block; position: relative; right: 53px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #fff; margin: -10px 0 0 auto; box-shadow: 0px 0px 40px -10px; }
  #header-basket .nav-tab { width: auto !important; }
  #header-basket .nav-tab:hover #header-basket-content, #header-basket .nav-tab.hover #header-basket-content { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s; }
  #header-basket #basket-items { border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: scroll; max-height: 50vh; padding-bottom: 50px; }
  #header-basket .swiper { height: auto; min-height: 65px; border-bottom: 1px solid #d8d8d8; }
  #header-basket .swiper > .left-pane, #header-basket .swiper > .right-pane { display: none; }
  #header-basket .swiper .basketTile.added { animation: bgGreenIndicate 3s; }
  #header-basket .swiper .basketTile:hover .editItem { border-color: #d8d8d8; }
  #header-basket .swiper .editItem { min-width: 40px; height: 40px; margin: -10px; position: relative; text-align: center; line-height: 40px; border: 1px solid transparent; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; }
  #header-basket .swiper .editItem:hover { background: #d8d8d8; }
  #header-basket .swiper .item-amount { min-width: 40px; user-select: none; cursor: default; border-bottom: 1px solid transparent; border-top: 1px solid transparent; }
  #header-basket .swiper .item-amount + .editItem { border-left: none; border-right: 1px solid transparent; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } }

#header-basket .item-image { margin-left: 0; cursor: pointer; min-width: 50px; max-width: 50px; max-height: 50px; }

#header-basket .item-number { color: #2c499e; }

#header-basket .item-variant { font-weight: 400; }

#header-basket .item-price { margin-top: 5px; color: #005140; font-size: 1rem; }

#header-basket .item-info { font-size: 0.875rem; cursor: pointer; padding: 0; height: auto; overflow: hidden; }

#header-basket .basketTile { display: flex; align-items: stretch; padding: 0 10px; margin-bottom: 5px; }

@media screen and (max-width: 47.9375em) { #header-basket .basketTile { padding: 10px; } }

#header-basket .basketTile .item-amount { display: inline-block; align-self: center; height: 2.5rem; white-space: nowrap; }

#header-basket .basketTile .item-amount > span { height: 100%; display: inline-block; text-align: center; line-height: 2.5rem; width: 2.5rem; }

@media screen and (min-width: 48em) { #header-basket .basketTile .item-amount > span.dec-button:hover, #header-basket .basketTile .item-amount > span.inc-button:hover { background: #d8d8d8; } }

#header-basket .basketTile .item-amount > span a { display: block; }

#header-basket .basketTile .item-amount .amount { border: 1px solid #cccccc; border-radius: 5px; }

@media screen and (min-width: 48em) { #header-basket .basketTile .item-image { margin: 0 10px; } }

@media screen and (max-width: 47.9375em) { #header-basket .basketTile .item-image { margin-right: 10px; } }

#header-basket .basketTile .item-image a { display: inline-block; vertical-align: top; height: 50px; width: 100px; }

@media screen and (max-width: 47.9375em) { #header-basket .basketTile .item-image a { width: 75px; } }

#header-basket .basketTile .item-image a img { max-width: 100%; max-height: 100%; }

#header-basket .basketTile .item-info { flex-grow: 1; display: inline-flex; flex-direction: column; justify-content: space-around; margin: 0 10px; font-weight: 600; }

@media screen and (min-width: 48em) { #header-basket .basketTile .item-info { padding: 10px 0; } }

#header-basket .basketTile .item-price { text-align: right; align-self: flex-end; margin-top: 0.25em; }

#header-basket .basketTile .item-remove { display: inline-block; align-self: center; }

@media screen and (max-width: 22em) { #header-basket .basketTile .item-remove { display: none; } }

#header-basket .basketTile .item-remove a { display: block; font-size: 1.375rem; height: 1.375rem; color: red; }

#header-basket .basketTile .item-remove a::before { content: "\ea0c"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#header-basket .basketTile .item-remove a:before { margin: 0; vertical-align: top; }

#header-basket .basket-totals { padding: 25px; z-index: 99; font-size: 1rem; }

@media screen and (min-width: 48em) { #header-basket .basket-totals { padding-top: 0; }
  #header-basket .basket-totals:after { content: ''; display: block; width: 100%; background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0)); height: 50px; position: absolute; top: 0; left: 0; margin-top: -50px; } }

#header-basket .basket-totals span { text-align: right; }

#header-basket .basket-totals div { margin-bottom: 0; }

#header-basket .basket-totals .basket-total { font-size: 1.5rem; }

@media screen and (max-width: 47.9375em) { .webshop-showbasket .main { background: #ffffff; border-radius: 5px 5px 0 0; } }

#basket-content > * { grid-row: 1; }

#basket-content > aside { margin-bottom: 50px; margin-top: 40px; }

@media (min-width: 64.0625em) { #basket-content { margin: 0 auto; display: grid; grid-gap: 10px; grid-gap: 50px; grid-template-columns: 70fr minmax(450px, 30fr); margin-bottom: 100px; }
  #basket-content > * { grid-column: 1/-1; min-width: 0; }
  #basket-content > .basket-items { grid-column: 1; }
  #basket-content > aside { grid-column: 2; } }

@media screen and (min-width: 48em) and (max-width: 64em) { #basket-content > aside { max-width: 60%; margin-left: auto; } }

@media screen and (max-width: 47.9375em) { #basket-content > aside { width: 100%; } }

#basket-content .productTile { grid-template-columns: 100px 100px auto max-content max-content 100px; grid-template-areas: 'amount image info price buy remove'; }

@media screen and (max-width: 47.9375em) { #basket-content .productTile { grid-template-columns: 50px 50px auto auto; grid-template-areas: 'amount image info info remove' 'amount image price price remove'; grid-gap: 5px; } }

#basket-content .productTile .productImage { width: 100%; }

#basket-content .productTile .productImage .imageWrapper { padding: 0; }

#basket-content .productTile .productImage img { width: auto !important; }

#basket-content .productTile .buyControl { grid-area: amount; }

#basket-content .productTile .buyControlSingle { grid-area: buy; }

@media screen and (max-width: 47.9375em) { #basket-content .productTile .buyControlSingle { margin-right: 0; } }

#basket-content .productTile .price .price-unit { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

#basket-content .productTile .productRemove { grid-area: remove; display: flex; justify-content: center; align-items: center; }

@media (min-width: 64.0625em) { #basket-content .productTile .productRemove { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } }

#basket-content .productTile .productRemove a { height: 50%; width: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 2.25rem; color: red; transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 5px; overflow: hidden; }

#basket-content .productTile .productRemove a::before { content: "\ea0c"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#basket-content .productTile .productRemove a:before { margin: 0; }

#basket-content .productTile .productRemove a:hover { background: rgba(255, 0, 0, 0.1); }

#basket-content .productTile:hover .productRemove { opacity: 1; visibility: visible; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.basket-totals { position: static; position: sticky; top: 40px; padding: 20px 25px; display: flex; flex-direction: column; font-weight: 400; font-size: 1.125rem; }

@media screen and (min-width: 48em) and (max-width: 64em) { .basket-totals { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .basket-totals { padding: 25px 50px; } }

@media screen and (min-width: 87.5em) { .basket-totals { padding: 40px; } }

.basket-totals div { display: flex; margin-bottom: 10px; }

.basket-totals span { margin-left: auto; font-weight: 600; }

.basket-totals .basket-total { margin-top: 10px; color: #005140; font-size: 2rem; font-weight: 600; }

@media screen and (max-width: 47.9375em) { .basket-totals .basket-total { font-size: 1.25rem; } }

.basket-totals .basket-total > span { display: flex; flex-direction: column; text-align: right; }

.basket-totals .vat-status { text-align: right; justify-content: flex-end; margin-top: 0; }

.order-button { font-size: 1.5rem; font-weight: 600; background: #005140; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; margin-top: 15px; line-height: 3.75rem; white-space: nowrap; }

.order-button:hover { background: #00382c; color: #ffffff; }

.order-button::after { content: "\ea1b"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-left: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.order-button:after { margin-bottom: 0; }

.webshop-checkout footer { display: none; }

#checkout-container { margin: auto; width: calc(100% - 10px*4); max-width: 106em; margin: 0 auto; display: grid; grid-gap: 10px; padding-bottom: 50px; align-items: start; grid-template-columns: 50% auto; grid-template-areas: 'heading heading' 'address methods' 'address resume'; }

@media screen and (max-width: 47.9375em) { #checkout-container { width: calc(100% - 10px*2); } }

@media screen and (max-width: 47.9375em) { #checkout-container { width: 100%; } }

#checkout-container > * { grid-column: 1/-1; min-width: 0; }

@media screen and (min-width: 87.5em) { #checkout-container { grid-template-columns: 30% auto 45%; grid-template-areas: 'heading heading heading' 'address methods resume'; } }

@media screen and (max-width: 64em) { #checkout-container { grid-template-columns: 100%; grid-template-areas: 'heading' 'address' 'methods' 'resume'; } }

#checkout-container > div { border: 1px solid #d8d8d8; border-radius: 5px; overflow: hidden; padding-bottom: 40px; }

#checkout-container > div > * { padding: 0 40px; }

@media screen and (max-width: 47.9375em) { #checkout-container > div > * { padding: 0 20px; } }

#checkout-container .checkout-headline { grid-area: heading; }

#checkout-container .checkout-headline:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

#checkout-container #column-data { grid-area: address; }

#checkout-container #column-shipping-payment { grid-area: methods; }

#checkout-container #column-order-summary { grid-area: resume; }

#checkout-container h1 { margin-top: 0; }

#checkout-container h2, #checkout-container h3 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; color: #202020; }

#checkout-container .clearfix { display: none; }

#checkout-container #column-data p { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

#checkout-container #column-data fieldset a { font-size: 0.875rem; line-height: 1.5; font-weight: 400; display: block; margin-top: 0.5em; }

#checkout-container #column-data fieldset label { display: inline-block; width: 100%; font-size: 0.75rem; line-height: 1.5; font-weight: 400; color: #555555; margin-top: 0.75em; }

#checkout-container #column-data fieldset label[for="checkout_customer_zipcode"], #checkout-container #column-data fieldset label[for="checkout_customer_altdelivery_zipcode"] { width: 120px; padding-right: 2em; }

#checkout-container #column-data fieldset label[for="checkout_customer_zipcode"] + label, #checkout-container #column-data fieldset label[for="checkout_customer_altdelivery_zipcode"] + label { width: calc(100% - 120px); }

#checkout-container #column-data fieldset label[for="checkout_note"] { margin-top: 3em; }

#checkout-container #column-data fieldset label[for="checkout_note"] textarea { height: 8em; }

#checkout-container #column-data fieldset input:not([type="checkbox"]):not([type="button"]), #checkout-container #column-data fieldset textarea { display: block; width: 100%; background: #efefef; border: none; }

#checkout-container #column-data fieldset input:not([type="checkbox"]):not([type="button"]):last-child, #checkout-container #column-data fieldset textarea:last-child { margin-bottom: 1em; }

#checkout-container #column-data fieldset input[type="button"] { font-size: 1rem; background: #2c499e; color: #ffffff; text-align: center; line-height: 2; padding: 0 1em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

#checkout-container #column-data fieldset input[type="button"]:hover { background: #213776; color: #ffffff; }

#checkout-container #column-data fieldset select { display: block; min-width: 75%; color: #202020; }

#checkout-container #column-data fieldset input.checkout-field-validation-error { border: 1px solid red !important; }

#checkout-container #column-data fieldset .checkout-customerdata-text-validationmessage { color: white; background: red; padding: 0.5rem 1rem; padding-top: 1rem; font-weight: bold; margin-top: -0.5rem; z-index: -1; position: relative; border-radius: 5px; }

#checkout-container #column-data .checkout-row { display: flex; align-items: center; margin: 2em 0; }

#checkout-container #column-data .checkout-row input { appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; border: none; height: 24px; width: 50px; border-radius: 12px; display: inline-block; position: relative; margin: 0; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 5px 15px -3px rgba(0, 0, 0, 0.25); transition: all .2s ease; }

#checkout-container #column-data .checkout-row input:focus { outline: 0; }

#checkout-container #column-data .checkout-row input:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2); transition: transform 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35), background 0.15s ease-in; }

#checkout-container #column-data .checkout-row input:hover { background: rgba(0, 0, 0, 0.4); }

#checkout-container #column-data .checkout-row input:checked { background: #000000; }

#checkout-container #column-data .checkout-row input:checked:after { transform: translate3d(26px, 0, 0); }

#checkout-container #column-data .checkout-row input:checked + label { color: black; }

#checkout-container #column-data .checkout-row input:disabled { background: #000000; cursor: not-allowed  !important; }

#checkout-container #column-data .checkout-row input:disabled + label { cursor: not-allowed  !important; color: #000000; }

#checkout-container #column-data .checkout-row > div { display: inline-flex; }

#checkout-container #column-data .checkout-row > div label { margin: 0 0 0 1em; font-size: 1rem; font-weight: 600; cursor: pointer; }

#checkout-container #column-shipping-payment * + h2 { border-top: 1px solid #d8d8d8; margin-top: 1.5em; padding-top: 1.5em; }

#checkout-container #column-shipping-payment tr { display: flex; align-items: flex-start; }

#checkout-container #column-shipping-payment td { padding: 0; font-weight: 400; cursor: pointer; }

#checkout-container #column-shipping-payment td input { margin-top: -8px; position: relative; z-index: 2; appearance: none; cursor: pointer; margin-right: 1em; border-radius: 1000px; overflow: hidden; border: 2px solid #bbbbbb; transition: all 0.2s ease-in-out; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; outline: none; }

#checkout-container #column-shipping-payment td input:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 1000px; overflow: hidden; background: #ffffff; transition: all 0.2s ease-in-out; }

#checkout-container #column-shipping-payment td input:hover { border-color: #bbbbbb; background: #bbbbbb; }

#checkout-container #column-shipping-payment td input:hover:before { width: 70%; height: 70%; }

#checkout-container #column-shipping-payment td input:checked { border-color: #2c499e; background: #2c499e; }

#checkout-container #column-shipping-payment td input:checked:before { width: 70%; height: 70%; }

#checkout-container #column-shipping-payment td input:checked + label { color: #2c499e; }

#checkout-container #column-shipping-payment label { display: block; }

#checkout-container #column-shipping-payment label:not(:last-child) { margin-bottom: 16px; }

#checkout-container #column-shipping-payment .checked + .checkout-shipping-description-cell, #checkout-container #column-shipping-payment .checked + .checkout-payment-description-cell { color: #2c499e; font-weight: 600; }

#checkout-container #column-shipping-payment .shipping-message, #checkout-container #column-shipping-payment .payment-message { visibility: hidden; height: 0; opacity: 0; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); color: #202020; font-size: 0.875rem; font-weight: 400; padding-top: 0.5em; }

#checkout-container #column-shipping-payment .checked .shipping-message, #checkout-container #column-shipping-payment .checked .payment-message { visibility: visible; opacity: 1; height: auto; margin-left: 0.5em; }

#checkout-container #order-summary { width: 100%; }

#checkout-container #order-summary .right-align { text-align: right; }

#checkout-container #order-summary .center-align { text-align: center; }

#checkout-container #order-summary th { font-size: 0.75rem; line-height: 1.5; font-weight: 400; padding-bottom: 1em; text-align: left; }

#checkout-container #order-summary td { font-weight: 400; font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

#checkout-container #order-summary td.bold { font-size: 1.5rem; font-weight: 600; color: #005140; padding-bottom: 1em; }

#checkout-container #order-summary a { font-weight: 600; }

#checkout-container #order-summary ~ table { margin-top: 2em; width: 100%; }

#checkout-container #order-confirm { border-top: 1px solid #d8d8d8; margin-top: 2em; padding-top: 1em; }

#checkout-container #confirm-termsandconditions-text { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

#checkout-container #confirm-termsandconditions-link-text a { font-size: 0.875rem; color: #2c499e; margin: 1em 0; display: block; }

#checkout-container #acceptTermsBit { appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; border: none; height: 24px; width: 50px; border-radius: 12px; display: inline-block; position: relative; margin: 0; background: rgba(0, 81, 64, 0.2); box-shadow: inset 0 5px 15px -3px rgba(0, 0, 0, 0.25); transition: all .2s ease; }

#checkout-container #acceptTermsBit:focus { outline: 0; }

#checkout-container #acceptTermsBit:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2); transition: transform 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35), background 0.15s ease-in; }

#checkout-container #acceptTermsBit:hover { background: rgba(0, 81, 64, 0.4); }

#checkout-container #acceptTermsBit:checked { background: #005140; }

#checkout-container #acceptTermsBit:checked:after { transform: translate3d(26px, 0, 0); }

#checkout-container #acceptTermsBit:checked + label { color: black; }

#checkout-container #acceptTermsBit:disabled { background: #005140; cursor: not-allowed  !important; }

#checkout-container #acceptTermsBit:disabled + label { cursor: not-allowed  !important; color: #005140; }

#checkout-container #confirm-accepterms { display: flex; align-items: center; margin: 2em 0; }

#checkout-container #confirm-accepterms-link { color: #005140; margin-left: 1em; cursor: pointer; }

#checkout-container #confirm-complete-button { font-size: 1.5rem; font-weight: 600; background: #005140; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; width: 100%; }

#checkout-container #confirm-complete-button:hover { background: #00382c; color: #ffffff; }

@media screen and (max-width: 47.9375em) { #checkout-container #confirm-complete-button { padding-left: 0; padding-right: 0; } }

/* Step 4 */
.webshop-orderstep4 .main { margin: auto; width: calc(100% - 10px*4); max-width: 106em; padding-bottom: 50px; }

@media screen and (max-width: 47.9375em) { .webshop-orderstep4 .main { width: calc(100% - 10px*2); } }

@media screen and (max-width: 47.9375em) { .webshop-orderstep4 .main { background: #ffffff; padding: 20px 25px; } }

@media screen and (max-width: 47.9375em) and (min-width: 48em) and (max-width: 64em) { .webshop-orderstep4 .main { padding: 20px 25px; } }

@media screen and (max-width: 47.9375em) and (min-width: 64.0625em) { .webshop-orderstep4 .main { padding: 25px 50px; } }

.webshop-orderstep4 .main .container { position: relative; }

.webshop-orderstep4 .main .TableLines_OrderStep4 { color: #202020; display: block; font-size: 0.875rem; line-height: 1.5; font-weight: 400; line-height: 1.8; margin-top: 2rem; padding: 0 1.75rem; max-width: 80em; padding: 20px 25px; border-radius: 5px; overflow: hidden; position: relative; border: 1px solid #eaeaea; background: #ffffff; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-orderstep4 .main .TableLines_OrderStep4 { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-orderstep4 .main .TableLines_OrderStep4 { padding: 25px 50px; } }

.webshop-orderstep4 .main .Heading_Order4 { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; display: block; }

@media screen and (max-width: 47.9375em) { .webshop-orderstep4 .main .Heading_Order4 { font-size: 2rem; } }

@media screen and (max-width: 22em) { .webshop-orderstep4 .main .Heading_Order4 { font-size: 1.5rem; } }

.webshop-orderstep4 .main .Heading_Order4:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

.webshop-orderstep4 .main .Heading_OrderStep4 { font-size: 2rem; font-weight: 600; margin-bottom: 1em; display: block; }

.webshop-orderstep4 .main .Order_printIcon a { position: absolute; right: 0; top: 1rem; overflow: hidden; display: block; float: right; padding-right: 2.5rem; background: url("../media/print.svg") no-repeat right; height: 24px; opacity: 0.5; margin-right: 0.9375rem; }

.webshop-orderstep4 .main .Order_printIcon a:hover { opacity: 1; }

.webshop-orderstep4 .main .Order_printIcon img { display: none; }

.webshop-orderstep4 .main span.Heading_Order4 ~ br, .webshop-orderstep4 .main .BreadCrumb ~ br { display: none; }

.webshop-orderstep4 .main .Foto1_OrderStep4 { display: none; }

.webshop-orderstep4 .main hr { height: 0px; border: none; margin: 1em 0; border-bottom: 1px solid #d8d8d8; }

.webshop-orderstep4 .main a { color: #202020; }

.webshop-orderstep4 .main a[href*="p.html"] { font-weight: 600; display: block; line-height: 1; }

.webshop-orderstep4 .main a[href*="p.html"] + table { display: block; }

.webshop-orderstep4 .main a[href*="frontpage"] { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; display: inline-block; margin: 1rem auto; }

.webshop-orderstep4 .main a[href*="frontpage"]:hover { background: #26408a; color: #ffffff; }

.webshop-orderstep4 .main a[href*="frontpage"]::before { content: "\ea1a"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.webshop-orderstep4 .main a ~ br { display: none; }

.webshop-orderstep4 .main .ProductImage_Order4 { display: none; }

.webshop-orderstep4 .main .ShortDescription_ShowBasket { font-size: 0.75rem; line-height: 1.5; font-weight: 400; }

.webshop-orderstep4 .main td { line-height: 1.4; }

.webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] td[width="160"] { color: #000000; }

.webshop-orderstep4 .TableLines_OrderStep4, .webshop-orderstep4 .TableLines_OrderStep4 > tbody, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td { display: inline-block; width: 100%; box-sizing: border-box; }

.webshop-orderstep4 .frontpage-link { cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin-top: 20px; width: 25%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); position: relative; text-align: center; height: 50px; line-height: 50px; display: inline-block; float: left; background: #2c499e url("../media/icon-arrow-left-dark.svg") 1rem center no-repeat; color: #fff; padding: 0 22.2497px 0 44.4994px !important; font-size: 1.125rem; font-weight: 700; border-radius: 3px; cursor: pointer; margin-left: 0; text-align: center; }

.webshop-orderstep4 .frontpage-link:hover { box-shadow: 0 0 35px -8px #1974c1; text-decoration: none; }

.webshop-orderstep4 .frontpage-link:hover:after { padding-left: 15px; }

.webshop-checkout .checkout-customerdata-text-validationmessage { margin-top: 0px; margin-bottom: 10px; }

.BackGroundColor1_OrderStep4 > tbody > tr:last-child > td > table:before { content: ''; display: table; margin-top: 20px; }

.BackGroundColor1_OrderStep4 tr:not(.BasketLine_OrderStep4) + .BasketLine_OrderStep4 > td { padding-top: 20px; }

@media screen and (min-width: 768px) and (max-width: 991px) { .webshop-orderstep4 .frontpage-link { width: 35%; } }

@media screen and (max-width: 767px) { .webshop-orderstep4 .TableLines_OrderStep4 { padding: 0rem 2rem; }
  .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"], .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] > table, .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] > table > tbody, .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] > table > tbody > tr { display: inline-block; width: 100%; }
  .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] td:not([width]) { display: inline-block; width: 100%; text-align: right; }
  .webshop-orderstep4 .TableLines_OrderStep4 td[colspan="7"] td[width="160"] { display: inline-block; width: 100%; margin-top: 10px; font-size: 24px; }
  .BasketLine_OrderStep4 { margin-bottom: 40px; }
  .BasketLine_OrderStep4 td[width="40"] { width: 25px; }
  .BasketLine_OrderStep4 td[width="55%"] { margin-top: 10px; }
  .BasketLine_OrderStep4 td:nth-last-child(2) { display: none; float: left; line-height: 25px; }
  .BasketLine_OrderStep4 td:last-child { float: right; font-weight: bold; color: #2c499e; }
  .ProductImage_Order4 { width: 60px; margin-right: 10px; }
  .webshop-orderstep4 .frontpage-link { width: 100%; }
  .webshop-orderstep4 .TableLines_OrderStep4, .webshop-orderstep4 .TableLines_OrderStep4 > tbody, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody, .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr { display: inline-block; width: 100%; box-sizing: border-box; }
  .webshop-orderstep4 .TableLines_OrderStep4 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td[width="60%"] { margin-bottom: 20px; }
  .BackGroundColor1_OrderStep4 > tbody > tr:last-child > td > table > tbody > tr:nth-child(2), .BackGroundColor1_OrderStep4 > tbody > tr:last-child > td > table > tbody > tr:nth-child(3) { display: none; }
  .BackGroundColor1_OrderStep4 > tbody > tr:last-child > td > table > tbody > tr:not(.BasketLine_OrderStep4) > td:last-child { width: 100%; } }

@media print { body.webshop-orderstep4, html, .main { background: #fff; }
  body.webshop-orderstep4 header, body.webshop-orderstep4 .header-top, html header, html .header-top, .main header, .main .header-top { display: none; }
  body.webshop-orderstep4 nav, html nav, .main nav { display: none; }
  body.webshop-orderstep4 main, html main, .main main { background: none; border-top: none; }
  body.webshop-orderstep4 main > .container > *, html main > .container > *, .main main > .container > * { display: none; }
  body.webshop-orderstep4 main > .container > .TableLines_OrderStep4, html main > .container > .TableLines_OrderStep4, .main main > .container > .TableLines_OrderStep4 { display: inline-block; }
  body.webshop-orderstep4 .TableLines_OrderStep4, html .TableLines_OrderStep4, .main .TableLines_OrderStep4 { padding: 0; border: none !important; line-height: 1.2; box-shadow: none; }
  body.webshop-orderstep4 .TableLines_OrderStep4 ~ a, html .TableLines_OrderStep4 ~ a, .main .TableLines_OrderStep4 ~ a { display: none; }
  body.webshop-orderstep4 .Order_printIcon a, html .Order_printIcon a, .main .Order_printIcon a { display: none !important; }
  body.webshop-orderstep4 hr, html hr, .main hr { background: #333; }
  body.webshop-orderstep4 footer, html footer, .main footer { display: none; } }

.webshop-favorites .Favorites_Custom_DIV > div { position: relative; z-index: 0; }

.webshop-favorites .Heading_Favorites_Wrapper:after { content: ''; position: absolute; left: 0; right: 0; border-bottom: 1px solid #d8d8d8; }

.webshop-favorites .Heading_Favorites_Wrapper h1 { color: #d56a3a; }

.webshop-favorites .Heading_Favorites_Wrapper h1:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

.webshop-favorites .FormTB { display: none; }

.webshop-favorites .main { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (max-width: 64em) { .webshop-favorites .main aside { display: none; } }

.webshop-favorites .main aside .frame { background: rgba(213, 106, 58, 0.1); color: #d56a3a; border-radius: 5px; overflow: hidden; padding: 20px 25px; border: none; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-favorites .main aside .frame { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-favorites .main aside .frame { padding: 25px 50px; } }

.webshop-favorites .main aside .frame h4 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; margin-bottom: 1em; color: #d56a3a; }

.webshop-favorites .main aside .frame p { margin-bottom: 1em; }

.webshop-favorites .main #basket-content .productTile { grid-template-columns: 100px auto max-content max-content 100px; grid-template-areas: 'image info price buy remove'; }

@media screen and (max-width: 47.9375em) { .webshop-favorites .main #basket-content .productTile { grid-template-columns: 50px auto auto auto; grid-template-areas: 'image info info info' 'image price price price' 'image buy buy remove'; }
  .webshop-favorites .main #basket-content .productTile .buyControl { margin-left: 0; justify-content: left; } }

html.b2b .b2c { display: none; }

html:not(.b2b) .b2b { display: none; }

.webshop-b2blogin .main, .webshop-customercenter .main, .webshop-changepassword .main { margin: auto; width: calc(100% - 10px*4); max-width: 106em; }

@media screen and (max-width: 47.9375em) { .webshop-b2blogin .main, .webshop-customercenter .main, .webshop-changepassword .main { width: calc(100% - 10px*2); } }

.webshop-b2blogin input:not([type="checkbox"]):not([type="submit"]), .webshop-b2blogin textarea, .webshop-customercenter input:not([type="checkbox"]):not([type="submit"]), .webshop-customercenter textarea, .webshop-changepassword input:not([type="checkbox"]):not([type="submit"]), .webshop-changepassword textarea { display: block; width: 100%; background: #efefef; border: none; }

.webshop-b2blogin input:not([type="checkbox"]):not([type="submit"]):last-child, .webshop-b2blogin textarea:last-child, .webshop-customercenter input:not([type="checkbox"]):not([type="submit"]):last-child, .webshop-customercenter textarea:last-child, .webshop-changepassword input:not([type="checkbox"]):not([type="submit"]):last-child, .webshop-changepassword textarea:last-child { margin-bottom: 1em; }

.webshop-b2blogin .Heading_B2BLogin_Wrapper, .webshop-changepassword .Heading_B2BLogin_Wrapper { text-align: left !important; }

.webshop-b2blogin .Heading_B2BLogin_Wrapper + br, .webshop-changepassword .Heading_B2BLogin_Wrapper + br { display: none; }

.webshop-b2blogin .ErrorText_B2Blogin, .webshop-changepassword .ErrorText_B2Blogin { opacity: 0; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.webshop-b2blogin .Heading_B2Blogin, .webshop-changepassword .Heading_B2Blogin { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; }

@media screen and (max-width: 47.9375em) { .webshop-b2blogin .Heading_B2Blogin, .webshop-changepassword .Heading_B2Blogin { font-size: 2rem; } }

@media screen and (max-width: 22em) { .webshop-b2blogin .Heading_B2Blogin, .webshop-changepassword .Heading_B2Blogin { font-size: 1.5rem; } }

.webshop-b2blogin .Heading_B2Blogin:before, .webshop-changepassword .Heading_B2Blogin:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

.webshop-b2blogin .change-password-wrapper, .webshop-changepassword .change-password-wrapper { border: 1px solid #d8d8d8; border-radius: 5px; background: #ffffff; padding: 30px 40px; display: block; width: 400px; max-width: 100%; margin: auto; }

.webshop-b2blogin .change-password-wrapper h1, .webshop-changepassword .change-password-wrapper h1 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; }

.webshop-b2blogin input:not([type="checkbox"]):not([type="submit"]), .webshop-b2blogin textarea, .webshop-changepassword input:not([type="checkbox"]):not([type="submit"]), .webshop-changepassword textarea { margin-bottom: 0 !important; }

.webshop-b2blogin input[type="submit"], .webshop-changepassword input[type="submit"] { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; font-size: 1.25rem; }

.webshop-b2blogin input[type="submit"]:hover, .webshop-changepassword input[type="submit"]:hover { background: #26408a; color: #ffffff; }

.webshop-b2blogin .main > form > br, .webshop-changepassword .main > form > br { display: none; }

.webshop-b2blogin .main table[width="400"], .webshop-changepassword .main table[width="400"] { display: block; width: 100%; }

.webshop-b2blogin .main table[width="400"] > tbody, .webshop-b2blogin .main table[width="400"] > tbody > tr, .webshop-changepassword .main table[width="400"] > tbody, .webshop-changepassword .main table[width="400"] > tbody > tr { display: block; max-width: 100%; }

.webshop-b2blogin .main table[width="400"] tr + tr, .webshop-changepassword .main table[width="400"] tr + tr { display: block; width: 400px; max-width: 100%; margin: auto; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }

.webshop-b2blogin .main table[width="400"] tr + tr td, .webshop-changepassword .main table[width="400"] tr + tr td { display: block; width: 100%; padding: 0 40px; }

.webshop-b2blogin .main table[width="400"] tr + tr td[width="100"], .webshop-changepassword .main table[width="400"] tr + tr td[width="100"] { font-size: 0.75rem; line-height: 1.5; font-weight: 400; color: #555555; padding-top: 0.75em; }

.webshop-b2blogin .main table[width="400"] tr:nth-child(2), .webshop-changepassword .main table[width="400"] tr:nth-child(2) { border: 1px solid #d8d8d8; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; padding-top: 30px; font-size: 1.125rem; font-weight: 600; }

.webshop-b2blogin .main table[width="400"] tr:last-child, .webshop-changepassword .main table[width="400"] tr:last-child { border-bottom: 1px solid #d8d8d8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 30px; }

.webshop-b2blogin .main table[width="400"] tr:last-child td[width="200"], .webshop-changepassword .main table[width="400"] tr:last-child td[width="200"] { text-align: center; }

.webshop-b2blogin .main table[width="400"] tr .forgot-password, .webshop-changepassword .main table[width="400"] tr .forgot-password { color: #2c499e; font-size: 0.875rem; line-height: 1.5; font-weight: 400; font-weight: 600; }

.webshop-b2blogin .main table[width="400"] tr .SubmitButton_B2Blogin, .webshop-changepassword .main table[width="400"] tr .SubmitButton_B2Blogin { margin: auto; margin-top: 20px; }

.webshop-b2blogin .main table[width="400"] tr .ErrorText_B2Blogin, .webshop-changepassword .main table[width="400"] tr .ErrorText_B2Blogin { display: block; width: 100%; border-radius: 5px; overflow: hidden; margin-top: 10px; padding: 10px; color: red; background: rgba(255, 0, 0, 0.1); }

.webshop-customercenter .main .Heading_Customer { font-size: 1.25rem; color: #000000; font-weight: 600; margin: 1.5em 0 .5em; }

* + .webshop-customercenter .main .Heading_Customer { margin-top: 2em; }

.webshop-customercenter .main b { display: block; }

.webshop-customercenter .main b .Heading_Customer { font-size: 2.25rem; margin: 0 0 1rem; color: #2c499e; font-weight: 600; }

@media screen and (max-width: 47.9375em) { .webshop-customercenter .main b .Heading_Customer { font-size: 2rem; } }

@media screen and (max-width: 22em) { .webshop-customercenter .main b .Heading_Customer { font-size: 1.5rem; } }

.webshop-customercenter .main b .Heading_Customer:before { content: 'Forside\00a0\00a0\00a0\00a0\00a0/'; }

.webshop-customercenter .main table, .webshop-customercenter .main tbody, .webshop-customercenter .main tr, .webshop-customercenter .main td { display: block; width: 100%; }

.webshop-customercenter .main .BackgroundColor1_Customer { display: table; }

.webshop-customercenter .main form[name="CustomerCenterForm"] { position: relative; }

@media screen and (max-width: 47.9375em) { .webshop-customercenter .main form[name="CustomerCenterForm"] > table > tbody > tr > td { display: flex; flex-direction: column; }
  .webshop-customercenter .main form[name="CustomerCenterForm"] > table > tbody > tr > td #tabID1 { order: 1; }
  .webshop-customercenter .main form[name="CustomerCenterForm"] > table > tbody > tr > td #tabID2 { order: 3; }
  .webshop-customercenter .main form[name="CustomerCenterForm"] > table > tbody > tr > td #tabID3 { order: 2; } }

.webshop-customercenter .main table[align="center"] { display: table; }

.webshop-customercenter .main table[align="center"] tbody { display: table; }

.webshop-customercenter .main table[align="center"] tr { display: table-row; }

.webshop-customercenter .main table[align="center"] td { display: table-cell; width: auto; }

.webshop-customercenter .main #tabB1, .webshop-customercenter .main #tabB2, .webshop-customercenter .main #tabB3 { display: none !important; }

.webshop-customercenter .main #tabB4 { float: right; color: red; position: absolute; top: -3em; right: 0; }

.webshop-customercenter .main #tabID1, .webshop-customercenter .main #tabID2, .webshop-customercenter .main #tabID3 { width: 100%; display: block !important; border: 1px solid #d8d8d8; border-radius: 5px; overflow: hidden; padding: 20px 25px; padding-bottom: 50px !important; margin-bottom: 20px; }

@media screen and (min-width: 48em) and (max-width: 64em) { .webshop-customercenter .main #tabID1, .webshop-customercenter .main #tabID2, .webshop-customercenter .main #tabID3 { padding: 20px 25px; } }

@media (min-width: 64.0625em) { .webshop-customercenter .main #tabID1, .webshop-customercenter .main #tabID2, .webshop-customercenter .main #tabID3 { padding: 25px 50px; } }

@media screen and (min-width: 48em) { .webshop-customercenter .main #tabID1, .webshop-customercenter .main #tabID3 { width: calc(60% - 20px); float: left; margin-right: 20px; }
  .webshop-customercenter .main #tabID2 { width: 40%; float: right; } }

.webshop-customercenter .main #tabID1 { font-weight: 400; }

.webshop-customercenter .main input[type="submit"] { font-size: 1.5rem; font-weight: 600; background: #2c499e; color: #ffffff; text-align: center; line-height: 2.5; padding: 0 2.5em; border-radius: 5px; cursor: pointer; transition: background 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); max-width: 600px; float: left; }

.webshop-customercenter .main input[type="submit"]:hover { background: #26408a; color: #ffffff; }

.webshop-customercenter .main #Field3_0 { width: 120px; padding-right: 2em; display: inline-block; }

.webshop-customercenter .main #Field4_0 { width: calc(100% - 120px); display: inline-block; }

.webshop-customercenter .main select { display: block; min-width: 75%; color: #202020; }

.webshop-customercenter .main #tabID2 table tr { position: relative; }

.webshop-customercenter .main #tabID2 table td:not([width]) { display: none; position: absolute; top: 0; left: -1em; }

.webshop-customercenter .main #tabID2 table td[colspan="2"] { display: block; position: static; }

.webshop-customercenter .main #tabID2 table td[width="30%"] { font-size: 0.75rem; line-height: 1.5; font-weight: 400; color: #555555; margin-top: 0.75em; }

.webshop-customercenter .main #tabID3 { font-weight: 400; }

.webshop-customercenter .main #tabID3 a { color: #2c499e; font-weight: 600; margin-top: 0.5em; display: block; }

.webshop-customercenter .main #tabID3 table[width="70%"] { display: none; }

.webshop-customercenter .main #tabID3 #backlink a::before { content: "\ea1a"; display: inline-block; font: normal normal normal 1em/1 "romer-icons"; speak: none; margin-right: 0.5em; margin-bottom: 0.25em; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.webshop-customercenter .main #tabID3 ul { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

.webshop-customercenter .main #tabID3 #orderlines { margin-top: 40px; }

.webshop-customercenter .main #tabID3 #orderlines > table > tbody > tr[class] > td:nth-child(2) { font-weight: 600; }

@media screen and (max-width: 47.9375em) { .webshop-customercenter .main #tabID3 #orderlines > table > tbody > tr[class] > td:nth-child(2) { width: 30%; } }

.webshop-customercenter .main #tabID3 #orderlines .buyControl { padding: 0 0 10px 0; justify-content: flex-end; }

.webshop-customercenter .main #tabID3 #orderlines .buyControl .buyButton { height: 40px; margin-right: 0; font-size: 1rem; }

@media screen and (max-width: 47.9375em) { .webshop-customercenter .main #tabID3 #orderlines .buyControl .buyButton span { display: none; }
  .webshop-customercenter .main #tabID3 #orderlines .buyControl .buyButton:after { margin: 0; } }

.webshop-customercenter .main #tabID3 #orderlines b { font-weight: 400; }

.webshop-customercenter .main #tabID3 #orderlines tr:not([class]) { font-size: 0.875rem; line-height: 1.5; font-weight: 400; }

.webshop-customercenter .main #tabID3 #orderlines tr:not([class]):not(:last-child) b { font-size: 1.25rem; line-height: 1.25; font-weight: 600; display: block; margin-top: 20px; }

.webshop-customercenter .main #tabID3 #orderlines tr[class] + tr:not([class]) { font-weight: 400; }

.webshop-customercenter .main #tabID3 #orderlines tr[class] + tr:not([class]) td { padding-top: 20px; }

html #CookiePolicy { display: flex; flex-direction: column; position: fixed; z-index: 9999999999 !important; box-sizing: border-box; box-shadow: none; transition: all 0.15s ease-in; }

html #CookiePolicy.dissolve { opacity: 0; visibility: hidden; }

html #CookiePolicy.fixed-top { background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; transition: all 0.15s ease-in; }

html #CookiePolicy.fixed-top.dissolve { background: rgba(0, 0, 0, 0); }

html #CookiePolicy.fixed-top .CookiePolicyCenterText { width: 700px; }

html #CookiePolicy.fixed-top .CookiePolicyCenterText .CookiePolicyText { padding: 25px 0 0; color: #333; }

@media screen and (max-width: 540px) { html #CookiePolicy.fixed-top .CookiePolicyCenterText .CookiePolicyText { padding: 10px 0 0; } }

html #CookiePolicy.fixed-top .CookiePolicyCenterText .CookiePolicyText a { color: #333; }

html #CookiePolicy.fixed-top .CookiePolicyCenterText .CookiePolicyText > * { padding: 0 50px; }

@media screen and (max-width: 540px) { html #CookiePolicy.fixed-top .CookiePolicyCenterText .CookiePolicyText > * { padding: 0 20px; } }

html #CookiePolicy.fixed-top .cookie-policy-consents-container .cookie-policy-consents-area label { margin: 10px 0 0 0; }

html #CookiePolicy.fixed-top .cookie-policy-accept-buttons-container { padding-bottom: 50px; }

@media screen and (max-width: 540px) { html #CookiePolicy.fixed-top .cookie-policy-accept-buttons-container { padding-bottom: 20px; } }

html #CookiePolicy.fixed-top .cookie-policy-accept-buttons-container input { font-size: 120%; }

html #CookiePolicy.fixed-bottom { background: transparent; bottom: 20px; right: 20px; left: auto; top: auto; width: auto; height: auto; }

html #CookiePolicy.fixed-bottom .CookiePolicyCenterText { width: 400px; font-size: 90%; }

html #CookiePolicy.fixed-bottom .CookiePolicyText { padding: 25px; }

@media screen and (max-width: 540px) { html #CookiePolicy.fixed-bottom .CookiePolicyText { padding: 10px; } }

html #CookiePolicy.fixed-bottom .cookie-policy-consents-container { display: block; padding: 0 2em; }

html #CookiePolicy.fixed-bottom .cookie-policy-consents-container .cookie-policy-consents-area { text-align: left; }

html #CookiePolicy.fixed-bottom .cookie-policy-consents-container .cookie-policy-consents-area input { display: inline-block; }

html #CookiePolicy.fixed-bottom .cookie-policy-consents-container .cookie-policy-consents-area label { margin: 0 0 0 10px; }

html #CookiePolicy .CookiePolicyCenterText { position: relative; text-align: center; max-width: 90%; max-height: 90%; overflow-x: visible; overflow-y: scroll; padding-top: 100px; margin: 0; border-radius: 0 0 8px 8px; }

html #CookiePolicy .CookiePolicyCenterText h1, html #CookiePolicy .CookiePolicyCenterText h2, html #CookiePolicy .CookiePolicyCenterText h3, html #CookiePolicy .CookiePolicyCenterText h4, html #CookiePolicy .CookiePolicyCenterText h5 { text-align: center; }

html #CookiePolicy .CookiePolicyCenterText .rtable-cell { text-align: left; padding: 1em; }

html #CookiePolicy .CookiePolicyText { border-radius: 8px 8px 0 0; -webkit-user-select: none; user-select: none; flex: 1; flex-direction: column; align-items: flex-end; display: block; background: #fff; max-height: 1000%; overflow: visible; font-size: 0.875rem; z-index: 2; position: relative; border-top: 1px solid #e6e6e6; transition: all 0.7s cubic-bezier(0.51, 0.46, 0, 1.11); }

html #CookiePolicy .CookiePolicyText p { margin-bottom: 1em; }

html #CookiePolicy .CookiePolicyText h2 { font-size: 200%; font-weight: bold; margin: 1em 0 0.5em; }

html #CookiePolicy .CookiePolicyText h2:first-child { margin-top: 0; }

html #CookiePolicy .CookiePolicyText h3 { font-size: 130%; font-weight: bold; margin: 1em 0 0.5em; }

html #CookiePolicy #CookieLogo { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: center; align-items: center; height: 110px; text-align: center; z-index: 1; opacity: 0; border-radius: 8px 8px 0 0; transform: translate3d(0, 100%, 0); transition: all 0.4s ease-out; }

html #CookiePolicy #CookieLogo img { max-width: 70%; max-height: 70%; }

html #CookiePolicy #CookieLogo.reveal { transform: translate3d(0, 0, 0); opacity: 1; filter: none; }

html #CookiePolicy #CookieLogo.reveal + .CookiePolicyText { border-radius: 0; }

html #CookiePolicy .cookie-policy-wrapper { background: linear-gradient(180deg, #f3f3f3, #fff); border-top: 1px solid #e6e6e6; margin-top: calc(50px - 1em); padding-top: 25px !important; position: -webkit-sticky; position: sticky; bottom: 0; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-wrapper { margin-top: calc(20px - 1em); padding-top: 10px !important; } }

html #CookiePolicy .cookie-policy-wrapper .cookie-policy-consents-container { margin-top: 0; border-top: none; padding-top: 0 !important; }

html #CookiePolicy .cookie-policy-wrapper .cookie-policy-accept-buttons-container { margin: 0 -50px 0; padding-top: 0; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-wrapper .cookie-policy-accept-buttons-container { margin: 0 -20px 0; } }

html #CookiePolicy .cookie-policy-consents-container { background: none; border-top: 1px solid #e6e6e6; margin-top: calc(50px - 1em); padding-top: 25px !important; display: flex; flex-wrap: wrap; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-consents-container { margin-top: calc(20px - 1em); padding-top: 10px !important; } }

html #CookiePolicy .cookie-policy-consents-container .cookie-policy-consents-area { flex: 1; text-align: center; }

html #CookiePolicy input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; border: none; height: 32px; width: 52px; border-radius: 16px; display: block; position: relative; margin: 0 auto; background: rgba(34, 34, 34, 0.2); box-shadow: inset 0 5px 15px -3px rgba(0, 0, 0, 0.25); transition: all 0.2s ease; }

html #CookiePolicy input[type=checkbox]:focus { outline: 0; }

html #CookiePolicy input[type=checkbox]:after { content: ""; position: absolute; top: 6px; left: 6px; width: 20px; height: 20px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2); transition: transform 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35), background 0.15s ease-in; }

html #CookiePolicy input[type=checkbox]:hover { background: rgba(34, 34, 34, 0.4); }

html #CookiePolicy input[type=checkbox]:checked { background: black; }

html #CookiePolicy input[type=checkbox]:checked:after { transform: translate3d(20px, 0, 0); }

html #CookiePolicy input[type=checkbox]:checked + label { color: black; }

html #CookiePolicy input[type=checkbox]:disabled { opacity: 1; background: black; cursor: not-allowed !important; }

html #CookiePolicy input[type=checkbox]:disabled + label { cursor: not-allowed !important; color: black; }

html #CookiePolicy label { cursor: pointer; transition: color 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); color: #222; }

html #CookiePolicy .cookie-policy-details-link-container { background: none; padding: 10px 0 !important; color: #222; font-style: italic; }

html #CookiePolicy .cookie-policy-details-container { background: #fff; padding: 0 0 50px !important; margin: 0; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-details-container { padding: 0 0 20px !important; } }

html #CookiePolicy .cookie-policy-details-container .rtable { margin: -50px; margin-top: 1em; margin-bottom: 0; background: #fff; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-details-container .rtable { margin: -20px; } }

html #CookiePolicy .cookie-policy-details-container .rtable-cell { overflow-wrap: break-word; border-color: #e6e6e6; -webkit-user-select: text; user-select: text; }

html #CookiePolicy .cookie-policy-details-container .rtable-header-cell { background: #e6e6e6; }

html #CookiePolicy .cookie-policy-accept-buttons-container { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 10; display: flex; flex-wrap: wrap; padding: 0 50px; background: none; margin-top: 0; }

@media screen and (max-width: 540px) { html #CookiePolicy .cookie-policy-accept-buttons-container { padding: 0 20px; } }

html #CookiePolicy .cookie-policy-accept-buttons-container input { flex: 1; border-radius: 300px; border: none; font-weight: bold; transition: box-shadow 0.15s cubic-bezier(0.5, 0.1, 0.75, 1.35); margin: 1em 1.5em; padding: 1rem 2rem; outline: none; }

html #CookiePolicy .cookie-policy-accept-buttons-container .cookie-policy-accept { background: none; background: linear-gradient(20deg, #e2e2e2 0%, #efefef 50%); border: 1px solid #d6d6d6; color: rgba(34, 34, 34, 0.75); }

html #CookiePolicy .cookie-policy-accept-buttons-container .cookie-policy-accept:hover { box-shadow: 0 5px 25px -5px rgba(34, 34, 34, 0.35); }

html #CookiePolicy .cookie-policy-accept-buttons-container .cookie-policy-accept-all { position: relative; background: linear-gradient(20deg, #019e47 0%, #01b752 50%); border: 1px solid #01843b; }

html #CookiePolicy .cookie-policy-accept-buttons-container .cookie-policy-accept-all:hover { box-shadow: 0 5px 25px -5px rgba(34, 34, 34, 0.35); }

html #ChangeCookiePolicyConsent { position: fixed; bottom: 5px; left: 5px; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.05 67.13'%3E%3Cpath d='M59.38,26c-2-.12-3.11-.28-3.19-3.3-.1-3.82-7.31-.83-6.86-4,.4-2.93,1.69-4.92-2.44-7-1.31-.66-4.22-.14-5.56-.16-4.64-.08-4.54-3.08-4.59-6.43-.05-4-2.31-5.39-6.28-5.06C13.07,1.48-.78,17.21,0,34.79.87,52.93,15.25,67.11,32.85,67.13,51.5,67.16,65.8,52.55,66,33.24,66.12,27,65.55,26.4,59.38,26Zm-42,11.87c-3,0-4.58-1.64-4.87-4.38.12-3.15,1.57-5,4.55-5.1S21.85,30,21.89,33,20.47,37.84,17.42,37.89Zm3.22-21.22c0-3.41,2-5.31,5.25-5.29s5.05,2.08,5.22,5.5c-.25,3.2-1.89,5.29-5.28,5.19S20.64,20,20.64,16.67ZM28.73,56a4.24,4.24,0,0,1-4.67-4.44c-.1-2.87,1.7-4.32,4.35-4.8,2.91.18,4.64,1.69,4.7,4.51S31.55,55.91,28.73,56Zm5.2-15.15c-3.35-.19-4.83-2.37-5.06-5.59.38-3.24,2.2-5.21,5.45-5.18,3.62,0,5.44,2.46,5.22,5.82A5,5,0,0,1,33.93,40.83Zm16.91,6.9a4.25,4.25,0,0,1-4.52-4.54,4.13,4.13,0,0,1,4.48-4.5c2.84,0,4.31,1.66,4.55,4.4C55.15,46,53.55,47.72,50.84,47.73Z' fill='%234d4d4d'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; z-index: 99999999; transform: scale3d(0.9, 0.9, 0.9); transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); }

html #ChangeCookiePolicyConsent:hover { transform: scale3d(1, 1, 1); }