@charset "UTF-8";
/* lato-100 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline"), local("Lato-Hairline"), url("/font/lato/lato-v14-latin-100.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-100.woff2") format("woff2"), url("/font/lato/lato-v14-latin-100.woff") format("woff"), url("/font/lato/lato-v14-latin-100.ttf") format("truetype"), url("/font/lato/lato-v14-latin-100.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url("/font/lato/lato-v14-latin-100italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-100italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-100italic.woff") format("woff"), url("/font/lato/lato-v14-latin-100italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-100italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Lato Light"), local("Lato-Light"), url("/font/lato/lato-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-300.woff2") format("woff2"), url("/font/lato/lato-v14-latin-300.woff") format("woff"), url("/font/lato/lato-v14-latin-300.ttf") format("truetype"), url("/font/lato/lato-v14-latin-300.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/font/lato/lato-v14-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-300italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-300italic.woff") format("woff"), url("/font/lato/lato-v14-latin-300italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-300italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("/font/lato/lato-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-regular.woff2") format("woff2"), url("/font/lato/lato-v14-latin-regular.woff") format("woff"), url("/font/lato/lato-v14-latin-regular.ttf") format("truetype"), url("/font/lato/lato-v14-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("/font/lato/lato-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-italic.woff") format("woff"), url("/font/lato/lato-v14-latin-italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("/font/lato/lato-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-700.woff2") format("woff2"), url("/font/lato/lato-v14-latin-700.woff") format("woff"), url("/font/lato/lato-v14-latin-700.ttf") format("truetype"), url("/font/lato/lato-v14-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/font/lato/lato-v14-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-700italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-700italic.woff") format("woff"), url("/font/lato/lato-v14-latin-700italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-700italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url("/font/lato/lato-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-900.woff2") format("woff2"), url("/font/lato/lato-v14-latin-900.woff") format("woff"), url("/font/lato/lato-v14-latin-900.ttf") format("truetype"), url("/font/lato/lato-v14-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/font/lato/lato-v14-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("/font/lato/lato-v14-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/font/lato/lato-v14-latin-900italic.woff2") format("woff2"), url("/font/lato/lato-v14-latin-900italic.woff") format("woff"), url("/font/lato/lato-v14-latin-900italic.ttf") format("truetype"), url("/font/lato/lato-v14-latin-900italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/font/roboto/roboto-v18-latin-100.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-100.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-100.woff") format("woff"), url("/font/roboto/roboto-v18-latin-100.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/font/roboto/roboto-v18-latin-100italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-100italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-100italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-100italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-100italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("/font/roboto/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-300.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-300.woff") format("woff"), url("/font/roboto/roboto-v18-latin-300.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/font/roboto/roboto-v18-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-300italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-300italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-300italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-300italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/font/roboto/roboto-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("/font/roboto/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-regular.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-regular.woff") format("woff"), url("/font/roboto/roboto-v18-latin-regular.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-500.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/font/roboto/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-500.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-500.woff") format("woff"), url("/font/roboto/roboto-v18-latin-500.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/font/roboto/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-700.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-700.woff") format("woff"), url("/font/roboto/roboto-v18-latin-700.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/font/roboto/roboto-v18-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-500italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-500italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-500italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-500italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/font/roboto/roboto-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-700italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-700italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-700italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-700italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("/font/roboto/roboto-v18-latin-900.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-900.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-900.woff") format("woff"), url("/font/roboto/roboto-v18-latin-900.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/font/roboto/roboto-v18-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/font/roboto/roboto-v18-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/font/roboto/roboto-v18-latin-900italic.woff2") format("woff2"), url("/font/roboto/roboto-v18-latin-900italic.woff") format("woff"), url("/font/roboto/roboto-v18-latin-900italic.ttf") format("truetype"), url("/font/roboto/roboto-v18-latin-900italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/** headlines */
h1, h2, h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title, h4, #modalContentBox .title, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .indexContainer .index .title, h5, .cart.sumOnly .cartSum.totalSum, h6 {
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: var(--sv-header-text-color, color-mix(in srgb, #342c28 85%, transparent));
}

h1, h2, h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-weight: 600;
}

h1 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 35px;
  padding-bottom: 2px;
}

h2 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 22px;
}

h3, .indexBar > .title, .filterBar > .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

h4, #modalContentBox .title, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .indexContainer .index .title {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

h5, .cart.sumOnly .cartSum.totalSum {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* others */
.errorText {
  color: #e22;
}

.subHeadline {
  color: var(--sv-subheader-text-color, color-mix(in srgb, #e83331 85%, transparent));
  font-size: 17px;
  font-weight: 600;
  padding-left: 1px;
}

.backdropLightgray {
  background: #f6f6f6;
  border-radius: 2px;
  padding: 18px 22px;
  /*border-left: 10px solid #eee;*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.sv-adminViewModeSwitch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 8px;
  max-width: 100%;
  flex: 0 1 auto;
  min-width: 0;
}
.sv-adminViewModeSwitch--simulation .sv-adminViewModeSwitch-label {
  color: #b45309;
}
.sv-adminViewModeSwitch--simulation .sv-adminViewModeSwitch-select {
  box-shadow: 0 0 0 1px rgba(180, 83, 9, 0.45);
}
.sv-adminViewModeSwitch--busy {
  opacity: 0.65;
  pointer-events: none;
}
.sv-adminViewModeSwitch .sv-adminViewModeSwitch-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
}
.sv-adminViewModeSwitch .sv-adminViewModeSwitch-label {
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #888;
  font-weight: 600;
}
.sv-adminViewModeSwitch .sv-adminViewModeSwitch-select {
  appearance: none;
  margin: 0;
  padding: 4px 22px 4px 8px;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #444;
  cursor: pointer;
  max-width: 100%;
}
.sv-adminViewModeSwitch .sv-adminViewModeSwitch-select:focus {
  outline: 2px solid rgba(232, 51, 49, 0.35);
  outline-offset: 1px;
}

@media (max-width: 800px) {
  .sv-adminViewModeSwitch {
    margin-right: 4px;
  }
  .sv-adminViewModeSwitch .sv-adminViewModeSwitch-select {
    padding: 3px 20px 3px 6px;
    font-size: 10px;
    max-width: 118px;
  }
}
#switchDisplay {
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 100;
}
#switchDisplay > div {
  background-color: #fbffcc;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #555;
  font-size: 10px;
  padding: 3px 6px 3px 28px;
  position: relative;
  height: 18px;
  line-height: 18px;
}
#switchDisplay > div .pre {
  background: #fff url("/img/system/aurora3/icons/checkmark-small.png") no-repeat center center;
  width: 22px;
  border-right: 1px solid #bbb;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

div.table {
  display: table;
}
div.table.fullWidth {
  width: 100%;
}
div.table > div {
  display: table-row;
}
div.table > div > div {
  display: table-cell;
  vertical-align: top;
  position: relative;
  white-space: nowrap;
}
div.table > div > div.takeWidth {
  width: 100%;
}
div.table > div > div.alignRight {
  text-align: right;
}
div.table > div > div.alignCenter {
  text-align: center;
}

.icon {
  cursor: pointer;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon.account {
  background-image: url("/img/project/signage/icons/svg/account.svg");
}
.icon.notification {
  background-image: url("/img/project/signage/icons/svg/notification.svg");
}
.icon.cart {
  background-image: url("/img/project/signage/icons/svg/cart.svg");
}
.icon.search {
  background-image: url("/img/project/signage/icons/svg/search.svg");
}
.icon.tiny-arrow-down {
  background-image: url("/img/project/signage/icons/svg/tiny-arrow-down.svg");
}
.icon.tiny-arrow-down-e2 {
  background-image: url("/img/project/signage/icons/svg/tiny-arrow-down-e2.svg");
}

/* mix-ins */
/** global variables **/
/* colors */
/**
 * Singvogel — shared button & pill design tokens.
 * Matrix + migration waves: docs/plan-collections/v3/plans/frontend-button-pill-unification.md
 *
 * Wave 1: tokens + site-wide `a.button`, toolbar modals, header search, checkout finalize base.
 * Waves 2–4: `_sv-buttons-waves.scss` + `moduleDesign.css` / `stripeShop.css`.
 */
:root {
  --sv-btn-radius-pill: 999px;
  --sv-btn-radius-compact: 18px;
  --sv-btn-pill-opacity: 0.9;
  --sv-btn-primary-bg: #e83331;
  --sv-btn-primary-bg-hover: #d82321;
  --sv-btn-primary-fg: #fff;
  --sv-btn-primary-border: #e83331;
  --sv-btn-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  --sv-btn-primary-shadow-hover: 0 2px 6px rgba(0, 0, 0, 0.12);
  --sv-btn-primary-shadow-emphasis: 0 4px 14px rgba(232, 51, 49, 0.35);
  --sv-btn-primary-shadow-emphasis-hover: 0 6px 18px rgba(232, 51, 49, 0.42);
  --sv-btn-secondary-bg: #ffc500;
  --sv-btn-secondary-bg-hover: #efb500;
  --sv-btn-neutral-bg: #888;
  --sv-btn-neutral-bg-hover: #777;
  --sv-btn-neutral-dark-bg: #342c28;
  --sv-btn-neutral-dark-bg-hover: #4a3d36;
  --sv-btn-neutral-dark-shadow: 0 8px 18px rgba(85, 65, 48, 0.14);
  --sv-btn-neutral-dark-shadow-hover: 0 10px 22px rgba(85, 65, 48, 0.18);
  --sv-btn-emphasis-gradient-bg: linear-gradient(145deg, #ef3a38 0%, #d82321 52%, #b81a18 100%);
  --sv-btn-emphasis-gradient-bg-hover: linear-gradient(145deg, #e02f2d 0%, #c41f1d 52%, #a31614 100%);
  --sv-btn-emphasis-gradient-shadow: 0 6px 14px rgba(216, 35, 33, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --sv-btn-emphasis-gradient-shadow-hover: 0 8px 18px rgba(216, 35, 33, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  --sv-btn-ghost-ring: rgba(232, 51, 49, 0.18);
  --sv-btn-ghost-ring-hover: rgba(232, 51, 49, 0.28);
  --sv-btn-icon-toggle-shadow: 0 2px 8px rgba(120, 60, 40, 0.08);
  --sv-btn-icon-toggle-shadow-hover: 0 4px 14px rgba(120, 60, 40, 0.14);
  --sv-btn-motion-duration: 0.18s;
  --sv-btn-motion-ease: ease;
  --sv-btn-hover-lift-y: -1px;
  --sv-btn-compact-font-size: 13px;
  --sv-btn-compact-line-height: 22px;
  --sv-btn-compact-padding-y: 4px;
  --sv-btn-compact-padding-x: 13px;
  --sv-btn-padding-y: 5px;
  --sv-btn-padding-x: 15px;
  --sv-btn-modal-min-height: 44px;
  --sv-btn-modal-padding-y: 10px;
  --sv-btn-modal-padding-x: 22px;
  --sv-btn-emphasis-padding-y: 12px;
  --sv-btn-emphasis-padding-x: 28px;
  --sv-btn-cookie-padding: 11px 24px 12px;
  --sv-btn-logout-padding-y: 10px;
  --sv-btn-logout-padding-x: 24px;
  --sv-btn-subscription-padding-y: 7px;
  --sv-btn-subscription-padding-x: 18px;
  --sv-btn-membership-padding-y: 10px;
  --sv-btn-membership-padding-x: 20px;
}

/* Legacy site-wide CTA hook (checkout, login, downloads, CMS webObject buttons). */
a.button {
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  border: 1px solid var(--sv-btn-primary-border);
  box-shadow: var(--sv-btn-primary-shadow);
}
a.button:hover {
  background: var(--sv-btn-primary-bg-hover);
  border-color: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
}
a.button {
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
a.button:hover {
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
a.button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
a.button {
  display: inline-block;
  padding: var(--sv-btn-padding-y) var(--sv-btn-padding-x);
  line-height: 19px;
}
a.button.small, a.button.download, a.button.chordView {
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
  background: var(--sv-btn-secondary-bg);
  color: #fff !important;
  border: 1px solid var(--sv-btn-secondary-bg);
  line-height: 14px;
  font-size: 14px;
  padding: var(--sv-btn-padding-y) var(--sv-btn-padding-x);
}
a.button.small:hover, a.button.download:hover, a.button.chordView:hover {
  background: var(--sv-btn-secondary-bg-hover);
  border-color: var(--sv-btn-secondary-bg-hover);
  color: #fff !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
a.button.small:active, a.button.download:active, a.button.chordView:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
a.button.marginRight {
  margin-right: 5px;
}
a.button.upperCase {
  text-transform: uppercase;
}
a.button.hidden {
  display: none;
}
a.button.small .nodeBase.string, a.button.download .nodeBase.string {
  min-height: auto;
}

/**
 * Button system — Waves 2 & 4 (core.scss scope).
 * Wave 3 + moduleDesign wave 4 live in moduleDesign.css / stripeShop.css.
 */
/* Wave 2 — cookie, generic modal, logout home CTA */
#modalContentBox .button.cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: rgba(255, 255, 255, 0.92);
  color: #5c5248 !important;
  box-shadow: inset 0 0 0 1px rgba(80, 52, 38, 0.18);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#modalContentBox .button.cancel:hover {
  background: #fff;
  color: #342c28 !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#modalContentBox .button.cancel:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#modalContentBox .button.cancel {
  position: static;
}
#modalContentBox .button.proceed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#modalContentBox .button.proceed:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#modalContentBox .button.proceed:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#modalContentBox .button.proceed {
  position: absolute;
  right: 0;
}
#modalContentBox .cancellationForm .buttons .button {
  display: inline-block;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
#modalContentBox .cancellationForm .buttons .button.cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: rgba(255, 255, 255, 0.92);
  color: #5c5248 !important;
  box-shadow: inset 0 0 0 1px rgba(80, 52, 38, 0.18);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#modalContentBox .cancellationForm .buttons .button.cancel:hover {
  background: #fff;
  color: #342c28 !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#modalContentBox .cancellationForm .buttons .button.cancel:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#modalContentBox .cancellationForm .buttons .button.cancel {
  position: static;
}
#modalContentBox .cancellationForm .buttons .button.proceed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#modalContentBox .cancellationForm .buttons .button.proceed:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#modalContentBox .cancellationForm .buttons .button.proceed:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#modalContentBox .cancellationForm .buttons .button.proceed {
  position: absolute;
  right: 0;
  top: 8px;
}

#cookieNotice .button {
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  border: 1px solid var(--sv-btn-primary-border);
  box-shadow: var(--sv-btn-primary-shadow);
}
#cookieNotice .button:hover {
  background: var(--sv-btn-primary-bg-hover);
  border-color: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
}
#cookieNotice .button {
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#cookieNotice .button:hover {
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#cookieNotice .button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#cookieNotice .button {
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
}
#cookieNotice .button:hover {
  box-shadow: var(--sv-btn-primary-shadow-emphasis-hover);
}
#cookieNotice .button {
  display: inline-block;
  margin: 0;
  padding: var(--sv-btn-cookie-padding);
  border: none;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
#cookieNotice .button:focus {
  outline: none;
}
#cookieNotice .button:focus-visible {
  outline: 2px solid #ec3a39;
  outline-offset: 3px;
}

.nodeBase.customerLogout .customerLogout-homeCta {
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
  background: var(--sv-btn-neutral-dark-bg);
  color: #fff !important;
  border: none;
  font-weight: 600;
  box-shadow: var(--sv-btn-neutral-dark-shadow);
}
.nodeBase.customerLogout .customerLogout-homeCta:hover {
  background: var(--sv-btn-neutral-dark-bg-hover);
  color: #fff !important;
  box-shadow: var(--sv-btn-neutral-dark-shadow-hover);
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
.nodeBase.customerLogout .customerLogout-homeCta:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.nodeBase.customerLogout .customerLogout-homeCta {
  display: inline-block;
  padding: var(--sv-btn-logout-padding-y) var(--sv-btn-logout-padding-x);
  font-size: 15px;
  letter-spacing: 0.02em;
}

/* Wave 4 — header icon toggles (not release-viewer nav pills) */
.customerGate-toolbarIcons .customerGate-iconLink {
  box-shadow: inset 0 0 0 1px var(--sv-btn-ghost-ring), 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
.customerGate-toolbarIcons .customerGate-iconLink:hover {
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-icon-toggle-shadow-hover);
}
.customerGate-toolbarIcons .customerGate-iconLink:active {
  transform: translateY(0);
  box-shadow: var(--sv-btn-icon-toggle-shadow);
}
.customerGate-toolbarIcons .customerGate-iconLink:hover {
  background-color: #fffdf1;
  box-shadow: inset 0 0 0 1px var(--sv-btn-ghost-ring-hover), var(--sv-btn-primary-shadow-hover);
}
.customerGate-toolbarIcons .customerGate-iconLink:active {
  box-shadow: inset 0 0 0 1px var(--sv-btn-ghost-ring), 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* images */
/* visuals */
/* geometrics */
/* fonts */
/* breakpoints */
/* let's make this larger to be more compatible with androids */
/* z-plane */
/* items */
/** clearfix */
.clear {
  clear: both;
}

.clearfix:before, .moduleContainer > div:before, footer .navigation.footer > ul:before, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary:before, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul:before, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title:before, .releaseView-container .release .head:before, .webForm .fieldSet .field .group:before, .webForm .fieldSet .field:before, .webForm .fieldSet-pair:before, .customerManagement .customerManagement:before, .webForm-container:before, .cart.subscriptionInfo .subscriptionFrequency:before, .cart.full .voucherEntry-container .voucherEntry:before, .cart.full .sumList .cartSum .wrapper:before, .cart.full .sumList:before, .cart.full .col .selector:before, .cart.full .col.cartItem-product .priceInfo:before, .cart.full .col.cartItem-product:before, .cart.full:before, .cart.sumOnly .cartSum.totalSum:before, .cart.compact .cartSum:before, .filterBar-wrapper .cart.filterBar .cartSum:before, .cart.compact .item .selector:before, .filterBar-wrapper .cart.filterBar .item .selector:before, .cart.compact.open .item:before, .filterBar-wrapper .cart.open.filterBar .item:before, .customerLogin .collateralInfo:before, .subscriptionManagement .collateralInfo:before, .customerManagement .collateralInfo:before, .passwordRecovery .collateralInfo:before, .customerLogin .fieldWrapper:before, .passwordRecovery .fieldWrapper:before, .checkout .checkout-paymentMethod-wrapper:before, .customerManagement .checkout-paymentMethod-wrapper:before, .checkout > .section.checkout-final .disclaimerCheck:before, .checkout > .section.checkout-final .privacyCheck:before, .checkout > .section.checkout-final .cancellationCheck:before, .checkout > .section.checkout-final .newsletterCheck:before, .checkout > div > .section.checkout-final .disclaimerCheck:before, .checkout > div > .section.checkout-final .privacyCheck:before, .checkout > div > .section.checkout-final .cancellationCheck:before, .checkout > div > .section.checkout-final .newsletterCheck:before, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck:before, .checkout .section.checkout-subscription.checkout-final .privacyCheck:before, .checkout .section.checkout-subscription.checkout-final .cancellationCheck:before, .checkout .section.checkout-subscription.checkout-final .newsletterCheck:before, .checkout > div > div > .section.checkout-final .disclaimerCheck:before, .checkout > div > div > .section.checkout-final .privacyCheck:before, .checkout > div > div > .section.checkout-final .cancellationCheck:before, .checkout > div > div > .section.checkout-final .newsletterCheck:before, .customerManagement > .section.checkout-final .disclaimerCheck:before, .customerManagement > .section.checkout-final .privacyCheck:before, .customerManagement > .section.checkout-final .cancellationCheck:before, .customerManagement > .section.checkout-final .newsletterCheck:before, .customerManagement > div > .section.checkout-final .disclaimerCheck:before, .customerManagement > div > .section.checkout-final .privacyCheck:before, .customerManagement > div > .section.checkout-final .cancellationCheck:before, .customerManagement > div > .section.checkout-final .newsletterCheck:before, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:before, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck:before, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:before, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:before, .customerManagement > div > div > .section.checkout-final .disclaimerCheck:before, .customerManagement > div > div > .section.checkout-final .privacyCheck:before, .customerManagement > div > div > .section.checkout-final .cancellationCheck:before, .customerManagement > div > div > .section.checkout-final .newsletterCheck:before, .checkout > .section.checkout-delivery .deliveryTargets:before,
.checkout > .section.checkout-delivery .customerAccount:before, .checkout > .section.checkout-customerData .deliveryTargets:before,
.checkout > .section.checkout-customerData .customerAccount:before, .checkout > div > .section.checkout-delivery .deliveryTargets:before,
.checkout > div > .section.checkout-delivery .customerAccount:before, .checkout > div > .section.checkout-customerData .deliveryTargets:before,
.checkout > div > .section.checkout-customerData .customerAccount:before, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:before, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:before,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:before, .checkout > div > div > .section.checkout-delivery .deliveryTargets:before,
.checkout > div > div > .section.checkout-delivery .customerAccount:before, .checkout > div > div > .section.checkout-customerData .deliveryTargets:before,
.checkout > div > div > .section.checkout-customerData .customerAccount:before, .customerManagement > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > .section.checkout-delivery .customerAccount:before, .customerManagement > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > .section.checkout-customerData .customerAccount:before, .customerManagement > div > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > div > .section.checkout-delivery .customerAccount:before, .customerManagement > div > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > div > .section.checkout-customerData .customerAccount:before, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:before,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:before, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:before,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:before, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets:before,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:before, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets:before,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:before, .checkout > .section.checkout-paymentMethod .selection:before, .checkout > div > .section.checkout-paymentMethod .selection:before, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:before, .checkout > div > div > .section.checkout-paymentMethod .selection:before, .customerManagement > .section.checkout-paymentMethod .selection:before, .customerManagement > div > .section.checkout-paymentMethod .selection:before, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:before, .customerManagement > div > div > .section.checkout-paymentMethod .selection:before, #main-content .subscriptionPicker:before, #sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch:before, #sidebar > header.mainToolbar:before, #main-wrapper:before,
.clearfix:after,
.moduleContainer > div:after,
footer .navigation.footer > ul:after,
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary:after,
.releaseViewer.slider .releaseSlider .slide .contentSummary > ul:after,
.releaseView-container .release .content .chordViewer-container .chordView-inner > .title:after,
.releaseView-container .release .head:after,
.webForm .fieldSet .field .group:after,
.webForm .fieldSet .field:after,
.webForm .fieldSet-pair:after,
.customerManagement .customerManagement:after,
.webForm-container:after,
.cart.subscriptionInfo .subscriptionFrequency:after,
.cart.full .voucherEntry-container .voucherEntry:after,
.cart.full .sumList .cartSum .wrapper:after,
.cart.full .sumList:after,
.cart.full .col .selector:after,
.cart.full .col.cartItem-product .priceInfo:after,
.cart.full .col.cartItem-product:after,
.cart.full:after,
.cart.sumOnly .cartSum.totalSum:after,
.cart.compact .cartSum:after,
.filterBar-wrapper .cart.filterBar .cartSum:after,
.cart.compact .item .selector:after,
.filterBar-wrapper .cart.filterBar .item .selector:after,
.cart.compact.open .item:after,
.filterBar-wrapper .cart.open.filterBar .item:after,
.customerLogin .collateralInfo:after,
.subscriptionManagement .collateralInfo:after,
.customerManagement .collateralInfo:after,
.passwordRecovery .collateralInfo:after,
.customerLogin .fieldWrapper:after,
.passwordRecovery .fieldWrapper:after,
.checkout .checkout-paymentMethod-wrapper:after,
.customerManagement .checkout-paymentMethod-wrapper:after,
.checkout > .section.checkout-final .disclaimerCheck:after,
.checkout > .section.checkout-final .privacyCheck:after,
.checkout > .section.checkout-final .cancellationCheck:after,
.checkout > .section.checkout-final .newsletterCheck:after,
.checkout > div > .section.checkout-final .disclaimerCheck:after,
.checkout > div > .section.checkout-final .privacyCheck:after,
.checkout > div > .section.checkout-final .cancellationCheck:after,
.checkout > div > .section.checkout-final .newsletterCheck:after,
.checkout .section.checkout-subscription.checkout-final .disclaimerCheck:after,
.checkout .section.checkout-subscription.checkout-final .privacyCheck:after,
.checkout .section.checkout-subscription.checkout-final .cancellationCheck:after,
.checkout .section.checkout-subscription.checkout-final .newsletterCheck:after,
.checkout > div > div > .section.checkout-final .disclaimerCheck:after,
.checkout > div > div > .section.checkout-final .privacyCheck:after,
.checkout > div > div > .section.checkout-final .cancellationCheck:after,
.checkout > div > div > .section.checkout-final .newsletterCheck:after,
.customerManagement > .section.checkout-final .disclaimerCheck:after,
.customerManagement > .section.checkout-final .privacyCheck:after,
.customerManagement > .section.checkout-final .cancellationCheck:after,
.customerManagement > .section.checkout-final .newsletterCheck:after,
.customerManagement > div > .section.checkout-final .disclaimerCheck:after,
.customerManagement > div > .section.checkout-final .privacyCheck:after,
.customerManagement > div > .section.checkout-final .cancellationCheck:after,
.customerManagement > div > .section.checkout-final .newsletterCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .privacyCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:after,
.customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:after,
.customerManagement > div > div > .section.checkout-final .disclaimerCheck:after,
.customerManagement > div > div > .section.checkout-final .privacyCheck:after,
.customerManagement > div > div > .section.checkout-final .cancellationCheck:after,
.customerManagement > div > div > .section.checkout-final .newsletterCheck:after,
.checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after,
.checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after,
.checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after,
.checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after,
.checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after,
.checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after,
.checkout > div > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > div > .section.checkout-delivery .customerAccount:after,
.checkout > div > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > div > .section.checkout-customerData .customerAccount:after,
.customerManagement > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > .section.checkout-delivery .customerAccount:after,
.customerManagement > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > .section.checkout-customerData .customerAccount:after,
.customerManagement > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > .section.checkout-delivery .customerAccount:after,
.customerManagement > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > .section.checkout-customerData .customerAccount:after,
.customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:after,
.customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:after,
.customerManagement > div > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:after,
.customerManagement > div > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:after,
.checkout > .section.checkout-paymentMethod .selection:after,
.checkout > div > .section.checkout-paymentMethod .selection:after,
.checkout .section.checkout-subscription.checkout-paymentMethod .selection:after,
.checkout > div > div > .section.checkout-paymentMethod .selection:after,
.customerManagement > .section.checkout-paymentMethod .selection:after,
.customerManagement > div > .section.checkout-paymentMethod .selection:after,
.customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:after,
.customerManagement > div > div > .section.checkout-paymentMethod .selection:after,
#main-content .subscriptionPicker:after,
#sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch:after,
#sidebar > header.mainToolbar:after,
#main-wrapper:after {
  content: "";
  display: table;
}

.clearfix:after, .moduleContainer > div:after, footer .navigation.footer > ul:after, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary:after, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul:after, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title:after, .releaseView-container .release .head:after, .webForm .fieldSet .field .group:after, .webForm .fieldSet .field:after, .webForm .fieldSet-pair:after, .customerManagement .customerManagement:after, .webForm-container:after, .cart.subscriptionInfo .subscriptionFrequency:after, .cart.full .voucherEntry-container .voucherEntry:after, .cart.full .sumList .cartSum .wrapper:after, .cart.full .sumList:after, .cart.full .col .selector:after, .cart.full .col.cartItem-product .priceInfo:after, .cart.full .col.cartItem-product:after, .cart.full:after, .cart.sumOnly .cartSum.totalSum:after, .cart.compact .cartSum:after, .filterBar-wrapper .cart.filterBar .cartSum:after, .cart.compact .item .selector:after, .filterBar-wrapper .cart.filterBar .item .selector:after, .cart.compact.open .item:after, .filterBar-wrapper .cart.open.filterBar .item:after, .customerLogin .collateralInfo:after, .subscriptionManagement .collateralInfo:after, .customerManagement .collateralInfo:after, .passwordRecovery .collateralInfo:after, .customerLogin .fieldWrapper:after, .passwordRecovery .fieldWrapper:after, .checkout .checkout-paymentMethod-wrapper:after, .customerManagement .checkout-paymentMethod-wrapper:after, .checkout > .section.checkout-final .disclaimerCheck:after, .checkout > .section.checkout-final .privacyCheck:after, .checkout > .section.checkout-final .cancellationCheck:after, .checkout > .section.checkout-final .newsletterCheck:after, .checkout > div > .section.checkout-final .disclaimerCheck:after, .checkout > div > .section.checkout-final .privacyCheck:after, .checkout > div > .section.checkout-final .cancellationCheck:after, .checkout > div > .section.checkout-final .newsletterCheck:after, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck:after, .checkout .section.checkout-subscription.checkout-final .privacyCheck:after, .checkout .section.checkout-subscription.checkout-final .cancellationCheck:after, .checkout .section.checkout-subscription.checkout-final .newsletterCheck:after, .checkout > div > div > .section.checkout-final .disclaimerCheck:after, .checkout > div > div > .section.checkout-final .privacyCheck:after, .checkout > div > div > .section.checkout-final .cancellationCheck:after, .checkout > div > div > .section.checkout-final .newsletterCheck:after, .customerManagement > .section.checkout-final .disclaimerCheck:after, .customerManagement > .section.checkout-final .privacyCheck:after, .customerManagement > .section.checkout-final .cancellationCheck:after, .customerManagement > .section.checkout-final .newsletterCheck:after, .customerManagement > div > .section.checkout-final .disclaimerCheck:after, .customerManagement > div > .section.checkout-final .privacyCheck:after, .customerManagement > div > .section.checkout-final .cancellationCheck:after, .customerManagement > div > .section.checkout-final .newsletterCheck:after, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck:after, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck:after, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck:after, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck:after, .customerManagement > div > div > .section.checkout-final .disclaimerCheck:after, .customerManagement > div > div > .section.checkout-final .privacyCheck:after, .customerManagement > div > div > .section.checkout-final .cancellationCheck:after, .customerManagement > div > div > .section.checkout-final .newsletterCheck:after, .checkout > .section.checkout-delivery .deliveryTargets:after,
.checkout > .section.checkout-delivery .customerAccount:after, .checkout > .section.checkout-customerData .deliveryTargets:after,
.checkout > .section.checkout-customerData .customerAccount:after, .checkout > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > .section.checkout-delivery .customerAccount:after, .checkout > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > .section.checkout-customerData .customerAccount:after, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount:after, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount:after, .checkout > div > div > .section.checkout-delivery .deliveryTargets:after,
.checkout > div > div > .section.checkout-delivery .customerAccount:after, .checkout > div > div > .section.checkout-customerData .deliveryTargets:after,
.checkout > div > div > .section.checkout-customerData .customerAccount:after, .customerManagement > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > .section.checkout-delivery .customerAccount:after, .customerManagement > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > .section.checkout-customerData .customerAccount:after, .customerManagement > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > .section.checkout-delivery .customerAccount:after, .customerManagement > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > .section.checkout-customerData .customerAccount:after, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount:after, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets:after,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount:after, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-delivery .customerAccount:after, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets:after,
.customerManagement > div > div > .section.checkout-customerData .customerAccount:after, .checkout > .section.checkout-paymentMethod .selection:after, .checkout > div > .section.checkout-paymentMethod .selection:after, .checkout .section.checkout-subscription.checkout-paymentMethod .selection:after, .checkout > div > div > .section.checkout-paymentMethod .selection:after, .customerManagement > .section.checkout-paymentMethod .selection:after, .customerManagement > div > .section.checkout-paymentMethod .selection:after, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection:after, .customerManagement > div > div > .section.checkout-paymentMethod .selection:after, #main-content .subscriptionPicker:after, #sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch:after, #sidebar > header.mainToolbar:after, #main-wrapper:after {
  clear: both;
}

.clearfix, .moduleContainer > div, footer .navigation.footer > ul, .releaseViewer.slider .releaseSlider .slide ul.mediaSummary, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul, .releaseView-container .release .content .chordViewer-container .chordView-inner > .title, .releaseView-container .release .head, .webForm .fieldSet .field .group, .webForm .fieldSet .field, .webForm .fieldSet-pair, .customerManagement .customerManagement, .webForm-container, .cart.subscriptionInfo .subscriptionFrequency, .cart.full .voucherEntry-container .voucherEntry, .cart.full .sumList .cartSum .wrapper, .cart.full .sumList, .cart.full .col .selector, .cart.full .col.cartItem-product .priceInfo, .cart.full .col.cartItem-product, .cart.full, .cart.sumOnly .cartSum.totalSum, .cart.compact .cartSum, .filterBar-wrapper .cart.filterBar .cartSum, .cart.compact .item .selector, .filterBar-wrapper .cart.filterBar .item .selector, .cart.compact.open .item, .filterBar-wrapper .cart.open.filterBar .item, .customerLogin .collateralInfo, .subscriptionManagement .collateralInfo, .customerManagement .collateralInfo, .passwordRecovery .collateralInfo, .customerLogin .fieldWrapper, .passwordRecovery .fieldWrapper, .checkout .checkout-paymentMethod-wrapper, .customerManagement .checkout-paymentMethod-wrapper, .checkout > .section.checkout-final .disclaimerCheck, .checkout > .section.checkout-final .privacyCheck, .checkout > .section.checkout-final .cancellationCheck, .checkout > .section.checkout-final .newsletterCheck, .checkout > div > .section.checkout-final .disclaimerCheck, .checkout > div > .section.checkout-final .privacyCheck, .checkout > div > .section.checkout-final .cancellationCheck, .checkout > div > .section.checkout-final .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .privacyCheck, .checkout .section.checkout-subscription.checkout-final .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .newsletterCheck, .checkout > div > div > .section.checkout-final .disclaimerCheck, .checkout > div > div > .section.checkout-final .privacyCheck, .checkout > div > div > .section.checkout-final .cancellationCheck, .checkout > div > div > .section.checkout-final .newsletterCheck, .customerManagement > .section.checkout-final .disclaimerCheck, .customerManagement > .section.checkout-final .privacyCheck, .customerManagement > .section.checkout-final .cancellationCheck, .customerManagement > .section.checkout-final .newsletterCheck, .customerManagement > div > .section.checkout-final .disclaimerCheck, .customerManagement > div > .section.checkout-final .privacyCheck, .customerManagement > div > .section.checkout-final .cancellationCheck, .customerManagement > div > .section.checkout-final .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck, .customerManagement > div > div > .section.checkout-final .disclaimerCheck, .customerManagement > div > div > .section.checkout-final .privacyCheck, .customerManagement > div > div > .section.checkout-final .cancellationCheck, .customerManagement > div > div > .section.checkout-final .newsletterCheck, .checkout > .section.checkout-delivery .deliveryTargets,
.checkout > .section.checkout-delivery .customerAccount, .checkout > .section.checkout-customerData .deliveryTargets,
.checkout > .section.checkout-customerData .customerAccount, .checkout > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > .section.checkout-delivery .customerAccount, .checkout > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .checkout > div > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > div > .section.checkout-delivery .customerAccount, .checkout > div > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > div > .section.checkout-customerData .customerAccount, .customerManagement > .section.checkout-delivery .deliveryTargets,
.customerManagement > .section.checkout-delivery .customerAccount, .customerManagement > .section.checkout-customerData .deliveryTargets,
.customerManagement > .section.checkout-customerData .customerAccount, .customerManagement > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > .section.checkout-delivery .customerAccount, .customerManagement > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > div > .section.checkout-delivery .customerAccount, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > div > .section.checkout-customerData .customerAccount, .checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .checkout > div > div > .section.checkout-paymentMethod .selection, .customerManagement > .section.checkout-paymentMethod .selection, .customerManagement > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > div > div > .section.checkout-paymentMethod .selection, #main-content .subscriptionPicker, #sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch, #sidebar > header.mainToolbar, #main-wrapper {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/** placeholder */
::placeholder {
  color: #e0e0e0;
}

/** basics */
* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 333px;
}

#main-wrapper {
  min-width: 333px;
}

body {
  font-family: KoHo, Helvetica, Arial;
  font-size: 12px;
  color: #666;
  min-height: 800px;
  text-rendering: optimizeLegibility;
  font-size: 15px;
}
body ul, body ol {
  margin-top: 10px;
}

a {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  text-decoration: none;
  color: #e83331;
  text-decoration: none !important;
}
a img {
  border: 0;
}
a:hover {
  text-decoration: underline !important;
}
a:hover {
  color: #ec3a39;
  /*text-decoration: underline !important; später */
}
a.button {
  display: block;
  display: inline-block;
  white-space: nowrap;
  background: #e83331;
  color: #fff !important;
  padding: var(--sv-btn-padding-y) var(--sv-btn-padding-x);
  line-height: 19px;
  border-radius: 999px;
}
a.button.small, a.button.download {
  line-height: 14px;
  font-size: 14px;
  border-radius: 999px;
  background: #ffc500;
}
a.button.small:hover, a.button.download:hover {
  background: #efb500;
}
a.button.small .nodeBase.string, a.button.download .nodeBase.string {
  min-height: auto;
}
a.button.download, a.button.chordView {
  background: #ffc500;
}
a.button.download:hover, a.button.chordView:hover {
  background: #efb500;
}
a.button:hover {
  text-decoration: none !important;
  background: #d82321;
  color: #fff;
}
a.button.marginRight {
  margin-right: 5px;
}
a.button.upperCase {
  text-transform: uppercase;
}
a.button.hidden {
  display: none;
}
a.imageLink {
  position: relative;
  cursor: pointer;
}

em {
  font-style: italic;
}

.breakLine {
  min-height: 10px;
}
.breakLine > .innerLine {
  min-height: 2px;
  font-size: 0;
}
.breakLine > .innerLine > div {
  background: #eee;
}
.breakLine > .innerLine > div.red {
  background: #e83331;
}
.breakLine > .innerLine > div.green {
  background: #ffc500;
}
.breakLine > .innerLine > div.lightgray {
  background: #eee;
}
.breakLine > .innerLine > div.midgray {
  background: #ccc;
}
.breakLine > .innerLine > div.darkgray {
  background: #aaa;
}
.breakLine > .innerLine > div.deepgray {
  background: #888;
}
.breakLine.blockSeparator {
  background: transparent url("/img/project/singvogel/var/separator-dots.png") no-repeat center center;
  min-height: 12px;
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
}
.breakLine.birdSeparator {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.breakLine.birdSeparator .bird {
  background: transparent url("/img/project/singvogel/var/bird-small-on-fff.png") no-repeat center center;
  background-size: 60px auto;
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 2;
}
.breakLine.birdSeparator .line {
  z-index: 1;
  height: 2px;
  background: #777;
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  top: 27px;
}

input, textarea, select, div, a, img {
  -webkit-outline: 0;
  -moz-outline: 0;
  -khtml-outline: none;
  -o-outline: none;
  outline: none;
  outline: 0;
}

.mc-image img {
  z-index: 1;
  position: relative;
}
.mc-image .borderedShadow {
  font-size: 0;
  padding: 0;
}
.mc-image .borderedShadowAlternate {
  padding: 15px;
}
.mc-image .borderedShadowAlternate img {
  padding: 15px;
}

/** messages */
.object-404 {
  width: 100%;
  height: 100%;
  display: table;
}
.object-404 > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #888;
}

/* `front_end::render404` — `tpl/frontEnd/template.404.php` (asset: `asset/image/core/404-page-background.png` → `/img/core/…`) */
.frontEndMessage.message404 {
  box-sizing: border-box;
  display: block;
  min-height: calc(100dvh - var(--sv-chrome-top, 0px));
  padding: 16px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background-color: #ffffff;
  background-image: url("/img/core/404-page-background.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(92vw, 560px) auto;
}

/* some global requirements */
.not-selectable, .checkout > .section.checkout-final .disclaimerCheck .label, .checkout > .section.checkout-final .privacyCheck .label, .checkout > .section.checkout-final .cancellationCheck .label, .checkout > .section.checkout-final .newsletterCheck .label, .checkout > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > .section.checkout-final .privacyCheck .label, .checkout > div > .section.checkout-final .cancellationCheck .label, .checkout > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .checkout > div > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > div > .section.checkout-final .privacyCheck .label, .checkout > div > div > .section.checkout-final .cancellationCheck .label, .checkout > div > div > .section.checkout-final .newsletterCheck .label, .customerManagement > .section.checkout-final .disclaimerCheck .label, .customerManagement > .section.checkout-final .privacyCheck .label, .customerManagement > .section.checkout-final .cancellationCheck .label, .customerManagement > .section.checkout-final .newsletterCheck .label, .customerManagement > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > div > .section.checkout-final .newsletterCheck .label, .checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > .section.checkout-delivery .customerAccount .target .label, .customerManagement > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > .section.checkout-customerData .customerAccount .target .label, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .label, .checkout > .section.checkout-paymentMethod .selection .method .label, .checkout > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .checkout > div > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement > .section.checkout-paymentMethod .selection .method .label, .customerManagement > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .label {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hiddenButAccessible {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* responsive stuff */
@media (max-width: 333px) {
  .expendable.phone {
    display: none;
  }
}
@media (max-width: 440px) {
  .expendable.phone-x {
    display: none;
  }
}
@media (max-width: 414px) {
  .expendable.phone-plus {
    display: none;
  }
}
@media (max-width: 480px) {
  .expendable.tablet-reader {
    display: none;
  }
}
@media (max-width: 540px) {
  .expendable.tablet-reader-big {
    display: none;
  }
}
@media (max-width: 800px) {
  .expendable.tablet-portrait {
    display: none;
  }
}
@media (max-width: 1024px) {
  .expendable.tablet-landscape {
    display: none;
  }
}
@media (max-width: 960px) {
  .expendable.tablet-landscape-big {
    display: none;
  }
}
@media (max-width: 1020px) {
  .expendable.laptop {
    display: none;
  }
}
@media (max-width: 1065px) {
  .expendable.desktop {
    display: none;
  }
}

/***********************************************/
/******** SINGVOGEL-SPECIFIC REVELATIONS *******/
/***********************************************/
body {
  background: #f8f8f8;
}

#main-wrapper {
  min-height: calc(100vh - var(--sv-chrome-top, 0px));
  min-height: calc(100dvh - var(--sv-chrome-top, 0px));
  width: 100%;
  max-width: 100%;
  background: transparent;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
#main-wrapper > .wrap-inner {
  display: flex;
  width: 100%;
  max-width: min(1080px, 100%);
  margin: 0 auto;
  background: #fff;
  flex-grow: 1;
}

@media (min-width: 801px) {
  /* Desktop layout: fixed top chrome + full-width main (see `desktop-unified-header` in _mediaOverrides.scss). */
  #main-wrapper {
    padding-top: 0;
    box-sizing: border-box;
  }
  #main-wrapper::before, #main-wrapper::after {
    content: none !important;
    display: none !important;
  }
}
#sidebar {
  margin-right: 35px;
}

body.preview #sidebar > header.mainToolbar, body.preview #sidebar, body.preview footer {
  display: none !important;
}

#sidebar > header.mainToolbar {
  /* visible: autocomplete live region sits above `#search` (absolute); hidden would clip it */
  overflow: visible;
  padding-top: 15px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  /* .clearfix ::before/::after (display:table) inflate flex/grid cross-size; overflow:hidden contains floats */
}
#sidebar > header.mainToolbar::before, #sidebar > header.mainToolbar::after {
  content: none !important;
  display: none !important;
}
#sidebar > header.mainToolbar .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#sidebar > header.mainToolbar .mainToolbar-trail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  min-width: 0;
}
#sidebar > header.mainToolbar .searchBlock {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin-left: 0;
  min-width: 0;
}
#sidebar > header.mainToolbar .searchBlock input#search {
  border: 1px solid #dedede;
  line-height: 22px;
  border-radius: 18px;
  font-size: 13px;
  padding: 4px 12px;
  min-width: 170px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
#sidebar > header.mainToolbar .searchBlock input#search:hover {
  border-color: #cfcfcf;
  background: #fffdf1;
}
#sidebar > header.mainToolbar .searchBlock input#search:focus {
  border-color: #e83331;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(232, 51, 49, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
#sidebar > header.mainToolbar .searchBlock input#search::placeholder {
  color: #999;
  font-weight: 400;
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit {
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  border: 1px solid var(--sv-btn-primary-border);
  box-shadow: var(--sv-btn-primary-shadow);
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit:hover {
  background: var(--sv-btn-primary-bg-hover);
  border-color: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit {
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit:hover {
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#sidebar > header.mainToolbar .searchBlock .searchBlock-submit {
  border-radius: var(--sv-btn-radius-compact);
  font-size: var(--sv-btn-compact-font-size);
  font-weight: 600;
  line-height: var(--sv-btn-compact-line-height);
  padding: var(--sv-btn-compact-padding-y) var(--sv-btn-compact-padding-x);
  color: #fff;
}
#sidebar > header.mainToolbar .searchBlock-mobileLink {
  display: none;
}
#sidebar > header.mainToolbar .authBlock {
  margin-left: 0;
  float: none;
  flex: 0 0 auto;
}
@media (min-width: 801px) {
  #sidebar > header.mainToolbar .authBlock #customerGate[data-mode^=stranger] .normal {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0;
    padding: 0;
    display: block;
  }
  #sidebar > header.mainToolbar .authBlock #customerGate[data-mode^=stranger] .normal a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border-radius: 17px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23e83331' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23e83331' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background-size: 22px 22px;
    box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.18), 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    text-indent: 120%;
    white-space: nowrap;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }
}
#sidebar > header.mainToolbar .modeSwitchBlock {
  margin-left: 25px;
}
#sidebar > header.mainToolbar .modeSwitchBlock:empty {
  margin-left: 0;
}
#sidebar > header.mainToolbar .modeSwitchBlock {
  float: right;
}
#sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch > .mode {
  float: left;
  margin-right: 5px;
  border-right: 1px solid #ddd;
  padding-right: 5px;
}
#sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch > .mode.active {
  font-weight: 600;
}
#sidebar > header.mainToolbar .modeSwitchBlock .modeSwitch > .mode:last-of-type {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
#sidebar > header.mainToolbar {
  /* page administration def */
}
#sidebar > header.mainToolbar .node-toolBar {
  margin-top: -17px;
}

/* Shared chrome for login / search / newsletter toolbar modals (birds + season orbs). */
/* Toolbar / warm modals — same pills as membership cancel modal (Nein red, Ja white). */
/* Explicit hook for modal/toolbar primary actions (search modal submit, etc.). */
button.sv-toolbar-modal-pill,
.sv-toolbar-modal-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
button.sv-toolbar-modal-pill:hover,
.sv-toolbar-modal-pill:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
button.sv-toolbar-modal-pill:active,
.sv-toolbar-modal-pill:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* Mobile toolbar modals: scroll lock on `#main-wrapper` only (backdrops stay body siblings — see `svMobileViewportLock.js`). */
@media (max-width: 800px) {
  html {
    overflow-x: hidden;
    max-width: 100%;
  }
  body {
    overflow-x: hidden;
    max-width: 100%;
  }
  html.sv-mobile-layout-lock {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #main-wrapper.sv-mobile-layout-lock {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 1;
  }
  #main-wrapper.sv-mobile-layout-lock #sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* Newsletter signup (footer trigger): popup reparented to `body` when open — see `template.newsletterPlugin.php`. */
.newsletterPlugin-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10030;
  background: rgba(52, 44, 40, 0.48);
  opacity: 0;
  transition: opacity 0.18s ease;
}
.newsletterPlugin-backdrop.visible {
  display: block;
  opacity: 1;
}

/* Login toolbar modal: output lives on `body` after `#main-wrapper` (see `template.main.php`).
   When the markup sat inside `#sidebar`, `backdrop-filter` on the fixed header created a containing
   block so `position:fixed; inset:0` on `.loginBlock-backdrop` only covered the toolbar band. */
.loginBlock-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10030;
  background: rgba(52, 44, 40, 0.48);
  opacity: 0;
  transition: opacity 0.18s ease;
}
.loginBlock-backdrop.visible {
  display: block;
  opacity: 1;
}

/* Topic Jahreskreis mobile topic panel — same dimming as `.loginBlock-backdrop` (body sibling after `#main-wrapper`). */
.indexBar-topicPanel-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10030;
  background: rgba(52, 44, 40, 0.48);
  opacity: 0;
  transition: opacity 0.18s ease;
}
.indexBar-topicPanel-backdrop.visible {
  display: block !important;
  opacity: 1;
}

.loginBlock-modal--submitting .loginBlock-modalInner {
  opacity: 0.72;
  pointer-events: none;
}

.loginBlock-modal {
  position: fixed;
  z-index: 10040;
  left: 18px;
  right: 18px;
  top: 100px;
  bottom: auto;
  height: fit-content;
  box-sizing: border-box;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  border: var(--sv-widget-surface-border, 1px solid rgba(255, 255, 255, 0.62));
  background: var(--sv-widget-surface-highlight, linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%)), var(--sv-widget-surface-bg, linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 1.5%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, #fff) 48%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, #fff) 100%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), var(--sv-widget-surface-shadow, 0 24px 55px rgba(80, 52, 38, 0.13));
  color: #342c28;
  overflow: hidden;
  isolation: isolate;
}
.loginBlock-modal::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 8px top 18px;
  background-size: auto min(72%, 260px);
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.loginBlock-modal::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at calc(100% + 18px) -34px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 128px, transparent 129px), radial-gradient(circle at calc(100% - 76px) calc(100% - 70px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 54px, transparent 55px);
  filter: blur(0.2px);
  opacity: 0.95;
  pointer-events: none;
}
.loginBlock-modal {
  display: none;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.loginBlock-modal.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.loginBlock-modalInner {
  position: relative;
  z-index: 1;
  padding: 24px 20px 22px;
  /* Symmetric vertical inset: pill sits below padding-top; global `.contentArea.full.webForm` is reset on `.customerLogin`. */
  padding: 24px 20px 24px;
  max-height: min(78vh, 620px);
  overflow: auto;
}

.loginBlock-kicker {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: var(--sv-current-season-color, #e83331);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 1px 5px rgba(52, 44, 40, 0.12);
}

.loginBlock-close {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #e83331;
  font-size: 27px;
  line-height: 30px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.16);
}

.loginBlock-modal .customerLogin {
  margin-top: 4px;
}

.loginBlock-modal .customerLogin.contentArea.full {
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.loginBlock-modal .customerLogin input[type=text],
.loginBlock-modal .customerLogin input[type=email],
.loginBlock-modal .customerLogin input[type=password],
.loginBlock-modal .customerLogin input[type=search],
.loginBlock-modal .customerLogin input:not([type]) {
  font-size: 16px;
}

.loginBlock-modal .customerLogin .shopButton.submit {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 22px;
  height: auto;
  line-height: normal;
  box-shadow: none;
  float: none;
}
.loginBlock-modal .customerLogin .shopButton.submit a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
.loginBlock-modal .customerLogin .shopButton.submit a.button:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
.loginBlock-modal .customerLogin .shopButton.submit a.button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.customerLogin .sv-passwordToggle {
  display: none;
}

.loginBlock-modal .customerLogin .field.sv-passwordField {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  width: auto;
  max-width: none;
}
.loginBlock-modal .customerLogin .field.sv-passwordField::before, .loginBlock-modal .customerLogin .field.sv-passwordField::after {
  content: none;
  display: none;
}
.loginBlock-modal .customerLogin .field.sv-passwordField .sv-passwordToggle {
  display: inline-block;
  position: static;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #5a4f48;
  font-family: KoHo, "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.loginBlock-modal .customerLogin .field.sv-passwordField .sv-passwordToggle:hover, .loginBlock-modal .customerLogin .field.sv-passwordField .sv-passwordToggle:focus {
  color: #c41230;
  outline: none;
}
.loginBlock-modal .customerLogin .field.sv-passwordField .sv-passwordToggle:focus-visible {
  outline: 2px solid #c41230;
  outline-offset: 2px;
}

/* Mobile toolbar search modal — markup on `body` after `#main-wrapper` (see `template.main.php`); same backdrop-filter / fixed trap as login modal when nested under `#sidebar`. */
.searchBlock-mobileBackdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10030;
  background: rgba(52, 44, 40, 0.48);
  opacity: 0;
  transition: opacity 0.18s ease;
}
.searchBlock-mobileBackdrop.visible {
  display: block;
  opacity: 1;
}

.searchBlock-mobileModal {
  position: fixed;
  z-index: 10040;
  left: 18px;
  right: 18px;
  top: 100px;
  bottom: auto;
  height: fit-content;
  box-sizing: border-box;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  border: var(--sv-widget-surface-border, 1px solid rgba(255, 255, 255, 0.62));
  background: var(--sv-widget-surface-highlight, linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%)), var(--sv-widget-surface-bg, linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 1.5%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, #fff) 48%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, #fff) 100%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), var(--sv-widget-surface-shadow, 0 24px 55px rgba(80, 52, 38, 0.13));
  color: #342c28;
  overflow: hidden;
  isolation: isolate;
}
.searchBlock-mobileModal::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 8px top 18px;
  background-size: auto min(72%, 260px);
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.searchBlock-mobileModal::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at calc(100% + 18px) -34px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 128px, transparent 129px), radial-gradient(circle at calc(100% - 76px) calc(100% - 70px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 54px, transparent 55px);
  filter: blur(0.2px);
  opacity: 0.95;
  pointer-events: none;
}
.searchBlock-mobileModal {
  display: none;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.searchBlock-mobileModal.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.searchBlock-mobileModalInner {
  position: relative;
  z-index: 1;
  padding: 24px 20px 22px;
  overflow: hidden;
}

.searchBlock-mobileKicker {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: var(--sv-current-season-color, #e83331);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 1px 5px rgba(52, 44, 40, 0.12);
  margin-bottom: 8px;
}

.searchBlock-mobileModal h2 {
  margin: 0 36px 6px 0;
  color: #342c28;
  font-size: 28px;
  line-height: 33px;
}

.searchBlock-mobileClose {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #e83331;
  font-size: 27px;
  line-height: 30px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.16);
}

.searchBlock-mobileModal .searchBlock-mobileForm {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.searchBlock-mobileModal .searchBlock-mobileFormRow {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  /* Live region (“N Treffer…”) sits in this band — not over the input */
  padding-top: 22px;
}

.searchBlock-mobileModal .searchBlock-mobileField {
  flex: 1 1 0%;
  min-width: 0;
  width: auto;
  margin-right: 0;
  overflow: visible;
}

.searchBlock-mobileModal .searchBlock-mobileInputWrap {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.searchBlock-mobileModal .searchBlock-mobileLabel {
  position: static;
  display: block;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.searchBlock-mobileModal .searchBlock-mobileForm input[type=search] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  margin: 0;
  border: 1px solid rgba(80, 52, 38, 0.15);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  background: radial-gradient(circle at calc(100% - 12px) 50%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent) 34px, transparent 35px), linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 251, 243, 0.94) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.searchBlock-mobileModal .searchBlock-mobileForm input[type=search]::-webkit-search-decoration, .searchBlock-mobileModal .searchBlock-mobileForm input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.searchBlock-mobileModal .searchBlock-mobileForm input[type=search]:focus {
  border-color: #e83331;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(232, 51, 49, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.searchBlock-mobileModal .searchBlock-mobileFormRow button.searchBlock-mobileSubmit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
.searchBlock-mobileModal .searchBlock-mobileFormRow button.searchBlock-mobileSubmit:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
.searchBlock-mobileModal .searchBlock-mobileFormRow button.searchBlock-mobileSubmit:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.searchBlock-mobileModal .searchBlock-mobileFormRow button.searchBlock-mobileSubmit {
  height: auto;
  min-height: 44px;
  border: none;
  align-self: stretch;
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
}

.searchBlock-mobileModal .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Global release text search (/suche/) — query via header; page shows pill + count only */
.releaseSearch {
  margin: 0 0 2em;
  padding: 0;
  box-sizing: border-box;
}
.releaseSearch .releaseSearch-status {
  min-height: 0;
  margin-bottom: 14px;
}
.releaseSearch .releaseSearch-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
.releaseSearch .releaseSearch-queryPill {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 999px;
  background: #e83331;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
}
.releaseSearch .releaseSearch-resultCount {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: #342c28;
}
.releaseSearch .releaseSearch-emptyHint {
  margin: 0;
  color: #666;
  font-size: 15px;
  line-height: 22px;
}
.releaseSearch .releaseSearch-noHits {
  margin-top: 8px;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.75);
  color: #666;
  box-shadow: inset 0 0 0 1px rgba(80, 52, 38, 0.08);
}
.releaseSearch .releaseSearch-noHits strong,
.releaseSearch .releaseSearch-noHits span {
  display: block;
}
.releaseSearch .releaseSearch-noHits strong {
  margin-bottom: 4px;
  color: #342c28;
  font-size: 18px;
}
.releaseSearch .releaseSearch-noHits span {
  font-size: 15px;
  line-height: 22px;
}
.releaseSearch .releaseSearch-results {
  margin-top: 4px;
}
.releaseSearch .releaseSearch-section {
  margin-top: 22px;
}
.releaseSearch .releaseSearch-section + .releaseSearch-section {
  margin-top: 11px;
}
.releaseSearch .releaseSearch-section:first-of-type {
  margin-top: 8px;
}
.releaseSearch .releaseSearch-sectionHead {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  color: #342c28;
}
.releaseSearch .releaseSearch-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.releaseSearch .releaseSearch-item {
  margin-bottom: 12px;
}
.releaseSearch .releaseSearch-item a {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 0 0 1px rgba(80, 52, 38, 0.08), 0 8px 18px rgba(80, 52, 38, 0.06);
  text-decoration: none;
  color: inherit;
  --release-season-color: #94bf36;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.releaseSearch .releaseSearch-item a:hover {
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--release-season-color), 0 12px 26px rgba(80, 52, 38, 0.11);
  transform: translateY(-1px);
}
.releaseSearch .releaseSearch-item a:hover .releaseSearch-itemCta {
  background: var(--release-season-color);
  color: #fff;
}
.releaseSearch .releaseSearch-itemMain {
  display: block;
  min-width: 0;
}
.releaseSearch .releaseSearch-itemTitle {
  display: block;
  font-weight: 700;
  font-size: 21px;
  line-height: 27px;
  color: #342c28;
}
.releaseSearch .releaseSearch-itemSub {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #e83331;
  margin-top: 3px;
  font-weight: 600;
}
.releaseSearch .releaseSearch-itemTopic {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 10px;
  border-radius: 14px;
  background: var(--release-season-color);
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.releaseSearch .releaseSearch-itemExcerpt {
  display: block;
  margin-top: 8px;
  max-width: 680px;
  color: #6a625c;
  font-size: 15px;
  line-height: 22px;
}
.releaseSearch .releaseSearch-itemMeta {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  gap: 7px;
  padding-top: 2px;
}
.releaseSearch .releaseSearch-itemMeta span {
  display: inline-block;
  white-space: nowrap;
  border-radius: 14px;
  background: var(--release-season-color);
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  padding: 3px 9px;
}
.releaseSearch .releaseSearch-itemMeta .releaseSearch-itemCta {
  margin-top: auto;
  background: #fff;
  color: var(--release-season-color);
  box-shadow: inset 0 0 0 1px var(--release-season-color);
  transition: background 0.18s ease, color 0.18s ease;
}
@media (max-width: 540px) {
  .releaseSearch .releaseSearch-item a {
    flex-direction: column;
    align-items: stretch;
  }
  .releaseSearch .releaseSearch-itemMeta {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .releaseSearch .releaseSearch-itemMeta .releaseSearch-itemCta {
    margin-top: 0;
    margin-left: auto;
  }
}
@media (max-width: 440px) {
  .releaseSearch .releaseSearch-itemTitle {
    font-size: 19px;
    line-height: 24px;
  }
}

/*
 * jQuery UI injects status text in `.ui-helper-hidden-accessible` (e.g. autocomplete).
 * `asset/css/shared/jquery.ui.css` is not linked on the public frontend — without a
 * base rule, that copy can render unstyled. Default: sr-only for other widgets.
 * Header desktop search uses a dedicated block (live region above `#search`). Mobile modal + /suche/: following block.
 */
.ui-helper-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Header desktop: live region above the field — out of flex flow so the toolbar does not jump */
#sidebar > header.mainToolbar .searchBlock-label {
  position: relative;
  /* Sidebar chrome band (~30–32 per mobile-chrome rule); stay below nav flyout (~40) and global modals */
  z-index: 32;
}

#sidebar > header.mainToolbar .searchBlock-label .ui-helper-hidden-accessible {
  position: absolute !important;
  left: 0;
  right: auto;
  bottom: calc(100% + 6px);
  width: max-content !important;
  max-width: calc(100vw - 24px);
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
  border: 0 !important;
  display: block !important;
  font-size: 12px;
  line-height: 1.35;
  color: #6a5f56;
  text-align: left;
  pointer-events: none;
}

/* Release search: jQuery autocomplete live region — visible on /suche/ only */
.releaseSearch-label .ui-helper-hidden-accessible {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0.5em !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
  display: inline !important;
  font-size: 12px;
  line-height: 1.35;
  color: #6a5f56;
  vertical-align: baseline;
}

/* Mobile modal: autocomplete status spans field + Suchen button (single line, no wrap) */
.searchBlock-mobileModal .searchBlock-mobileFormRow .ui-helper-hidden-accessible {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
  border: 0 !important;
  display: block !important;
  font-size: 12px;
  line-height: 1.35;
  color: #6a5f56;
  pointer-events: none;
}

/* Mobile search modal: autocomplete dropdown matches season-orb shell */
body.sv-search-modal-open ul.ui-autocomplete.releaseSearchAutocomplete-menu {
  border: 1px solid rgba(80, 52, 38, 0.1);
  border-radius: 14px;
  background: radial-gradient(circle at calc(100% - 18px) 14px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 12%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 12%, transparent) 52px, transparent 53px), radial-gradient(circle at 16px calc(100% - 12px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent) 36px, transparent 37px), linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 251, 243, 0.95) 52%, rgba(255, 244, 244, 0.96) 100%);
  box-shadow: 0 14px 32px rgba(80, 52, 38, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

body.sv-search-modal-open ul.ui-autocomplete.releaseSearchAutocomplete-menu .ui-menu-item a.ui-state-focus,
body.sv-search-modal-open ul.ui-autocomplete.releaseSearchAutocomplete-menu .ui-menu-item a:hover {
  background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, rgba(255, 255, 255, 0.92));
  margin: 0;
}

/* jQuery UI autocomplete — release search (header + /suche/) — menu is ul.ui-autocomplete */
ul.ui-autocomplete,
ul.ui-autocomplete.releaseSearchAutocomplete-menu {
  z-index: 10050;
  max-height: 280px;
  max-width: calc(100vw - 20px);
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
  padding-left: 0;
  padding-right: 0;
  margin: 4px 0 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  font-size: 13px;
  list-style: none;
}

ul.ui-autocomplete .ui-menu-item {
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  width: auto;
}

ul.ui-autocomplete .ui-menu-item a {
  display: block;
  padding: 10px 12px !important;
  line-height: 1.45;
  color: #333;
  text-decoration: none !important;
  border: none;
  border-radius: 0;
}

ul.ui-autocomplete .ui-menu-item a.ui-state-focus,
ul.ui-autocomplete .ui-menu-item a:hover {
  background: #f0f0f0;
  margin: 0;
}

.logo-container {
  margin-top: 5px;
  margin-left: 20px;
  position: relative;
}
.logo-container .responsiveLogo .logoHomeLink {
  display: none;
}

.responsive-menu, .responsiveTitle, .responsiveLogo, .customerGate .responsive {
  display: none;
}

nav {
  margin-left: 20px;
  margin-top: 30px;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
nav ul {
  margin-top: 0;
}
nav ul, nav li {
  line-height: 24px;
  list-style: none;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #8a817b;
}
nav ul a, nav li a {
  color: #342c28;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: color;
}
nav ul a:hover, nav li a:hover {
  color: #e83331;
}
nav ul.active > a, nav li.active > a {
  color: #e83331;
  font-weight: 600;
}
nav ul > ul, nav li > ul {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
nav ul > ul > li, nav li > ul > li {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  letter-spacing: 0.005em;
  white-space: nowrap;
}
nav ul > ul > li.active a, nav li > ul > li.active a {
  color: #d82321;
  font-weight: 600;
}

#main-content {
  opacity: 1;
  padding-top: 40px;
  height: 100%;
  padding-right: 20px;
  padding-bottom: 80px;
  flex: 0 0 calc(100% - 255px);
  /*width: calc(100% - 255px);*/
  /* moduleDesign stack pages: 15px below chrome / above footer (detail in moduleDesign.css) */
}
#main-content:has(.webRoot.moduleDesign) {
  --moduleDesign-module-gap: 15px;
  padding-top: var(--moduleDesign-module-gap) !important;
  padding-bottom: var(--moduleDesign-module-gap) !important;
}
#main-content {
  /* Must follow base padding/height; desktop chrome offset is `body.padding-top` in `desktop-unified-header` */
}
@media (min-width: 801px) {
  #main-content {
    flex: none !important;
    width: 100% !important;
    max-width: none;
    box-sizing: border-box;
    padding-top: 12px;
    padding-left: 25px;
    height: auto;
    min-height: 0;
  }
}
#main-content .subscriptionPicker {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
}
#main-content .subscriptionPicker .subscription {
  flex: 1 0 25%;
  position: relative;
  border-radius: 6px;
  width: auto;
  border: 2px solid #ddd;
  padding: 25px;
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 55px;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  text-decoration: none !important;
}
#main-content .subscriptionPicker .subscription:hover {
  text-decoration: none !important;
}
#main-content .subscriptionPicker .subscription .title {
  margin-bottom: 15px;
  margin-top: 20px;
}
#main-content .subscriptionPicker .subscription .description {
  color: #777;
  padding-bottom: 110px;
}
#main-content .subscriptionPicker .subscription .price {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  font-size: 18px;
  font-weight: 800;
  color: #333;
}
#main-content .subscriptionPicker .subscription .price > div {
  color: #bbb;
  font-weight: 400;
  font-size: 12px;
}
#main-content .subscriptionPicker .subscription .purchaseButton {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
#main-content .subscriptionPicker .subscription .purchaseButton a {
  display: block;
}
#main-content .subscriptionPicker .subscription .badge {
  display: none;
  background: #d8c32c;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  padding: 8px 10px;
  border-radius: 5px;
  transform: rotate(2deg);
  position: absolute;
  top: -22px;
  left: 14%;
  right: 14%;
}
#main-content .subscriptionPicker .subscription.hasBadge .badge {
  display: block;
}
#main-content:not(:has(.webRoot.moduleDesign)) .subscriptionPicker .subscription .badge {
  z-index: 1000;
}
#main-content ul, #main-content ol {
  margin-left: 40px;
}
#main-content ul li, #main-content ol li {
  margin-bottom: 2px;
}

.checkout, .customerManagement {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
.checkout > .title, .checkout > div > .title, .checkout > div > div > .title, .customerManagement > .title, .customerManagement > div > .title, .customerManagement > div > div > .title {
  margin-bottom: 15px;
}
.checkout > .title.sub, .checkout > div > .title.sub, .checkout > div > div > .title.sub, .customerManagement > .title.sub, .customerManagement > div > .title.sub, .customerManagement > div > div > .title.sub {
  margin-top: 20px;
}
.checkout > .title h2, .checkout > .title h3, .checkout > .title .indexBar > .title, .checkout > .title .filterBar > .title, .checkout > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .checkout > .title .title, .checkout > div > .title h2, .checkout > div > .title h3, .checkout > div > .title .indexBar > .title, .checkout > div > .title .filterBar > .title, .checkout > div > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .checkout > div > .title .title, .checkout > div > div > .title h2, .checkout > div > div > .title h3, .checkout > div > div > .title .indexBar > .title, .checkout > div > div > .title .filterBar > .title, .checkout > div > div > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .checkout > div > div > .title .title, .customerManagement > .title h2, .customerManagement > .title h3, .customerManagement > .title .indexBar > .title, .customerManagement > .title .filterBar > .title, .customerManagement > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .customerManagement > .title .title, .customerManagement > div > .title h2, .customerManagement > div > .title h3, .customerManagement > div > .title .indexBar > .title, .customerManagement > div > .title .filterBar > .title, .customerManagement > div > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .customerManagement > div > .title .title, .customerManagement > div > div > .title h2, .customerManagement > div > div > .title h3, .customerManagement > div > div > .title .indexBar > .title, .customerManagement > div > div > .title .filterBar > .title, .customerManagement > div > div > .title .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .customerManagement > div > div > .title .title {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  color: #342c28;
  font-weight: 700;
}
.checkout > .section,
.checkout > div > .section,
.checkout .section.checkout-subscription,
.checkout > div > div > .section,
.checkout .checkout-paymentMethod-wrapper > .section.checkout-paymentMethod, .customerManagement > .section,
.customerManagement > div > .section,
.customerManagement .section.checkout-subscription,
.customerManagement > div > div > .section,
.customerManagement .checkout-paymentMethod-wrapper > .section.checkout-paymentMethod {
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 249, 232, 0.9) 52%, rgba(255, 242, 242, 0.94) 100%);
  box-shadow: 0 16px 40px rgba(80, 52, 38, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  padding: 18px 20px 20px;
  margin-bottom: 18px;
}
.checkout .checkout-paymentMethod-wrapper > .title, .customerManagement .checkout-paymentMethod-wrapper > .title {
  margin-bottom: 10px;
}
.checkout .shopButton.finalize a.button, .customerManagement .shopButton.finalize a.button {
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  border: 1px solid var(--sv-btn-primary-border);
  box-shadow: var(--sv-btn-primary-shadow);
}
.checkout .shopButton.finalize a.button:hover, .customerManagement .shopButton.finalize a.button:hover {
  background: var(--sv-btn-primary-bg-hover);
  border-color: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
}
.checkout .shopButton.finalize a.button, .customerManagement .shopButton.finalize a.button {
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
.checkout .shopButton.finalize a.button:hover, .customerManagement .shopButton.finalize a.button:hover {
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
.checkout .shopButton.finalize a.button:active, .customerManagement .shopButton.finalize a.button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.checkout .shopButton.finalize a.button, .customerManagement .shopButton.finalize a.button {
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
}
.checkout .shopButton.finalize a.button:hover, .customerManagement .shopButton.finalize a.button:hover {
  box-shadow: var(--sv-btn-primary-shadow-emphasis-hover);
}
.checkout .shopButton.finalize a.button, .customerManagement .shopButton.finalize a.button {
  display: inline-block;
  padding: var(--sv-btn-emphasis-padding-y) var(--sv-btn-emphasis-padding-x);
  font-weight: 600;
  font-size: 16px;
  border: none;
}
.checkout .trialInfoBlock, .customerManagement .trialInfoBlock {
  margin-top: 30px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(252, 220, 140, 0.85);
  background: linear-gradient(145deg, rgba(255, 252, 235, 0.98) 0%, rgba(255, 244, 210, 0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 8px 22px rgba(80, 52, 38, 0.08);
  font-size: 14px;
  line-height: 1.5;
  color: #4a403c;
}
.checkout > .section.checkout-customerData .customerForm.registration .infoText, .checkout > div > .section.checkout-customerData .customerForm.registration .infoText, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .checkout > div > div > .section.checkout-customerData .customerForm.registration .infoText, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .customerManagement > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement > div > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText, .customerManagement > div > div > .section.checkout-customerData .customerForm.registration .infoText, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration .infoText {
  margin-bottom: 15px;
}
.checkout > .section.checkout-customerData .customerForm.registration input, .checkout > div > .section.checkout-customerData .customerForm.registration input, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration input, .checkout > div > div > .section.checkout-customerData .customerForm.registration input, .checkout .section.checkout-subscription.checkout-customerData .customerForm.registration input, .customerManagement > .section.checkout-customerData .customerForm.registration input, .customerManagement > div > .section.checkout-customerData .customerForm.registration input, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration input, .customerManagement > div > div > .section.checkout-customerData .customerForm.registration input, .customerManagement .section.checkout-subscription.checkout-customerData .customerForm.registration input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.checkout > .section.checkout-paymentMethod .info, .checkout > div > .section.checkout-paymentMethod .info, .checkout .section.checkout-subscription.checkout-paymentMethod .info, .checkout > div > div > .section.checkout-paymentMethod .info, .checkout .section.checkout-subscription.checkout-paymentMethod .info, .customerManagement > .section.checkout-paymentMethod .info, .customerManagement > div > .section.checkout-paymentMethod .info, .customerManagement .section.checkout-subscription.checkout-paymentMethod .info, .customerManagement > div > div > .section.checkout-paymentMethod .info, .customerManagement .section.checkout-subscription.checkout-paymentMethod .info {
  margin-bottom: 15px;
}
.checkout > .section.checkout-paymentMethod .selection, .checkout > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .checkout > div > div > .section.checkout-paymentMethod .selection, .checkout .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > .section.checkout-paymentMethod .selection, .customerManagement > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection, .customerManagement > div > div > .section.checkout-paymentMethod .selection, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection {
  margin-left: 2px;
}
.checkout > .section.checkout-paymentMethod .selection .method, .checkout > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method, .checkout > div > div > .section.checkout-paymentMethod .selection .method, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method, .customerManagement > .section.checkout-paymentMethod .selection .method, .customerManagement > div > .section.checkout-paymentMethod .selection .method, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method {
  margin-bottom: 10px;
}
.checkout > .section.checkout-paymentMethod .selection .method .field, .checkout > div > .section.checkout-paymentMethod .selection .method .field, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .checkout > div > div > .section.checkout-paymentMethod .selection .method .field, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .customerManagement > .section.checkout-paymentMethod .selection .method .field, .customerManagement > div > .section.checkout-paymentMethod .selection .method .field, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .field, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout > .section.checkout-paymentMethod .selection .method .field input, .checkout > div > .section.checkout-paymentMethod .selection .method .field input, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .checkout > div > div > .section.checkout-paymentMethod .selection .method .field input, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .customerManagement > .section.checkout-paymentMethod .selection .method .field input, .customerManagement > div > .section.checkout-paymentMethod .selection .method .field input, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field input, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .field input, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .field input {
  cursor: pointer;
}
.checkout > .section.checkout-paymentMethod .selection .method .label, .checkout > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .checkout > div > div > .section.checkout-paymentMethod .selection .method .label, .checkout .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > .section.checkout-paymentMethod .selection .method .label, .customerManagement > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label, .customerManagement > div > div > .section.checkout-paymentMethod .selection .method .label, .customerManagement .section.checkout-subscription.checkout-paymentMethod .selection .method .label {
  display: inline-block;
  line-height: 22px;
  margin-right: 40px;
  cursor: pointer;
  font-weight: 600;
}
.checkout > .section .loginForm,
.checkout > .section .newCustomerForm, .checkout > div > .section .loginForm,
.checkout > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm, .checkout > div > div > .section .loginForm,
.checkout > div > div > .section .newCustomerForm, .checkout .section.checkout-subscription .loginForm,
.checkout .section.checkout-subscription .newCustomerForm, .customerManagement > .section .loginForm,
.customerManagement > .section .newCustomerForm, .customerManagement > div > .section .loginForm,
.customerManagement > div > .section .newCustomerForm, .customerManagement .section.checkout-subscription .loginForm,
.customerManagement .section.checkout-subscription .newCustomerForm, .customerManagement > div > div > .section .loginForm,
.customerManagement > div > div > .section .newCustomerForm, .customerManagement .section.checkout-subscription .loginForm,
.customerManagement .section.checkout-subscription .newCustomerForm {
  opacity: 0;
  margin-bottom: 0;
  overflow: hidden;
  height: 0 !important;
}
.checkout > .section .loginForm.visible,
.checkout > .section .newCustomerForm.visible, .checkout > div > .section .loginForm.visible,
.checkout > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible, .checkout > div > div > .section .loginForm.visible,
.checkout > div > div > .section .newCustomerForm.visible, .checkout .section.checkout-subscription .loginForm.visible,
.checkout .section.checkout-subscription .newCustomerForm.visible, .customerManagement > .section .loginForm.visible,
.customerManagement > .section .newCustomerForm.visible, .customerManagement > div > .section .loginForm.visible,
.customerManagement > div > .section .newCustomerForm.visible, .customerManagement .section.checkout-subscription .loginForm.visible,
.customerManagement .section.checkout-subscription .newCustomerForm.visible, .customerManagement > div > div > .section .loginForm.visible,
.customerManagement > div > div > .section .newCustomerForm.visible, .customerManagement .section.checkout-subscription .loginForm.visible,
.customerManagement .section.checkout-subscription .newCustomerForm.visible {
  opacity: 1;
  margin-bottom: 15px;
  overflow: visible;
  height: auto !important;
}
.checkout > .section .loginForm.open,
.checkout > .section .newCustomerForm.open, .checkout > div > .section .loginForm.open,
.checkout > div > .section .newCustomerForm.open, .checkout .section.checkout-subscription .loginForm.open,
.checkout .section.checkout-subscription .newCustomerForm.open, .checkout > div > div > .section .loginForm.open,
.checkout > div > div > .section .newCustomerForm.open, .checkout .section.checkout-subscription .loginForm.open,
.checkout .section.checkout-subscription .newCustomerForm.open, .customerManagement > .section .loginForm.open,
.customerManagement > .section .newCustomerForm.open, .customerManagement > div > .section .loginForm.open,
.customerManagement > div > .section .newCustomerForm.open, .customerManagement .section.checkout-subscription .loginForm.open,
.customerManagement .section.checkout-subscription .newCustomerForm.open, .customerManagement > div > div > .section .loginForm.open,
.customerManagement > div > div > .section .newCustomerForm.open, .customerManagement .section.checkout-subscription .loginForm.open,
.customerManagement .section.checkout-subscription .newCustomerForm.open {
  opacity: 1;
}
.checkout > .section .loginForm .innerContainer,
.checkout > .section .newCustomerForm .innerContainer, .checkout > div > .section .loginForm .innerContainer,
.checkout > div > .section .newCustomerForm .innerContainer, .checkout .section.checkout-subscription .loginForm .innerContainer,
.checkout .section.checkout-subscription .newCustomerForm .innerContainer, .checkout > div > div > .section .loginForm .innerContainer,
.checkout > div > div > .section .newCustomerForm .innerContainer, .checkout .section.checkout-subscription .loginForm .innerContainer,
.checkout .section.checkout-subscription .newCustomerForm .innerContainer, .customerManagement > .section .loginForm .innerContainer,
.customerManagement > .section .newCustomerForm .innerContainer, .customerManagement > div > .section .loginForm .innerContainer,
.customerManagement > div > .section .newCustomerForm .innerContainer, .customerManagement .section.checkout-subscription .loginForm .innerContainer,
.customerManagement .section.checkout-subscription .newCustomerForm .innerContainer, .customerManagement > div > div > .section .loginForm .innerContainer,
.customerManagement > div > div > .section .newCustomerForm .innerContainer, .customerManagement .section.checkout-subscription .loginForm .innerContainer,
.customerManagement .section.checkout-subscription .newCustomerForm .innerContainer {
  overflow: hidden;
}
.checkout > .section.checkout-delivery .deliveryDate-info, .checkout > .section.checkout-customerData .deliveryDate-info, .checkout > div > .section.checkout-delivery .deliveryDate-info, .checkout > div > .section.checkout-customerData .deliveryDate-info, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info, .checkout > div > div > .section.checkout-delivery .deliveryDate-info, .checkout > div > div > .section.checkout-customerData .deliveryDate-info, .checkout .section.checkout-subscription.checkout-delivery .deliveryDate-info, .checkout .section.checkout-subscription.checkout-customerData .deliveryDate-info, .customerManagement > .section.checkout-delivery .deliveryDate-info, .customerManagement > .section.checkout-customerData .deliveryDate-info, .customerManagement > div > .section.checkout-delivery .deliveryDate-info, .customerManagement > div > .section.checkout-customerData .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryDate-info, .customerManagement > div > div > .section.checkout-delivery .deliveryDate-info, .customerManagement > div > div > .section.checkout-customerData .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryDate-info, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryDate-info {
  margin-bottom: 15px;
}
.checkout > .section.checkout-delivery .deliveryTargets,
.checkout > .section.checkout-delivery .customerAccount, .checkout > .section.checkout-customerData .deliveryTargets,
.checkout > .section.checkout-customerData .customerAccount, .checkout > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > .section.checkout-delivery .customerAccount, .checkout > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .checkout > div > div > .section.checkout-delivery .deliveryTargets,
.checkout > div > div > .section.checkout-delivery .customerAccount, .checkout > div > div > .section.checkout-customerData .deliveryTargets,
.checkout > div > div > .section.checkout-customerData .customerAccount, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > .section.checkout-delivery .deliveryTargets,
.customerManagement > .section.checkout-delivery .customerAccount, .customerManagement > .section.checkout-customerData .deliveryTargets,
.customerManagement > .section.checkout-customerData .customerAccount, .customerManagement > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > .section.checkout-delivery .customerAccount, .customerManagement > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets,
.customerManagement > div > div > .section.checkout-delivery .customerAccount, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets,
.customerManagement > div > div > .section.checkout-customerData .customerAccount, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount {
  margin-left: 2px;
}
.checkout > .section.checkout-delivery .deliveryTargets .target,
.checkout > .section.checkout-delivery .customerAccount .target, .checkout > .section.checkout-customerData .deliveryTargets .target,
.checkout > .section.checkout-customerData .customerAccount .target, .checkout > div > .section.checkout-delivery .deliveryTargets .target,
.checkout > div > .section.checkout-delivery .customerAccount .target, .checkout > div > .section.checkout-customerData .deliveryTargets .target,
.checkout > div > .section.checkout-customerData .customerAccount .target, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target,
.checkout > div > div > .section.checkout-delivery .customerAccount .target, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target,
.checkout > div > div > .section.checkout-customerData .customerAccount .target, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target, .customerManagement > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > .section.checkout-delivery .customerAccount .target, .customerManagement > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > .section.checkout-customerData .customerAccount .target, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > div > .section.checkout-delivery .customerAccount .target, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > div > .section.checkout-customerData .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target {
  margin-bottom: 10px;
  clear: both;
}
.checkout > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > .section.checkout-delivery .customerAccount .target.sub, .checkout > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > .section.checkout-customerData .customerAccount .target.sub, .checkout > div > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > div > .section.checkout-delivery .customerAccount .target.sub, .checkout > div > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > div > .section.checkout-customerData .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target.sub,
.checkout > div > div > .section.checkout-delivery .customerAccount .target.sub, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target.sub,
.checkout > div > div > .section.checkout-customerData .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .customerManagement > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > .section.checkout-customerData .customerAccount .target.sub, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > div > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > div > .section.checkout-customerData .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target.sub, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target.sub,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target.sub, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target.sub,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target.sub, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target.sub,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target.sub {
  margin-top: 10px;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > .section.checkout-delivery .customerAccount .target .field, .checkout > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > .section.checkout-customerData .customerAccount .target .field, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > div > .section.checkout-delivery .customerAccount .target .field, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > div > .section.checkout-customerData .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .field,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .field, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .field,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .customerManagement > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > .section.checkout-delivery .customerAccount .target .field, .customerManagement > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > .section.checkout-customerData .customerAccount .target .field, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .field, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .field,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .field, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .field,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field {
  margin-right: 10px;
  cursor: pointer;
  float: left;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > .section.checkout-delivery .customerAccount .target .field input, .checkout > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > .section.checkout-customerData .customerAccount .target .field input, .checkout > div > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > div > .section.checkout-delivery .customerAccount .target .field input, .checkout > div > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > div > .section.checkout-customerData .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .field input,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .field input, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .field input,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .customerManagement > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > .section.checkout-customerData .customerAccount .target .field input, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field input, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .field input,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .field input, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .field input,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .field input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .field input,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .field input {
  width: 12px;
  height: 13px;
  cursor: pointer;
}
.checkout > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > .section.checkout-delivery .customerAccount .target .label, .checkout > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > .section.checkout-customerData .customerAccount .target .label, .checkout > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .checkout > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-delivery .customerAccount .target .label, .checkout > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.checkout > div > div > .section.checkout-customerData .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .checkout .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.checkout .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > .section.checkout-delivery .customerAccount .target .label, .customerManagement > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > .section.checkout-customerData .customerAccount .target .label, .customerManagement > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label, .customerManagement > div > div > .section.checkout-delivery .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-delivery .customerAccount .target .label, .customerManagement > div > div > .section.checkout-customerData .deliveryTargets .target .label,
.customerManagement > div > div > .section.checkout-customerData .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-delivery .customerAccount .target .label, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryTargets .target .label,
.customerManagement .section.checkout-subscription.checkout-customerData .customerAccount .target .label {
  display: inline-block;
  margin-right: 40px;
  line-height: 22px;
  cursor: pointer;
  font-weight: 600;
}
.checkout > .section.checkout-delivery .deliveryAddressForm, .checkout > .section.checkout-customerData .deliveryAddressForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .customerManagement > .section.checkout-delivery .deliveryAddressForm, .customerManagement > .section.checkout-customerData .deliveryAddressForm, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > .section.checkout-customerData .deliveryAddressForm.visible, .checkout > div > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > div > .section.checkout-customerData .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.visible, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .customerManagement > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.visible, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.visible, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.visible {
  opacity: 1;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.open, .checkout > .section.checkout-customerData .deliveryAddressForm.open, .checkout > div > .section.checkout-delivery .deliveryAddressForm.open, .checkout > div > .section.checkout-customerData .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.open, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .customerManagement > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.open, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.open, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.open {
  overflow: visible;
}
.checkout > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout > div > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > div > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm.preopen, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm.preopen, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm.preopen, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm.preopen {
  overflow: visible;
  opacity: 1;
  height: 100%;
  height: auto !important;
}
.checkout > .section.checkout-delivery .deliveryAddressForm input, .checkout > .section.checkout-customerData .deliveryAddressForm input, .checkout > div > .section.checkout-delivery .deliveryAddressForm input, .checkout > div > .section.checkout-customerData .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm input, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .customerManagement > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > .section.checkout-customerData .deliveryAddressForm input, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm input, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm input, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm input, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.checkout > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout > div > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > div > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .checkout > div > div > .section.checkout-delivery .deliveryAddressForm .webForm, .checkout > div > div > .section.checkout-customerData .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .checkout .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > div > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > div > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm, .customerManagement > div > div > .section.checkout-delivery .deliveryAddressForm .webForm, .customerManagement > div > div > .section.checkout-customerData .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryAddressForm .webForm, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryAddressForm .webForm {
  float: left;
  margin-right: 25px;
}
.checkout > .section.checkout-delivery .deliveryNotice, .checkout > .section.checkout-customerData .deliveryNotice, .checkout > div > .section.checkout-delivery .deliveryNotice, .checkout > div > .section.checkout-customerData .deliveryNotice, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice, .checkout > div > div > .section.checkout-delivery .deliveryNotice, .checkout > div > div > .section.checkout-customerData .deliveryNotice, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice, .customerManagement > .section.checkout-delivery .deliveryNotice, .customerManagement > .section.checkout-customerData .deliveryNotice, .customerManagement > div > .section.checkout-delivery .deliveryNotice, .customerManagement > div > .section.checkout-customerData .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice, .customerManagement > div > div > .section.checkout-delivery .deliveryNotice, .customerManagement > div > div > .section.checkout-customerData .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice {
  margin-top: 6px;
  margin-left: 2px;
}
.checkout > .section.checkout-delivery .deliveryNotice textarea, .checkout > .section.checkout-customerData .deliveryNotice textarea, .checkout > div > .section.checkout-delivery .deliveryNotice textarea, .checkout > div > .section.checkout-customerData .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .checkout > div > div > .section.checkout-delivery .deliveryNotice textarea, .checkout > div > div > .section.checkout-customerData .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .checkout .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .customerManagement > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > .section.checkout-customerData .deliveryNotice textarea, .customerManagement > div > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > div > .section.checkout-customerData .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice textarea, .customerManagement > div > div > .section.checkout-delivery .deliveryNotice textarea, .customerManagement > div > div > .section.checkout-customerData .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-delivery .deliveryNotice textarea, .customerManagement .section.checkout-subscription.checkout-customerData .deliveryNotice textarea {
  width: 200px;
  height: 52px;
  padding: 6px;
  line-height: 18px;
  font-size: 12px;
}
.checkout > .section.checkout-final, .checkout > div > .section.checkout-final, .checkout .section.checkout-subscription.checkout-final, .checkout > div > div > .section.checkout-final, .checkout .section.checkout-subscription.checkout-final, .customerManagement > .section.checkout-final, .customerManagement > div > .section.checkout-final, .customerManagement .section.checkout-subscription.checkout-final, .customerManagement > div > div > .section.checkout-final, .customerManagement .section.checkout-subscription.checkout-final {
  border-bottom: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 5px;
  padding-bottom: 20px !important;
}
.checkout > .section.checkout-final .info, .checkout > div > .section.checkout-final .info, .checkout .section.checkout-subscription.checkout-final .info, .checkout > div > div > .section.checkout-final .info, .checkout .section.checkout-subscription.checkout-final .info, .customerManagement > .section.checkout-final .info, .customerManagement > div > .section.checkout-final .info, .customerManagement .section.checkout-subscription.checkout-final .info, .customerManagement > div > div > .section.checkout-final .info, .customerManagement .section.checkout-subscription.checkout-final .info {
  margin-bottom: 10px;
}
.checkout > .section.checkout-final .sum, .checkout > div > .section.checkout-final .sum, .checkout .section.checkout-subscription.checkout-final .sum, .checkout > div > div > .section.checkout-final .sum, .checkout .section.checkout-subscription.checkout-final .sum, .customerManagement > .section.checkout-final .sum, .customerManagement > div > .section.checkout-final .sum, .customerManagement .section.checkout-subscription.checkout-final .sum, .customerManagement > div > div > .section.checkout-final .sum, .customerManagement .section.checkout-subscription.checkout-final .sum {
  margin-bottom: 0px;
}
.checkout > .section.checkout-final .disclaimerCheck .field, .checkout > .section.checkout-final .privacyCheck .field, .checkout > .section.checkout-final .cancellationCheck .field, .checkout > .section.checkout-final .newsletterCheck .field, .checkout > div > .section.checkout-final .disclaimerCheck .field, .checkout > div > .section.checkout-final .privacyCheck .field, .checkout > div > .section.checkout-final .cancellationCheck .field, .checkout > div > .section.checkout-final .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .field, .checkout > div > div > .section.checkout-final .disclaimerCheck .field, .checkout > div > div > .section.checkout-final .privacyCheck .field, .checkout > div > div > .section.checkout-final .cancellationCheck .field, .checkout > div > div > .section.checkout-final .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .field, .customerManagement > .section.checkout-final .disclaimerCheck .field, .customerManagement > .section.checkout-final .privacyCheck .field, .customerManagement > .section.checkout-final .cancellationCheck .field, .customerManagement > .section.checkout-final .newsletterCheck .field, .customerManagement > div > .section.checkout-final .disclaimerCheck .field, .customerManagement > div > .section.checkout-final .privacyCheck .field, .customerManagement > div > .section.checkout-final .cancellationCheck .field, .customerManagement > div > .section.checkout-final .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .field, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .field, .customerManagement > div > div > .section.checkout-final .privacyCheck .field, .customerManagement > div > div > .section.checkout-final .cancellationCheck .field, .customerManagement > div > div > .section.checkout-final .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .field {
  float: left;
  margin-right: 10px;
}
.checkout > .section.checkout-final .disclaimerCheck .label, .checkout > .section.checkout-final .privacyCheck .label, .checkout > .section.checkout-final .cancellationCheck .label, .checkout > .section.checkout-final .newsletterCheck .label, .checkout > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > .section.checkout-final .privacyCheck .label, .checkout > div > .section.checkout-final .cancellationCheck .label, .checkout > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .checkout > div > div > .section.checkout-final .disclaimerCheck .label, .checkout > div > div > .section.checkout-final .privacyCheck .label, .checkout > div > div > .section.checkout-final .cancellationCheck .label, .checkout > div > div > .section.checkout-final .newsletterCheck .label, .checkout .section.checkout-subscription.checkout-final .disclaimerCheck .label, .checkout .section.checkout-subscription.checkout-final .privacyCheck .label, .checkout .section.checkout-subscription.checkout-final .cancellationCheck .label, .checkout .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > .section.checkout-final .disclaimerCheck .label, .customerManagement > .section.checkout-final .privacyCheck .label, .customerManagement > .section.checkout-final .cancellationCheck .label, .customerManagement > .section.checkout-final .newsletterCheck .label, .customerManagement > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label, .customerManagement > div > div > .section.checkout-final .disclaimerCheck .label, .customerManagement > div > div > .section.checkout-final .privacyCheck .label, .customerManagement > div > div > .section.checkout-final .cancellationCheck .label, .customerManagement > div > div > .section.checkout-final .newsletterCheck .label, .customerManagement .section.checkout-subscription.checkout-final .disclaimerCheck .label, .customerManagement .section.checkout-subscription.checkout-final .privacyCheck .label, .customerManagement .section.checkout-subscription.checkout-final .cancellationCheck .label, .customerManagement .section.checkout-subscription.checkout-final .newsletterCheck .label {
  float: left;
  line-height: 22px;
}
.checkout > .section.checkout-final .finalizeWrapper, .checkout > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper, .checkout > div > div > .section.checkout-final .finalizeWrapper, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper, .customerManagement > .section.checkout-final .finalizeWrapper, .customerManagement > div > .section.checkout-final .finalizeWrapper, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper, .customerManagement > div > div > .section.checkout-final .finalizeWrapper, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper {
  overflow: visible;
}
.checkout > .section.checkout-final .finalizeWrapper::after, .checkout > div > .section.checkout-final .finalizeWrapper::after, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper::after, .checkout > div > div > .section.checkout-final .finalizeWrapper::after, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper::after, .customerManagement > .section.checkout-final .finalizeWrapper::after, .customerManagement > div > .section.checkout-final .finalizeWrapper::after, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper::after, .customerManagement > div > div > .section.checkout-final .finalizeWrapper::after, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper::after {
  content: "";
  display: table;
  clear: both;
}
.checkout > .section.checkout-final .finalizeWrapper li, .checkout > div > .section.checkout-final .finalizeWrapper li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper li, .checkout > div > div > .section.checkout-final .finalizeWrapper li, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper li, .customerManagement > .section.checkout-final .finalizeWrapper li, .customerManagement > div > .section.checkout-final .finalizeWrapper li, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper li, .customerManagement > div > div > .section.checkout-final .finalizeWrapper li, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper li {
  color: #342c28;
}
.checkout > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck .field, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck .field {
  float: left;
}
.checkout > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > div > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .privacyCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .checkout > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .privacyCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .newsletterCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .disclaimerCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .privacyCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .cancellationCheck, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .newsletterCheck {
  margin-top: 4px;
}
.checkout > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .checkout > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize {
  margin-top: 25px;
}
.checkout > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement > div > div > .section.checkout-final .finalizeWrapper .shopButton.finalize a.busy, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper .shopButton.finalize a.busy {
  background: #ccc !important;
  color: #eee !important;
  cursor: default !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response:empty, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response:empty {
  padding: 0;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response {
  background: #e83331;
  padding: 15px 20px;
  color: #fff;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response a, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response a, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a {
  color: #fff !important;
  text-decoration: underline !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response a:hover, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response a:hover {
  color: #e2e2e2 !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response ul, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response ul {
  padding-left: 0 !important;
  margin-left: 18px !important;
  margin-top: 0 !important;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response {
  margin-bottom: 15px;
  margin-top: 10px;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div {
  line-height: 15px;
  padding-left: 0 !important;
  color: #fff;
}
.checkout > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .checkout .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement > div > div > .section.checkout-final .finalizeWrapper #checkout-response > div:first-child, .customerManagement .section.checkout-subscription.checkout-final .finalizeWrapper #checkout-response > div:first-child {
  color: #fff;
  padding-left: 0;
  padding-bottom: 13px;
  border-bottom: 1px dashed #ccc;
  font-size: 17px;
  margin-bottom: 10px;
}
.checkout .checkout-paymentMethod-wrapper, .customerManagement .checkout-paymentMethod-wrapper {
  position: relative;
  margin-top: 25px;
  padding: 20px 25px;
  background: #f6f6f6;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.checkout .checkout-paymentMethod-wrapper .paymentNotice, .customerManagement .checkout-paymentMethod-wrapper .paymentNotice {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout label, .customerManagement label {
  cursor: pointer;
}

.checkout.payment-update {
  box-sizing: border-box;
  padding: 18px 20px 24px;
}
.checkout.payment-update .payment-update-head {
  margin: 0 0 18px;
  padding: 0 2px;
}
.checkout.payment-update .payment-update-head h2 {
  margin: 0 0 10px;
}
.checkout.payment-update .payment-update-head .payment-update-lead {
  margin: 0;
  line-height: 1.45;
}
.checkout.payment-update .payment-update-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.checkout.payment-update .checkout-paymentMethod-wrapper > .title {
  margin-bottom: 12px;
}
.checkout.payment-update .disabled {
  display: none;
}
.checkout.payment-update .entry-frame {
  margin-top: 0;
  min-height: 0;
}
.checkout.payment-update .entry-frame.hidden {
  display: none;
}
.checkout.payment-update .entry-frame iframe {
  text-align: center;
  width: 100%;
  max-width: none;
  min-height: 0;
  border: 0;
}
.checkout.payment-update .entry-form.hidden {
  display: none;
}
.checkout.payment-update .entry-form {
  margin-top: 0;
}
.checkout.payment-update .entry-form .head {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  padding-bottom: 20px;
}
.checkout.payment-update .entry-form input {
  font-family: "Open Sans";
  height: 25px;
  padding: 6px 10px;
  font-size: 1em;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  width: 40%;
}
.checkout.payment-update .entry-form input#elv-swift {
  width: 20%;
}
.checkout.payment-update .entry-form .set .label {
  padding-bottom: 5px;
  font-size: 16px;
}
.checkout.payment-update .entry-form .set {
  padding-bottom: 15px;
}
.checkout.payment-update .entry-form .set:last-child {
  padding-bottom: 5px;
}
.checkout.payment-update .finalize,
.checkout.payment-update .payment-update-finalize {
  margin-top: 0;
}
.checkout.payment-update .finalize.hidden,
.checkout.payment-update .payment-update-finalize.hidden {
  display: none;
}
.checkout.payment-update .finalize a,
.checkout.payment-update .payment-update-finalize a {
  padding: 8px 18px;
}
.checkout.payment-update .response {
  margin-top: 15px;
  padding: 12px 16px 14px;
  line-height: 1.45;
  max-width: 456px;
  font-size: 14px;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  border: 1px solid rgba(232, 51, 49, 0.45);
  background: rgba(255, 246, 246, 0.95);
  border-radius: 12px;
  color: #4a403c;
  display: inline-block;
  box-sizing: border-box;
}
.checkout.payment-update .response.TOKEN_NOT_FOUND, .checkout.payment-update .response.TOKEN_INVALID {
  color: #6b2a28;
  font-weight: 600;
}
.checkout.payment-update .response.PROFILE_UPDATED,
.checkout.payment-update .response.success {
  color: #2d6b2a;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  background: rgba(244, 252, 236, 0.96);
  border: 1px solid rgba(148, 191, 54, 0.42);
  padding: 14px 18px 16px;
  border-radius: 12px;
  max-width: none;
}
.checkout.payment-update .response.warning {
  background: rgba(255, 246, 246, 0.95);
  border-color: rgba(232, 51, 49, 0.45);
}
.checkout.payment-update .response .payment-update-responseText {
  font-size: inherit;
  line-height: inherit;
}
.checkout.payment-update .response .payment-update-backLink {
  margin: 12px 0 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}
.checkout.payment-update .response .payment-update-backLink.hidden {
  display: none;
}
.checkout.payment-update .response .payment-update-backLink a {
  color: #5a8410;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.checkout.payment-update .response .payment-update-backLink a:hover {
  color: #45680c;
}
.checkout.payment-update .response {
  display: none;
}
.checkout.payment-update .response.visible {
  display: block;
}

.customerLogin .fieldWrapper .fields, .passwordRecovery .fieldWrapper .fields {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin-right: 25px;
}
.customerLogin .fieldWrapper .fields.faded, .passwordRecovery .fieldWrapper .fields.faded {
  opacity: 0.35;
}
.customerLogin .responseContainer, .passwordRecovery .responseContainer {
  margin-top: 13px;
}

.customerLogin input, .passwordRecovery input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 4px;
  width: 160px;
}

.customerLogin .title, .subscriptionManagement .title, .customerManagement .title, .passwordRecovery .title {
  margin-bottom: 10px;
}
.customerLogin .infoText, .subscriptionManagement .infoText, .customerManagement .infoText, .passwordRecovery .infoText {
  margin-top: 10px;
  margin-bottom: 10px;
}
.customerLogin .collateralInfo .label, .customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .label, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .label, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .label, .passwordRecovery .collateralInfo .value {
  float: left;
  font-weight: 600;
  margin-right: 10px;
  line-height: 16px;
}
.customerLogin .collateralInfo .value, .subscriptionManagement .collateralInfo .value, .customerManagement .collateralInfo .value, .passwordRecovery .collateralInfo .value {
  font-size: 13px;
  font-weight: 600;
}

#overlayWindow .customerLogin .infoText,
#overlayWindow .passwordRecovery .infoText {
  width: 444px;
}

.nodeBase.subscriptionManagement .subscriptionManagement-stack,
.nodeBase.subscriptionManagement .subscriptionManagement-root {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}

.nodeBase.customerManagement .customerManagement-root {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
.nodeBase.customerManagement .customerManagement-root > .customerManagement-card.contentArea.full.webForm {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subscriptionManagement table, .customerManagement table {
  width: 100%;
}
.subscriptionManagement table tr td, .customerManagement table tr td {
  border: 0 !important;
  padding: 0 !important;
}
.subscriptionManagement table tr td span.title, .customerManagement table tr td span.title {
  display: none;
}
.subscriptionManagement table.subAccount .subscriptionDetails-outerWrapper, .customerManagement table.subAccount .subscriptionDetails-outerWrapper {
  display: none;
}
.subscriptionManagement table.subAccount td.hideForSubaccount, .customerManagement table.subAccount td.hideForSubaccount {
  display: none;
}
.subscriptionManagement table.subAccount td a, .customerManagement table.subAccount td a {
  cursor: default;
  color: #666;
  font-weight: normal !important;
}
.subscriptionManagement table.subAccount td a:hover, .customerManagement table.subAccount td a:hover {
  text-decoration: none !important;
}
.subscriptionManagement table.subAccount.subscriptionList .entry .col a, .customerManagement table.subAccount.subscriptionList .entry .col a {
  color: #666 !important;
  font-weight: normal !important;
}
.subscriptionManagement table.subAccount tr.entry.open td.col, .customerManagement table.subAccount tr.entry.open td.col {
  background-color: rgba(255, 255, 255, 0.95) !important;
  font-weight: normal !important;
}
.subscriptionManagement .subscriptionList, .customerManagement .subscriptionList {
  margin-top: 20px;
}
.subscriptionManagement .subscriptionList .emptyList, .customerManagement .subscriptionList .emptyList {
  padding: 14px 16px;
  color: #4a403c;
  font-size: 14px;
  line-height: 1.5;
}
.subscriptionManagement .subscriptionList .entry .col, .customerManagement .subscriptionList .entry .col {
  border-bottom: 1px solid rgba(80, 52, 38, 0.12) !important;
  padding: 8px 12px !important;
}
.subscriptionManagement .subscriptionList .entry .col.alignRight, .customerManagement .subscriptionList .entry .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .entry .col.alignCenter, .customerManagement .subscriptionList .entry .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .entry .col a, .customerManagement .subscriptionList .entry .col a {
  font-weight: 600 !important;
  color: #e83331;
}
.subscriptionManagement .subscriptionList .entry .col a:hover, .customerManagement .subscriptionList .entry .col a:hover {
  color: #d82321;
}
.subscriptionManagement .subscriptionList .entry .col.first, .customerManagement .subscriptionList .entry .col.first {
  width: 50px;
}
.subscriptionManagement .subscriptionList .entry .col.subscriptionDetails, .customerManagement .subscriptionList .entry .col.subscriptionDetails {
  display: none;
}
.subscriptionManagement .subscriptionList .entry .col.subscriptionDetails .unit.down.spaced span > span, .customerManagement .subscriptionList .entry .col.subscriptionDetails .unit.down.spaced span > span {
  padding-right: 5px;
}
.subscriptionManagement .subscriptionList .entry.open .col, .customerManagement .subscriptionList .entry.open .col {
  background: linear-gradient(145deg, rgba(255, 252, 245, 0.98) 0%, rgba(255, 247, 232, 0.92) 100%) !important;
  font-weight: 600;
}
.subscriptionManagement .subscriptionList .head, .customerManagement .subscriptionList .head {
  background: linear-gradient(135deg, rgba(232, 51, 49, 0.95) 0%, #b83230 55%, #9e2b29 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.subscriptionManagement .subscriptionList .head .col, .customerManagement .subscriptionList .head .col {
  padding: 10px 12px !important;
  font-weight: 600;
  font-size: 13px;
}
.subscriptionManagement .subscriptionList .head .col.alignRight, .customerManagement .subscriptionList .head .col.alignRight {
  text-align: right;
}
.subscriptionManagement .subscriptionList .head .col.alignCenter, .customerManagement .subscriptionList .head .col.alignCenter {
  text-align: center;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper.open, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper.open {
  border-bottom: 1px solid rgba(80, 52, 38, 0.12) !important;
}
.subscriptionManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image, .customerManagement .subscriptionList .subscriptionDetails-outerWrapper .item .col.cartItem-image {
  width: 47px;
}
.subscriptionManagement .subscriptionList .detailWrapper > div, .customerManagement .subscriptionList .detailWrapper > div {
  display: table;
}
.subscriptionManagement .subscriptionList .detailWrapper .item, .customerManagement .subscriptionList .detailWrapper .item {
  display: table-row;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div, .customerManagement .subscriptionList .detailWrapper .item > div {
  display: table-cell;
  white-space: nowrap;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(80, 52, 38, 0.1);
  vertical-align: top;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.price, .customerManagement .subscriptionList .detailWrapper .item > div.price {
  text-align: right;
}
.subscriptionManagement .subscriptionList .detailWrapper .item > div.cartItem-image, .customerManagement .subscriptionList .detailWrapper .item > div.cartItem-image {
  width: 38px;
  padding-right: 13px;
}
.subscriptionManagement .subscriptionList .detailWrapper .item:last-of-type > div, .customerManagement .subscriptionList .detailWrapper .item:last-of-type > div {
  border-bottom: 0;
}
.subscriptionManagement td.message, .customerManagement td.message {
  background: linear-gradient(145deg, rgba(255, 252, 245, 0.98) 0%, rgba(255, 247, 232, 0.92) 100%) !important;
  padding: 12px 14px !important;
  font-weight: 600 !important;
  color: #342c28;
  border-bottom: 1px solid rgba(80, 52, 38, 0.12) !important;
}

.subscriptionDetails-innerWrapper .cartItem-title, .subscriptionDetails-innerWrapper .unitInfo, .subscriptionDetails-innerWrapper .price {
  padding-right: 14px !important;
  vertical-align: top;
}
.subscriptionDetails-innerWrapper .cartItem-title > div, .subscriptionDetails-innerWrapper .unitInfo > div, .subscriptionDetails-innerWrapper .price > div {
  display: inline-block;
  vertical-align: top;
}
.subscriptionDetails-innerWrapper .cartItem-title > div:first-child, .subscriptionDetails-innerWrapper .unitInfo > div:first-child, .subscriptionDetails-innerWrapper .price > div:first-child {
  margin-right: 5px;
}
.subscriptionDetails-innerWrapper .lbl {
  font-weight: 600;
}
.subscriptionDetails-innerWrapper .spaced {
  margin-right: 10px;
}
.subscriptionDetails-innerWrapper .subSet.space {
  margin-top: 5px;
}
.subscriptionDetails-innerWrapper .cartItem-title {
  width: 61px;
  padding-right: 0 !important;
}

.nodeBase.customerLogout .customerLogout-root {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
.nodeBase.customerLogout .customerLogout-root > .title {
  margin-bottom: 12px;
}
.nodeBase.customerLogout .customerLogout-root > .title h2 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  color: #342c28;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}
.nodeBase.customerLogout .customerLogout-root > .customerLogout-card {
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 249, 232, 0.9) 52%, rgba(255, 242, 242, 0.94) 100%);
  box-shadow: 0 16px 40px rgba(80, 52, 38, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  padding: 14px 16px 18px;
  margin-top: 4px;
}
.nodeBase.customerLogout .customerLogout-root .customerLogout-cardBody .title {
  margin-bottom: 0;
}
.nodeBase.customerLogout .customerLogout-root .customerLogout-cardBody .title h2 {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  color: #342c28;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}
.nodeBase.customerLogout .customerLogout-root.customerLogout-root--announce > .customerLogout-card {
  text-align: center;
  padding: 22px 20px 24px;
}

.nodeBase.customerLogout .customerLogout-cardBody .infoText {
  color: #4a403c;
  font-size: 14px;
  line-height: 1.55;
  margin-top: 0;
  margin-bottom: 0;
}
.nodeBase.customerLogout .customerLogout-cardBody .infoText h1, .nodeBase.customerLogout .customerLogout-cardBody .infoText h2, .nodeBase.customerLogout .customerLogout-cardBody .infoText h3, .nodeBase.customerLogout .customerLogout-cardBody .infoText .indexBar > .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText .filterBar > .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .nodeBase.customerLogout .customerLogout-cardBody .infoText .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText h4, .nodeBase.customerLogout .customerLogout-cardBody .infoText #modalContentBox .title, #modalContentBox .nodeBase.customerLogout .customerLogout-cardBody .infoText .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .nodeBase.customerLogout .customerLogout-cardBody .infoText .chordViewer-container > .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .nodeBase.customerLogout .customerLogout-cardBody .infoText .mediaDescriptionTitle, .nodeBase.customerLogout .customerLogout-cardBody .infoText .releaseView-container .release .indexContainer .index .title, .releaseView-container .release .indexContainer .index .nodeBase.customerLogout .customerLogout-cardBody .infoText .title, .nodeBase.customerLogout .customerLogout-cardBody .infoText h5, .nodeBase.customerLogout .customerLogout-cardBody .infoText .cart.sumOnly .cartSum.totalSum, .cart.sumOnly .nodeBase.customerLogout .customerLogout-cardBody .infoText .cartSum.totalSum, .nodeBase.customerLogout .customerLogout-cardBody .infoText h6 {
  font: inherit;
  color: inherit;
  margin: 0 0 0.65em;
  font-weight: 600;
}
.nodeBase.customerLogout .customerLogout-cardBody .infoText p {
  margin: 0 0 0.75em;
  font: inherit;
  color: inherit;
}
.nodeBase.customerLogout .customerLogout-cardBody .infoText p:last-child {
  margin-bottom: 0;
}
.nodeBase.customerLogout .customerLogout-cardBody .infoText a {
  color: #5b89a4;
  font-weight: 600;
}
.nodeBase.customerLogout .customerLogout-cardBody .infoText a:hover {
  color: #4b7994;
}
.nodeBase.customerLogout .customerLogout-cardBody .customerLogout-actions {
  margin: 20px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(80, 52, 38, 0.12);
}

.customerGate a, .modeSwitchBlock a, nav ul li a, footer ul li a {
  color: #666;
}
.customerGate a:hover, .modeSwitchBlock a:hover, nav ul li a:hover, footer ul li a:hover {
  color: #e83331;
}

nav ul li a:hover, footer ul li a:hover {
  text-decoration: none !important;
}

.customerGate a {
  text-decoration: underline !important;
}

/* Logged-in header/footer: three distinct toolbar icons (not CMS string links). */
.customerGate .responsive.customerGate-toolbarIcons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}

.customerGate-toolbarIcons .customerGate-iconLink {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin: 0;
  padding: 0;
  border-radius: 18px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 22px 22px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.customerGate-toolbarIcons .customerGate-iconLink--membership {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='7' width='16' height='10' rx='2' fill='none' stroke='%23e83331' stroke-width='2'/%3E%3Cpath d='M4 11h16' stroke='%23e83331' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

.customerGate-toolbarIcons .customerGate-iconLink--account {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23e83331' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23e83331' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
}

.customerGate-toolbarIcons .customerGate-iconLink--logout {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v16h-6' fill='none' stroke='%23e83331' stroke-width='2'/%3E%3Cpath d='M10 12H4' fill='none' stroke='%23e83331' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 9l-3 3 3 3' fill='none' stroke='%23e83331' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.cart.compact, .filterBar-wrapper .cart.filterBar {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  border: 1px solid rgba(80, 52, 38, 0.12);
  background: url("/img/core/icons/cart-medium.png") no-repeat center 26px, linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 247, 230, 0.95) 45%, rgba(255, 236, 236, 0.96) 100%);
  background-color: #fdf8f2;
  box-shadow: 0 14px 32px rgba(80, 52, 38, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  border-radius: 18px;
  position: relative;
  font-size: 12px;
  width: 175px;
  height: 281px;
  margin-right: 18px;
  margin-bottom: 25px;
}
.cart.compact.fluid, .filterBar-wrapper .cart.fluid.filterBar {
  z-index: 50;
}
.cart.compact .clickSensitive, .filterBar-wrapper .cart.filterBar .clickSensitive {
  opacity: 0;
  position: absolute;
  top: 26px;
  left: 50px;
  width: 75px;
  height: 60px;
}
.cart.compact .clickSensitive > a, .filterBar-wrapper .cart.filterBar .clickSensitive > a {
  width: 100%;
  height: 100%;
  display: block;
}
.cart.compact.open .clickSensitive, .filterBar-wrapper .cart.open.filterBar .clickSensitive {
  display: none;
}
.cart.compact .title, .filterBar-wrapper .cart.filterBar .title {
  color: #342c28;
  margin-top: 105px;
  text-align: center;
  font-weight: 600;
}
.cart.compact .contentWrapper-outer, .filterBar-wrapper .cart.filterBar .contentWrapper-outer {
  position: relative;
}
.cart.compact .contentWrapper, .filterBar-wrapper .cart.filterBar .contentWrapper {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin: 38px 2px 0;
  background-color: #fff;
  color: #3e3e3e;
  padding: 8px;
  height: 48px;
  max-height: 48px;
  overflow: hidden;
  background-position: center -15px;
}
.cart.compact .contentWrapper .flapLink, .filterBar-wrapper .cart.filterBar .contentWrapper .flapLink {
  display: block;
  float: left;
}
.cart.compact .checkoutLink, .filterBar-wrapper .cart.filterBar .checkoutLink {
  margin-top: 8px;
  text-align: center;
}
.cart.compact .checkoutLink a, .filterBar-wrapper .cart.filterBar .checkoutLink a {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  display: inline-block;
  margin: 0 auto;
  padding: 6px 14px 7px;
  border-radius: 999px;
  background: #e83331;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(232, 51, 49, 0.35);
}
.cart.compact .checkoutLink a:hover, .filterBar-wrapper .cart.filterBar .checkoutLink a:hover {
  background: #d82321;
}
.cart.compact.open, .filterBar-wrapper .cart.open.filterBar {
  height: 588px;
}
.cart.compact.open .contentWrapper, .filterBar-wrapper .cart.open.filterBar .contentWrapper {
  height: 353px;
  max-height: 353px;
  padding: 8px 0 8px 8px;
}
.cart.compact.open .contentWrapper .cartContent, .filterBar-wrapper .cart.open.filterBar .contentWrapper .cartContent {
  overflow: auto;
  height: 321px;
  max-height: 321px;
  padding-right: 8px;
}
.cart.compact.open .cartSum.subTotal, .filterBar-wrapper .cart.open.filterBar .cartSum.subTotal {
  bottom: 8px;
  opacity: 1;
  visibility: visible;
}
.cart.compact.open .cartSum.subTotal .wrapper, .filterBar-wrapper .cart.open.filterBar .cartSum.subTotal .wrapper {
  padding-top: 8px;
}
.cart.compact.open .cartItem-product.transport .cartItem-title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title {
  float: left;
}
.cart.compact.open .cartItem-product.transport .cartItem-title h4, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title h4, .cart.compact.open .cartItem-product.transport .cartItem-title #modalContentBox .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title #modalContentBox .title, #modalContentBox .cart.compact.open .cartItem-product.transport .cartItem-title .title, #modalContentBox .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .filterBar-wrapper #modalContentBox .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .content .chordViewer-container > .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release .content .cart.compact.open .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .releaseView-container .release .content .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .filterBar-wrapper .releaseView-container .release .content .cart.open.filterBar .cartItem-product.transport .cartItem-title .chordViewer-container > .title, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.compact.open .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .filterBar-wrapper .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.open.filterBar .cartItem-product.transport .cartItem-title .mediaDescriptionTitle, .cart.compact.open .cartItem-product.transport .cartItem-title .releaseView-container .release .indexContainer .index .title, .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .releaseView-container .release .indexContainer .index .title, .releaseView-container .release .indexContainer .index .cart.compact.open .cartItem-product.transport .cartItem-title .title, .releaseView-container .release .indexContainer .index .filterBar-wrapper .cart.open.filterBar .cartItem-product.transport .cartItem-title .title, .filterBar-wrapper .releaseView-container .release .indexContainer .index .cart.open.filterBar .cartItem-product.transport .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title h4,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title h4,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title #modalContentBox .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title #modalContentBox .title,
#modalContentBox .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
#modalContentBox .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.filterBar-wrapper #modalContentBox .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .chordViewer-container > .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .chordViewer-container > .title,
.releaseView-container .release .content .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.releaseView-container .release .content .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.filterBar-wrapper .releaseView-container .release .content .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .chordViewer-container > .title,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.filterBar-wrapper .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .mediaDescriptionTitle,
.cart.compact.open .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .indexContainer .index .title,
.filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .releaseView-container .release .indexContainer .index .title,
.releaseView-container .release .indexContainer .index .cart.compact.open .cartItem-product.collateralCredit .cartItem-title .title,
.releaseView-container .release .indexContainer .index .filterBar-wrapper .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title,
.filterBar-wrapper .releaseView-container .release .indexContainer .index .cart.open.filterBar .cartItem-product.collateralCredit .cartItem-title .title {
  font-size: 12px;
  font-weight: 400;
}
.cart.compact.loading .contentWrapper, .filterBar-wrapper .cart.loading.filterBar .contentWrapper {
  /* load indicator ? */
}
.cart.compact .item, .filterBar-wrapper .cart.filterBar .item {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 7px;
  /*margin-bottom: 9px;
  padding-bottom: 9px;*/
  border-bottom: 1px solid #d9d9d9;
  margin-right: 5px;
}
.cart.compact .item:last-of-type, .filterBar-wrapper .cart.filterBar .item:last-of-type {
  border-bottom: 0;
}
.cart.compact .item .cartItem-button.delete, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete {
  margin-top: 4px;
}
.cart.compact .item .cartItem-button.delete a, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete a {
  background-color: #fff;
  color: #e83331;
}
.cart.compact .item .cartItem-button.delete a:hover, .filterBar-wrapper .cart.filterBar .item .cartItem-button.delete a:hover {
  color: #d82321;
  text-decoration: underline;
}
.cart.compact .item .cartItem-title, .filterBar-wrapper .cart.filterBar .item .cartItem-title {
  color: #464646;
  font-weight: 600;
}
.cart.compact .item .selector .cartItem-button, .filterBar-wrapper .cart.filterBar .item .selector .cartItem-button {
  float: left;
  font-size: 13px;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.compact .item .selector .unit, .filterBar-wrapper .cart.filterBar .item .selector .unit, .cart.compact .item .selector .label, .filterBar-wrapper .cart.filterBar .item .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.compact .item .selector .unit span, .filterBar-wrapper .cart.filterBar .item .selector .unit span {
  padding-right: 3px;
}
.cart.compact .item .selector .unit span:last-child, .filterBar-wrapper .cart.filterBar .item .selector .unit span:last-child {
  padding-right: 0;
}
.cart.compact .item .selector .label, .filterBar-wrapper .cart.filterBar .item .selector .label {
  margin-right: 7px;
}
.cart.compact .item .price, .filterBar-wrapper .cart.filterBar .item .price {
  font-weight: 600;
  font-size: 12px;
  float: right;
}
.cart.compact .item.dropOut, .filterBar-wrapper .cart.filterBar .item.dropOut {
  opacity: 0;
}
.cart.compact .cartSum.subTotal, .filterBar-wrapper .cart.filterBar .cartSum.subTotal {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 5px;
  width: 100%;
}
.cart.compact .cartSum.subTotal .wrapper, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper {
  margin: 0 10px;
  text-align: right;
  padding-top: 5px;
  border-top: 1px solid #d9d9d9;
}
.cart.compact .cartSum.subTotal .wrapper .label, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .label, .cart.compact .cartSum.subTotal .wrapper .value, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .value {
  float: right;
}
.cart.compact .cartSum.subTotal .wrapper .label, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .label {
  margin-right: 5px;
}
.cart.compact .cartSum.subTotal .wrapper .value, .filterBar-wrapper .cart.filterBar .cartSum.subTotal .wrapper .value {
  font-weight: 600;
}
.cart.sumOnly .cartSum.totalSum .label {
  font-weight: 600;
  float: left;
  margin-right: 5px;
}
.cart.sumOnly .cartSum.totalSum .value {
  font-weight: 600;
  float: left;
}
.cart.full {
  background-color: transparent;
}
.cart.full .itemList.cartContent {
  box-shadow: 0 12px 28px rgba(80, 52, 38, 0.08);
  border-radius: 16px;
  border: 1px solid rgba(80, 52, 38, 0.08);
  overflow: hidden;
}
.cart.full .itemList > div {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.98) 0%, rgba(255, 248, 240, 0.95) 100%);
}
.cart.full .col.voucher {
  border-top: 1px dashed #eee;
  background: #f8f8f8;
}
.cart.full .col {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0;
}
.cart.full .col.cartItem-image {
  width: 69px;
  height: 69px;
  padding-right: 35px;
}
.cart.full .col.cartItem-product {
  width: 40%;
  padding-left: 20px;
}
.cart.full .col.cartItem-product.voucher {
  width: 20%;
}
.cart.full .col.cartItem-product span:first-child {
  padding-right: 0;
}
.cart.full .col.cartItem-product .priceInfo {
  font-size: 14px;
}
.cart.full .col.cartItem-product .priceInfo .label {
  margin-right: 5px;
  float: left;
  font-weight: 600;
}
.cart.full .col.cartItem-product .priceInfo .content {
  margin-bottom: 1px;
}
.cart.full .col.cartItem-product .collateralInfo {
  font-size: 13px;
  color: #426530;
  margin-bottom: 2px;
}
.cart.full .col.cartItem-product .itemOptions {
  margin-top: 3px;
  margin-bottom: 3px;
}
.cart.full .col.cartItem-product .itemOptions .label {
  line-height: 19px;
}
.cart.full .col.cartItem-product .itemOptions {
  /* fix the span issue */
}
.cart.full .col.cartItem-product .itemOptions span.selectboxit-text, .cart.full .col.cartItem-product .itemOptions span.selectboxit-option-icon-container, .cart.full .col.cartItem-product .itemOptions span.selectboxit-arrow-container {
  padding-right: 0 !important;
}
.cart.full .col.cartItem-product.voucher .label {
  margin-right: 5px;
  color: #a87358;
}
.cart.full .col.cartItem-product.voucher .label.bold {
  margin-bottom: 1px;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: 600;
}
.cart.full .col.cartItem-product.collateralCredit .content {
  color: #888;
  font-size: 11px;
  padding-top: 1px;
}
.cart.full .col.cartItem-price {
  font-size: 16px;
  color: #426530;
  text-align: right;
  padding-right: 20px;
}
.cart.full .col.cartItem-price.voucher {
  color: #e83331;
  font-weight: 600;
}
.cart.full .col.cartItem-quantity.purchase.voucher {
  font-size: 14px;
  color: #999; /**/
}
.cart.full .col .selector .cartItem-button {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.cart.full .col .selector .cartItem-button a {
  background-color: #d2be9e !important;
  font-size: 14px;
  line-height: 14px;
}
.cart.full .col .selector .cartItem-button a:hover {
  background-color: #b57957 !important;
}
.cart.full .col .selector .unit, .cart.full .col .selector .label {
  margin-right: 5px;
  float: left;
}
.cart.full .col .selector .unit {
  font-size: 13px;
  line-height: 23px;
  min-width: 50px;
  text-align: center;
}
.cart.full .col .selector .unit span {
  padding-right: 4px;
}
.cart.full .col .selector .unit span:last-child {
  padding-right: 0;
}
.cart.full .col .selector .label {
  margin-right: 7px;
}
.cart.full .item {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 1;
  display: table-row;
}
.cart.full .item a div {
  display: inline-block;
}
.cart.full .item.dropOut {
  opacity: 0;
}
.cart.full .sumList-container {
  float: right;
  margin-top: 5px;
}
.cart.full .sumList {
  margin-top: 10px;
  font-size: 16px;
}
.cart.full .sumList .cartSum {
  clear: both;
}
.cart.full .sumList .cartSum .wrapper {
  float: right;
  margin-bottom: 5px;
}
.cart.full .sumList .cartSum .wrapper .label {
  float: left;
  text-align: right;
  padding-right: 20px;
  line-height: 21px;
}
.cart.full .sumList .cartSum .wrapper .value {
  float: left;
  text-align: right;
  width: 100px;
  padding-right: 20px;
}
.cart.full .sumList .cartSum.totalSum {
  font-weight: 600;
}
.cart.full .voucherEntry-container {
  float: left;
  margin-top: 10px;
}
.cart.full .voucherEntry-container .voucherEntry {
  margin-left: 20px;
}
.cart.full .voucherEntry-container .voucherEntry .label, .cart.full .voucherEntry-container .voucherEntry .inputField, .cart.full .voucherEntry-container .voucherEntry .button {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.cart.full .voucherEntry-container .voucherEntry .button {
  margin-top: 2px;
}
.cart.full .voucherEntry-container .voucherEntry .label {
  margin-top: 6px;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton {
  margin-top: 0;
}
.cart.full .voucherEntry-container .voucherEntry .shopButton a {
  padding: 4px 12px;
  font-size: 14px;
}
.cart.full .voucherEntry-container .voucherEntry input {
  text-transform: uppercase;
  width: 120px;
  background: #fafafa;
  line-height: 24px;
  border-radius: 3px;
  padding: 3px 6px;
  border: 1px solid #ddd;
}
.cart.full .voucherEntry-container .voucherEntry .comment {
  margin-top: 10px;
  color: #bbb;
  font-size: 11px;
}
.cart.subscriptionInfo .itemList {
  display: table;
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 10px;
}
.cart.subscriptionInfo .itemList .item {
  display: table-row;
}
.cart.subscriptionInfo .itemList .item > div {
  display: table-cell;
  line-height: 19px;
  padding-right: 25px;
  border-bottom: 1px solid #d9d9d9;
}
.cart.subscriptionInfo .itemList .item > div:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item:last-child > div {
  border-bottom: 0;
}
.cart.subscriptionInfo .itemList .item .cartItem-title {
  color: #8fbe3e;
}
.cart.subscriptionInfo .itemList .item .unitInfo span {
  padding-right: 4px;
}
.cart.subscriptionInfo .itemList .item .unitInfo span:last-child {
  padding-right: 0;
}
.cart.subscriptionInfo .itemList .item .price {
  text-align: right;
  white-space: nowrap;
}
.cart.subscriptionInfo .sumList {
  display: table;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.cart.subscriptionInfo .sumList .cartSum {
  display: table-row;
}
.cart.subscriptionInfo .sumList .cartSum .label {
  display: table-cell;
  padding-right: 20px;
}
.cart.subscriptionInfo .sumList .cartSum .value {
  display: table-cell;
  text-align: right;
}
.cart.subscriptionInfo .sumList .cartSum.totalSum {
  font-weight: bold;
}
.cart.subscriptionInfo .subscriptionFrequency {
  margin-bottom: 10px;
}
.cart.subscriptionInfo .subscriptionFrequency .label, .cart.subscriptionInfo .subscriptionFrequency .selection {
  float: left;
}
.cart.subscriptionInfo .subscriptionFrequency .label {
  line-height: 19px;
  margin-right: 8px;
}
.cart .cartItem-button {
  width: 11px;
  height: 11px;
}
.cart .cartItem-button a {
  background-color: #aaccde;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 9px;
  text-decoration: none !important;
}
.cart .cartItem-button a:hover {
  background-color: #88aabe;
}
.cart .cartSum {
  /*@include transition-quick;
  -webkit-backface-visibility: hidden;*/
}
.shopButton {
  line-height: 29px;
  height: 29px;
  display: inline-block;
  box-shadow: 0 0 2px rgba(143, 190, 62, 0.15);
  margin-top: 5px;
}
.shopButton.right {
  float: right;
}

/* Pill finalize / other tall labels must not inherit the legacy 29px cap (clips inside overflow:hidden wrappers). */
.shopButton.finalize {
  height: auto;
  line-height: normal;
}

.webForm-container {
  margin-top: 5px;
}
.webForm-container .webForm {
  float: left;
  margin-right: 40px;
}

.customerManagement .alternativeResponseContainer,
.customerManagement .responseContainer,
.webForm-container .responseContainer,
.deliveryTargets .alternativeResponseContainer,
.customerLogin .responseContainer,
.passwordRecovery .responseContainer,
.voucherEntry .responseContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
  visibility: hidden;
  float: left;
  margin-top: 12px;
  width: 280px;
  max-width: calc(100% - 4px);
  box-sizing: border-box;
  background: transparent;
  height: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.customerManagement .alternativeResponseContainer .response,
.customerManagement .responseContainer .response,
.webForm-container .responseContainer .response,
.deliveryTargets .alternativeResponseContainer .response,
.customerLogin .responseContainer .response,
.passwordRecovery .responseContainer .response,
.voucherEntry .responseContainer .response {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  background: rgba(255, 246, 246, 0.95);
  border: 1px solid rgba(232, 51, 49, 0.45);
  padding: 12px 16px 14px;
  border-radius: 12px;
  box-sizing: border-box;
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  color: #4a403c;
  display: block;
}
.customerManagement .alternativeResponseContainer .response > div,
.customerManagement .responseContainer .response > div,
.webForm-container .responseContainer .response > div,
.deliveryTargets .alternativeResponseContainer .response > div,
.customerLogin .responseContainer .response > div,
.passwordRecovery .responseContainer .response > div,
.voucherEntry .responseContainer .response > div {
  display: block;
}
.customerManagement .alternativeResponseContainer .response strong,
.customerManagement .responseContainer .response strong,
.webForm-container .responseContainer .response strong,
.deliveryTargets .alternativeResponseContainer .response strong,
.customerLogin .responseContainer .response strong,
.passwordRecovery .responseContainer .response strong,
.voucherEntry .responseContainer .response strong {
  display: block;
  margin: 0 0 6px;
  color: #342c28;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
}
.customerManagement .alternativeResponseContainer .response a,
.customerManagement .responseContainer .response a,
.webForm-container .responseContainer .response a,
.deliveryTargets .alternativeResponseContainer .response a,
.customerLogin .responseContainer .response a,
.passwordRecovery .responseContainer .response a,
.voucherEntry .responseContainer .response a {
  color: #e83331;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.customerManagement .alternativeResponseContainer .response a:hover,
.customerManagement .responseContainer .response a:hover,
.webForm-container .responseContainer .response a:hover,
.deliveryTargets .alternativeResponseContainer .response a:hover,
.customerLogin .responseContainer .response a:hover,
.passwordRecovery .responseContainer .response a:hover,
.voucherEntry .responseContainer .response a:hover {
  color: #d82321;
}
.customerManagement .alternativeResponseContainer .response.warning,
.customerManagement .responseContainer .response.warning,
.webForm-container .responseContainer .response.warning,
.deliveryTargets .alternativeResponseContainer .response.warning,
.customerLogin .responseContainer .response.warning,
.passwordRecovery .responseContainer .response.warning,
.voucherEntry .responseContainer .response.warning {
  background: rgba(255, 246, 246, 0.95);
  border-color: rgba(232, 51, 49, 0.45);
  color: #4a403c;
}
.customerManagement .alternativeResponseContainer .response.info,
.customerManagement .responseContainer .response.info,
.webForm-container .responseContainer .response.info,
.deliveryTargets .alternativeResponseContainer .response.info,
.customerLogin .responseContainer .response.info,
.passwordRecovery .responseContainer .response.info,
.voucherEntry .responseContainer .response.info {
  background: rgba(244, 252, 236, 0.96);
  border-color: rgba(148, 191, 54, 0.42);
  color: #3a4534;
}
.customerManagement .alternativeResponseContainer.visible,
.customerManagement .responseContainer.visible,
.webForm-container .responseContainer.visible,
.deliveryTargets .alternativeResponseContainer.visible,
.customerLogin .responseContainer.visible,
.passwordRecovery .responseContainer.visible,
.voucherEntry .responseContainer.visible {
  opacity: 1;
  visibility: visible;
  height: auto;
  min-height: 1px;
  overflow: visible;
  padding-bottom: 2px;
}

.customerLogin .fieldWrapper .responseContainer,
.passwordRecovery .fieldWrapper .responseContainer {
  float: none;
  clear: both;
  width: 100%;
  max-width: 420px;
  margin-top: 16px;
}

.loginBlock-modal .customerLogin .fieldWrapper .responseContainer,
.loginBlock-modal .passwordRecovery .fieldWrapper .responseContainer {
  max-width: none;
}

.customerManagement .blockContainer {
  margin-top: 15px;
  display: table;
  width: 95%;
}
.customerManagement .blockContainer .column {
  display: table-cell;
  vertical-align: top;
}
.customerManagement .blockContainer .column.left.slim {
  width: 35%;
}
.customerManagement .blockContainer .column.left.mid {
  width: 50%;
}
.customerManagement .blockContainer .column.left.large {
  width: 75%;
}
.customerManagement .blockContainer .column.left.full {
  width: 100%;
}
.customerManagement .notice {
  margin: 5px 0 5px;
  position: relative;
}
.customerManagement .shopButton {
  margin-top: 10px;
}
.customerManagement .webForm {
  margin-right: 0px;
}
.customerManagement .webForm input {
  font-family: KoHo;
  font-weight: 400;
  font-size: 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px 8px;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.customerManagement .webForm textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 68px;
  resize: vertical;
  padding: 5px;
  line-height: 18px;
}

.nodeBase.customerLogout .customerLogout-root.webForm.contentArea.full {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.contentArea.full.webForm {
  margin-bottom: 25px;
  padding-bottom: 35px;
  border-bottom: 3px solid #eee;
}

.customerManagement-root > .contentArea.full.webForm {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.webForm-container .responseContainer.fluid {
  visibility: visible !important;
  width: 100%;
  background: transparent;
  margin: 0 25px;
  max-width: 400px;
  height: auto;
}
.webForm-container .responseContainer.fluid.visible {
  height: auto;
}
.webForm-container .responseContainer.fluid .responseHolder {
  margin-bottom: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  font-size: 14px;
}
.webForm-container .responseContainer.fluid .responseHolder .response {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  border: 1px solid rgba(232, 51, 49, 0.45);
  background: rgba(255, 246, 246, 0.95);
  border-radius: 12px;
  padding: 12px 16px 14px;
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: #4a403c;
}
.webForm-container .responseContainer.fluid .responseHolder .response strong {
  display: block;
  margin: 0 0 6px;
  color: #342c28;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
}
.webForm-container .responseContainer.fluid .responseHolder .response a {
  color: #e83331;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.webForm-container .responseContainer.fluid .responseHolder .response a:hover {
  color: #d82321;
}
.webForm-container .responseContainer.fluid .responseHolder .response.info {
  background: rgba(244, 252, 236, 0.96);
  border-color: rgba(148, 191, 54, 0.42);
  color: #3a4534;
}
.webForm-container .responseContainer.fluid .responseHolder > div:first-child {
  margin-bottom: 10px;
}

/* Payment method rows: radio + label on one line (incl. payment-update deep nesting, iCheck). */
.checkout .paymentMethods .method,
#checkoutModule .paymentMethods .method,
.checkoutModule .paymentMethods .method {
  display: flex;
  align-items: flex-start;
  gap: 10px 12px;
  margin-bottom: 14px;
}
.checkout .paymentMethods .method:last-child,
#checkoutModule .paymentMethods .method:last-child,
.checkoutModule .paymentMethods .method:last-child {
  margin-bottom: 0;
}
.checkout .paymentMethods .method > .field,
.checkout .paymentMethods .method > .label,
#checkoutModule .paymentMethods .method > .field,
#checkoutModule .paymentMethods .method > .label,
.checkoutModule .paymentMethods .method > .field,
.checkoutModule .paymentMethods .method > .label {
  display: block;
  float: none !important;
  white-space: normal;
}
.checkout .paymentMethods .method > .field,
#checkoutModule .paymentMethods .method > .field,
.checkoutModule .paymentMethods .method > .field {
  flex: 0 0 auto;
  margin: 0;
  min-width: 22px;
  padding-top: 1px;
}
.checkout .paymentMethods .method > .label,
#checkoutModule .paymentMethods .method > .label,
.checkoutModule .paymentMethods .method > .label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.45;
  margin: 0;
}

.checkoutModule .customerAccount .target {
  white-space: nowrap;
}
.checkoutModule .customerAccount .target .field, .checkoutModule .customerAccount .target .label {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  white-space: normal !important;
}
.checkoutModule .checkmarkContainer {
  white-space: nowrap;
}
.checkoutModule .checkmarkContainer > div {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  white-space: normal !important;
}

.webForm .fieldSet-pair {
  margin-bottom: 8px;
}
.webForm .fieldSet-pair > div {
  min-width: 200px;
}
.webForm .fieldSet-pair .left {
  float: left;
  margin-right: 25px;
}
.webForm .fieldSet-pair .right {
  float: left;
}
.webForm .fieldSet {
  margin-bottom: 8px;
}
.webForm .fieldSet .label {
  color: #464646;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 2px;
}
.webForm .fieldSet .label p, .webForm .fieldSet .label span {
  display: inline-block;
}
.webForm .fieldSet .label span {
  padding-right: 4px;
}
.webForm .fieldSet .label span.postfix {
  padding-left: 4px;
  padding-right: 0;
}
.webForm .fieldSet .field .main {
  float: left;
  margin-right: 10px;
}
.webForm .fieldSet .field .sub {
  float: left;
}
.webForm .fieldSet .field .extraLong input,
.webForm .fieldSet .field .extraLong textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.webForm .fieldSet .field .group > div {
  float: left;
  margin-right: 5px;
}
.webForm .fieldSet .field .fiveDigits input {
  width: 44px !important;
}
.webForm .fieldSet .field .short input {
  width: 121px !important;
}
.webForm .fieldSet .comment {
  margin-top: 10px;
  font-size: 14px;
  background: #f2f2f2;
  padding: 10px 15px;
  border: 1px solid #eee;
  max-width: 405px;
}
.webForm .fieldSet.flipped {
  margin-top: 10px;
  cursor: pointer;
}
.webForm .fieldSet.flipped label {
  cursor: pointer !important;
}
.webForm .fieldSet.flipped > div {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.webForm .fieldSet.flipped .label {
  float: none;
  position: relative;
  padding-top: 2px;
}
.webForm .fieldSet.flipped .field {
  float: none;
  margin-right: 10px;
}
.webForm .fieldSet.flipped .field input {
  cursor: pointer;
}
.webForm input, .webForm textarea, .webForm .fieldDisplay {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 14px;
  font-size: 12px;
  border: 1px solid #ddd;
}
.webForm input:hover, .webForm input:focus, .webForm textarea:hover, .webForm textarea:focus, .webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #999;
}
.webForm input.noResize, .webForm textarea.noResize, .webForm .fieldDisplay.noResize {
  resize: none;
}
.webForm input, .webForm textarea, .webForm .fieldDisplay {
  background-position: 97.5% 4px !important;
  background-repeat: no-repeat !important;
}
.webForm input {
  transition-property: background-color, color;
}
.webForm input.busy {
  background-position: 102.8% -5px !important;
  background-color: #fff !important;
  background-image: url("/img/core/loadIndicators/field-busy.ddd.gif") !important;
}
.webForm input.invalid {
  background-position: 97.5% 4px !important;
  background-color: #e83331 !important;
  color: #fff;
}
.webForm input.valid {
  background-position: 97.5% 4px !important;
  background-image: url("/img/core/icons/field-checkmark.ok.png") !important;
}
.webForm .fieldDisplay {
  height: 18px;
  min-width: 80px;
  line-height: 19px;
  padding-left: 6px;
}
.webForm .fieldDisplay:hover, .webForm .fieldDisplay:focus {
  border: 1px solid #bbb;
}
.webForm input {
  height: 18px;
}
.webForm #field-countrySelectBoxIt {
  width: 194px !important;
}
.webForm .customerAccountDelete, .webForm .customerNewsletterReg {
  margin-bottom: 15px;
}
.webForm .customerAccountDelete .webForm input, .webForm .customerNewsletterReg .webForm input {
  width: 20px;
}
.webForm .customerAccountDelete .webForm, .webForm .customerNewsletterReg .webForm {
  margin-top: 2px;
}
.webForm .customerAccountDelete .label, .webForm .customerNewsletterReg .label {
  margin-left: 35px;
}
.webForm .customerNewsletterReg .label {
  margin-top: 3px;
}

.shopButton {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 29px;
  height: 29px;
  display: inline-block;
  box-shadow: 0 0 2px rgba(143, 190, 62, 0.15);
  margin-top: 5px;
}
.shopButton.small {
  margin-top: 0;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
}
.shopButton.search a {
  display: block;
  position: relative;
  padding: 0 0 0 18px;
}
.shopButton.search a > div.symbol {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.shopButton.search a > div.string {
  margin-left: 6px;
}
.shopButton.wait {
  opacity: 0.5;
}
.shopButton.wait a {
  cursor: default;
}
.shopButton.wait a:hover {
  background-color: #8fbe3e !important;
}
.shopButton.arrowLeft a {
  background-position: 0 0;
  padding: 0 0px 0 18px;
}
.shopButton.noArrow a {
  background-image: none;
  background-position: 0 0;
  padding: 0 0 0 10px;
}
.shopButton.right {
  float: right;
}

.selectboxit-container ul li {
  margin-left: 0 !important;
}

.paymentStatus {
  margin: 0 auto;
  margin-top: 208px;
  width: 50%;
  min-width: 320px;
  text-align: center;
}
.paymentStatus .title {
  margin-bottom: 15px;
}
.paymentStatus .buttonBar {
  margin-top: 15px;
}
.releaseView-container {
  /*margin-right: 5%;*/
}
.releaseView-container .release {
  position: relative;
  margin-bottom: 9px;
  background: #f8f8f8;
  padding: 15px 5px 15px 15px;
  display: block;
  margin: 9px 0 !important;
  cursor: pointer;
}
.releaseView-container .release.preview {
  transition: none !important;
}
.releaseView-container .release.preview .head, .releaseView-container .release.preview .head div {
  transition: none !important;
}
.releaseView-container .release.preview img {
  transition: none !important;
}
.releaseView-container .release.preview .closeButton {
  display: none !important;
}
.releaseView-container .release .badge {
  display: none;
}
.releaseView-container .release:hover {
  background: #f0f0f0;
}
.releaseView-container .release.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
  z-index: 109;
}
.releaseView-container .release.newInDetailView.openInLayer .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
}
.releaseView-container .release:last-of-type {
  border-bottom: 0;
}
.releaseView-container .release .head {
  position: relative;
}
.releaseView-container .release {
  /* List/topic rows: thumb + text column + actions (heart) on one band; subtitle stays in text column. */
}
.releaseView-container .release .releaseHeadMain {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  min-width: 0;
}
.releaseView-container .release .releaseHeadActions {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-left: auto;
  padding-left: 8px;
  padding-top: 2px;
  line-height: 0;
  z-index: 22;
}
.releaseView-container .release {
  /* List rows only: lift the favourites heart without shifting the detail layer header. */
}
.releaseView-container .release:not(.openInLayer) .releaseHeadActions {
  transform: translateY(-5px);
}
.releaseView-container .release .releaseHeadFavourite {
  position: static;
  top: auto;
  right: auto;
  transform: none;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.releaseView-container .release .releaseHeadFavourite:empty {
  display: none;
}
.releaseView-container .release {
  /* Legacy markup (favourites widget): keep title-row flex */
}
.releaseView-container .release .releaseTitleRow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.releaseView-container .release .releaseTitleRow > .title {
  flex: 1 1 auto;
  min-width: 0;
}
.releaseView-container .release .releaseFavourite-btn--inHead {
  cursor: pointer;
  padding: 4px;
  margin: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  border-radius: 4px;
  color: #999;
  transition: color 0.15s ease, opacity 0.15s ease;
}
.releaseView-container .release .releaseFavourite-btn--inHead .releaseFavourite-graphic {
  display: block;
  line-height: 0;
}
.releaseView-container .release .releaseFavourite-btn--inHead .releaseFavourite-heart {
  display: block;
  width: 20px;
  height: 20px;
}
.releaseView-container .release .releaseFavourite-btn--inHead .releaseFavourite-heart--solid {
  display: none;
}
.releaseView-container .release .releaseFavourite-btn--inHead:hover {
  color: #e83331;
}
.releaseView-container .release .releaseFavourite-btn--inHead[aria-pressed=true] {
  color: #e83331;
}
.releaseView-container .release .releaseFavourite-btn--inHead[aria-pressed=true] .releaseFavourite-heart--line {
  display: none;
}
.releaseView-container .release .releaseFavourite-btn--inHead[aria-pressed=true] .releaseFavourite-heart--solid {
  display: block;
}
.releaseView-container .release .releaseFavourite-btn--inHead:focus-visible {
  outline: 2px solid #e83331;
  outline-offset: 2px;
}
.releaseView-container .release .releaseFavourite-btn--inHead.releaseFavourite-btn--busy {
  opacity: 0.45;
  pointer-events: none;
}
.releaseView-container .release > .head > .releaseHeadMain > .block {
  margin-bottom: 7px;
  display: block;
  vertical-align: top;
  float: none;
}
.releaseView-container .release > .head > .releaseHeadMain > .block.upper {
  padding-right: 17px;
  flex-shrink: 0;
}
.releaseView-container .release > .head > .releaseHeadMain > .block.text {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  float: none;
  flex: 1 1 0;
  min-width: 0;
}
.releaseView-container .release > .head > .releaseHeadMain > .block.text .title-inner {
  padding-top: 2px;
  line-height: 25px;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .title .image-inner {
  display: none;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .title.imageVisible .image-inner {
  /* Cover art is shown in .releaseIcon; duplicate img here broke the row (float-right). */
  display: none;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .subTitle {
  color: #e83331;
  padding-top: 3px;
  clear: none;
  float: none;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .description {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 5%;
  max-width: 100%;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif !important;
  color: #666 !important;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .releaseIcon {
  min-width: 124px;
  cursor: pointer;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .releaseIcon:hover {
  opacity: 0.9;
}
.releaseView-container .release > .head > .releaseHeadMain > .block > .releaseIcon img {
  width: 124px;
}
.releaseView-container .release .pre {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 26px;
  right: 25px;
  background: #999;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 14px;
}
.releaseView-container .release .pre.responsive {
  display: none;
  position: relative;
  top: auto;
  right: auto;
  padding: 0;
  margin-top: 0;
  background: none;
  font-weight: 600;
  color: #888;
}
.releaseView-container .release .buttonBar {
  margin-top: 10px;
  margin-right: 20px;
}
.releaseView-container .release .buttonBar.sub {
  display: none;
  margin-left: 68px;
}
.releaseView-container .release .closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  border-radius: 200px;
  line-height: 32px;
  width: 33px;
  padding-left: 1px;
  padding-right: 1px;
  height: 34px;
  text-align: center;
}
.releaseView-container .release .closeButton:hover {
  color: #222;
}
.releaseView-container .release .closeButton {
  display: none;
}
.releaseView-container .release.openInLayer {
  position: fixed;
  width: 968px;
  max-width: 100vw;
  /*min-height: 100%;*/
  top: 0px;
  bottom: 0px;
  box-shadow: 0 30px 90px rgba(47, 28, 20, 0.26), 0 8px 28px rgba(80, 52, 38, 0.16);
  background: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 9000;
  isolation: isolate;
  contain: layout paint;
  /* Head stays fixed above; only .content scrolls so the index bar can stick at top:0 inside the scrollport. */
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 0 !important;
  padding: 0 !important;
  cursor: default;
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.99);
  transform-origin: center top;
  background-position: center center;
}
.releaseView-container .release.openInLayer .releaseIcon, .releaseView-container .release.openInLayer .releaseIcon img {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  cursor: default !important;
  width: 100px !important;
  min-width: 100px !important;
}
.releaseView-container .release.openInLayer .releaseIcon:hover, .releaseView-container .release.openInLayer .releaseIcon img:hover {
  opacity: 1 !important;
}
.releaseView-container .release.openInLayer.hidden .head {
  visibility: hidden;
}
.releaseView-container .release.openInLayer.hidden .content {
  visibility: hidden;
}
.releaseView-container .release.openInLayer .releaseIcon img {
  transition: none !important;
}
.releaseView-container .release.openInLayer {
  transition: opacity 0.16s cubic-bezier(0.22, 1, 0.36, 1), transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s cubic-bezier(0.22, 1, 0.36, 1);
}
.releaseView-container .release.openInLayer.loaded {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.releaseView-container .release.openInLayer.sv-release-layer-enter {
  opacity: 0;
  transform: translate3d(0, 12px, 0) scale(0.99);
}
.releaseView-container .release.openInLayer.sv-release-layer-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.releaseView-container .release.openInLayer .closeButton {
  display: block;
}
.releaseView-container .release.openInLayer .releaseHeadFavourite {
  display: none !important;
}
.releaseView-container .release.openInLayer .head > .block.upper {
  padding-right: 19px;
}
.releaseView-container .release.openInLayer .head div {
  transition: none !important;
}
.releaseView-container .release.openInLayer .head {
  padding: 20px;
  padding-bottom: 13px;
  /*border-bottom: 2px dashed #eee;
  margin-bottom: 20px;*/
  position: relative;
  flex: 0 0 auto;
  z-index: 100;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 236, 0.94) 48%, rgba(255, 246, 246, 0.96) 100%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.releaseView-container .release.openInLayer .head .description {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  overflow: hidden;
}
.releaseView-container .release.openInLayer .head.scrolling .releaseIcon, .releaseView-container .release.openInLayer .head.scrolling .releaseIcon img {
  width: 55px !important;
  min-width: 55px !important;
}
.releaseView-container .release.openInLayer .head.scrolling .description {
  opacity: 0;
  height: 0 !important;
}
.releaseView-container .release.openInLayer .head.scrolling .block.upper .pre {
  opacity: 0;
}
.releaseView-container .release.openInLayer > .content {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.releaseView-container .release.openInLayer > .content.scrolling {
  margin-top: 0;
}
.releaseView-container .release.openInLayer .content {
  display: block;
  margin-bottom: 0px;
}
.releaseView-container .release.openInLayer > .content {
  border-radius: 0;
}
.releaseView-container .release.openInLayer .indexContainer {
  top: 0;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  margin-bottom: 0;
  overflow: hidden;
}
.releaseView-container .release.openInLayer .indexContainer.scrolling {
  top: 0;
}
.releaseView-container .release.openInLayer .block.upper .pre {
  right: 40px;
}
.releaseView-container .release .indexContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  /*border-top: 1px dotted #eaeaea;
  border-bottom: 1px dotted #eaeaea;*/
  background: #e83331;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 144px;
  z-index: 100;
  transition-property: top;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-track {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.45) transparent;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-track::-webkit-scrollbar {
  height: 4px;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-track::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.45);
  border-radius: 4px;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 2px 10px 2px 6px;
  margin-left: 0;
  border-left: 0;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 4px 6px;
  margin: 0;
  line-height: 0;
  color: rgba(255, 255, 255, 0.92);
  transition: color 0.15s ease, opacity 0.15s ease;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn .releaseFavourite-graphic {
  display: block;
  line-height: 0;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn .releaseFavourite-heart {
  display: block;
  width: 20px;
  height: 20px;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn .releaseFavourite-heart--solid {
  display: none;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn:hover {
  color: #fff;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.95);
  outline-offset: 2px;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn[aria-pressed=true] {
  color: #fff;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn[aria-pressed=true] .releaseFavourite-heart--line {
  display: none;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn[aria-pressed=true] .releaseFavourite-heart--solid {
  display: block;
}
.releaseView-container .release .indexContainer .releaseIndexNavBar-favourite .releaseFavourite-btn.releaseFavourite-btn--busy {
  opacity: 0.45;
  pointer-events: none;
}
.releaseView-container .release .indexContainer.scrolling {
  top: 94px;
}
.releaseView-container .release .indexContainer .index {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 0;
}
.releaseView-container .release .indexContainer .index .title {
  font-weight: 600;
  color: #666;
  margin-bottom: 10px;
  border-radius: 3px;
  margin-right: 20px;
}
.releaseView-container .release .indexContainer .index > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  width: max-content;
  max-width: none;
  min-height: 24px;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 3px 8px !important;
  white-space: nowrap;
  border-radius: 2px;
}
.releaseView-container .release .indexContainer .index > ul > li {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  opacity: 0;
}
.releaseView-container .release .indexContainer .index > ul > li.fadedIn {
  opacity: 1;
}
.releaseView-container .release .indexContainer .index > ul > li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25;
  color: #fff;
  font-weight: 500;
}
.releaseView-container .release .indexContainer .index > ul > li:not(:last-child)::after {
  content: "|";
  flex: 0 0 auto;
  margin: 0 6px 0 8px;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 300;
  font-size: 0.85em;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}
.releaseView-container .release .indexContainer .index > ul > li a {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  text-decoration: none !important;
  transition: color 0.15s ease, opacity 0.15s ease;
}
.releaseView-container .release .indexContainer .index > ul > li a:hover {
  color: #fff;
  text-decoration: none !important;
  opacity: 1;
}
.releaseView-container .release .indexContainer .index > ul > li a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
  border-radius: 3px;
}
.releaseView-container .release .indexContainer .index > ul > li.hidden {
  display: none;
}
.releaseView-container .release .mediaGroup {
  margin-top: 20px;
  margin-bottom: 10px;
}
.releaseView-container .release ul.mediaTabs {
  margin: 0 !important;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 2px 3px;
  position: relative;
  z-index: 2;
}
.releaseView-container .release ul.mediaTabs:has(> li:only-child > a.mediaTab) {
  display: none !important;
}
.releaseView-container .release ul.mediaTabs li {
  display: block;
  margin: 0 !important;
  padding: 0;
  background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
  border: 1px solid #e4e4e4;
  border-bottom: none;
  border-radius: 9px 9px 0 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release ul.mediaTabs li a {
  display: block;
  padding: 4px 14px 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #9a9a9a;
}
.releaseView-container .release ul.mediaTabs li a:hover {
  text-decoration: none !important;
}
.releaseView-container .release ul.mediaTabs li.active {
  background: #f6f6f6;
  border-color: #e8e8e8;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05), inset 0 1px 0 #fff;
  transform: translateY(1px);
  z-index: 1;
}
.releaseView-container .release ul.mediaTabs li.active a {
  color: #e83331;
  position: relative;
  top: 0;
}
.releaseView-container .release ul.mediaTabs li.active:hover {
  background: #f6f6f6;
}
.releaseView-container .release ul.mediaTabs li.active:hover a {
  color: #e83331;
}
.releaseView-container .release ul.mediaTabs li:hover:not(.active) {
  background: #ececec;
}
.releaseView-container .release ul.mediaTabs li:hover:not(.active) a {
  color: #666;
}
.releaseView-container .release .content {
  display: none;
  margin-top: 0;
}
.releaseView-container .release .content .mediaContainer.empty {
  display: none;
}
.releaseView-container .release .content .mediaContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #f6f6f6;
  border-radius: 0 3px 3px 3px;
  border: 1px solid #e8e8e8;
  border-top: none;
  margin: 20px 20px 0;
  margin-top: 0;
  position: relative;
  z-index: 1;
  padding: 15px 15px 15px;
  overflow: hidden;
  /*box-shadow: inset 0 0 15px rgba(0,0,0,.2);*/
}
.releaseView-container .release .content .mediaContainer .mediaScroller {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 0.3s;
  width: 100%;
  position: relative;
  left: 0;
}
.releaseView-container .release .content .mediaContainer .mediaViewport {
  display: table;
  width: 100%;
  position: relative;
  table-layout: fixed;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  bottom: 0;
  right: 0;
  z-index: 99;
  position: relative;
  transition-property: top, width;
  margin-bottom: 10px;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed.scrolling {
  width: 310px;
}
.releaseView-container .release .content .mediaContainer .mediaEmbed:empty {
  display: none !important;
}
.releaseView-container .release .content .mediaContainer .media {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity;
  display: table-cell;
  vertical-align: top;
  width: auto;
  opacity: 0;
  position: relative;
  padding-right: 0;
}
.releaseView-container .release .content .mediaContainer .media.active, .releaseView-container .release .content .mediaContainer .media.fadeIn {
  opacity: 1;
}
.releaseView-container .release .content .mediaContainer .media.hasPlaceholder .stage-container .stage, .releaseView-container .release .content .mediaContainer .media.hasPlaceholder .video .stage {
  overflow: auto !important;
  height: auto;
  padding-bottom: 0;
}
.releaseView-container .release .content .mediaContainer .media.hasPlaceholder .stage-container .stage .placeholder {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  background: #fff;
}
.releaseView-container .release .content .mediaContainer .description-short {
  margin-top: 8px;
  font-size: 15px;
  padding: 10px 12px;
  border-radius: 3px;
  background: #fff;
  color: #666;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  /*text-align: center;*/
  margin-bottom: 10px;
}
.releaseView-container .release .content .mediaContainer .description-short:empty {
  display: none !important;
  margin: 0;
  padding: 0;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer {
  background: #fff;
  width: 100%;
  position: relative;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle {
  border-radius: 3px 3px 0 0;
  padding-bottom: 8px;
  padding-top: 6px;
  padding-left: 12px;
  margin-top: 0 !important;
  line-height: 19px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: #e83331;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle .right {
  position: absolute;
  right: 18px;
  top: 7px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer:hover .viewToggler {
  opacity: 1;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer.fullView .viewToggler {
  display: none;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription {
  border-radius: 0 0 3px 3px;
  min-height: 35px;
  background-repeat: no-repeat;
  background-position: 5px 0;
  position: relative;
  padding-right: 20px;
  margin-top: 0;
  margin-right: 12px;
  margin-bottom: 15px;
  /*padding-bottom: 20px;*/
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public {
  padding-bottom: 0;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public a.button {
  margin-top: 4px;
  font-weight: normal !important;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container {
  max-height: 165px;
  overflow: hidden;
  position: relative;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--empty {
  display: none;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser {
  --sv-public-desc-teaser-lines: 4;
  --sv-public-desc-teaser-lh: 1.45;
  --sv-public-desc-teaser-fs: 14px;
  --sv-public-desc-fade-end: color-mix(in srgb, var(--release-season-color, #91be14) 18%, rgba(255, 255, 255, 0.96));
  max-height: calc(var(--sv-public-desc-teaser-lines) * var(--sv-public-desc-teaser-lh) * var(--sv-public-desc-teaser-fs));
  margin-bottom: 14px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser .sv-publicDescriptionTeaser-copy {
  font-size: var(--sv-public-desc-teaser-fs, 14px);
  line-height: var(--sv-public-desc-teaser-lh, 1.45);
  color: #4a3528;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container .truncator {
  background: transparent url("/img/project/singvogel/backgrounds/scrollIndicator.png") repeat-x 0 0;
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser .truncator {
  height: 3.25rem;
  background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--release-season-color, #91be14) 6%, transparent) 42%, var(--sv-public-desc-fade-end, color-mix(in srgb, var(--release-season-color, #91be14) 18%, #fff)) 100%);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser .chordSet,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container:has(> .teaserButton) .chordViewer.teaser .chordSet {
  max-height: 10rem;
  overflow: hidden;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container:has(> .teaserButton) .chordViewer.teaser {
  --sv-public-desc-fade-end: color-mix(in srgb, var(--release-season-color, #91be14) 16%, rgba(255, 250, 242, 0.98));
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser > .truncator,
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .chordViewer-container:has(> .teaserButton) .chordViewer.teaser > .truncator {
  display: block !important;
  height: 3.25rem;
  background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--release-season-color, #91be14) 6%, transparent) 42%, var(--sv-public-desc-fade-end, color-mix(in srgb, var(--release-season-color, #91be14) 16%, #fff7ed)) 100%);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description {
  font-size: 15px;
  font-size: 14.7px;
  line-height: 20px;
  padding: 15px 20px 20px 20px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description h3, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .indexBar > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .filterBar > .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description .title {
  margin-bottom: 15px;
  font-size: 17px;
}
.releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescription .description ul {
  padding-bottom: 10px;
}
.releaseView-container .release .content .audioDownloadContainer, .releaseView-container .release .content .documentDownloadContainer, .releaseView-container .release .content .audioBar, .releaseView-container .release .content .relatedContainer {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.releaseView-container .release .content .audioDownloadContainer > .title, .releaseView-container .release .content .documentDownloadContainer > .title, .releaseView-container .release .content .audioBar > .title, .releaseView-container .release .content .relatedContainer > .title {
  line-height: 17px;
  margin-top: 10px;
  /* border-bottom: 1px dashed #eee; */
  padding: 8px 0;
  /* margin-left: 12px; */
  /* margin-right: 12px; */
  padding-left: 13px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px 3px 0 0;
  background: #e83331;
}
.releaseView-container .release .content .audioDownloadContainer .tableContainer, .releaseView-container .release .content .documentDownloadContainer .tableContainer, .releaseView-container .release .content .audioBar .tableContainer, .releaseView-container .release .content .relatedContainer .tableContainer {
  margin-left: 9px;
  margin-right: 9px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table, .releaseView-container .release .content .documentDownloadContainer.isTable .table, .releaseView-container .release .content .audioBar.isTable .table, .releaseView-container .release .content .relatedContainer.isTable .table {
  display: table;
  width: 100%;
  margin-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div, .releaseView-container .release .content .audioBar.isTable .table > div, .releaseView-container .release .content .relatedContainer.isTable .table > div {
  display: table-row;
  background: #fff;
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div, .releaseView-container .release .content .audioBar.isTable .table > div > div, .releaseView-container .release .content .relatedContainer.isTable .table > div > div {
  display: table-cell;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  padding-right: 20px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div.icon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div.icon, .releaseView-container .release .content .audioBar.isTable .table > div > div.icon, .releaseView-container .release .content .relatedContainer.isTable .table > div > div.icon {
  background: #fff url("/img/project/singvogel/icons/mp3download.small.png") no-repeat 5px 2px;
  background-size: 17px;
  width: 23px;
  min-width: 23px;
  height: 23px;
  padding-right: 7px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .audioBar.isTable .table > div > div.downloadIcon, .releaseView-container .release .content .relatedContainer.isTable .table > div > div.downloadIcon {
  background: url("/img/project/singvogel/audioBar/download-link.png") no-repeat 28px 6px;
  width: 30px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div:hover > div.icon, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div:hover > div.icon, .releaseView-container .release .content .audioBar.isTable .table > div:hover > div.icon, .releaseView-container .release .content .relatedContainer.isTable .table > div:hover > div.icon {
  background: #f2f2f2 url("/img/project/singvogel/icons/mp3download.small.png") no-repeat 5px 2px;
  background-size: 17px;
}
.releaseView-container .release .content .audioDownloadContainer.isTable .table > div:hover, .releaseView-container .release .content .documentDownloadContainer.isTable .table > div:hover, .releaseView-container .release .content .audioBar.isTable .table > div:hover, .releaseView-container .release .content .relatedContainer.isTable .table > div:hover {
  background: #f2f2f2;
}
.releaseView-container .release .content .audioDownloadContainer > ul, .releaseView-container .release .content .documentDownloadContainer > ul, .releaseView-container .release .content .audioBar > ul, .releaseView-container .release .content .relatedContainer > ul {
  list-style: none;
  margin: 0 !important;
  padding: 15px 20px 5px !important;
}
.releaseView-container .release .content .audioDownloadContainer > ul li, .releaseView-container .release .content .documentDownloadContainer > ul li, .releaseView-container .release .content .audioBar > ul li, .releaseView-container .release .content .relatedContainer > ul li {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  padding: 5px 8px 5px 5px;
  border-radius: 2px;
  display: inline-block;
  min-width: 25%;
  white-space: nowrap;
  vertical-align: top;
  background: #fff url("/img/project/singvogel/icons/mp3download.small.gray.png") no-repeat 0 0;
  height: 23px;
  text-indent: 32px;
  margin-right: 22px;
  margin-bottom: 12px !important;
}
.releaseView-container .release .content .audioDownloadContainer > ul li:last-child, .releaseView-container .release .content .documentDownloadContainer > ul li:last-child, .releaseView-container .release .content .audioBar > ul li:last-child, .releaseView-container .release .content .relatedContainer > ul li:last-child {
  margin-right: 0;
}
.releaseView-container .release .content .audioDownloadContainer > ul li a, .releaseView-container .release .content .documentDownloadContainer > ul li a, .releaseView-container .release .content .audioBar > ul li a, .releaseView-container .release .content .relatedContainer > ul li a {
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  color: #777;
  display: block;
  line-height: 24px;
  cursor: default;
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover, .releaseView-container .release .content .documentDownloadContainer.canDownload ul li a:hover, .releaseView-container .release .content .audioBar.canDownload ul li a:hover, .releaseView-container .release .content .relatedContainer.canDownload ul li a:hover {
  text-decoration: underline;
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover {
  background-image: url("/img/project/singvogel/icons/mp3download.small.png");
}
.releaseView-container .release .content .audioDownloadContainer.canDownload ul li a:hover a {
  color: #e83331;
}
.releaseView-container .release .content .audioBar {
  margin-bottom: 10px;
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.releaseView-container .release .content .audioBar > .title {
  position: relative;
}
.releaseView-container .release .content .audioBar > .title .volume {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 6px;
  right: 10px;
  white-space: nowrap;
}
.releaseView-container .release .content .audioBar > .title .volume > div {
  display: inline-block;
  vertical-align: top;
}
.releaseView-container .release .content .audioBar > .title .volume .label {
  font-weight: normal;
  font-size: 14px;
  margin-top: 1px;
  margin-right: 10px;
}
.releaseView-container .release .content .audioBar > .title .volume .control {
  position: relative;
  top: 3px;
  width: 80px;
  height: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
}
.releaseView-container .release .content .audioBar > .title .volume .control .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 12px;
  z-index: 10;
  /*background: transparent url('/img/project/singvogel/audioBar/volume-overlay.png') no-repeat 0 0;*/
  cursor: pointer;
}
.releaseView-container .release .content .audioBar > .title .volume .control .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  z-index: 9;
  background: #369;
  width: 85%;
}
.releaseView-container .release .content .audioBar .content {
  padding: 5px;
}
.releaseView-container .release .content .audioBar .content .table > div {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #fff;
  font-size: 14px;
  cursor: pointer;
}
.releaseView-container .release .content .audioBar .content .table > div:hover {
  background: #f2f2f2;
}
.releaseView-container .release .content .audioBar .content .table > div > div {
  padding: 8px 12px;
}
.releaseView-container .release .content .audioBar .content .table > div > div.takeWidth {
  padding: 0;
  min-width: 110px;
}
.releaseView-container .release .content .audioBar .controls .play {
  background-image: url("/img/project/singvogel/audioBar/play-button-999.png");
}
.releaseView-container .release .content .audioBar .controls .stop {
  background-image: url("/img/project/singvogel/audioBar/stop-button-666.png");
}
.releaseView-container .release .content .audioBar .controls {
  white-space: nowrap;
}
.releaseView-container .release .content .audioBar .controls div.button {
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.releaseView-container .release .content .audioBar .controls div.label {
  background: none !important;
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  min-width: 60px;
}
.releaseView-container .release .content .audioBar .item.stopped .play {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .item.stopped .stop {
  display: none;
}
.releaseView-container .release .content .audioBar .item.stopped .loading {
  display: none;
}
.releaseView-container .release .content .audioBar .item.playing .play {
  display: none;
}
.releaseView-container .release .content .audioBar .item.playing .stop {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .item.playing .loading {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .play {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .stop {
  display: none;
}
.releaseView-container .release .content .audioBar .item.loading .stop.button {
  display: inline-block;
  background-image: url("/img/project/singvogel/audioBar/stop-button-999.png") !important;
}
.releaseView-container .release .content .audioBar .item.loading .loading {
  display: inline-block;
}
.releaseView-container .release .content .audioBar .progress {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  background: #ddd;
  height: 15px;
  border-radius: 2px;
  overflow: hidden;
  min-width: 100px;
}
.releaseView-container .release .content .audioBar .progress > .current {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  background: #369;
  height: 15px;
  width: 0%;
}
.releaseView-container .release .content .audioBar .progress > .browse {
  position: absolute;
  top: 0;
  left: 0;
  background: #369;
  opacity: 0.15;
  height: 15px;
}
.releaseView-container .release .content .audioBar .item.playing .progress {
  cursor: default;
}
.releaseView-container .release .content .audioBar .content .table > div:hover .controls .play {
  background-image: url("/img/project/singvogel/audioBar/play-button-666.png");
  /*background-image: url('/img/project/singvogel/audioBar/play-button-red.png');*/
}
.releaseView-container .release .content .audioBar .content .table > div:hover .controls .stop {
  background-image: url("/img/project/singvogel/audioBar/stop-button-666.png");
}
.releaseView-container .release .content .audioBar a.downloadLink {
  background: transparent url("/img/project/singvogel/audioBar/download-link.png") no-repeat 0 2px;
  display: block;
  text-indent: 19px;
}
.releaseView-container .release .content .documentDownloadContainer {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.14);
}
.releaseView-container .release .content .documentDownloadContainer > ul > li, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon {
  background-color: transparent;
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType- {
  background-image: url("/img/project/singvogel/icons/sheet.small.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-workSheet, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-workSheet {
  background-image: url("/img/project/singvogel/icons/worksheet.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-musicStory, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-musicStory {
  background-image: url("/img/project/singvogel/icons/song.small.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-textStory, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-textStory {
  background-image: url("/img/project/singvogel/icons/textstory.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-sheetFile, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-sheetFile {
  background-image: url("/img/project/singvogel/icons/notesheet.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-guitarChords, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-guitarChords {
  background-image: url("/img/project/singvogel/icons/guitarchords.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-portfolio, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-portfolio {
  background-image: url("/img/project/singvogel/icons/portfolio.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-pictureCards, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-pictureCards {
  background-image: url("/img/project/singvogel/icons/pictureCards.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer > ul > li.iconType-gameManual, .releaseView-container .release .content .documentDownloadContainer > .tableContainer > .table > div > div.icon.iconType-gameManual {
  background-image: url("/img/project/singvogel/icons/gameManual.18x23.png");
}
.releaseView-container .release .content .documentDownloadContainer {
  /*&.canDownload {
      > ul > li {
          a {
              color: #666 !important;
              font-weight: normal;
              cursor: pointer;
              text-decoration: underline;
          }
          &.iconType- {
              background-image: url('/img/project/singvogel/icons/sheet.small.png');
          }
          &.iconType-workSheet {
              background-image: url('/img/project/singvogel/icons/worksheet.small.png');
          }
          &.iconType-musicStory {
              background-image: url('/img/project/singvogel/icons/song.small.png');
          }
          &.iconType-textStory {
              background-image: url('/img/project/singvogel/icons/textstory.small.png');
          }
          &.iconType-sheetFile {
              background-image: url('/img/project/singvogel/icons/sheet.small.png');
          }
      }                    
  }*/
}
.releaseView-container .release .content .relatedContainer {
  box-shadow: none;
}
.releaseView-container .release .content .relatedContainer > .title {
  border-radius: 0;
  margin-top: 0;
  background-color: #bbb;
}
.releaseView-container .release .content .relatedContainer .list {
  white-space: nowrap;
}
.releaseView-container .release .content .relatedContainer .list > div {
  margin: 15px;
  margin-right: 0px;
  display: inline-block;
  white-space: normal;
  height: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.releaseView-container .release .content .relatedContainer .list > div .label {
  background-color: #ffc500;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image {
  cursor: default;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image.noActiveSubscription {
  cursor: pointer !important;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image .stage .placeholder {
  text-align: center;
}
.releaseView-container .release .content .stage-container.stage-placeholder-image .stage .placeholder img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.releaseView-container .release .content .subContainer {
  margin: 10px 20px;
  padding-bottom: 10px;
}
.releaseView-container .release .content .subContainer:empty {
  display: none !important;
  margin: 0;
  padding: 0;
}
.releaseView-container .release .content .chordViewer-container {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  background: #fff;
}
.releaseView-container .release .content .chordViewer-container .teaserButton {
  margin-left: 12px;
  margin-top: 12px;
  padding-bottom: 12px;
}
.releaseView-container .release .content .chordViewer-container > .title {
  border-radius: 3px 3px 0 0;
  margin-left: 0px;
  margin-top: 10px;
  padding: 7px 13px 8px;
  background: #e83331;
  color: #fff;
  font-weight: 600;
  line-height: 18px;
  font-size: 16px;
  position: relative;
}
.releaseView-container .release .content .chordViewer-container > .title .right {
  position: absolute;
  right: 10px;
  top: 6px;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler {
  background-image: url("/img/project/singvogel/icons/lyrics-with-arrow-small.png");
  text-indent: 19px;
  background-position: 0 2px !important;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler:hover {
  background-image: url("/img/project/singvogel/icons/lyrics-with-arrow-small-active.png");
}
.releaseView-container .release .content .chordViewer-container a.printTrigger {
  background-image: url("/img/project/singvogel/icons/print-small.png");
  text-indent: 24px;
}
.releaseView-container .release .content .chordViewer-container a.printTrigger:hover {
  background-image: url("/img/project/singvogel/icons/print-small-active.png");
}
.releaseView-container .release .content .chordViewer-container a.printTrigger span.responsive {
  display: none;
}
.releaseView-container .release .content .chordViewer-container a.chordDownload {
  background-image: url("/img/project/singvogel/icons/arrow-down-small2.png");
  text-indent: 17px !important;
  height: 18px;
  background-position: 0 2px !important;
}
.releaseView-container .release .content .chordViewer-container a.chordDownload:hover {
  background-image: url("/img/project/singvogel/icons/arrow-down-small2-active.png");
}
.releaseView-container .release .content .chordViewer-container a.chordDownload span.responsive {
  display: none;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler, .releaseView-container .release .content .chordViewer-container a.printTrigger, .releaseView-container .release .content .chordViewer-container a.chordDownload {
  background-repeat: no-repeat;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  text-indent: 24px;
  font-weight: 600;
  text-decoration: none !important;
  margin-left: 20px;
  cursor: pointer;
}
.releaseView-container .release .content .chordViewer-container a.chordToggler:hover, .releaseView-container .release .content .chordViewer-container a.printTrigger:hover, .releaseView-container .release .content .chordViewer-container a.chordDownload:hover {
  color: #eee;
  text-decoration: underline;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .truncator {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chordViewer.empty .chordView {
  display: none !important;
}
.releaseView-container .release .content .chordViewer-container .chordViewer.teaser .truncator {
  display: block;
  background: transparent url("/img/project/singvogel/backgrounds/scrollIndicator.png") repeat-x 0 0;
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords .openChordsButton {
  display: inline-block;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords .closeChordsButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords.open .openChordsButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chordViewer .chords.open .closeChordsButton {
  display: inline-block;
}
.releaseView-container .release .content .chordViewer-container .chordSet {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  padding: 12px 20px;
  border-radius: 3px;
  /*max-height: 200px;*/
  margin-top: 7px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .textLine {
  margin-bottom: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock {
  border-left: 5px solid #e83331;
  padding-left: 20px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock > .textLine:first-child pre {
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock > .chordLine:first-child {
  margin-top: 0;
  padding-top: 0;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chorusBlock {
  margin-bottom: 25px;
  margin-top: 15px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chordLine {
  padding-top: 5px;
  padding-bottom: 3px;
}
.releaseView-container .release .content .chordViewer-container .chordSet .chordLine pre {
  color: #33d !important;
}
.releaseView-container .release .content .chordViewer-container .chordSet .sectionHead pre {
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-top: 3px;
  padding-bottom: 5px;
}
.releaseView-container .release .content .chordViewer-container .chordSet pre {
  font-size: 13px !important;
  font-weight: normal;
  line-height: 15px;
  font-family: "Roboto Mono";
  color: #444;
}
.releaseView-container .release .content .chordViewer-container .chordView-inner {
  margin-top: 20px;
}
.releaseView-container .release .content .chordViewer-container .chordView-inner > .title {
  color: #444;
  font-size: 12px;
  font-weight: 600;
  background-color: #ddd;
  padding: 4px 10px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eaeaea;
}
.releaseView-container .release .content .chordViewer-container .chordView {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton {
  position: absolute;
  top: 10px;
  right: 10px;
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton a.button {
  background: #eee !important;
  background-image: url("/img/project/singvogel/symbols/print-small.png") !important;
  background-repeat: no-repeat !important;
  font-family: Lato;
  background-position: 5px 2px !important;
  padding: 7px 6px;
  line-height: 12px;
  text-indent: 25px;
  padding-right: 10px !important;
  border-radius: 2px;
  color: #888 !important;
  font-size: 13px !important;
  opacity: 0.5;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.releaseView-container .release .content .chordViewer-container .chordView .printButton a.button:hover {
  opacity: 1;
  background-color: #eaeaea !important;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition {
  position: absolute;
  right: 20px;
  top: 11px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  color: #aaa;
  padding: 0px 5px;
  border-radius: 3px;
  line-height: 22px;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition.visible {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition {
  white-space: nowrap;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition .label {
  margin-right: 4px;
}
.releaseView-container .release .content .chordViewer-container .chordView .capoPosition .label, .releaseView-container .release .content .chordViewer-container .chordView .capoPosition .value {
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet {
  font-size: 14px;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet .chordLine {
  color: #36a;
  line-height: 14px;
  margin-bottom: 1px;
}
.releaseView-container .release .content .chordViewer-container .chordView .chordSet.active {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chordView .pureTextLine {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords {
  position: relative;
}
.releaseView-container .release .content .chordViewer-container .chords .buttons {
  margin-top: 5px;
}
.releaseView-container .release .content .chordViewer-container .chords > .title a {
  color: #888;
  text-decoration: none;
  outline: 0;
  -moz-outline: 0;
  -webkit-outline: 0;
}
.releaseView-container .release .content .chordViewer-container .chords > .title a:hover {
  color: #555;
}
.releaseView-container .release .content .chordViewer-container .chords .alignRight {
  position: absolute;
  top: 0px;
  right: 0;
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.open .chordView, .releaseView-container .release .content .chordViewer-container .chords.open .alignRight {
  display: block;
}
.releaseView-container .release .content .chordViewer-container .chords.open .chordView {
  margin-top: 15px;
}
.releaseView-container .release .content .chordViewer-container .chords .pureTextLine.chorus pre {
  font-weight: 600;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .printButton {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chordSet {
  padding: 25px !important;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chordLine {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .chorusBlock {
  border-left: 0;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .capoPosition {
  display: none;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine {
  margin-bottom: 6px !important;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine pre {
  font-family: KoHo !important;
  font-size: 15px !important;
  line-height: 18px;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine pre:empty {
  margin-bottom: 22px;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .pureTextLine {
  display: block;
  text-align: center;
}
.releaseView-container .release .content .chordViewer-container .chords.hideChords .textLine {
  display: none;
}
.releaseView-container.filter-active .release {
  display: none;
}
.releaseView-container.filter-active .release.filtered-visible {
  display: block;
}
.releaseView-container .releaseType {
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 6px;
  line-height: 16px;
  border-radius: 4px;
}
.releaseView-container.slider .release {
  margin: 0 !important;
  padding: 0 !important;
}
.releaseView-container.slider .release .content {
  display: block;
}
.releaseView-container.slider .release .description {
  padding-right: 25px;
}

.releaseView-container .overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 18%, transparent) 0%, transparent 34%), radial-gradient(circle at 86% 18%, rgba(255, 197, 0, 0.16) 0%, transparent 30%), rgba(41, 25, 17, 0);
  z-index: 0;
  transition: opacity 0.14s cubic-bezier(0.22, 1, 0.36, 1), background 0.14s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.14s, -webkit-backdrop-filter 0.14s ease, backdrop-filter 0.14s ease;
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  visibility: hidden;
}
.releaseView-container .overlay.visible {
  background: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 20%, transparent) 0%, transparent 34%), radial-gradient(circle at 86% 18%, rgba(255, 197, 0, 0.18) 0%, transparent 30%), rgba(41, 25, 17, 0.68) !important;
  -webkit-backdrop-filter: blur(8px) saturate(0.92);
  backdrop-filter: blur(8px) saturate(0.92);
  visibility: visible;
  opacity: 1;
  z-index: 8999;
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .releaseView-container .release.openInLayer {
    transition: none !important;
    transform: none !important;
  }
  .releaseView-container .overlay {
    transition: none !important;
  }
}
.releaseViewer.slider {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.releaseViewer.slider .release {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  /*background: #fff !important;*/
  padding-bottom: 8px;
}
.releaseViewer.slider .releaseView-container {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  background: #f6f6f6 !important;
}
.releaseViewer.slider .releaseView-container .release:hover {
  background: #f2f2f2;
}
.releaseViewer.slider .releaseSlider {
  -webkit-transition: all 0.3s ease-out;
  -khtml-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.releaseViewer.slider .releaseSlider .slide {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  opacity: 1;
  cursor: default;
  padding-bottom: 10px;
  position: relative;
}
.releaseViewer.slider .releaseSlider .slide.active {
  opacity: 1;
}
.releaseViewer.slider .releaseSlider .slide .releaseType {
  color: #888;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  line-height: 15px;
  padding: 0 0 0;
  margin-bottom: 7px;
}
.releaseViewer.slider .releaseSlider .slide .releaseType div.labels {
  display: inline-block;
  margin-right: 10px;
  line-height: 19px;
}
.releaseViewer.slider .releaseSlider .slide .badge {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 249;
  position: relative;
  background: #ffc500;
  z-index: 209 !important;
  height: auto;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 4px 11px;
  width: auto;
  height: auto;
  margin-left: 0px;
  border-radius: 2px;
  display: inline-block;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle {
  background: #e83331;
  font-size: 19px;
  font-weight: 600;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #fff;
  padding: 7px 13px;
  cursor: default;
  border-radius: 2px 2px 0 0;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle.hidden .topicLabel {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel, .releaseViewer.slider .releaseSlider .slide .topicTitle .topicName {
  display: inline-block;
  vertical-align: top;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel a, .releaseViewer.slider .releaseSlider .slide .topicTitle .topicName a {
  color: #fff;
}
.releaseViewer.slider .releaseSlider .slide .topicTitle .topicLabel {
  margin-right: 6px;
  font-weight: normal !important;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .title {
  font-weight: 600;
  color: #e83331;
  margin-bottom: 10px;
  margin-top: -2px;
  width: 98%;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .title h2 {
  margin-left: -1px;
  line-height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0;
}
.releaseViewer.slider .releaseSlider .slide ul.mediaSummary li, .releaseViewer.slider .releaseSlider .slide .contentSummary > ul li {
  font-size: 12px;
  /*text-indent: 25px;*/
  float: left;
  white-space: nowrap;
  margin-bottom: 4px !important;
  background-color: #de7676;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
  padding: 4px 7px;
  line-height: 13px;
}
.releaseViewer.slider .releaseSlider .slide .mediaSummary {
  margin-top: 0px !important;
}
.releaseViewer.slider .releaseSlider .slide .mediaSummary .nodeBase {
  min-height: 12px !important;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage {
  padding-bottom: 0;
  overflow: visible;
  height: auto;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage .placeholder {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.releaseViewer.slider .releaseSlider .slide .mediaPreview .stage-placeholder-image .stage .placeholder img {
  width: auto;
  height: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: #fff;
}
.releaseViewer.slider .releaseSlider .slide .contentSummary > .title {
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #888;
  margin-bottom: 6px;
}
.releaseViewer.slider .releaseSlider .slide .contentSummary ul li {
  text-indent: 0;
  padding: 5px 7px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin-right: 3px;
  line-height: 14px;
}
.releaseViewer.slider .releaseSlider .slide .description {
  font-size: 15px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 15px 13px 0 13px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap > .content {
  min-width: 44%;
  max-width: 66%;
  margin-right: 5px;
  padding-bottom: 15px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap > .content.mediaImage {
  min-width: auto;
  min-height: auto;
  margin-right: 5px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap.empty > .content {
  display: none;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap.empty .right {
  margin-left: 0 !important;
  border-radius: 0;
}
.releaseViewer.slider .releaseSlider .slide .buttons {
  width: 98%;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head {
  margin-bottom: 15px;
  position: relative;
  flex-grow: 1;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .icon, .releaseViewer.slider .releaseSlider .slide .contentWrap .head .right {
  display: inline-block;
  vertical-align: top;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .right {
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  min-width: calc(100% - 21px);
  margin-right: 10px;
  margin-left: 3px;
  padding-left: 12px;
  padding-right: 8px;
  padding-top: 4px;
  margin-top: -3px;
  padding-bottom: 10px;
  cursor: pointer;
  border-radius: 2px;
}
.releaseViewer.slider .releaseSlider .slide .contentWrap .head .dateBlock {
  position: absolute;
  top: 4px;
  right: 0;
  background: #999;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 14px;
}
.releaseViewer.slider .releaseSlider .viewer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  display: none;
}
.releaseViewer.slider .releaseSlider .viewer.visible {
  display: block;
}
.releaseViewer.slider .releaseSlider .viewer .release {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transform: scale(0.95, 0.95);
}
.releaseViewer.slider .releaseSlider .viewer.fadeIn .release {
  opacity: 1;
  transform: scale(1, 1);
}
.releaseViewer.slider .progress {
  display: none;
  height: 3px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.releaseViewer.slider .progress .inner {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-timing-function: linear;
  background: #ddd;
  width: 0px;
  height: 3px;
}
.releaseViewer.slider .progress .inner.noTransition {
  transition: none !important;
}
.releaseViewer.slider .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  right: 0;
  /*border-top: 4px solid #eee;*/
  width: 100%;
  height: 43px;
}
.releaseViewer.slider .pagination > ul, .releaseViewer.slider .pagination div {
  position: absolute;
  display: block;
  top: 6px;
}
.releaseViewer.slider .pagination > div {
  position: absolute;
  background: #ffc500;
  font-weight: 600;
  text-align: center;
  padding: 5px 11px;
  cursor: pointer;
  border-radius: 3px;
  z-index: 1;
}
.releaseViewer.slider .pagination > div:hover {
  background: #efb500;
}
.releaseViewer.slider .pagination > div a {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #fff;
  font-size: 25px;
  padding: 0;
  line-height: 17px;
  text-decoration: none !important;
}
.releaseViewer.slider .pagination > div.prev {
  left: 0;
}
.releaseViewer.slider .pagination > div.next {
  right: 0;
}
.releaseViewer.slider .pagination ul {
  margin: 0 auto !important;
  list-style: none !important;
  position: absolute;
  top: 13px;
  left: 50%;
}
.releaseViewer.slider .pagination ul li {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 15px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  margin: 0 !important;
  font-size: 0;
  padding-top: 2px;
}
.releaseViewer.slider .pagination ul li a {
  border-radius: 50px;
  background: #eee;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #aaa;
}
.releaseViewer.slider .pagination ul li:hover a {
  background: #ccc;
}
.releaseViewer.slider .pagination ul li.active a {
  background: #e83331;
  border: 1px solid #e83331;
}

.stage-container .stage, .video .stage {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 10px;*/
  height: 0;
  overflow: hidden;
  border-radius: 3px;
}
.stage-container .stage iframe, .stage-container .stage object, .stage-container .stage embed, .stage-container .stage .placeholder, .video .stage iframe, .video .stage object, .video .stage embed, .video .stage .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#testimonialViewer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
#testimonialViewer .viewerTitle {
  display: none;
  background-color: #e83331;
  font-size: 18px !important;
  font-weight: 600;
  color: #fff;
  padding: 7px 15px;
  border-radius: 2px 2px 0 0;
}
#testimonialViewer .viewerWrapper {
  position: relative;
  font-size: 0;
}
#testimonialViewer .viewerContainer {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  white-space: nowrap;
  position: absolute;
  width: 100%;
  top: 0;
  transition-property: opacity;
  left: 0;
}
#testimonialViewer .testimonial {
  position: relative;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 0.35s;
}
#testimonialViewer .testimonial.active {
  opacity: 1;
}
#testimonialViewer .testimonial.active .author, #testimonialViewer .testimonial.active .title, #testimonialViewer .testimonial.active .content {
  transform: translate(0, 0);
  opacity: 1;
}
#testimonialViewer .testimonial .paddingWrap {
  padding: 15px 20px 15px 0;
}
#testimonialViewer .testimonial:nth-child(2n) .paddingWrap {
  padding: 15px 0 0;
}
#testimonialViewer .testimonial.single .paddingWrap {
  padding: 15px 0 0;
}
#testimonialViewer .testimonial.full {
  width: 100% !important;
}
#testimonialViewer .testimonial .author {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  font-size: 14px;
  padding-left: 4px;
  font-weight: normal;
  color: #aaa;
  position: relative;
  display: block;
  transform: translate(0, -30px);
}
#testimonialViewer .testimonial .tip {
  display: none;
  position: absolute;
  top: 21px;
  left: 23px;
  background: transparent url("/img/project/singvogel/var/element-bubble-tip-point-flipped.png") no-repeat 0 0;
  width: 19px;
  height: 17px;
  z-index: 2;
}
#testimonialViewer .testimonial .title {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  font-size: 17px;
  font-weight: 600;
  color: #e83331;
  transform: translate(0, -20px);
  display: inline-block;
}
#testimonialViewer .testimonial .content {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  transition-duration: 0.5s;
  display: inline-block;
  transform: translate(-20px, 0);
  z-index: 1;
  margin-left: 1px;
  padding-top: 7px;
  font-style: italic;
  font-size: 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: #f4f4f4;
  border-radius: 15px 0;
  padding: 12px 20px;
  margin-top: 12px;
  margin-right: 10px;
  margin-bottom: 5px;
}

#modalOverlay {
  z-index: 10000;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  top: -10000px;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity !important;
}
#modalOverlay.visible {
  visibility: visible;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
}
#modalOverlay.visible.easy {
  opacity: 0.2;
  background: #111;
}
#modalOverlay.visible.darker {
  opacity: 0.65;
}
#modalOverlay.visible:not(.sv-membership-cancel-overlay) {
  opacity: 1;
  background: rgba(52, 44, 40, 0.48);
}

#modalContentBox {
  position: fixed;
  background: #fff;
  top: -10000px;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  z-index: 10001;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity !important;
  overflow: hidden;
  opacity: 0;
}
#modalContentBox.visible {
  visibility: visible;
  top: 25%;
  overflow: auto;
  opacity: 1;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) {
  border-radius: 24px;
  border: var(--sv-widget-surface-border, 1px solid rgba(255, 255, 255, 0.62));
  background: var(--sv-widget-surface-highlight, linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%)), var(--sv-widget-surface-bg, linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 1.5%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, #fff) 48%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, #fff) 100%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), var(--sv-widget-surface-shadow, 0 24px 55px rgba(80, 52, 38, 0.13));
  color: #342c28;
  overflow: hidden;
  isolation: isolate;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner))::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 8px top 18px;
  background-size: auto min(72%, 260px);
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner))::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at calc(100% + 18px) -34px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 128px, transparent 129px), radial-gradient(circle at calc(100% - 76px) calc(100% - 70px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 54px, transparent 55px);
  filter: blur(0.2px);
  opacity: 0.95;
  pointer-events: none;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(92vw, 440px) !important;
  max-width: 440px;
  height: auto !important;
  max-height: min(88dvh, 100dvh - 48px) !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) .title {
  position: relative;
  z-index: 1;
  background: transparent;
  color: var(--sv-header-text-color, #342c28);
  padding: 24px 20px 0;
  line-height: 1.15 !important;
  font-size: 22px;
  font-weight: 700;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) .content {
  position: relative;
  z-index: 1;
  padding: 12px 20px 20px;
  color: #4a403c;
}
#modalContentBox.visible:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) .buttons {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 20px 22px;
  margin-bottom: 0;
}
#modalContentBox .title {
  background-color: #e83331;
  color: #fff;
  padding: 0 14px;
  line-height: 36px !important;
}
#modalContentBox .content {
  padding: 10px 14px;
}
#modalContentBox .content .block {
  margin-bottom: 15px;
}
#modalContentBox .buttons {
  position: relative;
  margin-bottom: 4px;
}
#modalContentBox .cancellationForm > .title {
  background: linear-gradient(135deg, rgba(232, 51, 49, 0.95) 0%, #b83230 55%, #9e2b29 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
#modalContentBox .cancellationForm .content {
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
#modalContentBox .cancellationForm .content .block {
  color: #4a403c;
  line-height: 1.55;
  font-size: 14px;
}
#modalContentBox .cancellationForm .buttons {
  padding-top: 8px;
  min-height: 48px;
}

#cookieNotice {
  z-index: 99999999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: -1000px;
  visibility: hidden;
  opacity: 0;
  padding: 0 12px;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: opacity, bottom;
}
#cookieNotice.visible {
  bottom: 0;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#cookieNotice .nodeBase {
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
#cookieNotice .cookieNotice-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 24px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 22px calc(18px + env(safe-area-inset-bottom, 0px)) 22px;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -10px 48px rgba(80, 52, 38, 0.14);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 249, 227, 0.85) 48%, rgba(255, 241, 241, 0.9) 100%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-bottom: none;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
#cookieNotice .cookieNotice-body {
  flex: 1 1 220px;
  min-width: 0;
}
#cookieNotice .title {
  margin: 0 0 8px;
  padding: 0;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  color: #e83331;
  background: none;
}
#cookieNotice .text {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #4a403c;
}
#cookieNotice .text a {
  color: #e83331;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#cookieNotice .text a:hover {
  color: #d82321;
}
#cookieNotice .buttonBar {
  flex: 0 0 auto;
  margin: 0;
}
@media (max-width: 800px) {
  #cookieNotice {
    padding: 0 10px;
  }
  #cookieNotice .cookieNotice-inner {
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px;
    gap: 14px;
  }
  #cookieNotice .buttonBar {
    flex: 1 1 100%;
  }
  #cookieNotice .button {
    width: 100%;
    box-sizing: border-box;
  }
}

/* Phone / small tablet in landscape: require portrait (avoid wide breakpoint layout) */
html.sv-portrait-lock-active {
  overflow: hidden;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

html.sv-portrait-lock-active body {
  overflow: hidden;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

html.sv-portrait-lock-active #main-wrapper {
  overflow-x: hidden;
  max-width: 100%;
}

#portraitLockOverlay {
  position: fixed;
  inset: 0;
  z-index: 10080;
  width: 100%;
  max-width: 100%;
  height: 100%;
  height: 100dvh;
  max-height: 100dvh;
  text-align: center;
  padding: 32px 24px;
  padding-top: max(32px, 42dvh);
  box-sizing: border-box;
  background: #f8f6f3;
  color: #342c28;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  overflow: hidden;
  touch-action: none;
  contain: layout style paint;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: opacity 0.16s ease-out, visibility 0.16s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  #portraitLockOverlay {
    transition: none;
  }
}
#portraitLockOverlay .portrait-lock-inner {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  width: calc(100% - 48px);
  max-width: 28em;
  margin: 0;
  flex-shrink: 0;
}
#portraitLockOverlay .portrait-lock-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #e83331;
}
#portraitLockOverlay .portrait-lock-hint {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  color: #555;
}
#portraitLockOverlay .portrait-lock-pref {
  margin: 18px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#portraitLockOverlay .portrait-lock-pref-label {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  color: #342c28;
}
#portraitLockOverlay .sv-prefSwitch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
#portraitLockOverlay .sv-prefSwitch-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#portraitLockOverlay .sv-prefSwitch-track {
  position: relative;
  display: block;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  background: rgba(80, 52, 38, 0.22);
  transition: background 0.16s ease;
  box-sizing: border-box;
}
#portraitLockOverlay .sv-prefSwitch-track::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(52, 44, 40, 0.22);
  transition: transform 0.16s ease;
}
#portraitLockOverlay .sv-prefSwitch-input:checked + .sv-prefSwitch-track {
  background: #e83331;
}
#portraitLockOverlay .sv-prefSwitch-input:checked + .sv-prefSwitch-track::after {
  transform: translateX(20px);
}
#portraitLockOverlay .sv-prefSwitch-input:focus-visible + .sv-prefSwitch-track {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(232, 51, 49, 0.18);
}
#portraitLockOverlay .sv-prefSwitch-input:disabled + .sv-prefSwitch-track {
  opacity: 0.6;
}

html.sv-portrait-lock-active #portraitLockOverlay {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* img styles */
.float-left {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

.float-right {
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}

footer .socialIcons #newsletterPlugin .icon, footer .socialIcons .youtube a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
  border: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: box-shadow, transform, border-color, background, color;
}
footer .socialIcons #newsletterPlugin .icon:hover, footer .socialIcons .youtube a:hover {
  background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 12%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 25%, transparent), 0 2px 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

footer {
  /* Document flow on ≤800px and ≥801px via `sv-footer-document-flow` in _mediaOverrides.scss.
   * Base absolute only applies where no responsive override (legacy wide layout). */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  min-height: 52px;
  padding-top: 4px;
  background-color: #fff;
  background-image: radial-gradient(ellipse 44% 84% at 96% 92%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, transparent) 0%, transparent 74%), radial-gradient(ellipse 40% 58% at 84% 24%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 20%, transparent) 0%, transparent 76%), radial-gradient(ellipse 22% 30% at 58% 82%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, rgba(255, 255, 255, 0.72)) 0%, transparent 74%), radial-gradient(ellipse at 70% 66%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, transparent) 0%, transparent 70%), linear-gradient(312deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, #fff) 0%, rgba(255, 255, 255, 0.96) 100%);
  background-repeat: no-repeat;
  box-shadow: 0 -1px 12px color-mix(in srgb, var(--sv-current-season-color, #e83331) 20%, transparent);
  border-top: 0;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
footer .navigation.footer {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
footer .navigation.footer > ul > li a {
  color: #4a403c;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: color;
}
footer .navigation.footer > ul > li a:hover {
  color: #e83331;
}
footer .navigation.footer > ul > li.active a {
  font-weight: 600;
  color: #e83331;
}
footer .navigation.footer > ul > li {
  float: left;
  list-style: none;
  margin-right: 8px;
  border-right: 1px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent);
  padding-right: 8px;
}
footer .navigation.footer > ul > li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
footer .socialIcons {
  position: absolute;
  bottom: 10px;
  left: 20px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
  padding-top: 0;
  margin: 0;
  width: auto;
}
footer .socialIcons .youtube a {
  text-decoration: none;
  color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
}
footer .socialIcons .youtube a:hover {
  color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 50%, #d82321);
}
footer .socialIcons .youtube a .footer-social-svg {
  display: block;
  width: 18.7px;
  height: 18.7px;
}
footer .socialIcons #newsletterPlugin .icon {
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #4a403c);
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  vertical-align: middle;
}
footer .socialIcons #newsletterPlugin .icon:hover {
  color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 50%, #e83331);
}
footer .socialIcons #newsletterPlugin .icon .footer-social-svg {
  display: block;
  width: 18.7px;
  height: 18.7px;
}
footer .socialIcons > div {
  display: inline-block;
  margin-right: 0;
}
footer .socialIcons > div:last-child {
  margin-right: 0;
}
footer .socialIcons > div {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 1;
}
footer .socialIcons > div:hover {
  opacity: 1;
}
footer .socialIcons img {
  width: 25px;
  height: 25px;
}

.moduleContainer.imageAndText .mc-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.moduleContainer.textAndImage .mc-image {
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}
.moduleContainer.textAndImage .imagePadding .mc-image {
  margin-right: 15px;
  margin-top: 15px;
}
.moduleContainer.awardViewer {
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
}
.moduleContainer.awardViewer .logo {
  margin-bottom: 0;
}
.moduleContainer.awardViewer .text {
  display: inline-block;
}
.moduleContainer.awardViewer .text .line {
  background: #777;
  height: 2px;
  width: 100%;
}
.moduleContainer.awardViewer .text .main {
  margin-top: 10px;
  color: #666;
  font-size: 23px;
  font-weight: 600;
  line-height: 29px;
}
.moduleContainer.awardViewer .text .sub {
  color: #999;
}

/* Text (string) webNode — baseline wrapping & embedded media (moduleDesign adds prose tokens) */
.nodeBase.string .string-content {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.nodeBase.string .string-content img,
.nodeBase.string .string-content video,
.nodeBase.string .string-content iframe,
.nodeBase.string .string-content svg {
  max-width: 100%;
  height: auto;
}

i.arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
i.arrow.right {
  transform: rotate(-90deg);
}
i.arrow.dark {
  border-top: 5px solid #888;
}

@keyframes indexBarOpenDrawer {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.indexBar, .filterBar {
  margin-bottom: 6px;
  margin-top: 10px;
  position: relative;
  top: 0;
  z-index: 110;
}
.indexBar > .title, .filterBar > .title {
  display: none;
  margin-bottom: 1px;
  color: #666;
  background: #fafafa;
  margin-right: 1px;
  padding: 7px 8px;
}
.indexBar > .blocks, .filterBar > .blocks {
  display: flex;
  background: #fff;
}
.indexBar > .blocks > div, .filterBar > .blocks > div {
  flex: 2 1 auto;
  margin-right: 1px;
}
.indexBar > .blocks > div.inactive, .filterBar > .blocks > div.inactive {
  /* Match .title so rounded-pill corners are not lighter than the row (inline season on .block). */
  background-color: #cacaca !important;
}
.indexBar > .blocks > div.inactive > .title, .filterBar > .blocks > div.inactive > .title {
  cursor: default !important;
  color: #eee;
}
.indexBar > .blocks > div.inactive > .title:hover, .filterBar > .blocks > div.inactive > .title:hover {
  opacity: 1 !important;
}
.indexBar > .blocks > div.inactive > .title, .filterBar > .blocks > div.inactive > .title {
  background-color: #cacaca !important;
}
.indexBar > .blocks > div.inactive > ul, .filterBar > .blocks > div.inactive > ul {
  display: none !important;
}
.indexBar > .blocks > div.inactive:hover, .filterBar > .blocks > div.inactive:hover {
  box-shadow: none !important;
}
.indexBar > .blocks > div.inactive:hover > .title .sub, .filterBar > .blocks > div.inactive:hover > .title .sub {
  opacity: 0.85;
}
.indexBar > .blocks > div.inactive i, .filterBar > .blocks > div.inactive i {
  display: none !important;
}
.indexBar > .blocks > div:last-child, .filterBar > .blocks > div:last-child {
  margin-right: 0;
}
.indexBar > .blocks > div, .filterBar > .blocks > div {
  position: relative;
}
.indexBar > .blocks > div > .title, .filterBar > .blocks > div > .title {
  color: #fff;
  background-color: #aaa;
  padding: 5px 8px;
  font-weight: 600;
}
.indexBar > .blocks > div > .title .sub, .filterBar > .blocks > div > .title .sub {
  font-weight: 400;
  font-size: 11px;
  margin-top: -2px;
  margin-bottom: 2px;
  color: #f2f2f2;
  opacity: 0.85;
  -webkit-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.15s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.indexBar > .blocks > div > .title .sub span, .filterBar > .blocks > div > .title .sub span {
  padding-right: 3px;
}
.indexBar > .blocks > div > .title .sub, .filterBar > .blocks > div > .title .sub {
  white-space: nowrap;
}
.indexBar > .blocks > div > .title .sub .label, .indexBar > .blocks > div > .title .sub span, .filterBar > .blocks > div > .title .sub .label, .filterBar > .blocks > div > .title .sub span {
  display: inline-block;
}
.indexBar > .blocks > div > .title .sub.singular .singular, .filterBar > .blocks > div > .title .sub.singular .singular {
  display: block;
}
.indexBar > .blocks > div > .title .sub.singular .plural, .filterBar > .blocks > div > .title .sub.singular .plural {
  display: none;
}
.indexBar > .blocks > div > .title .sub.plural .singular, .filterBar > .blocks > div > .title .sub.plural .singular {
  display: none;
}
.indexBar > .blocks > div > .title .sub.plural .plural, .filterBar > .blocks > div > .title .sub.plural .plural {
  display: block;
}
.indexBar > .blocks > div > .title i, .filterBar > .blocks > div > .title i {
  display: none;
}
.indexBar > .blocks > div:hover > .title .sub, .filterBar > .blocks > div:hover > .title .sub {
  opacity: 1;
}
.indexBar > .blocks > div > ul, .filterBar > .blocks > div > ul {
  background: #fff;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
.indexBar > .blocks > div > ul.gone, .filterBar > .blocks > div > ul.gone {
  display: none !important;
}
.indexBar > .blocks > div > ul > li.inactive, .indexBar > .blocks > div > ul > li > ul > li.inactive, .filterBar > .blocks > div > ul > li.inactive, .filterBar > .blocks > div > ul > li > ul > li.inactive {
  display: none;
}
.indexBar > .blocks > div > ul > li, .indexBar > .blocks > div > ul > li > ul > li, .filterBar > .blocks > div > ul > li, .filterBar > .blocks > div > ul > li > ul > li {
  background: #f2f2f2;
  margin: 0px 0 0 !important;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
}
.indexBar > .blocks > div > ul > li a, .indexBar > .blocks > div > ul > li.subBlock > .title, .indexBar > .blocks > div > ul > li > ul > li a, .indexBar > .blocks > div > ul > li > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li a, .filterBar > .blocks > div > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li > ul > li a, .filterBar > .blocks > div > ul > li > ul > li.subBlock > .title {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 8px 5px 8px;
  display: block;
  color: #555;
  text-decoration: none !important;
}
.indexBar > .blocks > div > ul > li.subBlock > .title, .indexBar > .blocks > div > ul > li > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li.subBlock > .title, .filterBar > .blocks > div > ul > li > ul > li.subBlock > .title {
  display: none;
}
.indexBar > .blocks > div > ul > li.subBlock > ul, .indexBar > .blocks > div > ul > li > ul > li.subBlock > ul, .filterBar > .blocks > div > ul > li.subBlock > ul, .filterBar > .blocks > div > ul > li > ul > li.subBlock > ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.indexBar > .blocks > div > ul > li.subBlock > ul > li:last-child, .indexBar > .blocks > div > ul > li > ul > li.subBlock > ul > li:last-child, .filterBar > .blocks > div > ul > li.subBlock > ul > li:last-child, .filterBar > .blocks > div > ul > li > ul > li.subBlock > ul > li:last-child {
  border-bottom: 0 !important;
}
.indexBar > .blocks > div > ul > li, .indexBar > .blocks > div > ul > li > ul > li, .filterBar > .blocks > div > ul > li, .filterBar > .blocks > div > ul > li > ul > li {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.indexBar > .blocks > div > ul > li:hover, .indexBar > .blocks > div > ul > li > ul > li:hover, .filterBar > .blocks > div > ul > li:hover, .filterBar > .blocks > div > ul > li > ul > li:hover {
  transition: none;
  background: #eaeaea;
}
.indexBar > .blocks > div > ul > li:last-child, .filterBar > .blocks > div > ul > li:last-child {
  border-bottom: 0;
}
.indexBar > .blocks > div > ul.hide, .filterBar > .blocks > div > ul.hide {
  display: none !important;
}
.indexBar.compact, .filterBar.compact, .filterBar-wrapper .filterBar {
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 1px;
  background: #fff;
  position: relative;
}
@media (min-width: 801px) {
  .indexBar.compact, .filterBar.compact, .filterBar-wrapper .filterBar {
    position: sticky;
  }
}
.indexBar.compact > .blocks > div > .title, .filterBar.compact > .blocks > div > .title, .filterBar-wrapper .filterBar > .blocks > div > .title {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: relative;
  top: 0;
}
.indexBar.compact > .blocks > div > .title i, .filterBar.compact > .blocks > div > .title i, .filterBar-wrapper .filterBar > .blocks > div > .title i {
  display: block;
  position: absolute;
  top: 12px;
  right: 11px;
  opacity: 0.9;
}
.indexBar.compact > .blocks > div > .title:hover, .filterBar.compact > .blocks > div > .title:hover, .filterBar-wrapper .filterBar > .blocks > div > .title:hover {
  opacity: 0.9;
  transition: none;
}
.indexBar.compact > .blocks > div > .title:hover i, .filterBar.compact > .blocks > div > .title:hover i, .filterBar-wrapper .filterBar > .blocks > div > .title:hover i {
  opacity: 1;
}
.indexBar.compact > .blocks > div > ul, .filterBar.compact > .blocks > div > ul, .filterBar-wrapper .filterBar > .blocks > div > ul {
  display: none;
  position: relative;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  position: absolute;
  top: 44px;
  width: 100%;
}
.indexBar.compact > .blocks > div > ul > li, .filterBar.compact > .blocks > div > ul > li, .filterBar-wrapper .filterBar > .blocks > div > ul > li {
  position: relative;
  border-bottom: 1px solid #e2e2e2;
  padding-right: 5px;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
}
.indexBar.compact > .blocks > div > ul > li a, .indexBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar.compact > .blocks > div > ul > li a, .filterBar-wrapper .filterBar > .blocks > div > ul > li a, .filterBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title {
  padding-left: 14px;
}
.indexBar.compact > .blocks > div > ul > li.subBlock, .filterBar.compact > .blocks > div > ul > li.subBlock, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock {
  padding-right: 0;
  background: #f2f2f2;
}
.indexBar.compact > .blocks > div > ul > li.subBlock:hover, .filterBar.compact > .blocks > div > ul > li.subBlock:hover, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock:hover {
  background: #eee;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar.compact > .blocks > div > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title {
  color: #666;
  font-weight: 600;
  display: block;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title:hover, .filterBar.compact > .blocks > div > ul > li.subBlock > .title:hover, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title:hover {
  background: #eaeaea;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > .title i, .filterBar.compact > .blocks > div > ul > li.subBlock > .title i, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > .title i {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  opacity: 0.9;
}
.indexBar.compact > .blocks > div > ul > li.subBlock > ul, .filterBar.compact > .blocks > div > ul > li.subBlock > ul, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock > ul {
  margin-left: 0 !important;
  display: none;
  list-style: none;
  min-width: 100%;
}
.indexBar.compact > .blocks > div > ul > li.subBlock, .filterBar.compact > .blocks > div > ul > li.subBlock, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock {
  border-bottom: 0;
  position: relative;
}
.indexBar.compact > .blocks > div > ul > li.subBlock:hover > ul, .filterBar.compact > .blocks > div > ul > li.subBlock:hover > ul, .filterBar-wrapper .filterBar > .blocks > div > ul > li.subBlock:hover > ul {
  display: block;
  position: absolute;
  top: 0px;
  left: 100%;
  background: #f2f2f2;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock > .title, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock > .title, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock > .title {
  padding-left: 26px;
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock i, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock i, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock i {
  transform: rotate(90deg);
  left: 10px;
  right: auto;
}
.indexBar.compact > .blocks > div:last-child > ul > li.subBlock:hover > ul, .filterBar.compact > .blocks > div:last-child > ul > li.subBlock:hover > ul, .filterBar-wrapper .filterBar > .blocks > div:last-child > ul > li.subBlock:hover > ul {
  left: -100%;
}
.indexBar.compact > .blocks > div.hover, .filterBar.compact > .blocks > div.hover, .filterBar-wrapper .filterBar > .blocks > div.hover {
  box-shadow: 0px 0 8px -1px rgba(0, 0, 0, 0.23);
}
.indexBar.compact > .blocks > div.hover > ul, .filterBar.compact > .blocks > div.hover > ul, .filterBar-wrapper .filterBar > .blocks > div.hover > ul {
  display: block;
  /*animation: indexBarOpenDrawer 0.25s;*/
}

.filterBar-wrapper {
  position: relative;
  z-index: 120;
}
.filterBar-wrapper .filterBar {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative !important;
  margin-bottom: 0;
  /*background: transparent !important;
  > .blocks {
      background: transparent !important;
  }*/
}
.filterBar-wrapper .filterBar > .blocks > div {
  /*margin-right: 4px;
  &:first-child {
      margin-right: 0;
  }*/
  /* .title {
       background: transparent !important;
   }*/
  flex: 0;
}
.filterBar-wrapper .filterBar > .blocks > div.title {
  color: #666;
  line-height: 30px;
  padding: 0 10px 0 0;
  flex: 0;
  white-space: nowrap;
  cursor: default;
}
.filterBar-wrapper .filterBar > .blocks > div.title:hover {
  box-shadow: none;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock {
  margin-top: 6px;
  margin-left: 10px;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-duration: 680ms;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock.visible {
  display: block;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock.visible.shown {
  opacity: 1;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock a {
  white-space: nowrap;
  display: block;
  font-size: 10px;
  background: #e83331 !important;
  padding: 0px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 19px;
  color: #fff;
}
.filterBar-wrapper .filterBar > .blocks > div.dropBlock a:hover {
  text-decoration: none !important;
  background: #d82321 !important;
}
.filterBar-wrapper .filterBar > .blocks > div > ul {
  top: 31px;
  position: absolute;
  width: auto;
  min-width: 100%;
  padding-top: 5px;
  padding-bottom: 7px;
  background: #fafafa;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li {
  cursor: pointer !important;
  white-space: nowrap;
  border-bottom: 0;
  white-space: nowrap;
  background: none;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field {
  position: relative;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field > div {
  display: inline-block;
  vertical-align: top;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .checkbox {
  position: relative;
  padding-left: 10px;
  width: 15px;
  height: 15px;
  margin-right: 7px;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .label {
  width: 100%;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .label label {
  padding: 1px 0 1px 10px;
  cursor: pointer !important;
  width: 100%;
  display: block;
  position: relative;
  left: -10px;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li > .field .label {
  font-size: 14px;
  line-height: 23px;
}
.filterBar-wrapper .filterBar > .blocks > div > ul > li:hover > .field label {
  color: #333;
}
.filterBar-wrapper .filterBar > .blocks > div:hover ul {
  display: block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title {
  background: #fff;
  color: #666;
  position: relative;
  white-space: nowrap;
  padding-right: 15px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.filterBar-wrapper .filterBar > .blocks > div > .title > div {
  display: inline-block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title > div div.string, .filterBar-wrapper .filterBar > .blocks > div > .title > div span {
  display: inline-block;
}
.filterBar-wrapper .filterBar > .blocks > div > .title .sub {
  display: none;
  color: #fff;
  opacity: 1;
  margin-top: 4px;
  margin-bottom: 0;
  position: relative;
  line-height: 9px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title i {
  display: inline-block;
  position: relative;
  border-top: 5px solid #666;
  top: -3px;
  left: 8px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title span.applyCount {
  background: #e83331;
  color: #fff;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
.filterBar-wrapper .filterBar > .blocks > div > .title span.applyCount:empty {
  display: none;
}
.filterBar-wrapper .filterBar > .blocks > div:hover {
  box-shadow: none;
}
.filterBar-wrapper .filterBar > .blocks > div:hover > .title {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background: #f6f6f6;
}
.filterBar-wrapper .filterBar > .blocks > div:last-of-type > ul {
  right: 0;
  left: auto;
}

@media (max-width: 640px) {
  .filterBar-wrapper {
    margin-bottom: 6px;
    padding: 0 2px;
  }
  .filterBar-wrapper .filterBar {
    position: relative;
    border-radius: 0;
    background: transparent;
  }
  .filterBar-wrapper .filterBar > .blocks {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 0 4px;
    background: transparent;
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
  }
  .filterBar-wrapper .filterBar > .blocks > .block {
    float: none;
    margin-right: 0;
    background: transparent !important;
    flex: 0 1 auto;
    min-width: 0;
    position: relative;
  }
  .filterBar-wrapper .filterBar > .blocks > .block ul {
    display: none !important;
    z-index: 35;
    min-width: 100%;
    top: calc(100% + 4px) !important;
    left: 0;
    right: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    border: 1px solid #eee;
  }
  .filterBar-wrapper .filterBar > .blocks > .block ul li .field .label {
    width: calc(100% - 60px);
  }
  .filterBar-wrapper .filterBar > .blocks > .block {
    /* Mobile: Kopfzeile „Inhalte filtern:“ ausblenden (ohne roten Balken) */
  }
  .filterBar-wrapper .filterBar > .blocks > .block.title {
    display: none !important;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock > .title {
    background: #fff !important;
    color: #5a5a5a !important;
    padding: 5px 12px 5px 10px !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    -webkit-tap-highlight-color: transparent;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock > .title:hover {
    background: #fbfbfb !important;
    border-color: #d4d4d4;
    box-shadow: none;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock > .title i {
    display: inline-block;
    position: relative;
    top: 0 !important;
    left: 5px !important;
    border-top: 4px solid #999;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock > .title span.applyCount {
    top: -1px;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock:not(.open):hover > ul {
    display: none !important;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock.open {
    z-index: 40;
  }
  .filterBar-wrapper .filterBar > .blocks > .block.filterBlock.open > ul {
    display: block !important;
  }
  .filterBar-wrapper .filterBar > .blocks > div.dropBlock {
    margin: 0 !important;
    float: none !important;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 5;
  }
  .filterBar-wrapper .filterBar > .blocks > div.dropBlock a {
    border-radius: 4px;
    box-shadow: none;
    font-size: 9px;
    line-height: 18px;
    padding: 0 6px;
  }
}
/*----------------------------------------------------------------------------
 * Topic view (Jahreskreis): season index stays under fixed site header while scrolling
 * (top aligns with body padding-top / #sidebar height from responsive/_mediaOverrides.scss)
 *----------------------------------------------------------------------------*/
.topicView-container > .indexBar.compact, .filterBar-wrapper .topicView-container > .indexBar.filterBar {
  position: sticky !important;
  z-index: 45;
  top: var(--sv-chrome-top, 80px);
}

@media (max-width: 800px) {
  .topicView-container > .indexBar.compact:not(.open), .filterBar-wrapper .topicView-container > .indexBar.filterBar:not(.open) {
    position: sticky !important;
    top: var(--sv-chrome-top, 80px) !important;
    z-index: 45 !important;
  }
}
@media (min-width: 801px) {
  .topicView-container > .indexBar.compact, .filterBar-wrapper .topicView-container > .indexBar.filterBar {
    top: var(--sv-chrome-top, 100px);
  }
}
html.sv-force-mobile-landscape .topicView-container > .indexBar.compact:not(.open), html.sv-force-mobile-landscape .filterBar-wrapper .topicView-container > .indexBar.filterBar:not(.open), .filterBar-wrapper html.sv-force-mobile-landscape .topicView-container > .indexBar.filterBar:not(.open) {
  position: sticky !important;
  top: var(--sv-chrome-top, 80px) !important;
  z-index: 45 !important;
}

.topicView-container .seasonSection.seasonHead,
.topicView-container .seasonHead,
.releaseView-container > .seasonHead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 10px 0 17.5px;
}
.topicView-container .seasonSection.seasonHead.hidden,
.topicView-container .seasonHead.hidden,
.releaseView-container > .seasonHead.hidden {
  display: none;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px 14px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle {
  flex: 0 0 auto;
  width: max-content;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8.75px 16.25px;
  white-space: nowrap;
  border-radius: 999px;
  background-color: var(--season-color, #e83331) !important;
  color: #fff;
  font-size: 13.75px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-shadow: 0 1.25px 5px rgba(52, 44, 40, 0.18);
  text-transform: uppercase;
  box-shadow: 0 12.5px 27.5px rgba(52, 44, 40, 0.12);
  cursor: default;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon {
  flex-shrink: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: hidden;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon img,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon img,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .icon img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName {
  flex: 0 0 auto;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .releaseViewer.slider .releaseSlider .slide .contentWrap .title,
.releaseViewer.slider .releaseSlider .slide .contentWrap .topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .title,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .indexBar > .title,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .filterBar > .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .releaseViewer.slider .releaseSlider .slide .contentWrap .title,
.releaseViewer.slider .releaseSlider .slide .contentWrap .releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .indexBar > .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .filterBar > .title {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: #fff;
  white-space: nowrap;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-title,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-title {
  display: inline;
  text-transform: uppercase;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-count,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-count,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-count {
  display: inline;
  font-weight: 600;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: normal;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc,
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .desc,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .desc,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .desc {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--season-color, #e83331);
  font-size: 14px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
}
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc:empty,
.topicView-container .seasonSection.seasonHead > .sv-releaseHeadStickyCluster > .desc:empty,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc:empty,
.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .desc:empty,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .seasonHead-desc:empty,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .desc:empty {
  display: none;
}

.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3, .topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .title, .topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .indexBar > .title, .topicView-container .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .filterBar > .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .releaseViewer.slider .releaseSlider .slide .contentWrap .title,
.releaseViewer.slider .releaseSlider .slide .contentWrap .releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .indexBar > .title,
.releaseView-container > .seasonHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .filterBar > .title {
  white-space: nowrap !important;
}

.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle {
  background-color: var(--sv-typehead-pill-color, #e83331) !important;
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-title.typeHead-entryLabel {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
  text-transform: none;
  letter-spacing: normal;
}

.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName h3, .releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .releaseViewer.slider .releaseSlider .slide .contentWrap .title, .releaseViewer.slider .releaseSlider .slide .contentWrap .releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .title, .releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .indexBar > .title, .releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .filterBar > .title,
.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-title,
.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-count,
.releaseView-container > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle .topicName .seasonHead-entryWord {
  text-transform: none;
  letter-spacing: normal;
}

.topicView-container .seasonContent {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  --season-color: #e83331;
}
.topicView-container .seasonContent.hidden {
  display: none;
}
.topicView-container .seasonContent .seasonContent-topics {
  padding-left: 12px;
  border-left: 4px solid var(--season-color, #e83331);
  border-radius: 12px 0 0 12px;
}
.topicView-container .seasonContent .breakLine {
  margin-top: 12px;
  margin-bottom: 12px;
}
.topicView-container .seasonContent .breakLine.blockSeparator {
  min-height: 6px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.topicView-container .seasonContent:last-of-type .breakLine {
  display: none;
}
.topicView-container .topic-container {
  padding: 15px;
  display: table;
  background: #f6f6f6;
  border-radius: 5px 5px 0 0;
  position: relative;
  cursor: pointer;
}
.topicView-container .topic-container .badge {
  display: none;
}
.topicView-container .topic-container:hover {
  background: #f2f2f2;
}
.topicView-container .topic-container.new .badge {
  display: block;
  background: url("/img/project/singvogel/var/ribbon-triangle.png") no-repeat 0 0;
  width: 139px;
  z-index: 100;
  height: 139px;
  position: absolute;
  top: 0;
  left: 0px;
  cursor: pointer;
}
.topicView-container .release {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.topicView-container .release.openInLayer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.topicView-container .release.open {
  margin-bottom: 0;
  /*border-bottom: 5px solid #f2f2f2;*/
}
.topicView-container .topic-container-outer {
  margin-bottom: 8px;
}
.topicView-container .topic-container-outer.hidden {
  display: none;
}
.topicView-container .topic-container-outer {
  background: #fff;
}
.topicView-container .topic-container-outer.open {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  margin-bottom: 20px;
  position: relative;
  border-radius: 15px;
  /*box-shadow: 0 0 15px rgba(0,0,0,.2);
  z-index: 11;
  background: #fff;*/
}
.topicView-container .topic {
  /*display: table-row;
  margin-bottom: 40px;*/
  position: relative;
}
.topicView-container .topic .topicHeadMain {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.topicView-container .topic .topicHeadMeta {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.topicView-container .topic .topicTitleRow {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.2em 0.45em;
  min-width: 0;
}
.topicView-container .topic .topicTitleRow h2, .topicView-container .topic .topicCount {
  white-space: nowrap;
}
.topicView-container .topic .topicCount {
  display: inline;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.2;
}
.topicView-container .topic .topicHeadChevron {
  display: none;
}
.topicView-container .topic .block.topicIcon, .topicView-container .topic .block.text {
  display: table-cell;
  vertical-align: top;
}
.topicView-container .topic .block.topicIcon {
  cursor: pointer;
  padding-top: 5px;
  min-width: 160px;
}
.topicView-container .topic .block.topicIcon img {
  width: 160px;
  height: 160px;
  background: transparent;
}
.topicView-container .topic .block.text {
  padding-right: 25px;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.topicView-container .topic .block.text .title .image-inner {
  display: none;
}
.topicView-container .topic .block.text .title .title-inner {
  padding-top: 4px;
}
.topicView-container .topic .block.text .description {
  margin-top: 8px;
  font-size: 15px;
}
.topicView-container .topic .block.text .description > .inner {
  max-width: 600px;
}
.topicView-container .topic.imageVisible .image-inner {
  display: block;
  flex: 0 0 auto;
  margin-bottom: 15px;
  padding-right: 20px;
}
.topicView-container .topic.imageVisible .image-inner .image-wrap {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  overflow: hidden;
}
.topicView-container .topic.imageVisible .image-inner img {
  width: auto !important;
  height: 152px;
  display: block;
  border: 10px solid #fff;
}
.topicView-container .topic .pre {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #5b89a4;
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
}
.topicView-container .children {
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition-property: height, opacity;
  transition-duration: 0.25s;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  height: 0;
  overflow: hidden;
}
.topicView-container .children .children-wrap {
  border: 15px solid #f6f6f6;
}
.topicView-container {
  /* NEU ribbon on releases uses position:absolute (~139px); .children overflow:hidden clipped it inside topic accordion. */
}
.topicView-container .topic-container-outer.open .children {
  overflow: visible;
}

#newsletterPlugin {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-left: 0;
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
}
#newsletterPlugin .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  vertical-align: middle;
}
#newsletterPlugin .icon .footer-social-svg {
  display: block;
  width: 18.7px;
  height: 18.7px;
}
#newsletterPlugin .window {
  position: absolute;
  display: none;
}
#newsletterPlugin.open .window {
  position: fixed;
  z-index: 10040;
  left: 18px;
  right: 18px;
  top: 100px;
  bottom: auto;
  height: fit-content;
  box-sizing: border-box;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  border: var(--sv-widget-surface-border, 1px solid rgba(255, 255, 255, 0.62));
  background: var(--sv-widget-surface-highlight, linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%)), var(--sv-widget-surface-bg, linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 1.5%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, #fff) 48%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, #fff) 100%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), var(--sv-widget-surface-shadow, 0 24px 55px rgba(80, 52, 38, 0.13));
  color: #342c28;
  overflow: hidden;
  isolation: isolate;
}
#newsletterPlugin.open .window::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 8px top 18px;
  background-size: auto min(72%, 260px);
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
}
#newsletterPlugin.open .window::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at calc(100% + 18px) -34px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 128px, transparent 129px), radial-gradient(circle at calc(100% - 76px) calc(100% - 70px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 54px, transparent 55px);
  filter: blur(0.2px);
  opacity: 0.95;
  pointer-events: none;
}
#newsletterPlugin.open .window {
  display: block;
  transform: none;
  opacity: 1;
  min-width: 0;
}
#newsletterPlugin.open .window .newsletterPlugin-close {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #e83331;
  font-size: 27px;
  line-height: 30px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.16);
}
#newsletterPlugin.open .window .newsletterPlugin-modalInner {
  position: relative;
  z-index: 1;
  padding: 24px 20px 22px;
  max-height: min(78vh, 620px);
  overflow: auto;
}
#newsletterPlugin.open .window .newsletterPlugin-kicker {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: var(--sv-current-season-color, #e83331);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 1px 5px rgba(52, 44, 40, 0.12);
}
#newsletterPlugin.open .window .newsletterPlugin-title {
  margin: 0 32px 10px 0;
  color: #342c28;
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
}
#newsletterPlugin.open .window .description {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4a403c;
}
#newsletterPlugin.open .window .message {
  display: none;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 10px;
}
#newsletterPlugin.open .window .message.error {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(232, 51, 49, 0.45);
  background: rgba(255, 246, 246, 0.95);
  color: #6b2a28;
}
#newsletterPlugin.open .window .message.visible {
  display: block;
}
#newsletterPlugin.open .fieldSet {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
#newsletterPlugin.open .fieldSet > div {
  display: inline-block;
  vertical-align: top;
}
#newsletterPlugin.open .fieldSet .label {
  font-size: 14px;
  margin-right: 10px;
  line-height: 32px;
  color: #342c28;
  font-weight: 600;
}
#newsletterPlugin.open .fieldSet .input input {
  padding-left: 10px;
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 18px;
  border: 1px solid rgba(80, 52, 38, 0.15);
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.95);
  padding: 8px 12px 9px;
  border-radius: 12px;
  height: auto;
  min-width: 160px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
#newsletterPlugin.open .fieldSet .input input:focus {
  border-color: #e83331;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(232, 51, 49, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
#newsletterPlugin.open .fieldSet .buttonBar {
  margin-left: 8px;
}
#newsletterPlugin.open .fieldSet .buttonBar a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
#newsletterPlugin.open .fieldSet .buttonBar a.button:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
#newsletterPlugin.open .fieldSet .buttonBar a.button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
@media (max-width: 520px) {
  #newsletterPlugin.open .fieldSet {
    white-space: normal;
  }
  #newsletterPlugin.open .fieldSet > div {
    display: block;
    margin-bottom: 8px;
  }
  #newsletterPlugin.open .fieldSet .buttonBar {
    margin-left: 0;
    margin-top: 4px;
  }
}

/* Mobile: popup on `body` above `.newsletterPlugin-backdrop` (see `template.newsletterPlugin.php`). */
body.sv-newsletter-open > #newsletterPlugin-popup {
  position: fixed;
  z-index: 10040;
  left: 18px;
  right: 18px;
  top: 100px;
  bottom: auto;
  height: fit-content;
  box-sizing: border-box;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  border: var(--sv-widget-surface-border, 1px solid rgba(255, 255, 255, 0.62));
  background: var(--sv-widget-surface-highlight, linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 42%)), var(--sv-widget-surface-bg, linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 1.5%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, #fff) 48%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, #fff) 100%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), var(--sv-widget-surface-shadow, 0 24px 55px rgba(80, 52, 38, 0.13));
  color: #342c28;
  overflow: hidden;
  isolation: isolate;
}
body.sv-newsletter-open > #newsletterPlugin-popup::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 8px top 18px;
  background-size: auto min(72%, 260px);
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
}
body.sv-newsletter-open > #newsletterPlugin-popup::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at calc(100% + 18px) -34px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 128px, transparent 129px), radial-gradient(circle at calc(100% - 76px) calc(100% - 70px), color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 54px, transparent 55px);
  filter: blur(0.2px);
  opacity: 0.95;
  pointer-events: none;
}
body.sv-newsletter-open > #newsletterPlugin-popup {
  display: block;
  transform: none;
  opacity: 1;
  min-width: 0;
}
body.sv-newsletter-open > #newsletterPlugin-popup .newsletterPlugin-close {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #e83331;
  font-size: 27px;
  line-height: 30px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.16);
}
body.sv-newsletter-open > #newsletterPlugin-popup .newsletterPlugin-modalInner {
  position: relative;
  z-index: 1;
  padding: 24px 20px 22px;
  max-height: min(78vh, 620px);
  overflow: auto;
}
body.sv-newsletter-open > #newsletterPlugin-popup .newsletterPlugin-kicker {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: var(--sv-current-season-color, #e83331);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 1px 5px rgba(52, 44, 40, 0.12);
}
body.sv-newsletter-open > #newsletterPlugin-popup .newsletterPlugin-title {
  margin: 0 32px 10px 0;
  color: #342c28;
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
}
body.sv-newsletter-open > #newsletterPlugin-popup .description {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4a403c;
}
body.sv-newsletter-open > #newsletterPlugin-popup .message {
  display: none;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 10px;
}
body.sv-newsletter-open > #newsletterPlugin-popup .message.error {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(232, 51, 49, 0.45);
  background: rgba(255, 246, 246, 0.95);
  color: #6b2a28;
}
body.sv-newsletter-open > #newsletterPlugin-popup .message.visible {
  display: block;
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet > div {
  display: inline-block;
  vertical-align: top;
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .label {
  font-size: 14px;
  margin-right: 10px;
  line-height: 32px;
  color: #342c28;
  font-weight: 600;
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .input input {
  padding-left: 10px;
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  line-height: 18px;
  border: 1px solid rgba(80, 52, 38, 0.15);
  font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.95);
  padding: 8px 12px 9px;
  border-radius: 12px;
  height: auto;
  min-width: 160px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .input input:focus {
  border-color: #e83331;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(232, 51, 49, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .buttonBar {
  margin-left: 8px;
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .buttonBar a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--sv-btn-modal-min-height);
  padding: var(--sv-btn-modal-padding-y) var(--sv-btn-modal-padding-x);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: var(--sv-btn-radius-pill);
  white-space: nowrap;
  text-decoration: none !important;
  box-sizing: border-box;
  cursor: pointer;
  opacity: var(--sv-btn-pill-opacity);
  background: var(--sv-btn-primary-bg);
  color: var(--sv-btn-primary-fg) !important;
  box-shadow: var(--sv-btn-primary-shadow-emphasis);
  transition: background-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), border-color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), box-shadow var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), transform var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), color var(--sv-btn-motion-duration) var(--sv-btn-motion-ease), opacity var(--sv-btn-motion-duration) var(--sv-btn-motion-ease);
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .buttonBar a.button:hover {
  background: var(--sv-btn-primary-bg-hover);
  color: var(--sv-btn-primary-fg) !important;
  transform: translateY(var(--sv-btn-hover-lift-y));
  box-shadow: var(--sv-btn-primary-shadow-hover);
}
body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .buttonBar a.button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

#printWindow {
  position: fixed;
  z-index: 10000;
  top: 15%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  border: 7px solid #ddd;
  background: #fff;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.32);
  padding: 35px 45px 25px 45px;
  overflow: auto;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
}

.printFrame {
  position: relative;
}
.printFrame div.title {
  padding-bottom: 10px !important;
}
.printFrame .chordLine {
  margin-top: 10px !important;
}

#printWindow a.button, .printFrame a.button {
  display: none;
}
#printWindow .title, .printFrame .title {
  font-weight: 600;
  font-size: 24px;
}
#printWindow.visible, .printFrame.visible {
  opacity: 1;
}
#printWindow div.title, .printFrame div.title {
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 10px;
}
#printWindow div.content .chordView, .printFrame div.content .chordView {
  display: block;
}
#printWindow div.content .chordView .printButton, .printFrame div.content .chordView .printButton {
  display: none;
}
#printWindow .chordView, .printFrame .chordView {
  display: block;
}
#printWindow .chordView .chordLine, .printFrame .chordView .chordLine {
  color: #33D;
  margin-top: 20px;
  margin-bottom: 3px;
}
#printWindow .chordView .pureTextLine, .printFrame .chordView .pureTextLine {
  display: none;
}
#printWindow .chordView .chordSet, .printFrame .chordView .chordSet {
  padding: 0;
}
#printWindow pre, .printFrame pre {
  font-size: 14px !important;
  font-weight: normal;
  line-height: 15px;
  font-family: "Roboto Mono";
  z-index: 5;
  position: relative;
}
#printWindow .logo, .printFrame .logo {
  position: absolute;
  left: 100px;
  top: 110px;
  z-index: 1;
  opacity: 0.05;
}
#printWindow .logo img, .printFrame .logo img {
  width: 200%;
  height: 200%;
}

#pageOverlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
  opacity: 0;
}
#pageOverlay.visible {
  opacity: 1;
}

.ytp-title, .ytp-watch-later-button, .ytp-share-button {
  display: none;
}

/* Public email obfuscation (see asset/js/public/webPage.js — scrambleEmails) */
a.sv-email-protect {
  cursor: pointer;
  word-break: break-word;
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(/img/core/icheck/red.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-green {
  background-position: 0 0;
}

.icheckbox_square-green.hover {
  background-position: -24px 0;
}

.icheckbox_square-green.checked {
  background-position: -48px 0;
}

.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-green {
  background-position: -120px 0;
}

.iradio_square-green.hover {
  background-position: -144px 0;
}

.iradio_square-green.checked {
  background-position: -168px 0;
}

.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dppx) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url(/img/core/icheck/red@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
.icheckbox_square-green.small {
  width: 15px;
  height: 15px;
  background: url(/img/core/icheck/green-small.png) no-repeat;
}

.icheckbox_square-green.small {
  background-position: 0 0;
}

.icheckbox_square-green.small.hover {
  background-position: -16px 0;
}

.icheckbox_square-green.small.checked {
  background-position: -32px 0;
}

.icheckbox_square-green.small.checked:hover,
.icheckbox_square-green.small.disabled {
  background-position: -48px 0;
}

.icheckbox_square-green.small.checked.disabled {
  background-position: -48px 0;
}

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font-size: 13px;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 5px 5px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  font-family: KoHo;
  font-size: 14px;
  font-weight: 400;
  height: 18px; /* Height of the drop down */
  line-height: 19px; /* Vertically positions the drop down text */
  text-align: left;
  display: block;
}

.selectboxit-container .selectboxit-options a {
  height: 22px;
  line-height: 22px;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 0;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100% !important; /* Minimum Width of the dropdown list box options */
  height: auto;
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 200px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 999999;
  border-radius: 4px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 3px 1px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: 600;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 22px;
  position: absolute;
  right: 2px;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #fafafa;
  background-repeat: repeat-x;
  border: 1px solid #ddd;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #999999;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}

#main-content ul.selectboxit-options {
  margin-left: 0 !important;
}

/* ---- */
/*******************************************************/
/******** GROUPED MEDIA QUERY OVERWRITES **************/
/*****************************************************/
/*
 * Mobile chrome / modal stacking — canonical z-index bands.
 *
 *   chrome bar (#sidebar: logo + login/search + burger) .... 30–32
 *   chrome flyout (.navigation.main > ul when open) ... 40
 *   `#main-content` when `body.sv-release-layer-open` .... 50 (sibling stacking vs `#sidebar`)
 *   release modal backdrop (.overlay.visible) ......... 8999
 *   release modal (.release.openInLayer) .............. 9000
 *   global search/modal (#modalOverlay) ............... 10040 (defined in core)
 *
 * Rule: chrome must always sit far below the release modal so the modal
 * naturally wins without per-state z-index hacks. Adding any z-index above 30
 * to #sidebar on mobile is forbidden (see singvogel-mobile-chrome-stacking).
 */
/*
 * Fixed page chrome (#sidebar): soft seasonal orbs with floating playful elements.
 * Mix of transparent musical elements (notes, guitar, drum) & faded orbs (sv__seasons 1–4).
 */
/*
 * Fixed page chrome (#sidebar): season color wash only (no floating decor).
 * Uses --sv-current-season-color. Background-image only, no pseudos.
 */
/* Footer chrome: mirrored season wash (background-image only, no pseudos). */
/*
 * Footer document flow (not fixed/sticky like #sidebar chrome).
 * Season background stays on base `footer {}` in core.scss; this mixin is layout only.
 */
/* Toolbar pills + glyphs: light season tint (uses --sv-current-season-color on #sidebar). */
/* Release detail tabs / anchor strip: truncate long labels on one line. */
/* Match moduleDesign mobile card inset (760px block); apply at tab breakpoint 800px. */
/* Inactive-tab chrome for real tab pills only. */
/* Burger flyout — shared mobile + desktop chrome (toolbar-modal palette, compact rhythm on mobile). */
@media (max-width: 960px) {
  #main-content:not(:has(.webRoot.moduleDesign)) .subscriptionPicker .subscription {
    margin-bottom: 35px !important;
    padding-top: 55px !important;
  }
  #main-content:not(:has(.webRoot.moduleDesign)) .subscriptionPicker .badge {
    transform: rotate(0deg) !important;
    top: 20px !important;
    left: 13% !important;
    right: 13% !important;
  }
  div.image {
    float: none !important;
  }
  div.image.float-right {
    margin-left: 0 !important;
  }
  div.image.float-left {
    margin-right: 0 !important;
  }
  .documentDownloadContainer .table .title {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .releaseView-container.slider .contentWrap {
    flex-wrap: wrap !important;
  }
  .releaseView-container.slider .contentWrap .content {
    max-width: 100% !important;
    min-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    padding-bottom: 2px !important;
  }
  .releaseView-container.slider .releaseSlider .slide .head .right {
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100%;
    margin-top: 0px;
  }
  .releaseView-container.slider .releaseSlider .slide .head .right:hover {
    background: #f2f2f2 !important;
  }
  .releaseView-container.slider .releaseSlider .content.mediaImage {
    min-width: 100% !important;
    max-width: 66% !important;
    margin-right: 5px;
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage {
    width: 100%;
    width: calc(100% - 6px);
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage .placeholder {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    border-left: 1px solid #eee;
    background: #fff;
  }
  .releaseView-container.slider .releaseSlider .mediaPreview .stage-placeholder-image .stage .placeholder img {
    box-shadow: none !important;
    padding: 15px 10px;
  }
  .releaseView-container.slider .releaseSlider .stage-container.stage-placeholder-image .stage .placeholder img {
    max-width: 90%;
  }
  .audioBar .controls .label {
    display: none !important;
    min-width: 25px !important;
  }
  .audioBar .item > div {
    padding-left: 7px !important;
    padding-right: 5px !important;
  }
  .audioBar .item > div.title {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .audioBar .item > div.download {
    padding-left: 1px !important;
  }
}
@media (max-width: 525px) {
  .innerContainer {
    overflow: visible !important;
  }
  .webForm .fieldSet-pair > div {
    float: none !important;
    margin-right: 0 !important;
  }
  .webForm .fieldSet-pair > div input {
    width: 100% !important;
  }
  .webForm .fieldSet .field .extraLong input {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .audioBar .volume {
    display: none !important;
  }
  .audioBar .item > .time {
    display: none !important;
  }
  .customerGate[data-mode^=stranger] .responsive,
  .customerGate[data-mode^=stranger] .responsive a {
    font-size: 15px !important;
  }
  .testimonialViewer .testimonial {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 640px) {
  .audioBar a.downloadLink span {
    display: none !important;
  }
  .audioBar a.downloadLink {
    background-position: 0 3px;
    text-indent: 0 !important;
    width: 15px !important;
    height: 18px !important;
  }
  .mc-image {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 0px;
  }
  .chordView .chordSet {
    /*max-width: 100% !important;;
    margin-right: 10px !important;
    max-height: 300px !important;;
    overflow: auto !important;*/
  }
  .release.openInLayer .head .description {
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden;
  }
  .release.openInLayer .block.upper .pre {
    width: 60px !important;
  }
}
/* Topic hyphenation: lang="de" on .block.text in template.topic.php; rules at ≤1065px with float layout. */
@media (max-width: 800px) {
  /*
   * Sticky footer (short pages): body flex column fills 100vh (NOT dvh/svh/calc on #main-wrapper).
   * Global #main-wrapper min-height:100dvh is overridden via min-height:0 + flex:1.
   * dvh/svh/calc on wrapper caused footer gap or mid-page footer (Phase 2 retests).
   * height:auto overrides global html,body{height:100%} so iOS Safari scrolls the document (minimal UI).
   */
  html,
  body {
    height: auto;
  }
  body {
    --sv-chrome-top: var(--sv-mhdr-h, 80px);
    /* Fixed expanded padding: shrink via #main-wrapper margin + --sv-mhdr-overhang (avoids scroll jump). */
    padding-top: 80px;
    box-sizing: border-box;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  #main-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: calc(-1 * var(--sv-mhdr-overhang, 0px));
  }
  #main-wrapper > footer {
    margin-top: auto;
    flex-shrink: 0;
  }
  iframe body {
    --sv-chrome-top: 0;
    padding-top: 0 !important;
  }
  #sidebar {
    margin-right: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: var(--sv-mhdr-h, 80px);
    padding-block: var(--sv-mhdr-pad-block, 8px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-inline-end: 8px;
    background-color: #fff;
    /*
     * Seasonal header watermark: a soft, edge-feathered illustration (sv__seasons 1–4) is layered
     * just above the base wash and below the season orbs so the season chrome stays dominant.
     * Image URL comes from --sv-header-season-image (PHP, current calendar season); the alpha
     * vignette + reduced opacity are baked into the PNG, so it blends seamlessly with no hard edge.
     * Centered; --sv-header-img-h tunes its height (overridden smaller on the mobile header).
     */
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 24%, rgba(255, 255, 255, 0.78)), color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(255, 255, 255, 0.72))), radial-gradient(ellipse 44% 90% at 96% 8%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 42%, transparent) 0%, transparent 74%), radial-gradient(ellipse 40% 64% at 84% 76%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 31%, transparent) 0%, transparent 76%), radial-gradient(ellipse 22% 30% at 58% 18%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 16%, rgba(255, 255, 255, 0.72)) 0%, transparent 74%), radial-gradient(ellipse at 70% 34%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 36%, transparent) 0%, transparent 70%), var(--sv-header-season-image, none), linear-gradient(132deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #fff) 0%, rgba(255, 255, 255, 0.96) 100%);
    background-position: left bottom, center, center, center, center, center, center;
    background-size: 100% 1px, auto, auto, auto, auto, auto var(--sv-header-img-h, 130%), auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 30;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--sv-current-season-color, #e83331) 12%, rgba(255, 255, 255, 0.56)), 0 10px 24px color-mix(in srgb, var(--sv-current-season-color, #e83331) 18%, rgba(80, 52, 38, 0.12));
    /* Smaller seasonal watermark on the shorter mobile header. */
    --sv-header-img-h: 110%;
    z-index: 30;
    /* Keep the fixed header on its own stable compositing layer. iOS WebKit otherwise drops
     * position:fixed siblings when a backdrop-filter overlay (release layer) is shown/removed,
     * which made the header vanish under the overlay and repaint (flicker) on close.
     * (Mirror of the hardening already live in compiled core.css — keep on recompile.) */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* Promote logo + nav to flex items of #sidebar so we can order: logo | toolbar | burger (right). */
  }
  #sidebar .sidebarStack {
    display: contents;
  }
  #sidebar .logo-container {
    order: 1;
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 8px;
    margin-top: 0;
    max-height: var(--sv-mhdr-logo-h, 62.5px);
    overflow: visible;
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  #sidebar .logo-container .responsiveLogo {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    position: relative;
  }
  #sidebar .logo-container .responsiveLogo .logoHomeLink {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: none;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 14px;
  }
  #sidebar .logo-container .responsiveLogo .logoHomeLink:focus {
    outline: 2px solid rgba(232, 51, 49, 0.35);
    outline-offset: -4px;
  }
  #sidebar .logo-container .responsiveLogo .image {
    position: relative;
    top: 0;
    left: 0;
  }
  #sidebar .logo-container .responsiveLogo .image img {
    display: block;
    max-height: var(--sv-mhdr-logo-h, 62.5px);
    width: auto;
    max-width: min(210px, 54vw);
    height: auto;
    object-fit: contain;
    transform-origin: left center;
  }
  #sidebar .logo-container .responsiveTitle {
    display: none !important;
  }
  #sidebar > header.mainToolbar {
    order: 2;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 0;
    margin-inline-start: auto;
    padding: 0;
    height: auto;
    min-height: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
    position: relative;
    z-index: 31;
  }
  #sidebar > header.mainToolbar .mainToolbar-trail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    min-width: 0;
  }
  #sidebar > header.mainToolbar .searchBlock {
    display: none;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink {
    display: block;
    position: relative;
    flex: 0 0 var(--sv-mhdr-icon-h, 30px);
    width: var(--sv-mhdr-icon-h, 30px);
    height: var(--sv-mhdr-icon-h, 30px);
    margin: 0;
    border-radius: 13.5px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.18), 0 1px 3px rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
    overflow: hidden;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
    content: "";
    position: absolute;
    top: 8.25px;
    left: 7.5px;
    width: 9.75px;
    height: 9.75px;
    border: 2.25px solid #e83331;
    border-radius: 50%;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
    content: "";
    position: absolute;
    top: 18.75px;
    left: 18px;
    width: 8.25px;
    height: 2.25px;
    border-radius: 1.5px;
    background: #e83331;
    transform: rotate(45deg);
    transform-origin: left center;
  }
  #sidebar > header.mainToolbar .authBlock {
    flex: 0 0 auto;
    position: relative;
    float: none;
    margin: 0;
    z-index: 1;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0;
    padding: 0;
  }
  #sidebar > header.mainToolbar .authBlock {
    /* Guest: single login pill (user icon). Logged-in: .customerGate-toolbarIcons + core.scss */
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive {
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: var(--sv-mhdr-icon-h, 30px);
    height: var(--sv-mhdr-icon-h, 30px);
    margin: 0;
    padding: 0;
    border-radius: 13.5px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23e83331' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23e83331' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background-size: 16.5px 16.5px;
    box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.18), 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    text-indent: 120%;
    white-space: nowrap;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons {
    gap: 7.5px;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink {
    width: var(--sv-mhdr-icon-h, 30px);
    height: var(--sv-mhdr-icon-h, 30px);
    flex: 0 0 var(--sv-mhdr-icon-h, 30px);
    border-radius: 13.5px;
    background-size: 16.5px 16.5px;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive strong {
    white-space: nowrap;
  }
  #sidebar nav {
    order: 3;
    /* Same row height as Login/Suche pills so burger aligns with icon row */
    position: relative;
    top: auto !important;
    right: auto;
    /* Reset global `nav { margin-left: 20px; margin-top: 30px }` — it breaks toolbar alignment. */
    margin: 0;
    margin-inline-start: 14px;
    flex: 0 0 var(--sv-mhdr-nav-h, 40px);
    align-self: center;
    z-index: 31;
    width: var(--sv-mhdr-nav-h, 40px);
    height: var(--sv-mhdr-nav-h, 40px);
    min-height: var(--sv-mhdr-nav-h, 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }
  #sidebar {
    /* Flyout UL only — never visibility:hidden on .navigation.main (burger lives inside). */
  }
  #sidebar nav .navigation.main {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background: transparent;
    z-index: auto;
  }
  #sidebar nav .navigation.main > ul {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 2px;
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
    transform: translateY(-4px);
    margin-inline: 0;
    padding: 8px 16px;
    width: max-content;
    max-width: calc(100vw - 20px);
    box-sizing: border-box;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 18px 0 18px 18px;
    border: 1px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(85, 65, 48, 0.08));
    /* Season-tinted flyout surface (matches header chrome, no warm yellow/peach stack) */
    isolation: isolate;
    background: radial-gradient(circle at calc(100% + 24px) -36px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 72px, transparent 73px), radial-gradient(circle at 14% 90%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 52px, transparent 53px), linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 11%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, rgba(255, 255, 255, 0.98)) 50%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 13%, #fff) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 16px 40px color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(80, 52, 38, 0.14));
    max-height: calc(100vh - 84px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  #sidebar nav .navigation.main > ul::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 2% top;
    background-size: auto min(82%, 240px);
    opacity: 0.11;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 0;
  }
  #sidebar nav .navigation.main > ul > li {
    position: relative;
    z-index: 1;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
  }
  #sidebar nav .navigation.main > ul > li > a {
    display: block;
    padding: 5px 12px;
    margin: 0;
    border-radius: 999px;
    font-size: 18px;
    line-height: 20px;
    color: #342c28;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  #sidebar nav .navigation.main > ul > li > a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, transparent);
    outline-offset: 1px;
  }
  #sidebar {
    /* Included inside `#sidebar { }`: do not prefix `#sidebar` here (compiles to `#sidebar #sidebar nav.open` and the flyout never opens). */
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    color: #211a16;
  }
}
@media (max-width: 800px) {
  #sidebar nav .navigation.main > ul > li > a[href="/abo/"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo-manager/"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo-manager"],
  #sidebar nav .navigation.main > ul > li > a[href="/mein-benutzerkonto/"],
  #sidebar nav .navigation.main > ul > li > a[href="/mein-benutzerkonto"],
  #sidebar nav .navigation.main > ul > li > a[href="/meine-favoriten/"],
  #sidebar nav .navigation.main > ul > li > a[href="/meine-favoriten"] {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 35%, #ca645d);
    font-weight: 600;
  }
  #sidebar nav .navigation.main > ul > li.active > a {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, #e83331);
    font-weight: 700;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent);
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li.active > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent);
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, #e83331);
  }
}
@media (max-width: 800px) {
  #sidebar nav .navigation.main > ul > li.active > a[href="/abo/"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo-manager/"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo-manager"], #sidebar nav .navigation.main > ul > li.active > a[href="/mein-benutzerkonto/"], #sidebar nav .navigation.main > ul > li.active > a[href="/mein-benutzerkonto"], #sidebar nav .navigation.main > ul > li.active > a[href="/meine-favoriten/"], #sidebar nav .navigation.main > ul > li.active > a[href="/meine-favoriten"] {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    box-shadow: none;
  }
  #sidebar nav .navigation.main > ul > li > ul {
    margin: 1px 0 2px 4px;
    padding: 0 0 0 8px;
    border-left: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, rgba(148, 191, 54, 0.28));
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  #sidebar nav .navigation.main > ul > li > ul > li > a {
    display: block;
    padding: 3px 10px;
    margin: 0;
    border-radius: 999px;
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 0.004em;
    line-height: 19px;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  #sidebar nav .navigation.main > ul > li > ul > li > a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, transparent);
    outline-offset: 1px;
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > ul > li > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    color: #211a16;
  }
}
@media (max-width: 800px) {
  #sidebar nav .navigation.main > ul > li > ul > li.active > a {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #d82321);
    font-weight: 700;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent);
  }
}
@media (max-width: 800px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > ul > li.active > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent);
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #d82321);
  }
}
@media (max-width: 800px) {
  #sidebar nav.open .navigation.main > ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0s;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 24px 55px color-mix(in srgb, var(--sv-current-season-color, #e83331) 18%, rgba(80, 52, 38, 0.2));
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
    border-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 48%;
    mask-position: 50% 48%;
    -webkit-mask-size: 55% 55%;
    mask-size: 55% 55%;
    pointer-events: none;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink:hover,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, #fff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, transparent), 0 2px 6px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink:active,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a:active {
    transform: translateY(0);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: 55% 55%;
    mask-size: 55% 55%;
    pointer-events: none;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--membership::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='7' width='16' height='10' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 11h16' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='7' width='16' height='10' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 11h16' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--account::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--logout::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v16h-6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10 12H4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 9l-3 3 3 3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v16h-6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10 12H4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 9l-3 3 3 3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  #sidebar .responsive-menu > span {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #5c5248);
  }
  #sidebar .responsive-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    opacity: 1;
    top: auto;
    right: auto;
    left: auto;
    width: 34px;
    height: 24px;
    margin: 0;
    z-index: 32;
    cursor: pointer;
  }
  #sidebar .responsive-menu > span {
    display: block;
    width: 32px;
    height: 3px;
    margin: 2.5px 0;
    background: #5c5248;
    border-radius: 999px;
    box-shadow: none;
    transition: background 0.28s ease, opacity 0.22s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #sidebar .responsive-menu input {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  #sidebar nav.open .responsive-menu {
    opacity: 1;
  }
  #sidebar nav.open .responsive-menu > span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 38%, #e83331);
  }
  #sidebar nav.open .responsive-menu > span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  #sidebar nav.open .responsive-menu > span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 38%, #e83331);
  }
  #sidebar .responsive-menu {
    width: var(--sv-mhdr-burger-w, 34px);
    height: 24px;
  }
  #sidebar .responsive-menu > span {
    width: 32px;
  }
  body.sv-mobile-header-compact #sidebar {
    box-shadow: 0 1px 0 color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(255, 255, 255, 0.56)), 0 9px 20px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, rgba(80, 52, 38, 0.13));
    transition: box-shadow 0.2s ease;
  }
  .customerGate {
    font-size: 16px !important;
  }
  .customerGate .responsive {
    white-space: nowrap;
    display: block;
  }
  .customerGate .responsive strong {
    white-space: nowrap;
  }
  .customerGate .normal {
    display: none;
  }
  .modeSwitchBlock {
    position: absolute;
    top: 6px;
    left: 25px !important;
    margin-left: 0 !important;
    float: none !important;
    height: 30px;
  }
  .modeSwitchBlock .modeSwitch {
    font-size: 14px !important;
  }
  .modeSwitchBlock .modeSwitch .mode {
    float: left !important;
    border-right: 0 !important;
    margin-right: 5px !important;
  }
  .modeSwitchBlock .modeSwitch .mode a {
    text-decoration: underline !important;
  }
  #main-content {
    margin-top: 0px;
    padding-left: 25px;
    /* Global #main-content padding-top (40px) stacks under fixed chrome → huge white band.
     * moduleDesign pages: 15px via #main-content:has(.webRoot.moduleDesign) in moduleDesign.css */
    padding-top: 4px !important;
    height: auto;
    min-height: 0;
  }
  #main-content:has(.webRoot.moduleDesign) {
    padding-top: var(--moduleDesign-module-gap, 15px) !important;
    padding-bottom: var(--moduleDesign-module-gap, 15px) !important;
  }
  .releaseViewer.layerOpen,
  .contentArea.layerOpen,
  .blankContainer.layerOpen {
    z-index: auto;
  }
  .releaseView-container .overlay.visible {
    z-index: 8999;
  }
  .releaseView-container .release.openInLayer {
    z-index: 9000;
  }
  .subscriptionPicker {
    display: block !important;
  }
  .subscriptionPicker .subscription {
    /*width: 100% !important;*/
    max-width: none !important;
    margin-bottom: 25px !important;
    flex: none !important;
    display: block !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 800px) {
  /* moduleDesign: nested inner `.subscriptionPicker` uses `display:contents` in moduleDesign.css */
  .webRoot.moduleDesign .subscriptionPicker:not(.subscriptionPicker .subscriptionPicker) .subscription {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
  }
  footer {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 320px !important;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    /* 40px social chips + vertical breathing room — avoid absolute `bottom` math
     * that pulled icons up past the footer band into #main-content (white). */
    min-height: 72px;
    padding: 10px 0 14px;
    box-sizing: border-box;
    z-index: auto;
  }
  footer ul {
    margin-top: 0 !important;
  }
  footer .socialIcons {
    /* Win over later `@media (max-width: 1065px)` footer rule so chips stay in-flow with legal links. */
    position: static !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    align-self: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    z-index: 1;
  }
  footer {
    /* Legal / meta links (Datenschutz, AGB, …): desktop uses absolute right; on mobile
     * show a wrapping row under social icons instead of hiding. */
  }
  footer .navigation.footer {
    display: block !important;
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    align-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 0 16px;
    text-align: center;
  }
  footer .navigation.footer > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
  }
  footer .navigation.footer > ul > li {
    float: none !important;
  }
  footer {
    /* Popup reparented to `body` (JS); shell matches login/search toolbar modals. */
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup {
    top: max(88px, 10dvh) !important;
    max-height: min(78dvh, 100dvh - 100px);
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup .newsletterPlugin-modalInner {
    max-height: min(75dvh, 100dvh - 120px);
    -webkit-overflow-scrolling: touch;
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet {
    white-space: normal;
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet > div {
    display: block;
    margin-bottom: 8px;
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .input input {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  footer body.sv-newsletter-open > #newsletterPlugin-popup .fieldSet .buttonBar {
    margin-left: 0;
    margin-top: 4px;
  }
  /* Login toolbar modal (body-mounted): card height must follow content on small viewports
   * (avoid a tall empty panel stretching toward the footer / home indicator). */
  body.sv-login-modal-open .loginBlock-modal {
    top: max(88px, env(safe-area-inset-top, 0px) + 56px) !important;
    bottom: auto !important;
    height: fit-content;
    max-height: min(92dvh, 100dvh - 80px);
  }
  body.sv-login-modal-open .loginBlock-modal .loginBlock-modalInner {
    max-height: min(78dvh, 100dvh - 130px);
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }
  body.sv-login-modal-open .loginBlock-modal .nodeBase {
    min-height: 0;
  }
  /*
   * Release detail modal vs fixed `#sidebar`:
   * `#sidebar` and `#main-content` are **siblings** in `.wrap-inner`. `#sidebar` uses
   * `position: fixed; z-index: 30` while `#main-content` was stacking at `auto`, so chrome
   * paints **above** the content column regardless of `.overlay`/`.release` using 9xxx
   * (those contexts don't outrank `#sidebar`'s sibling layer).
   */
  body.sv-release-layer-open #main-wrapper > .wrap-inner #main-content {
    position: relative;
    z-index: 50;
    isolation: isolate;
  }
  /*
   * Raise `.wrap-inner` subtree vs any fixed chrome ancestors/siblings when needed.
   */
  body.sv-release-layer-open #main-wrapper > .wrap-inner {
    position: relative;
    z-index: 8980;
    isolation: isolate;
  }
  body.sv-release-layer-open #sidebar {
    pointer-events: none;
  }
  body.sv-release-layer-open .releaseView-container .overlay.visible {
    pointer-events: auto;
  }
  body.sv-release-layer-open .releaseView-container .release.openInLayer {
    pointer-events: auto;
  }
  /*
   * Favourites global host (`#sv-global-release-layer-host`): single body portal only.
   * Do not mount under `#main-content`/`.webRoot` (deprecated). Full viewport; overlay + panel z-index above page chrome.
   * `updateLayerWindow` must not pin this panel to `#main-content` offset/width.
   */
  body.sv-release-layer-open #sv-global-release-layer-host {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    z-index: 10060;
    overflow: visible;
    contain: none;
    pointer-events: none;
  }
  body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible {
    z-index: 10061;
  }
  /*
   * Release detail layer: explicit height — `top`+`bottom`+`max-height:100dvh` leaves a bottom gap on iOS
   * when max-height wins; safe-area padding belongs on the panel, not a short fixed box.
   */
  .releaseView-container .overlay,
  .releaseView-container .overlay.visible {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: none !important;
  }
  .releaseView-container .release.openInLayer,
  body.sv-release-layer-open #sv-global-release-layer-host .release.openInLayer {
    z-index: 10062 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    height: 100dvh !important;
    max-height: none !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    padding-left: env(safe-area-inset-left, 0px) !important;
    padding-right: env(safe-area-inset-right, 0px) !important;
    box-sizing: border-box !important;
  }
  /* List / topic-embedded rows (not slider, not detail layer): hide sv__releases.description to save vertical space. */
  .releaseView-container:not(.slider) .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text > .description {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .releaseView-container .release .content > .media > .block.mediaIcon {
    display: none;
  }
  .releaseView-container .release .content .mediaDescription {
    background: none;
    padding-left: 0;
  }
  .releaseView-container .release .content .mediaDescription .clickArea {
    display: none;
  }
  .releaseView-container .release .buttonBar.sub {
    margin-left: 0;
  }
  .releaseView-container .chordView-container, .releaseView-container .fileDownload {
    padding-left: 0 !important;
    background-image: none !important;
  }
  .releaseView-container .release .content .chordSet pre {
    font-size: 14px !important;
  }
  .chords .title a.button {
    font-size: 12px !important;
    line-height: 14px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  .chords .alignRight {
    position: relative !important;
    margin-top: 6px !important;
  }
  .releaseView-container .release > .block {
    width: 95px;
    display: block !important;
    float: left;
    margin-right: 20px;
    flex-flow: column;
  }
  .releaseView-container .release > .block img {
    width: 95px !important;
    height: 95px !important;
  }
  .releaseView-container .release > .block.text {
    width: auto;
    padding-right: 0;
    float: none;
    padding-left: 0 !important;
  }
  .releaseView-container .release > .block > .buttonBar .button.close.visible {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
  }
  .releaseView-container .release .head .description {
    font-size: 15px;
  }
  .releaseView-container .release.openInLayer .head .description {
    display: none !important;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .releaseView-container .release .subTitle {
    margin-top: -1px !important;
    padding-top: 0 !important;
  }
  .releaseView-container .release .head > .block {
    margin-bottom: 0 !important;
  }
  .releaseView-container .release .block.upper {
    width: 61px;
  }
  .releaseView-container .release .block.upper img {
    width: 61px !important;
    height: auto !important;
  }
  .releaseView-container .release .block.upper img.placeholder-image {
    width: 100% !important;
    height: auto !important;
  }
  .releaseView-container .release .block.upper.text .description {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .releaseView-container .release .block.upper .pre {
    width: 102px !important;
  }
  .releaseView-container .release > .head > .block.text {
    padding-left: 0 !important;
  }
}
@media (max-width: 800px) and (max-width: 440px) {
  .releaseView-container .release:not(.openInLayer) .title-inner h2 {
    font-size: 17px !important;
  }
  .releaseView-container .release:not(.openInLayer) .subTitle h4, .releaseView-container .release:not(.openInLayer) .subTitle .indexContainer .index .title, .releaseView-container .release:not(.openInLayer) .indexContainer .index .subTitle .title, .releaseView-container .release:not(.openInLayer) .subTitle .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release:not(.openInLayer) .content .mediaContainer .mediaDescriptionContainer .subTitle .mediaDescriptionTitle, .releaseView-container .release:not(.openInLayer) .subTitle .content .chordViewer-container > .title, .releaseView-container .release:not(.openInLayer) .content .subTitle .chordViewer-container > .title, .releaseView-container .release:not(.openInLayer) .subTitle #modalContentBox .title, #modalContentBox .releaseView-container .release:not(.openInLayer) .subTitle .title {
    font-size: 13px !important;
  }
  .releaseView-container .release h2 {
    font-size: 20px;
  }
  .releaseView-container .release h4, .releaseView-container .release .indexContainer .index .title, .releaseView-container .release .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release .content .chordViewer-container > .title, .releaseView-container .release #modalContentBox .title, #modalContentBox .releaseView-container .release .title {
    font-size: 15px;
  }
  .releaseView-container .release .block.text .description {
    font-size: 15px !important;
  }
}
@media (max-width: 800px) {
  .releaseView-container .release .content {
    clear: both;
  }
  .releaseView-container .release .placeholder .label {
    font-size: 12px !important;
    line-height: 16px !important;
    margin-top: 60px !important;
    width: 65% !important;
  }
}
@media (max-width: 800px) and (max-width: 440px) {
  .releaseView-container .release .placeholder .label {
    margin-top: 30px !important;
  }
}
@media (max-width: 800px) {
  a.button {
    padding: 5px 16px 5px !important;
    line-height: 16px !important;
    font-size: 14px !important;
  }
  .releaseView-container .release .content > .media .stage-container.stage-placeholder .stage .placeholder {
    background-size: 15%;
  }
  .topic-container .topic .block.text .title .title-inner {
    line-height: 25px;
  }
  .topic-container .topic .pre {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 8px;
  }
  .topic-container .topic .block.topicIcon {
    min-width: auto !important;
    z-index: 277;
    position: relative;
    float: left;
    display: block;
    margin-right: 17px;
    margin-bottom: 5px;
  }
  .topic-container .topic .block.topicIcon img {
    border: 1px solid #ddd;
    display: block;
    border-radius: 7px;
    overflow: hidden;
    width: 100px;
    height: auto;
  }
  .topic-container .topic .block.text {
    display: block;
    padding-left: 0;
  }
  .customerManagement {
    position: relative;
  }
  .customerManagement .column.left, .customerManagement .column.right {
    display: block;
  }
  .customerManagement .column.left .responseContainer, .customerManagement .column.right .responseContainer {
    background: none !important;
    display: none;
    position: fixed;
    top: 61px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: calc(100% - 61px);
    border: 0;
    margin: 0;
    z-index: 1000;
    max-width: none !important;
    float: none !important;
  }
  .customerManagement .column.left .responseContainer.visible, .customerManagement .column.right .responseContainer.visible {
    display: table;
  }
  .customerManagement .column.left .responseContainer .responseHolder, .customerManagement .column.right .responseContainer .responseHolder {
    display: table-cell;
    vertical-align: middle;
    opacity: 0.97 !important;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    background: rgba(253, 252, 250, 0.96) !important;
  }
  .customerManagement .column.left .responseContainer .responseHolder > ul, .customerManagement .column.right .responseContainer .responseHolder > ul {
    list-style: none;
    margin-left: 0 !important;
  }
  .customerManagement .column.left .responseContainer .responseHolder .response, .customerManagement .column.right .responseContainer .responseHolder .response {
    width: 100%;
    max-width: 420px;
    height: auto !important;
    margin: 0 auto;
    text-align: left;
    display: block !important;
    box-sizing: border-box;
    font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(232, 51, 49, 0.45) !important;
    background: rgba(255, 246, 246, 0.98) !important;
    color: #4a403c !important;
  }
  .customerManagement .column.left .responseContainer .responseHolder .response.info, .customerManagement .column.right .responseContainer .responseHolder .response.info {
    border-color: rgba(148, 191, 54, 0.42) !important;
    background: rgba(244, 252, 236, 0.98) !important;
    color: #3a4534 !important;
  }
  .subscriptionManagement select {
    font-size: 16px;
  }
  .subscriptionManagement table.subscriptionList tbody {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList tr {
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList tr.head {
    display: none !important;
  }
  .subscriptionManagement table.subscriptionList tr.open td {
    font-weight: normal !important;
  }
  .subscriptionManagement table.subscriptionList td {
    border-bottom: 0 !important;
    display: block !important;
  }
  .subscriptionManagement table.subscriptionList td.message {
    position: relative !important;
    top: 10px !important;
  }
  .subscriptionManagement table.subscriptionList td span {
    display: inline-block;
  }
  .subscriptionManagement table.subscriptionList td span.title {
    width: 160px;
    margin-right: 15px;
    font-weight: 600;
    display: inline-block !important;
  }
  .subscriptionManagement table.subscriptionList td.subscriptionDetails > span {
    /*padding-left: 175px;*/
    display: table-cell !important;
  }
  .subscriptionManagement table.subscriptionList td.subscriptionDetails-outerWrapper {
    display: none !important;
  }
  .subscriptionManagement .subscriptionList .entry .col {
    padding: 1px 0px !important;
    border-bottom: 0 !important;
    white-space: nowrap;
  }
  .subscriptionManagement .subscriptionList .entry .col.alignRight {
    text-align: left !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.first a {
    color: #666;
    cursor: default !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.first {
    width: auto;
  }
  .subscriptionManagement .subscriptionList .entry .col.freq {
    display: none !important;
  }
  .subscriptionManagement .subscriptionList .entry .col.actions {
    margin-top: 10px;
    border-top: 2px solid rgba(80, 52, 38, 0.1) !important;
    padding-top: 23px !important;
  }
  .subscriptionManagement .subscriptionList .entry.open .col {
    background: none !important;
  }
  .subscriptionManagement table.subscriptionList .unitInfo {
    padding-bottom: 3px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails {
    position: relative;
    padding-bottom: 2px !important;
    top: -8px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails .lbl {
    padding-top: 8px !important;
    font-weight: 600;
    width: 175px;
  }
  .subscriptionManagement table.subscriptionList td.col.subscriptionDetails .unit {
    display: inline-block;
  }
}
@media (max-width: 800px) {
  /* Legacy full-bleed modal shell — not membership cancel / voucher campaign (moduleDesign cards). */
  #modalContentBox:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) {
    width: 100%;
    height: 100%;
    top: 102px !important;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  #modalContentBox:not(:has(.sv-membership-cancel-modal-inner)):not(:has(.sv-voucher-modal-inner)) .cancellationForm:not(.sv-membership-cancel-modal-inner) .title {
    white-space: nowrap;
  }
  .cart.full .voucherEntry-container .voucherEntry .button {
    float: none;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  #voucherSubmitButton a.button {
    line-height: 18px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .chordView .printButton {
    display: none !important;
  }
  /*    body > div > div.content .chordView {
          .chordSet {
              overflow: visible !important;
              max-height: auto !important;
              height: auto !important;
          }
      }*/
  #main-wrapper > .wrap-inner {
    display: block !important;
    flex: 1 1 auto;
    min-height: 0;
  }
  .releaseView-container:not(.slider) .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper .releaseIcon {
    min-width: 0 !important;
  }
  .releaseView-container:not(.slider) .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper .releaseIcon img {
    width: 52px !important;
    max-width: 52px !important;
    height: auto !important;
  }
  .releaseView-container:not(.slider) .release:not(.openInLayer) .head .title-inner h2 {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle h4, .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle .indexContainer .index .title, .releaseView-container:not(.slider) .release:not(.openInLayer) .indexContainer .index .head .subTitle .title, .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container:not(.slider) .release:not(.openInLayer) .content .mediaContainer .mediaDescriptionContainer .head .subTitle .mediaDescriptionTitle, .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle .content .chordViewer-container > .title, .releaseView-container:not(.slider) .release:not(.openInLayer) .content .head .subTitle .chordViewer-container > .title, .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle #modalContentBox .title, #modalContentBox .releaseView-container:not(.slider) .release:not(.openInLayer) .head .subTitle .title {
    font-size: 13px !important;
  }
  .releaseView-container:not(.slider) .release:not(.openInLayer):has(.releaseHeadFavourite:not(:empty)) > .head > .releaseHeadMain > .block > .subTitle {
    padding-right: 32px;
  }
  .release > .head > .block.text {
    transition: none !important;
  }
  .release.openInLayer .block.text .title-inner {
    line-height: 24px !important;
    padding-bottom: 4px;
  }
  .release.openInLayer > .head > .block.text {
    padding-left: 15px !important;
  }
  .release.openInLayer .block.upper .releaseIcon, .release.openInLayer .block.upper .releaseIcon img {
    width: 47px !important;
    min-width: 47px !important;
  }
  .release.openInLayer .block.upper {
    width: 55px;
  }
  .release.openInLayer .head > .block.upper {
    padding-right: 7px !important;
  }
  .release.openInLayer > .head > .block.text {
    padding-left: 8px !important;
  }
  .release.openInLayer > .head > .block.text .title-inner h2 {
    font-size: 21px !important;
    line-height: 23px !important;
  }
  .release.openInLayer > .head {
    padding: 15px !important;
  }
  .release.openInLayer > .head > .block > .subTitle {
    padding-top: 0 !important;
  }
  .release.openInLayer {
    /* Release layer: anchor strip — left-aligned row, pipe separators, horizontal scroll on track (see core.scss). */
  }
  .release.openInLayer .releaseIndexNavBar-track {
    scrollbar-width: none;
  }
  .release.openInLayer .releaseIndexNavBar-track::-webkit-scrollbar {
    display: none;
  }
  .release.openInLayer .releaseIndexNavBar-favourite {
    flex-shrink: 0;
    padding: 0 10px 0 4px !important;
    border-left: 0 !important;
  }
  .release.openInLayer .releaseIndexNavBar-favourite .releaseFavourite-btn {
    padding: 4px 5px !important;
  }
  .release.openInLayer .releaseIndexNavBar-favourite .releaseFavourite-heart {
    width: 18px !important;
    height: 18px !important;
  }
  .release.openInLayer .indexContainer .index > ul {
    min-height: 34px;
    padding: 4px 6px 4px 8px !important;
    gap: 0;
  }
  .release.openInLayer .indexContainer .index > ul > li {
    max-width: min(42vw, 9.5rem);
    min-width: 0;
  }
  .release.openInLayer .indexContainer .index > ul > li a {
    font-size: clamp(11px, 2.85vw, 13px) !important;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .release.openInLayer .webRoot.moduleDesign .releaseView-container .release.openInLayer .indexContainer .index > ul > li a {
    padding: 2px 0 !important;
  }
  .release.openInLayer .indexContainer .index > ul > li:not(:last-child)::after {
    margin: 0 6px 0 8px !important;
  }
  .release.openInLayer {
    /* Chord header: icon-only toggler + download stay visible (see moduleDesign.css). */
  }
  .release.openInLayer .printTrigger {
    display: none !important;
  }
  .release.openInLayer .badge {
    background-size: 100% !important;
    width: 59px !important;
    height: 59px !important;
  }
  .release.openInLayer .mediaGroup {
    margin-top: 12px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .release.openInLayer .mediaGroup .mediaContainer {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .release.openInLayer .head {
    border-bottom: 2px solid #eee;
    padding-top: 15px;
  }
  .release.openInLayer ul.mediaTabs {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap !important;
    align-items: flex-end;
    align-content: flex-end;
    gap: 3px;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    overflow: visible;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent;
    border: none;
    box-shadow: none;
    /* Single tab: hide row; panel stands alone. */
  }
  .release.openInLayer ul.mediaTabs:has(> li:only-child > a.mediaTab) {
    display: none !important;
  }
  .release.openInLayer ul.mediaTabs {
    /* No ul::after “filler tab”; real pills wrap onto extra lines when they exceed width. */
  }
  .release.openInLayer ul.mediaTabs:has(> li:nth-child(2) > a.mediaTab):not(:has(> li:nth-child(3) > a.mediaTab))::after {
    content: none !important;
    display: none !important;
  }
  .release.openInLayer ul.mediaTabs > li {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: bottom;
    border-radius: 11px 11px 0 0;
    background: rgba(255, 249, 238, 0.92);
    border: 1px solid rgba(130, 105, 78, 0.12);
    border-bottom: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  }
  .release.openInLayer ul.mediaTabs > li > a.mediaTab {
    display: inline-block;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .release.openInLayer ul.mediaTabs > li.active {
    transform: none !important;
    z-index: 2;
    background: #fff;
    border-color: rgba(255, 255, 255, 0.92);
    box-shadow: 0 -2px 8px rgba(85, 65, 48, 0.06);
  }
  .release.openInLayer ul.mediaTabs > li.active > a.mediaTab {
    color: #d82321;
  }
  .release.openInLayer ul.mediaTabs > li.mediaTabs-rowFill {
    display: none !important;
  }
  .release.openInLayer ul.mediaTabs {
    margin: 0 !important;
    padding: 0 !important;
  }
  .release.openInLayer ul.mediaTabs > li > a.mediaTab {
    padding: 4px 14px 5px !important;
    top: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600;
    color: #8f8174 !important;
  }
  .release.openInLayer ul.mediaTabs > li.active > a.mediaTab {
    color: #d82321 !important;
  }
  .release.openInLayer .mediaGroup .mediaContainer {
    top: 0;
  }
  .release.openInLayer .mediaGroup:has(ul.mediaTabs > li:nth-child(n+2)) .mediaContainer {
    margin-top: 0 !important;
  }
  .release.openInLayer .mediaGroup:has(ul.mediaTabs > li:nth-child(n+2)) ul.mediaTabs li.active {
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
  .release.openInLayer .documentDownloadContainer .table .title {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 800px) and (max-width: 640px) {
  .release.openInLayer .documentDownloadContainer .table .pageCount {
    display: none !important;
  }
  .release.openInLayer ul.mediaTabs li a, .release.openInLayer ul.mediaTabs li.active a {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 800px) {
  .closeButton {
    font-size: 22px !important;
  }
}
@media (max-width: 800px) {
  /* Release detail: card gutter + tab row (mobile wrap + ellipsis; coordinates with moduleDesign). */
  .webRoot.moduleDesign .releaseView-container .release .mediaGroup,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release .mediaGroup {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap !important;
    align-items: flex-end;
    align-content: flex-end;
    gap: 3px;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    overflow: visible;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent;
    border: none;
    box-shadow: none;
    /* Single tab: hide row; panel stands alone. */
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs:has(> li:only-child > a.mediaTab),
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs:has(> li:only-child > a.mediaTab) {
    display: none !important;
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs {
    /* No ul::after “filler tab”; real pills wrap onto extra lines when they exceed width. */
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs:has(> li:nth-child(2) > a.mediaTab):not(:has(> li:nth-child(3) > a.mediaTab))::after,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs:has(> li:nth-child(2) > a.mediaTab):not(:has(> li:nth-child(3) > a.mediaTab))::after {
    content: none !important;
    display: none !important;
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs > li,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs > li {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: bottom;
    border-radius: 11px 11px 0 0;
    background: rgba(255, 249, 238, 0.92);
    border: 1px solid rgba(130, 105, 78, 0.12);
    border-bottom: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs > li > a.mediaTab,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs > li > a.mediaTab {
    display: inline-block;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs > li.active,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs > li.active {
    transform: none !important;
    z-index: 2;
    background: #fff;
    border-color: rgba(255, 255, 255, 0.92);
    box-shadow: 0 -2px 8px rgba(85, 65, 48, 0.06);
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs > li.active > a.mediaTab,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs > li.active > a.mediaTab {
    color: #d82321;
  }
  .webRoot.moduleDesign .releaseView-container .release ul.mediaTabs > li.mediaTabs-rowFill,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release ul.mediaTabs > li.mediaTabs-rowFill {
    display: none !important;
  }
  .webRoot.moduleDesign .releaseView-container .release .indexContainer .index > ul > li,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release .indexContainer .index > ul > li {
    max-width: min(42vw, 9.5rem);
    min-width: 0;
  }
  .webRoot.moduleDesign .releaseView-container .release .indexContainer .index > ul > li a,
  body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release .indexContainer .index > ul > li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 440px) {
  .moduleContainer.textAndImage .mc-image {
    float: none;
  }
  .filterBar.open .filterSets {
    flex-flow: column;
  }
  .filterBar.open .filterSets .filterSet {
    padding-bottom: 5px !important;
  }
  .audioBar .item > div.title {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 333px) {
  .customerGate[data-mode^=stranger] .responsive strong {
    display: none;
  }
}
@media (max-width: 1065px) {
  footer .socialIcons {
    border-top: 0;
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: auto !important;
    width: auto;
    min-width: 87px;
    border-left: 0 !important;
  }
  footer .navigation.footer {
    right: 20px;
  }
  .non-responsive img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }
  .hideInResponsive {
    display: none !important;
  }
  .topicView-container .topic .pre {
    position: relative;
    padding: 4px 9px 5px;
    font-weight: normal !important;
    line-height: 16px;
    margin-top: 4px;
    border-radius: 7px;
    text-align: center !important;
    top: 0;
    left: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  /* Topic card: flex head row (thumb, text, heart right) — matches release list rows. */
  .topic-container .topic {
    display: block;
  }
  .topic-container .topic .topicHeadMain {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .topic-container .topic .topicHeadMeta {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: flex-start;
    gap: 10px;
  }
  .topic-container .topic .topicTitleRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 0.2em 0.45em;
    min-width: 0;
  }
  .topic-container .topic .topicTitleRow h2,
  .topic-container .topic .topicCount {
    white-space: nowrap;
  }
  .topic-container .topic .topicCount {
    display: inline;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.2;
  }
  .topic-container .topic .topicHeadChevron {
    display: block;
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    margin-left: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.45;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .topic-container .topic .image-inner {
    float: none !important;
    display: block !important;
    margin: 0 10px 0 0;
    flex-shrink: 0;
  }
  .topic-container .topic .topicHeadActions {
    margin-left: auto;
    flex-shrink: 0;
    padding-left: 8px;
  }
  /* Expanded topic: keep chevron/heart in-flow so opening the topic does not jump them into the corner. */
  .topic-container-outer.open .topic .topicHeadMain {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative;
  }
  .topic-container-outer.open .topic .topicHeadMeta {
    display: flex;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
  }
  .topic-container-outer.open .topic .image-inner {
    float: none !important;
    margin: 0 10px 0 0;
  }
  .topic-container-outer.open .topic .topicHeadChevron {
    position: static;
    top: auto;
    right: auto;
    margin: 6px 0 0 6px;
    transform: rotate(225deg);
    opacity: 0.68;
  }
  .topic-container-outer.open .topic .topicHeadMain:not(:has(.topicHeadFavourite .releaseFavourite-btn--inHead)) .topicHeadChevron {
    right: auto;
  }
  .topic-container-outer.open .topic .topicHeadActions {
    position: static;
    top: auto;
    right: auto;
    margin-left: auto;
    padding-left: 8px;
    z-index: auto;
  }
  .topic-container-outer.open .topic .block.text {
    padding-right: 6px;
  }
  .topic-container-outer.open .topic .topicHeadMain::after {
    content: "";
    display: table;
    clear: both;
  }
  .topic-container .topic.imageVisible .image-inner img {
    max-width: 100%;
    height: auto;
  }
  .topic-container .topic .block.text {
    display: block;
    padding-left: 0;
    padding-right: 6px;
    overflow: visible;
  }
  .topic-container .topic .block.text .title,
  .topic-container .topic .block.text .title-inner,
  .topic-container .topic .block.text .title h2,
  .topic-container .topic .block.text .description {
    overflow-wrap: break-word;
    word-break: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 4 4;
  }
  .topicView-container .topic-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .topic-container .topic.imageVisible .image-inner {
    padding-right: 0;
  }
  .topic-container .topic::after {
    content: "";
    display: table;
    clear: both;
  }
  /* Topic list thumb: square frame + object-fit so fillOut/legacy thumbs stay centered (was clipped by .image-wrap overflow). */
  .topicView-container .topic.imageVisible .image-inner .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 152px;
    max-width: 100%;
    aspect-ratio: 1/1;
    box-sizing: border-box;
  }
  .topicView-container .topic.imageVisible .image-inner img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    box-sizing: border-box;
  }
  .releaseView-container .block .pre {
    position: relative !important;
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    text-align: center !important;
  }
  .releaseView-container .release.openInLayer .pre {
    display: none;
  }
  .releaseView-container .release.openInLayer .title h2 {
    font-size: 21px;
  }
  .releaseView-container .release.openInLayer .subTitle {
    padding-top: 2px !important;
  }
  .releaseView-container .release.openInLayer .subTitle h4, .releaseView-container .release.openInLayer .subTitle .indexContainer .index .title, .releaseView-container .release.openInLayer .indexContainer .index .subTitle .title, .releaseView-container .release.openInLayer .subTitle .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle, .releaseView-container .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .subTitle .mediaDescriptionTitle, .releaseView-container .release.openInLayer .subTitle .content .chordViewer-container > .title, .releaseView-container .release.openInLayer .content .subTitle .chordViewer-container > .title, .releaseView-container .release.openInLayer .subTitle #modalContentBox .title, #modalContentBox .releaseView-container .release.openInLayer .subTitle .title {
    font-size: 14px;
  }
  .releaseView-container .release.openInLayer .pre.responsive {
    display: inline-block !important;
    vertical-align: middle;
  }
  .releaseView-container .release.openInLayer .description {
    margin-top: 4px !important;
    font-size: 14px !important;
  }
  .releaseView-container .release.openInLayer .releaseIcon, .releaseView-container .release.openInLayer .releaseIcon img {
    width: 89px !important;
    min-width: 89px !important;
  }
  .releaseView-container .release.openInLayer .indexContainer {
    top: 0;
  }
  div.image img {
    width: 100%;
    height: auto;
  }
  .customerLogin .fields {
    margin-right: 0 !important;
  }
  .release.openInLayer {
    width: auto !important;
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    /* border-radius: square corners only on mobile (≤800px) — list/moduleDesign + releaseListRow */
  }
}
@media (max-width: 440px) {
  .releaseView-container:not(.slider) .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper .releaseIcon,
  .releaseView-container:not(.slider) .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper .releaseIcon img {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
  }
  .releaseView-container .release > .block {
    width: 65px !important;
  }
  .releaseView-container .release > .block.text {
    width: auto !important;
  }
  .releaseView-container .release > .block > .releaseIcon img {
    width: 65px !important;
    height: auto !important;
  }
  .releaseView-container.slider .releaseSlider .slide.new .badge {
    margin-top: 7px;
  }
  .release.openInLayer .documentDownloadContainer .table .fileSize {
    display: none !important;
  }
}
@media (max-width: 800px) and (max-height: 375px) {
  .release.openInLayer .head {
    padding: 5px 5px 5px 5px !important;
    padding-bottom: 7px !important;
  }
  .release.openInLayer .head .block.upper {
    position: relative;
    top: 2px;
    left: 3px;
    width: 54px;
  }
  .release.openInLayer .head .block.upper .releaseIcon, .release.openInLayer .head .block.upper .releaseIcon img {
    min-width: 48px !important;
    width: 48px !important;
  }
  .release.openInLayer .head .block.text .title .title-inner {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
  }
  .release.openInLayer .head .block.text .title .title-inner h2 {
    font-size: 22px !important;
  }
  .release.openInLayer .head .subTitle {
    float: left !important;
    -webkit-text-size-adjust: 100%;
  }
  .release.openInLayer .head .subTitle > h4, .releaseView-container .release.openInLayer .head .indexContainer .index .subTitle > .title, .releaseView-container .release.openInLayer .indexContainer .index .head .subTitle > .title, .releaseView-container .release.openInLayer .head .content .mediaContainer .mediaDescriptionContainer .subTitle > .mediaDescriptionTitle, .releaseView-container .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .head .subTitle > .mediaDescriptionTitle, .releaseView-container .release.openInLayer .head .content .subTitle.chordViewer-container > .title, .releaseView-container .release.openInLayer .content .head .subTitle.chordViewer-container > .title, .release.openInLayer .head #modalContentBox .subTitle > .title, #modalContentBox .release.openInLayer .head .subTitle > .title {
    font-size: 14px !important;
    -webkit-text-size-adjust: 100%;
  }
  .release.openInLayer .head .subTitle {
    padding-right: 5px;
  }
  .release.openInLayer .head .description {
    display: none !important;
  }
  .release.openInLayer .head .pre.responsive {
    font-size: 14px !important;
    float: left;
  }
  .release.openInLayer .head .pre.responsive::before {
    content: "/";
  }
  .release.openInLayer .head .badge {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .topicView-container .topic.imageVisible .image-inner .image-wrap {
    width: min(124px, 100%);
    max-width: 100%;
  }
  .topicView-container .topic-container.new .badge {
    background-size: 55%;
  }
}
@media (max-width: 800px) and (max-height: 414px) {
  .mediaEmbed {
    max-width: 60%;
  }
}
/* -------------------------------------------------------------------------
 * Unified tablet/desktop chrome (≥801px): top chrome matches mobile flow (fixed bar, burger flyout).
 * The inline search field replaces the search icon from the same 800/801 cutoff onward.
 * Stranger/login + toolbar icon sizes stay on core.scss desktop rules in `#sidebar > header.mainToolbar`.
 * Does not alter `max-width: $breakpoint-tablet-portrait` blocks.
 * ------------------------------------------------------------------------- */
@media (min-width: 801px) {
  body:not(.preview) {
    --sv-chrome-top: 100px;
    padding-top: 100px;
    box-sizing: border-box;
    min-height: 100dvh;
    transition: padding-top 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.sv-desktop-header-compact:not(.preview) {
    --sv-chrome-top: 72px;
    padding-top: 72px;
  }
  iframe body:not(.preview) {
    --sv-chrome-top: 0;
    padding-top: 0 !important;
  }
  #main-wrapper {
    padding-top: 0;
    box-sizing: border-box;
    min-height: calc(100vh - 100px);
    min-height: calc(100dvh - 100px);
    display: flex;
    flex-direction: column;
  }
  #main-wrapper > footer {
    margin-top: auto;
  }
  body.sv-desktop-header-compact:not(.preview) #main-wrapper {
    min-height: calc(100vh - 72px);
    min-height: calc(100dvh - 72px);
  }
  #main-wrapper > .wrap-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  /* Season footer chrome only — not fixed/sticky like #sidebar (see sv-footer-document-flow). */
  footer {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 320px !important;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    /* 40px social chips + vertical breathing room — avoid absolute `bottom` math
     * that pulled icons up past the footer band into #main-content (white). */
    min-height: 72px;
    padding: 10px 0 14px;
    box-sizing: border-box;
    z-index: auto;
  }
  footer ul {
    margin-top: 0 !important;
  }
  footer .socialIcons {
    /* Win over later `@media (max-width: 1065px)` footer rule so chips stay in-flow with legal links. */
    position: static !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    align-self: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    z-index: 1;
  }
  footer {
    /* Legal / meta links (Datenschutz, AGB, …): desktop uses absolute right; on mobile
     * show a wrapping row under social icons instead of hiding. */
  }
  footer .navigation.footer {
    display: block !important;
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    align-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 0 16px;
    text-align: center;
  }
  footer .navigation.footer > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
  }
  footer .navigation.footer > ul > li {
    float: none !important;
  }
  #sidebar {
    margin-right: 0 !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: 100px;
    padding-block: 10px;
    transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1), padding-block 0.32s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.32s ease;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    /* More breathing room at viewport edges (logo / burger) */
    padding-inline-start: 22px;
    padding-inline-end: 22px;
    background-color: #fff;
    /*
     * Seasonal header watermark: a soft, edge-feathered illustration (sv__seasons 1–4) is layered
     * just above the base wash and below the season orbs so the season chrome stays dominant.
     * Image URL comes from --sv-header-season-image (PHP, current calendar season); the alpha
     * vignette + reduced opacity are baked into the PNG, so it blends seamlessly with no hard edge.
     * Centered; --sv-header-img-h tunes its height (overridden smaller on the mobile header).
     */
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 24%, rgba(255, 255, 255, 0.78)), color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(255, 255, 255, 0.72))), radial-gradient(ellipse 44% 90% at 96% 8%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 42%, transparent) 0%, transparent 74%), radial-gradient(ellipse 40% 64% at 84% 76%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 31%, transparent) 0%, transparent 76%), radial-gradient(ellipse 22% 30% at 58% 18%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 16%, rgba(255, 255, 255, 0.72)) 0%, transparent 74%), radial-gradient(ellipse at 70% 34%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 36%, transparent) 0%, transparent 70%), var(--sv-header-season-image, none), linear-gradient(132deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #fff) 0%, rgba(255, 255, 255, 0.96) 100%);
    background-position: left bottom, center, center, center, center, center, center;
    background-size: 100% 1px, auto, auto, auto, auto, auto var(--sv-header-img-h, 130%), auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 30;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--sv-current-season-color, #e83331) 12%, rgba(255, 255, 255, 0.56)), 0 10px 24px color-mix(in srgb, var(--sv-current-season-color, #e83331) 18%, rgba(80, 52, 38, 0.12));
    z-index: 30;
    /* Keep the fixed header on its own stable compositing layer (same hardening as the mobile
     * header block). Without it, Chromium/Brave can composite promoted content layers (account
     * favourites accordion max-height transition, fixed season-pill portal with will-change)
     * OVER parts of the un-promoted fixed header — content paints over the header until the
     * next full repaint. isolation + backface-visibility reinforce the single header layer. */
    isolation: isolate;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #sidebar .sidebarStack {
    display: contents;
  }
  #sidebar .logo-container {
    order: 1;
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
    margin-top: 0;
    max-height: 80px;
    overflow: visible;
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    /* Logo cluster must not get its own promoted layer from JS transform:scale — keep it
     * pinned to the header compositing layer (toolbar stays fine without this). */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #sidebar .logo-container .expendable.tablet-portrait {
    display: none !important;
  }
  #sidebar .logo-container .responsiveLogo {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    position: relative;
  }
  #sidebar .logo-container .responsiveLogo .logoHomeLink {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: none;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 14px;
  }
  #sidebar .logo-container .responsiveLogo .logoHomeLink:focus {
    outline: 2px solid rgba(232, 51, 49, 0.35);
    outline-offset: -4px;
  }
  #sidebar .logo-container .responsiveLogo .image {
    position: relative;
    top: 0;
    left: 0;
  }
  #sidebar .logo-container .responsiveLogo .image img {
    display: block;
    /* +15% desktop chrome vs mobile row */
    max-height: 83.375px;
    width: auto;
    max-width: min(241.5px, 56vw);
    height: auto;
    object-fit: contain;
    transform-origin: left center;
    -webkit-transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #sidebar .logo-container .responsiveTitle {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: center;
    gap: 0;
    row-gap: 0;
    margin: 0;
    padding: 0 6px 0 2px;
    border: 0;
    min-width: 0;
    max-width: 100%;
    font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: clamp(1.05rem, 0.95rem + 0.55vw, 1.4rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #e83331;
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #sidebar .logo-container .responsiveTitle .responsiveTitle-sep {
    flex: 0 0 auto;
    white-space: pre;
    font-weight: inherit;
  }
  #sidebar .logo-container .responsiveTitle .responsiveTitle-main,
  #sidebar .logo-container .responsiveTitle .responsiveTitle-sub {
    flex: 0 1 auto;
    min-width: 0;
  }
  #sidebar .logo-container .responsiveTitle .responsiveTitle-main > .string,
  #sidebar .logo-container .responsiveTitle .responsiveTitle-sub > .string {
    display: contents;
  }
  #sidebar .logo-container .responsiveTitle .string-content {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-weight: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
  }
  #sidebar > header.mainToolbar {
    order: 2;
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 0;
    margin-inline-start: auto;
    padding: 0;
    padding-top: 0;
    height: auto;
    min-height: 0;
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
    position: relative;
    z-index: 31;
  }
  #sidebar > header.mainToolbar .mainToolbar-trail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
    flex: 0 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }
  #sidebar > header.mainToolbar .searchBlock {
    display: none !important;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink {
    display: block !important;
    position: relative;
    flex: 0 0 var(--sv-mhdr-icon-h, 30px);
    width: var(--sv-mhdr-icon-h, 30px);
    height: var(--sv-mhdr-icon-h, 30px);
    margin: 0;
    border-radius: 13.5px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(232, 51, 49, 0.18), 0 1px 3px rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
    overflow: hidden;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
    content: "";
    position: absolute;
    top: 8.25px;
    left: 7.5px;
    width: 9.75px;
    height: 9.75px;
    border: 2.25px solid #e83331;
    border-radius: 50%;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
    content: "";
    position: absolute;
    top: 18.75px;
    left: 18px;
    width: 8.25px;
    height: 2.25px;
    border-radius: 1.5px;
    background: #e83331;
    transform: rotate(45deg);
    transform-origin: left center;
  }
  #sidebar > header.mainToolbar .modeSwitchBlock {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    float: none !important;
    height: auto;
  }
  #sidebar nav {
    order: 3;
    position: relative;
    top: auto !important;
    right: auto;
    margin: 0 !important;
    margin-inline-start: 18px !important;
    margin-inline-end: 0 !important;
    margin-top: 0 !important;
    flex: 0 0 40px;
    align-self: center;
    z-index: 31;
    width: 40px;
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }
  #sidebar nav .navigation.main {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background: transparent;
    z-index: auto;
  }
  #sidebar nav .navigation.main > ul {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 4px;
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
    transform: translateY(-4px);
    margin-inline: 0;
    padding: 9px 20px;
    width: max-content;
    max-width: calc(100vw - 20px);
    box-sizing: border-box;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 18px 0 18px 18px;
    border: 1px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(85, 65, 48, 0.08));
    /* Season-tinted flyout surface (matches header chrome, no warm yellow/peach stack) */
    isolation: isolate;
    background: radial-gradient(circle at calc(100% + 24px) -36px, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, transparent) 72px, transparent 73px), radial-gradient(circle at 14% 90%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 9%, transparent) 52px, transparent 53px), linear-gradient(145deg, color-mix(in srgb, var(--sv-current-season-color, #e83331) 11%, #fff) 0%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, rgba(255, 255, 255, 0.98)) 50%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 13%, #fff) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 16px 40px color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(80, 52, 38, 0.14));
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  #sidebar nav .navigation.main > ul::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: transparent url("/imageAssetDirect/login-modal-birds.jpg") no-repeat right 2% top;
    background-size: auto min(82%, 240px);
    opacity: 0.11;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 0;
  }
  #sidebar nav .navigation.main > ul > li {
    position: relative;
    z-index: 1;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
  }
  #sidebar nav .navigation.main > ul > li > a {
    display: block;
    padding: 5px 12px;
    margin: 0;
    border-radius: 999px;
    font-size: 19px;
    line-height: 21px;
    color: #342c28;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  #sidebar nav .navigation.main > ul > li > a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, transparent);
    outline-offset: 1px;
  }
  #sidebar {
    /* Included inside `#sidebar { }`: do not prefix `#sidebar` here (compiles to `#sidebar #sidebar nav.open` and the flyout never opens). */
  }
}
@media (min-width: 801px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    color: #211a16;
  }
}
@media (min-width: 801px) {
  #sidebar nav .navigation.main > ul > li > a[href="/abo/"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo-manager/"],
  #sidebar nav .navigation.main > ul > li > a[href="/abo-manager"],
  #sidebar nav .navigation.main > ul > li > a[href="/mein-benutzerkonto/"],
  #sidebar nav .navigation.main > ul > li > a[href="/mein-benutzerkonto"],
  #sidebar nav .navigation.main > ul > li > a[href="/meine-favoriten/"],
  #sidebar nav .navigation.main > ul > li > a[href="/meine-favoriten"] {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 35%, #ca645d);
    font-weight: 600;
  }
  #sidebar nav .navigation.main > ul > li.active > a {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, #e83331);
    font-weight: 700;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent);
  }
}
@media (min-width: 801px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li.active > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent);
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, #e83331);
  }
}
@media (min-width: 801px) {
  #sidebar nav .navigation.main > ul > li.active > a[href="/abo/"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo-manager/"], #sidebar nav .navigation.main > ul > li.active > a[href="/abo-manager"], #sidebar nav .navigation.main > ul > li.active > a[href="/mein-benutzerkonto/"], #sidebar nav .navigation.main > ul > li.active > a[href="/mein-benutzerkonto"], #sidebar nav .navigation.main > ul > li.active > a[href="/meine-favoriten/"], #sidebar nav .navigation.main > ul > li.active > a[href="/meine-favoriten"] {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    box-shadow: none;
  }
  #sidebar nav .navigation.main > ul > li > ul {
    margin: 1px 0 2px 4px;
    padding: 0 0 0 8px;
    border-left: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, rgba(148, 191, 54, 0.28));
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  #sidebar nav .navigation.main > ul > li > ul > li > a {
    display: block;
    padding: 4px 10px;
    margin: 0;
    border-radius: 999px;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0.004em;
    line-height: 20px;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  #sidebar nav .navigation.main > ul > li > ul > li > a:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--sv-current-season-color, #e83331) 22%, transparent);
    outline-offset: 1px;
  }
}
@media (min-width: 801px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > ul > li > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 6%, transparent);
    color: #211a16;
  }
}
@media (min-width: 801px) {
  #sidebar nav .navigation.main > ul > li > ul > li.active > a {
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #d82321);
    font-weight: 700;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 7%, transparent);
  }
}
@media (min-width: 801px) and (hover: hover) and (pointer: fine) {
  #sidebar nav .navigation.main > ul > li > ul > li.active > a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 10%, transparent);
    color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 32%, #d82321);
  }
}
@media (min-width: 801px) {
  #sidebar nav.open .navigation.main > ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0s;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 24px 55px color-mix(in srgb, var(--sv-current-season-color, #e83331) 18%, rgba(80, 52, 38, 0.2));
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
    border-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 48%;
    mask-position: 50% 48%;
    -webkit-mask-size: 55% 55%;
    mask-size: 55% 55%;
    pointer-events: none;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink:hover,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a:hover {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, #fff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 28%, transparent), 0 2px 6px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink:active,
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a:active {
    transform: translateY(0);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink {
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #fff);
    background-image: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, transparent), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: color-mix(in srgb, var(--sv-current-season-color, #e83331) 34%, #e83331);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: 55% 55%;
    mask-size: 55% 55%;
    pointer-events: none;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--membership::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='7' width='16' height='10' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 11h16' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='7' width='16' height='10' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 11h16' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--account::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8.5' r='3.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4.5 20.5v-.8c0-3.9 3.3-7 7.5-7s7.5 3.1 7.5 7v.8'/%3E%3C/svg%3E");
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink--logout::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v16h-6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10 12H4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 9l-3 3 3 3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4h6v16h-6' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10 12H4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 9l-3 3 3 3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  #sidebar .responsive-menu > span {
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 8%, #5c5248);
  }
  #sidebar .responsive-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -khtml-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -ms-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    -o-transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    transition: all 0.25s cubic-bezier(0.21, 0.95, 0.8, 0.94);
    opacity: 1;
    top: auto;
    right: auto;
    left: auto;
    width: 34px;
    height: 24px;
    margin: 0;
    z-index: 32;
    cursor: pointer;
  }
  #sidebar .responsive-menu > span {
    display: block;
    width: 32px;
    height: 3px;
    margin: 2.5px 0;
    background: #5c5248;
    border-radius: 999px;
    box-shadow: none;
    transition: background 0.28s ease, opacity 0.22s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #sidebar .responsive-menu input {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  #sidebar nav.open .responsive-menu {
    opacity: 1;
  }
  #sidebar nav.open .responsive-menu > span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 38%, #e83331);
  }
  #sidebar nav.open .responsive-menu > span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  #sidebar nav.open .responsive-menu > span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
    background: color-mix(in srgb, var(--sv-current-season-color, #e83331) 38%, #e83331);
  }
  body.sv-desktop-header-compact #sidebar {
    height: 72px;
    padding-block: 6px;
  }
  body.sv-desktop-header-compact #sidebar .logo-container {
    max-height: 56px;
  }
  body.sv-desktop-header-compact #sidebar .logo-container .responsiveLogo .image img {
    max-height: 69px;
    max-width: min(201.25px, 50vw);
  }
}
@media (min-width: 801px) {
  /*
   * Account favourites card: stop animating chrome + content in parallel while scrolling —
   * height/padding transitions on fixed #sidebar + body desync from compositor-heavy card.
   */
  body:has(.customerManagement-accordion--favourites):not(.preview),
  body:has(.customerFavourites-root):not(.preview) {
    transition: none;
  }
  body:has(.customerManagement-accordion--favourites):not(.preview) #sidebar,
  body:has(.customerFavourites-root):not(.preview) #sidebar {
    z-index: 100;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: box-shadow 0.32s ease;
  }
  body:has(.customerManagement-accordion--favourites):not(.preview) #sidebar .logo-container .responsiveLogo .image img,
  body:has(.customerFavourites-root):not(.preview) #sidebar .logo-container .responsiveLogo .image img {
    transition: none;
  }
  body:has(.customerManagement-accordion--favourites):not(.preview) #main-content,
  body:has(.customerFavourites-root):not(.preview) #main-content {
    position: relative;
    z-index: 0;
    isolation: isolate;
  }
  /*
   * Release layer vs fixed chrome (same sibling issue as mobile; was only inside mobile mixin before).
   */
  body.sv-release-layer-open #main-wrapper > .wrap-inner #main-content {
    position: relative;
    z-index: 50;
    isolation: isolate;
  }
  body.sv-release-layer-open #main-wrapper > .wrap-inner {
    position: relative;
    z-index: 8980;
    isolation: isolate;
  }
  body.sv-release-layer-open #sidebar {
    pointer-events: none;
  }
  body.sv-release-layer-open .releaseView-container .overlay.visible {
    pointer-events: auto;
  }
  body.sv-release-layer-open .releaseView-container .release.openInLayer {
    pointer-events: auto;
  }
  /*
   * Favourites global host — same as mobile block (see `menu-responsive`); body-only portal.
   */
  body.sv-release-layer-open #sv-global-release-layer-host {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    z-index: 10060;
    overflow: visible;
    contain: none;
    pointer-events: none;
  }
  body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible {
    z-index: 10061;
  }
  .releaseView-container .overlay,
  .releaseView-container .overlay.visible {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: none !important;
  }
  .releaseView-container .release.openInLayer,
  body.sv-release-layer-open #sv-global-release-layer-host .release.openInLayer {
    z-index: 10062 !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 840px !important;
    max-width: calc(100vw - 32px) !important;
    height: 100dvh !important;
    max-height: none !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    padding-left: env(safe-area-inset-left, 0px) !important;
    padding-right: env(safe-area-inset-right, 0px) !important;
    box-sizing: border-box !important;
  }
  /*
   * Tablet toolbar (801–1065px): guest login pill is 38px; logged-in toolbar icons 40px.
   * Keep var(--sv-mhdr-icon-h) for html.sv-force-mobile-landscape (phone-landscape band).
   */
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar .searchBlock-mobileLink {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 17px;
  }
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
    top: 10.5px;
    left: 9.5px;
    width: 12.25px;
    height: 12.25px;
    border-width: 2.75px;
  }
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
    top: 23.75px;
    left: 22.75px;
    width: 10.5px;
    height: 2.75px;
  }
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar:has(.customerGate-toolbarIcons) .searchBlock-mobileLink {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 18px;
  }
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar:has(.customerGate-toolbarIcons) .searchBlock-mobileLink:before {
    top: 11px;
    left: 10px;
    width: 13px;
    height: 13px;
    border-width: 3px;
  }
  html:not(.sv-force-mobile-landscape) #sidebar > header.mainToolbar:has(.customerGate-toolbarIcons) .searchBlock-mobileLink:after {
    top: 25px;
    left: 24px;
    width: 11px;
    height: 3px;
  }
  /*
   * Wide desktop (≥1066px): inline search field; toolbar icon hit area matches .searchBlock-submit (32px).
   * Search modal stays mobile-only (≤800px).
   */
}
@media (min-width: 801px) and (min-width: 1066px) {
  #sidebar {
    --sv-dhdr-toolbar-hit-h: 32px;
  }
  #sidebar > header.mainToolbar .searchBlock {
    display: flex !important;
  }
  #sidebar > header.mainToolbar .searchBlock-mobileLink {
    display: none !important;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons {
    gap: 8px;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink {
    width: var(--sv-dhdr-toolbar-hit-h);
    height: var(--sv-dhdr-toolbar-hit-h);
    flex: 0 0 var(--sv-dhdr-toolbar-hit-h);
    border-radius: 14px;
  }
  #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
    width: var(--sv-dhdr-toolbar-hit-h);
    height: var(--sv-dhdr-toolbar-hit-h);
    border-radius: 14px;
  }
  #sidebar nav {
    flex: 0 0 var(--sv-dhdr-toolbar-hit-h);
    width: var(--sv-dhdr-toolbar-hit-h);
    height: var(--sv-dhdr-toolbar-hit-h);
    min-height: var(--sv-dhdr-toolbar-hit-h);
  }
  .searchBlock-mobileBackdrop,
  .searchBlock-mobileModal {
    display: none !important;
  }
}
/* Force mobile chrome in small phone landscape even if width hovers around 812/813px. */
html.sv-force-mobile-landscape body:not(.preview) {
  --sv-chrome-top: var(--sv-mhdr-h, 80px);
  padding-top: 80px;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}
html.sv-force-mobile-landscape body.sv-desktop-header-compact:not(.preview) {
  --sv-chrome-top: var(--sv-mhdr-h, 80px);
  padding-top: 80px;
}
html.sv-force-mobile-landscape #main-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-top: calc(-1 * var(--sv-mhdr-overhang, 0px));
  overflow-x: hidden;
  overscroll-behavior-x: none;
}
html.sv-force-mobile-landscape #main-wrapper > footer {
  margin-top: auto;
  flex-shrink: 0;
}
html.sv-force-mobile-landscape #main-wrapper > .wrap-inner {
  flex: 1 1 auto;
  min-height: 0;
}
html.sv-force-mobile-landscape #main-wrapper > .wrap-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
html.sv-force-mobile-landscape #main-content {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
html.sv-force-mobile-landscape #sidebar {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--sv-mhdr-h, 80px);
  padding-top: var(--sv-mhdr-pad-block, 8px);
  padding-bottom: var(--sv-mhdr-pad-block, 8px);
  padding-inline-end: 8px;
  box-sizing: border-box;
}
html.sv-force-mobile-landscape body.sv-mobile-header-compact #sidebar,
html.sv-force-mobile-landscape body.sv-desktop-header-compact #sidebar {
  box-shadow: 0 1px 0 color-mix(in srgb, var(--sv-current-season-color, #e83331) 14%, rgba(255, 255, 255, 0.56)), 0 9px 20px color-mix(in srgb, var(--sv-current-season-color, #e83331) 15%, rgba(80, 52, 38, 0.13));
}
html.sv-force-mobile-landscape #sidebar .logo-container {
  margin-left: 8px;
  max-height: var(--sv-mhdr-logo-h, 62.5px);
}
html.sv-force-mobile-landscape #sidebar .logo-container .responsiveLogo .image img {
  max-height: var(--sv-mhdr-logo-h, 62.5px);
  max-width: min(210px, 54vw);
}
html.sv-force-mobile-landscape #sidebar .logo-container .responsiveTitle {
  display: none !important;
}
html.sv-force-mobile-landscape #sidebar nav {
  margin-inline-start: 14px !important;
  flex: 0 0 var(--sv-mhdr-nav-h, 40px);
  width: var(--sv-mhdr-nav-h, 40px);
  height: var(--sv-mhdr-nav-h, 40px);
  min-height: var(--sv-mhdr-nav-h, 40px);
}
html.sv-force-mobile-landscape #sidebar .responsive-menu {
  width: var(--sv-mhdr-burger-w, 34px);
  height: 24px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar {
  flex: 0 0 auto;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .mainToolbar-trail {
  flex: 0 0 auto;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .searchBlock {
  display: none !important;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .searchBlock-mobileLink {
  display: block !important;
  flex: 0 0 var(--sv-mhdr-icon-h, 30px);
  width: var(--sv-mhdr-icon-h, 30px);
  height: var(--sv-mhdr-icon-h, 30px);
  border-radius: 13.5px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .searchBlock-mobileLink:before {
  top: 8.25px;
  left: 7.5px;
  width: 9.75px;
  height: 9.75px;
  border-width: 2.25px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .searchBlock-mobileLink:after {
  top: 18.75px;
  left: 18px;
  width: 8.25px;
  height: 2.25px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .authBlock {
  flex: 0 0 auto;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .authBlock .customerGate[data-mode^=stranger] .responsive a {
  width: var(--sv-mhdr-icon-h, 30px);
  height: var(--sv-mhdr-icon-h, 30px);
  border-radius: 13.5px;
  background-size: 16.5px 16.5px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons {
  gap: 7.5px;
}
html.sv-force-mobile-landscape #sidebar > header.mainToolbar .authBlock .customerGate-toolbarIcons .customerGate-iconLink {
  width: var(--sv-mhdr-icon-h, 30px);
  height: var(--sv-mhdr-icon-h, 30px);
  flex: 0 0 var(--sv-mhdr-icon-h, 30px);
  border-radius: 13.5px;
  background-size: 16.5px 16.5px;
}

/*# sourceMappingURL=core.css.map */