/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.shop-category-menu-button-wrapper {
    border: none;
}

/**************************/
/* Sidebar widget / Brick */
/**************************/
.brassberg-sidebarWidget {
    background: #f5f5f5;
    padding: 2rem;
}

/*********/
/* Utils */
/*********/
.text-decoration-none {
    text-decoration: none !important;
}

.lead, .text-lead {
    font-size: var(--qui-fs-md);
    line-height: 1.5;
}

/* text */
.fs-xs {
    font-size: var(--qui-fs-xs);
}

.fs-sm {
    font-size: var(--qui-fs-sm);
}

.fs-body {
    font-size: var(--qui-fs-body);
}

.fs-md {
    font-size: var(--qui-fs-md);
}

.fs-lg {
    font-size: var(--qui-fs-lg);
}

.fs-xl {
    font-size: var(--qui-fs-xl);
}

.fs-2xl {
    font-size: var(--qui-fs-2xl);
}

.fs-3xl {
    font-size: var(--qui-fs-3xl);
}

.fs-4xl {
    font-size: var(--qui-fs-4xl);
}

.fs-5xl {
    font-size: var(--qui-fs-5xl);
}

.fs-6xl {
    font-size: var(--qui-fs-6xl);
}

.display-1 {
    font-size: var(--qui-display-1);
}

.display-2 {
    font-size: var(--qui-display-2);
}

.display-3 {
    font-size: var(--qui-display-3);
}

.display-4 {
    font-size: var(--qui-display-4);
}


/** {
    color: #383838;
}*/

body {
    line-height: 1.7 !important;
    color: #383838;
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: var(--qui-fs-1);
}


.cologne-breadcrumb .quiqqer-breadcrumb ul li {
    color: #383838;
    font-weight: normal;
}

.cologne-breadcrumb .quiqqer-breadcrumb ul li:last-child {
    color: var(--qui-color-main);
}

.cologne-breadcrumb ul.quiqqer-breadcrumb-list {
    font-size: 16px;
}

.cologne-breadcrumb ul.fa-ul.quiqqer-breadcrumb-list {
    font-weight: 500;
}

.cologne-header-menu-wrapper .cologne-header-control {
    flex-basis: 0 !important;
    flex-grow: 0 !important;
}

.cologne-header {
    border: none;
}

.cologne-header-control-user > .fa {
    color: #fff;
}

.bold-titel {
    font-weight: 700;
}

.color-primary {
    color: var(--qui-color-main);
}

.topbar ::-webkit-input-placeholder {
    color: #fff;
}

@media screen and (min-width: 768px) {
    body .cologne-header-menu-wrapper {
        align-items: center;
        display: flex;
        height: 135px;
    }
}

/******************/
/* Logo in header */
/******************/
@media screen and (max-width: 500px) {
    .cologne-header-logo-link {
        width: 200px !important;
    }

    .cologne-header-logo-link img {
        max-width: 100% !important;
        width: auto;
        height: auto !important;
    }
}

@media screen and (max-width: 400px) {
    .shop-category-menu-button {
        padding-inline: 1.5rem !important;
    }

    .cologne-header-logo {
        padding-left: 0 !important;
    }

    .cologne-header-logo-link {
        width: 160px !important;
    }

    .cologne-header-menu-wrapper .cologne-header-control {
        padding-left: 0.5rem !important;
    }
}

@media screen and (max-width: 350px) {
    .cologne-header-logo-link {
        width: 140px !important;
    }
}

/* Mobile navigation */
@media screen and (max-width: 767px) {
    body .page-menu .fa,
    body .page-menu .page-navigation-home .fa {
        margin: 0 !important;
        width: 3rem !important;
        text-align: center !important;
    }

    .page-menu .page-navigation a {
        align-items: flex-start;
    }

    .page-navigation-level-1 > li > .quiqqer-navigation-entry > a {
        font-size: 1.125rem !important;
    }
}

/* User icon */
.template-search .quiqqer-products-search-suggest-form-button .fa {
    color: #fff;
    font-size: 15px;
}


/*search Dropdown*/
body .quiqqer-products-search-suggest-dropdown-title {
    color: #606975;
}

body .quiqqer-products-search-suggest-dropdown-description-articlNo {
    font-size: 13px;
}

body .quiqqer-products-search-suggest-dropdown-description-articlNo span {
    color: #999;
}

/* Abmelden popip*/
button.qui-button.qui-button-success.btn-success.qui-utils-noselect .qui-button-text,
button.qui-button.qui-button-success.btn-success.qui-utils-noselect span.qui-button-text-image.fa.fa-sign-out {
    color: #fff;
}


/* Bei Menü mobile Ansicht*/
span.left-menu-text,
body .page-menu ul .fa {
    color: #fff;
}

/*****************/


span.qui-contextitem-icon.fa.fa-user {
    color: #606975;
}

.qui-contextitem-container span.qui-contextitem-icon.fa.fa-sign-out {
    color: #606975;
}

.cologne-header-control-user-loader {
    background: #DEDEDE;
}

.cologne-header-control-user-loader .fa-spinner {
    color: #383838 !important;
}

/*.basket-style-compact .quiqqer-order-basketButton-quantity {
    background: var(--qui-color-main);
}*/

.quiqqer-products-search-suggest-dropdown {
    top: 40px !important;
}

/*Suchbutton*/
.quiqqer-products-productsearch span.fa.fa-search.quiqqer-products-search-suggest-form-button-icon {
    color: #fff;
}

.quiqqer-products-productList-products-more .fa.fa-spinner {
    color: #fff;
}

body .fa.fa-check.icon-animatable,
body span.fas.fa.fa-refresh.fa-spin {
    color: #fff;
}

/************/
/* MegaMenu */
/************/
body .cologne-header-nav .quiqqer-menu-megaMenu {
    font-weight: 400;
}

.quiqqer-menu-megaMenu-list-item > a > .fa {
    color: inherit;
}

.quiqqer-menu-megaMenu-list-item.quiqqer-menu-megaMenu-list-item--current {
    font-weight: 700;
}

/********************/
/******Submenü******/
/********************/
body .quiqqer-menu-megaMenu-list-item-menu {
    max-width: initial;
}

body .quiqqer-menu-megaMenu-children-standard {
    width: 100% !important;
}

body .quiqqer-menu-megaMenu-children-standard .quiqqer-menu-megaMenu-children-standard-icon {
    display: none;
}

body .quiqqer-menu-megaMenu-children-standard-container {
    width: 100% !important;
}

body .quiqqer-menu-megaMenu-children-standard-list {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}

body.quiqqer-menu-megaMenu-children-standard-list-entry {
    border: none !important;
}

.quiqqer-menu-megaMenu-list-item-menu .quiqqer-menu-megaMenu-children-standard-container {
    background: #383838;
    opacity: 0.9;
    position: absolute;
}

body .quiqqer-menu-megaMenu-children-standard-list-entry-short {
    color: #fff;
    font-family: 'Montserrat', san-serif;
    font-size: 15px;
    margin: 0;
    opacity: 1;
}

.quiqqer-menu-megaMenu-children-standard-list-entry-short ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.quiqqer-menu-megaMenu-list-item-menu li {
    list-style: none;
}

.quiqqer-menu-megaMenu-children-standard-list-entry > a {
    color: var(--qui-color-main);
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

li.quiqqer-menu-megaMenu-children-standard-list-entry-short-subList a {
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding: 5px 0;
}

li.quiqqer-menu-megaMenu-children-standard-list-entry-short-subList a:hover,
li.quiqqer-menu-megaMenu-children-standard-list-entry-short-subList a:focus {
    color: var(--qui-color-main);
}

.template-search .quiqqer-products-search-suggest-form-input {
    background: #383838;
    border-color: #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
}

@media screen and (max-width: 767px) {
    .template-search .quiqqer-products-search-suggest-form-input {
        display: none;
    }
}

body .quiqqer-products-search-form button .fa {
    color: #fff;
}

/***********/
/*topbar*/
/***********/
body .topbar {
    align-items: center;
    background: #383838;
    border-bottom: 1px solid #383838;
    font-size: 16px;
    font-weight: 600;
    height: 65px;
}

body .topbar a {
    color: #fff;
    text-decoration: none;
}

.topbar-contact-mail .fa-envelope-o,
.topbar-phone .fa-phone,
.topbar .fa-instagram,
.topbar .fa-pinterest-p {
    color: #fff;
}

.template-search .quiqqer-products-search-suggest-form-button {
    border-left: 1px solid #fff;
}

body .template-footer {
    background: #383838;
}

/*************/
/*Navigation*/
/*************/

.quiqqer-menu-megaMenu-list {
    font-size: 17px;
    justify-content: end;
}

/***************/
/*Advantages*/
/**************/
.brassberg-advantages h4 {
    margin-bottom: 1.5rem;
}

.brick-container__brassberg-advantages {
    padding-bottom: 5rem;
    padding-top: 5rem;
}

.brassberg-advantages .quiqqer-boxContentAdvanced-entry-title {
    font-size: 23px !important;
}

.brassberg-advantages .quiqqer-boxContentAdvanced-entry-content {
    font-size: 17px;
}

/*********************/
/*Section expert */
/********************/

.brassberg-section-expert {
    background: #383838;
    margin-top: 5rem;
}

.brassberg-section-expert .brassberg-expert-title {
    color: #fff;
    padding-top: 5rem;
}

p.brassberg-text {
    font-size: 17px;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

@media screen and (max-width: 767px) {
    .brassberg-section-expert .brassberg-expert-title {
        font-size: 25px;
    }

    p.brassberg-text {
        font-size: 14px;
    }

    .brassberg-section-expert .brassberg-h2-title {
        font-size: 17px;
    }
}

.brassberg-section-expert p {
    color: #fff;
}

.brassberg-section-expert .btn-primary {
    font-size: 18px;
    margin-bottom: 3rem;
    margin-top: 1.5rem;
    padding: 10px 2rem;
}

@media screen and (min-width: 767px) {
    p.brassberg-expert-info {
        line-height: 0.5;
    }
}

p.brassberg-a-notice {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 5rem;
    padding-top: 1rem;
}


/*****************/
/*Product Slider*/
/****************/
.brassberg-product-slider .quiqqer-products-control-product-childrenslider .quiqqer-bricks-children-slider-container-slide,
.brassberg-product-slider .quiqqer-bricks-children-slider {
    height: 550px !important;
}

.brassberg-product-slider .quiqqer-products-control-product-childrenslider-entry {
    margin: 8px !important;
}

.quiqqer-bricks-children-slider-container .quiqqer-products-control-product-childrenslider-entry-image {
    padding: 2rem 10px;
}

p.brassberg-product-text {
    padding-bottom: 3rem;
}

.brassberg-product-slider .quiqqer-bricks-children-slider-container-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
}

@media screen and (min-width: 768px) {
    .quiqqer-products-control-product-childrenslider-entry-price-wrapper {
        margin-bottom: auto;
        margin-top: auto;
    }
}

.brassberg-product-slider .quiqqer-products-control-product-childrenslider-entry-image {
    height: 50%;
}

.brassberg-product-slider h2 {
    color: #383838;
    font-weight: normal;
    letter-spacing: 2px;
}

.brassberg-product-slider .quiqqer-products-control-product-childrenslider-entry {
    border-color: #38383857;
}

.brick-container__brassberg-product-slider {
    padding-top: 5rem;
}

@media screen and (min-width: 768px) {
    .brassberg-product-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile,
    .brassberg-category-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile {
        display: inherit !important;
        opacity: 0.8 !important;
    }
}

.brassberg-product-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile,
.brassberg-product-slider .quiqqer-bricks-children-slider-next.hide-on-mobile {
    top: 8px;
}

.quiqqer-bricks-children-slider-mobile .quiqqer-bricks-children-slider-container-wrapper .quiqqer-bricks-children-slider-next:hover {
    background: none;
}

.add-to-basket label {
    color: #fff !important;
}

.brassberg-product-slider .quiqqer-bricks-promoslider-wallpaper-next .fa,
.brassberg-product-slider .quiqqer-bricks-promoslider-wallpaper-prev .fa {
    display: inherit;
    opacity: inherit;
}

.brassberg-product-slider .quiqqer-products-control-product-childrenslider-entry header a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 1rem 2rem 0 2rem;
    text-decoration: none;
    text-transform: uppercase;
}

.brassberg-product-slider .qui-products-price-display-value {
    font-size: 1.7rem;
}

.brassberg-product-slider .quiqqer-products-control-product-childrenslider-entry-productButtons {
    margin: 0 0 2rem;
}

@media screen and (min-width: 768px) {
    .brassberg-product-slider .quiqqer-bricks-children-slider-child {
        width: calc(100% / 3);
    }
}


.brassberg-product-slider .fa-angle-right:before,
.brassberg-product-slider .fa-angle-left:before {
    color: #383838a6;
    font-size: 40px;
    font-weight: normal;
}

/*Kategorie --> Produkt*/
.type-quiqqer-products-types-category .cologne-grid-container header.left-sidebar-filter-header {
    font-size: 2rem;
    text-transform: uppercase;
}

.quiqqer-products-productList-fl .quiqqer-products-productList-filterList-title,
.quiqqer-products-productList-resultInfo .quiqqer-products-productList-resultInfo-text {
    color: #383838;
}

.cologne-products-productGallery-products-product-title {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.noUi-connect {
    background: rgb(240 123 50) !important;
}

.quiqqer-products-product section.product-productsList.product-visited-products {
    margin-bottom: 5rem;
}

.type-quiqqer-products-types-category .quiqqer-product-field select {
    border: var(--qui-border);
}

.product-data .quiqqer-order-button-add,
.product-data .quiqqer-order-button-add .quiqqer-order-button-add-quantity {
    border: var(--qui-border);
}

@media screen and (min-width: 1150px) {
    .brassberg-product-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile {
        left: -50px !important;
    }
}

.quiqqer-products-productList-products-container-real .cologne-products-productGallery-products-product {
    border: var(--qui-border);
}

.quiqqer-products-productList-fl .quiqqer-products-productList-filterList-title {
    border-bottom: var(--qui-border);
}

/****************************/
/* Zuletzt angesehene Produkte */
/****************************/

@media screen and (max-width: 400px) {
    .quiqqer-products-control-product-childrenslider-entry-productButtons .btn{
        font-size: 13px;
        margin: 0;
    }
}

/*******************/
/* Product display */
/*******************/
.brassberg-product-fields {
    float: left;
    margin-bottom: 2rem;
}

.brassberg-product-mainData h1,
.brassberg-product-mainData .product-data-sku {
    letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
    .brassberg-product-fields {
        margin-bottom: 3rem;
    }
}

.brassberg-product-data-more .product-data-fieldlist {
    border: none !important;
    padding-bottom: 0;
}

.brassberg-product-data-more .product-data-fieldlist .quiqqer-product-field {
    margin-bottom: 16px;
}

.brassberg-product-data-more .product-data-fieldlist .product-data-fieldlist-reset {
    padding-top: 0;
}

.product-data-actionButtons {
    padding-top: 0 !important;
}

.quiqqer-bricks-children-slider-container-slide .quiqqer-products-control-product-childrenslider-entry {
    border-color: var(--qui-border-color);
}

.type-quiqqer-products-types-category .product-data-files-table td {
    border: none;
    border-bottom: 1px solid #edf1f5;
}

.type-quiqqer-products-types-category .product-data-files-table tr:hover td {
    background: none;
}

.type-quiqqer-products-types-category table.product-data-files-table.product-details tr:hover {
    background: #f6f6f6;
}

.brassberg-product-data-price-retail {
    text-decoration: line-through;
    font-size: 1.3em;
}

.brassberg-product-data-price-retail,
.type-quiqqer-products-types-category .product-data .product-data-price .qui-products-price-display-value {
    font-weight: 600;
    text-decoration-color: #111;
}

.type-quiqqer-products-types-category .product-data .page-content-header h1 {
    font-size: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product-data-more .product-data-more-sheets,
.product-data-more-tabsContainer .product-data-more-tabs {
    border-color: var(--qui-border-color) !important;
}

li.product-data-more-tabs-tab.active {
    border: var(--qui-border);
    border-bottom-color: #fff;
    color: inherit;
}

.quiqqer-products-productList-products-more .btn.btn-secondary.btn-outline {
    background: #383838;
    border-color: #383838;
    color: #fff;
}

.quiqqer-products-productList-products-more .btn.btn-secondary.btn-outline:hover {
    background: #2b2b2b;
    border-color: #2b2b2b;
    color: #fff;
}

/******************/
/*Section Bauhaus*/
/******************/

.brassberg-section-bauhaus {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.brassberg-section-bauhaus .brassberg-text-color {
    color: var(--qui-color-main);
    font-weight: 700;
    text-decoration: underline;
}

.brick-container__brassberg-section-bauhaus {
    padding-bottom: 5rem;
    padding-top: 5rem;
}

/**********/
/*Banner*/
/**********/

.brassberg-banner .control-content {
    border: 1px solid var(--qui-color-main);
    margin-bottom: 5rem;
    padding: 3rem;
}

p.brassberg-banner-text {
    padding: 1rem 2rem;
}

@media screen and (max-width: 767px) {
    p.brassberg-banner-text {
        padding: 1rem 0;
    }
}

a.brassberg-mail ,
a.barssberg-btn {
    text-transform: lowercase;
    font-weight: 600;
}
/*********/
/*Footer*/
/*********/

.brassberg-footer-about-us.template-footer-bricks-entry.clear-fix .fa {
    color: var(--qui-color-main);
    font-weight: bold;
}

.brassberg-footer-about-us.template-footer-bricks-entry.clear-fix .fa:before {
    margin-right: 10px;
}

.brassberg-footer-about-us.template-footer-bricks-entry.clear-fix a {
    font-weight: 700;
    text-decoration: none;
}


.brassberg-footer h4 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
    .brassberg-footer h4 {
        margin-bottom: 1rem;
        margin-top: 2rem;
    }
}

/* Footer - Info */
.brassberg-footer li {
    color: #fff;
    list-style: none;
}

.brassberg-footer ul {
    padding-left: 0;
}

p.brassberg-footer-text {
    color: #fff;
}

p.brassberg-footer-social-link {
    color: var(--qui-color-main);
    font-weight: 700;
}

body .cologne-footer-copyright {
    background: #383838;
    border-top: 1px solid #525252;
}

.cologne-footer-copyright .cologne-grid-container {
    color: #fff;
}

.brassberg-footer-ul-url ul,
.brassberg-footer-ul-url a {
    color: #fff;
    text-decoration: none;
}

.brassberg-footer-ul-url a:hover {
    color: var(--qui-color-main);
}

/**************/
/*WARENKORB*/
/**************/

.cologne-breadcrumb, .cologne-titleBar {
    background: #fff;
    border: none;
}

/* min height for basket */
[data-qui="package/quiqqer/order/bin/frontend/controls/basket/Basket"] {
    min-height: 500px;
    display: flex;
    flex-direction: column;
}


/* basket page */
@media screen and (max-width: 767px) {
    .type-quiqqer-order-types-shoppingCart .quiqqer-shoppingCart-buttons {
        flex-direction: column-reverse;
        gap: 1rem;
        align-items: stretch;
    }

    .type-quiqqer-order-types-shoppingCart .quiqqer-shoppingCart-buttons .quiqqer-shoppingCart-buttons-backToShop {
        width: 100%;
    }
}

[data-qui="package/quiqqer/order/bin/frontend/controls/basket/Basket"] .quiqqer-order-basket-total {
    margin-bottom: 20px;
}

.brassberg-quiqqer-order-basket-shippingInfo {
    margin-block: auto 20px;
}

.brassberg-quiqqer-order-basket-newsletterBanner {
    background-color: #f07b32;
    padding: 1.5rem;
    position: relative;
}

@media screen and (max-width: 767px) {
    .brassberg-ordertemplateCologne__brassberg-order .brassberg-quiqqer-order-basket-newsletterBanner {
        margin-bottom: 20px;
    }
}

.brassberg-quiqqer-order-basket-newsletterBanner:before {
    content: "\f0a1";
    font-family: FontAwesome;
    position: absolute;
    left: -1rem;
    top: -1rem;
    background: #f07b32;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    outline: 7px solid #fff;
    transform: rotate(-15deg);
}

.brassberg-quiqqer-order-basket-newsletterBanner a {
    color: #fff;
}

.brassberg-quiqqer-order-basket-newsletterBanner p {
    margin: 0;
}

.brassberg-quiqqer-order-basket-newsletterBanner a:not(:hover) {
    text-decoration: none;
}

body .quiqqer-order-basket-articles-article-data ul {
    display: none;
}

body .quiqqer-order-basket-articles-article-quantity input {
    border: none;
    font-family: 'Montserrat', san-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.quiqqer-order-basket-articles-article-quantity input[type=number]::-webkit-inner-spin-button,
.quiqqer-order-basket-articles-article-quantity input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.quiqqer-order-basket-articles-article-quantity button {
    padding: 0.25rem 0.5em;
    font-size: 0.75em;
}

.quiqqer-order-basket-articles-header-pos,
.quiqqer-order-basket-articles-article-pos {
    display: none !important;
}

body th.quiqqer-order-basket-articles-header-quantity {
    text-align: center;
}

.quiqqer-order-basket-articles-article-productno {
    margin-bottom: 1rem;
    margin-top: 5px;
}

.cologne-titleBar .page-title {
    text-transform: uppercase;
}

table tr:last-child th {
    background: #fff;
    border: none;
    border-bottom: var(--qui-border);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.quiqqer-order-basket-total-subSum-text,
.quiqqer-order-basket-total-subSum-value,
.quiqqer-order-basket-total-sum-text,
.quiqqer-order-basket-total-sum-value {
    border: none;

}

.quiqqer-order-basket-articles-header th:last-child {
    border-right: 1px solid #fff;
}

.quiqqer-order-basket-articles td {
    font-size: 16px;
    font-weight: bold;
}

.quiqqer-order-basket-articles-header-quantity {
    font-size: 25px;
    font-weight: 400;
}

.quiqqer-order-basket-total {
    background: #fff;
    border: none;
    border-top: var(--qui-border);
    font-size: 18px;
}

.templateCologne__brassberg-shopping-card .quiqqer-order-basket-articles-article-productno {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

.quiqqer-order-basket-articles td:before {
    font-size: 0.875rem;
    font-weight: normal;
}

.quiqqer-coupons-couponcodeinput {
    justify-content: flex-end;
}

input.quiqqer-coupons-couponcodeinput-input:hover,
input.quiqqer-coupons-couponcodeinput-input:focus,
input.quiqqer-coupons-couponcodeinput-input:active {
    border-color: var(--qui-color-main);
}

.btn.quiqqer-coupons-couponcodeinput-btn,
.btn.quiqqer-coupons-couponcodeinput-btn:hover {
    align-items: center;
    background: #fff;
    border-color: var(--qui-color-main);
    color: var(--qui-color-main);
    display: flex;
    height: 37px;
}

body .quiqqer-coupons-couponcodeinput {
    background: none;
}

body .quiqqer-order-basket-end,
body .quiqqer-order-ordering-buttons {
    margin-top: 1rem;
}

input.quiqqer-coupons-couponcodeinput-input {
    border: var(--qui-border);
}

.templateCologne__brassberg-shopping-card .quiqqer-shoppingCart-basket-end {
    border: var(--qui-border);
}

/***warenkorb popup***/
.qui-window-popup-buttons button.qui-button--no-icon {
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .qui-window-popup-buttons.box button {
        width: calc(100% - 20px) !important;
    }
    .qui-window-popup-buttons button.qui-button--no-icon {
        margin: 0 0 10px 10px;
    }

    .qui-window-popup-content .box {
        padding: 0 !important;
    }
    .qui-window-popup .qui-window-popup-buttons {
        padding: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    h2.text {
        font-size: 20px;
        margin-bottom: 0;
    }
    .submit-body .texticon {
        margin-right: 5px !important;
    }
    .qui-window-popup-content.box {
        padding: 5px !important;
    }
}



/*
@media screen and (max-width: 655px) {
    .qui-window-popup.box.window-basket-merge {
        height: 500px !important;
    }
}
@media screen and (max-width: 400px) {
    .qui-window-popup.box.window-basket-merge {
        height: 600px !important;
    }
}
*/

/*********/
/**Suche**/
/*********/

.type-quiqqer-sitetypes-types-search .cologne-breadcrumb {
    display: none;
}

/*Allgemeine Classe ?????????*/
/*****************/
/*KATEGORIE*/
/****************/

.quiqqer-products-category-menu-navigation-li-label
.quiqqer-products-category-menu-navigation-li-label-link {
    text-decoration: none;
}

h2.product-sidebar-container.template-grid-row.clearfix {
    text-transform: uppercase;
}

/*Breadcrumb container*/
.quiqqer-breadcrumb-container ul.fa-ul.quiqqer-breadcrumb-list {
    float: left;
    margin-left: 0;
}

.quiqqer-breadcrumb-container a.quiqqer-breadcrumb-link {
    text-decoration: none;
}

.cologne-grid-container .page-title {
    display: none;
}

.quiqqer-order-button-add .add-to-basket label,
.quiqqer-order-button-add .add-to-basket-text {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.quiqqer-order-button-add .add-to-basket {
    flex-basis: auto !important;
}

body .quiqqer-stock-management-stocklevel-outofstock:before {
    background: var(--qui-color-main);
}

.product-data .quiqqer-order-button-add {
    background: #fff;
}

li.product-data-more-tabs-tab.active a,
li.product-data-more-tabs-tab a {
    text-decoration: none;
}


/****************/
/**Product**/
/****************/
.product-data .product-data-fieldlist .quiqqer-product-field {
    width: calc(100% - 20px);
}

.quiqqer-customized-article-notice {
    background: #ddd;
    /* padding-left: 5px; */
    /* padding-top: 2px; */
    border-radius: 3px;
    font-size: 12px;
    margin-top: 6px;
    padding: 5px;
    vertical-align: middle;
}

.quiqqer-products-productList-sort {
    display: none !important;
}

.quiqqer-customized-article-notice {
    background: #ddd;
    border-radius: 5px;
    font-size: .8rem;
    margin-top: 10px;
    padding: 7px;
}

/*******************/
/*Product Selected*/
/*******************/
.product-data-fields-title {
    font-weight: 400;
}

.shipping-info__timeperiod:before {
    display: none;
}


/***************/
/*Kontakt Seite*/
/***************/
.page-423 #quiqqer-contact-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    max-width: 700px;
}

p.brasberg-contact-text {
    padding-bottom: 2rem;
}

p.brassberg-contact-data {
    padding-top: 2rem;
}

.type-quiqqer-contact-types-contact .form-name-input {
    padding-right: 0;
}

.type-quiqqer-contact-types-contac .qui-formfield-body label {
    margin-right: 0;
}

.type-quiqqer-contact-types-contact .qui-formfield-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.type-quiqqer-contact-types-contact label.form-name-input.form-name-firstname {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 0;
    margin-right: 1rem;
    width: 48%;
}

.type-quiqqer-contact-types-contact label.form-name-input.form-name-lastname {
    display: flex;
    flex-direction: column-reverse;
    width: 48%;
}

.type-quiqqer-contact-types-contact.qui-formfield-body label {
    margin-right: 0;
}

.type-quiqqer-contact-types-contact .form-name-input {
    padding-right: 0;
}

.brassberg-contact-email legend,
.brassberg-contact-companies legend,
.brassberg-contact-phone-no legend,
.brassberg-contact-news legend {
    font-weight: 400;
}

.type-quiqqer-contact-types-contact .qui-form input[type="submit"] {
    float: right;
    margin: 0 0 1rem 0;
}


/***FAQ***/
.quiqqer-faq.cologne-quiqqer-faq {
    margin-bottom: 5rem;
}

.cologne-quiqqer-faq article header .fa {
    display: none;
}

.cologne-quiqqer-faq header h2 {
    color: var(--qui-color-main);
    font-size: 18px;
    font-weight: 700;
}

.cologne-quiqqer-faq a.quiqqer-faq-list-linkToTop {
    display: none;
}

.cologne-quiqqer-faq.quiqqer-faq .content-body {
    margin-top: 0;
    padding-bottom: 1rem;
}

h2.brassberg-faq {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

h4.brassberg-faq-title {
    margin-bottom: 0;
    margin-top: 3rem;
}

body .brassberg-btn-lg {
    font-size: 18px;
    margin-bottom: 4rem;
    margin-top: 1rem;
    padding: 10px 2.5rem;
}

.brassberg-faq-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}


.brassberg-container-image {
    max-width: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .brassberg-container-row {
        display: flex;
        gap: 2rem;
        align-items: center;
    }
}

.page-multiple-left .fa-fw {
    width: auto !important;
    margin-right: 10px !important;
}


/**************/
/* FAQ - list */
/**************/
body .content-template-faq-list-category,
body .content-template-faq-list-category.lastCategoryLevel {
    align-items: center;
    background: #333333;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 20px;
    min-height: 300px;
    position: relative;
    width: calc(25% - 40px);
    min-width: 240px;
}

.brassberg-template-faq-list-category-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.brassberg-template-faq-list-category-image img {
    height: 100%;
    max-height: initial !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.brassberg-template-faq-list-category-content {
    position: relative;
    text-align: center;
}

body .content-template-faq-list-category h2 {
    border-bottom: 2px solid currentColor;
    border-top: 2px solid currentColor;
    color: #fff;
    font-size: clamp(1rem, 3vw, 1.25rem);
    margin-bottom: 3rem;
    padding: 2rem 0;
    text-transform: uppercase;
}

body .content-template-faq-list-category h2:after {
    display: none;
}

@media screen and (max-width: 767px) {
    body .content-template-faq-list-category,
    body .content-template-faq-list-category.lastCategoryLevel {
        min-height: 260px;
        width: 100%;
    }
}

.page-406 .page-content-emotion-short ,
.page-413 .page-content-emotion-short,
.page-411 .page-content-emotion-short ,
.page-405 .page-content-emotion-short ,
.page-408 .page-content-emotion-short ,
.page-409 .page-content-emotion-short ,
.page-412 .page-content-emotion-short ,
.page-414 .page-content-emotion-short ,
.page-404 .page-content-emotion-short {
    display: none;
}

/*********************************/
/* FAQ - category (with entries) */
/*********************************/
body .cologne-quiqqer-faq li a {
    text-decoration: none;
}

body .quiqqer-faq-list li:hover .fa {
    color: var(--qui-color-main);
    opacity: 1;
}

/*****************/
/* faq accordion */
/*****************/
.quiqqer-accordion-item-header {
    background: none;
    border: 2px solid #333;
    color: inherit;
}

.quiqqer-accordion-item-header:hover {
    background-color: #f5f5f5;
}


/***BLOG***/

h2.brassberg-blog-title {
    margin-bottom: 0;
}

p.brassberg-blog-text {
    margin-bottom: 2rem;
}

p.brassberg-blog-texts {
    margin-bottom: 2rem;
}

.type-quiqqer-blog-blog-list .childrenlist-cardsCssGrid-entry-cover-overlay {
    align-items: end !important;
    background: none;
    justify-content: start;
}

.type-quiqqer-blog-blog-list .childrenlist-cardsCssGrid-entry-cover-overlay-header h2 {
    color: #383838;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
    max-width: 350px;
    text-align: start;
}

.type-quiqqer-blog-blog-list .childrenlist-cardsCssGrid-entry {
    border: var(--qui-border);
    box-shadow: none;
}

.type-quiqqer-blog-blog-list .childrenlist-cardsCssGrid-entry-content {
    border-top: var(--qui-border);
}

.type-quiqqer-blog-blog-list .childrenlist-cardsCssGrid-entry-content-footer-button {
    color: var(--qui-color-main);
    font-weight: bold;
}

/**************/
/* Blog entry */
/**************/
.brassberg-blogEntry h1 {
    margin-bottom: 2rem;
}

.brassberg-blogEntry .blog-entry-date-and-author {
    margin: -2rem 0 2rem;
}

.brassberg-blogEntry-image {
    margin-bottom: 2rem;
}

/********************/
/* Kategorie Slider */
/********************/

.brick-container__brassberg-category-slider {
    margin-bottom: 5rem;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-container-slide,
.brassberg-category-slider .quiqqer-bricks-children-slider-next.hide-on-mobile,
.brassberg-category-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile {
    height: 530px !important;
}

.quiqqer-bricks-children-slider-child:first-child .quiqqer-bricks-children-slider-child-display {
    margin-left: 10px !important;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-display {
    margin: 1.5rem;
}

p.brassberg-category-slider-text {
    font-size: 18px;
    margin-bottom: 5rem;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-next,
.brassberg-category-slider .quiqqer-bricks-children-slider-prev {
    height: calc(100% - 6.6rem) !important;
    top: 1.5rem !important;
}

.brassberg-category-slider .fa-angle-right,
.brassberg-category-slider .fa-angle-left {
    color: #383838a6;
}

@media screen and (min-width: 1269px) {
    .brassberg-category-slider .quiqqer-bricks-children-slider-prev.hide-on-mobile {
        left: -50px !important;
    }
}

@media screen and (min-width: 768px) {
    .brassberg-category-slider .quiqqer-bricks-children-slider-child {
        width: calc(100% / 3) !important;
    }
}

.brassberg-category-slider h4.quiqqer-bricks-children-slider-child-content-title {
    margin-top: 2rem;
    text-transform: uppercase;
}

.brassberg-category-slider h4.quiqqer-bricks-children-slider-child-content-title a {
    color: #383838;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 2rem;
    text-decoration: none;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-content-short {
    font-size: 15px;
    padding: 1rem;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-content {
    border: 1px solid #38383857;
    text-align: center;
}

.brassberg-category-slider-button {
    margin-top: auto;
}

.btn.brassberg-category-slider-button {
    margin: auto auto 1rem auto;
    max-width: 165px;
}


.brassberg-category-slider h2 {
    font-weight: 500;
    letter-spacing: 2px;
}

.big-titel {
    font-size: var(--qui-fs-3xl);
}

@media screen and (max-width: 768px) {
    .big-titel {
        font-size: var(--qui-fs-xl);
    }
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-image {
    height: 50% !important;
    max-height: 50% !important;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-image picture {
    display: block;
    height: 100%;
}

.brassberg-category-slider .quiqqer-bricks-children-slider-child-image a {
    height: 100%;
    width: 100%;
}

.quiqqer-products-productList-products-more .button {
    min-width: 150px;
}

/****************/
/***Bestellung***/
/****************/

.quiqqer-order-ordering .quiqqer-order-ordering-timeline {
    margin-bottom: 6rem !important;
    margin-top: 2rem !important;
}

button.quiqqer-coupons-couponcodeinput-btn.btn.btn-success {
    align-items: center;
    display: flex;
    max-height: 36px;
}


.type-quiqqer-order-types-orderingProcess .btn-light,
.type-quiqqer-order-types-shoppingCart .btn-light {
    background: #383838;
    border: #383838;
    color: #fff;
}

.type-quiqqer-order-types-orderingProcess .btn-light:hover,
.type-quiqqer-order-types-shoppingCart .btn-light:hover {
    background: #2b2b2b;
    border: #2b2b2b;
    color: #fff;
}


.templateCologne__brassberg-order a.button.btn.shipping-address-edit:hover {
    background: #fff;
    border-color: var(--qui-color-main);
    color: #383838;
    outline: none;
}

.type-quiqqer-order-types-orderingProcess .cologne-main,
.type-quiqqer-order-types-shoppingCart .cologne-main {
    min-height: calc(100vh - 65px - 75px - 135px - 1rem);
}

/*******************/
/**Konto Erstellen**/
/*******************/

.main-no-sidebar-thin section.content-template {
    padding-left: 0;
}

.main-no-sidebar-thin .quiqqer-frontendUsers-controls-registration {
    margin-bottom: 5rem;
}

.quiqqer-frontendUsers-controls-registration .quiqqer-registration-field-error-msg {
    display: flex;
    padding: 1rem 0 0 40%;
}

/******************/
/**Benutzer Konto**/
/******************/
.btn.quiqqer-frontendUsers-saveButton {
    width: min(100%, 250px);
    min-width: fit-content;
}

.quiqqer-frontendUsers-controls-profile-categoryContent [type="submit"] {
    /*background: var(--qui-color-main);*/
    /*border-color: var(--qui-color-main);*/
    /*width: 250px;*/
}

button.quiqqer-frontendUsers-saveButton.btn.btn-danger {
    /*background: var(--qui-color-main);*/
    /*border-color: var(--qui-color-main);*/
    /*color: #fff;*/
}

.quiqqer-frontendUsers-controls-profile-categoryContent [type="submit"]:hover {
    /*background: #c45612;*/
    /*border-color: #c45612;*/
}

.quiqqer-shipping-user-address [type="submit"],
.quiqqer-frontendUsers-controls-profile-categoryContent [type="submit"] {
    letter-spacing: 0;
}

.quiqqer-shipping-user-address [type="submit"] {
    padding: 0 1px !important;
}

.quiqqer-frontendUsers-controls-profile-categoryContent .quiqqer-frontend-users-address-list-entry-buttons button {
    padding: 0.5em 1em;
    font-size: 12px;
}

.quiqqer-frontend-users-address-description-button span {
    text-transform: uppercase;
}

.quiqqer-frontend-users-address-list-entry-buttons .btn-danger {
    /*background: var(--qui-color-main);*/
    /*border-color: var(--qui-color-main);*/
    /*color: #fff;*/
}

section.quiqqer-order-customerData header .btn-light {
    background: none;
    border: 1px solid transparent;
    color: var(--qui-color-main);
}

section.quiqqer-order-customerData header .btn-light:hover {
    background: #fff;
    border: 1px solid var(--qui-color-main);
    color: #383838;
}

/**************/
/* Pagination */
/**************/
body .quiqqer-sheets-desktop .quiqqer-sheets-desktop-current,
body .quiqqer-sheets-desktop .quiqqer-sheets-desktop-current:hover {
    background-color: var(--qui-color-main) !important;
    border-color: var(--qui-color-main) !important;
}

body .quiqqer-sheets-desktop a.quiqqer-sheets-sheet:hover,
body .quiqqer-sheets-desktop a.quiqqer-sheets-first:hover,
body .quiqqer-sheets-desktop a.quiqqer-sheets-prev:hover,
body .quiqqer-sheets-desktop a.quiqqer-sheets-next:hover,
body .quiqqer-sheets-desktop a.quiqqer-sheets-last:hover {
    background-color: var(--qui-color-main);
    border-color: var(--qui-color-main);
    color: #fff;
}

/******************************************************/
/* 4er List - Anpassung an FAQ und Technische Angaben */
/******************************************************/
.brassberg__qui-control-childrenlist-2er .qui-control-childrenlist-2er-row {
    margin-bottom: 2rem;
}

.brassberg__qui-control-childrenlist-2er-entry-content-wrapper {
    align-items: center;
    background: #333333;
    display: flex;
    justify-content: center;
    min-height: 300px;
    padding: 20px;
    position: relative;
    min-width: 240px;
}

.brassberg__qui-control-childrenlist-2er-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.brassberg__qui-control-childrenlist-2er-image img {
    height: 100%;
    max-height: initial !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.brassberg__qui-control-childrenlist-2er .qui-control-childrenlist-2er-entry-content {
    align-items: center;
    color: #fff;
    justify-content: center;
    position: relative;
}

.brassberg__qui-control-childrenlist-2er-entry-content-title {
    border-bottom: 2px solid currentColor;
    border-top: 2px solid currentColor;
    color: #fff;
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    margin-bottom: 3rem;
    padding: 2rem 0;
    text-transform: uppercase;
}

/***********/
/* General */
/***********/
body .toTop__show {
    bottom: 3rem;
    z-index: 11;
}

/**********************************/
/* Startseite main product slider */
/**********************************/
.brassberg-mainProductSlider .quiqqer-bricks-promoslider a {
    text-decoration: none;
}

.brassberg-mainProductSlider .quiqqer-bricks-promoslider-slide-title {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.brassberg-mainProductSlider .quiqqer-bricks-promoslider-slide-display .quiqqer-bricks-promoslider-slide-text p:last-child {
    margin-bottom: 0;
}

.brassberg__quiqqer-bricks-promoslider-slide-desktop-dots-wrapper {
    bottom: -50px;
    left: 0;
    position: absolute;
    width: 100%;
}

.quiqqer-bricks-promoslider-slide-desktop-dots {
    position: initial !important;
    text-align: left !important;
}

.quiqqer-bricks-promoslider-dot {
    border-radius: 0 !important;
    margin-right: 1rem !important;
}

.quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot {
    background: #bebebe !important;
}

.quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot:hover:hover, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot:hover:focus, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot:hover:active, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot-active, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot-active:hover, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot-active:focus, .quiqqer-productbricks-productslider[data-dots-appearance="dark"] .quiqqer-bricks-promoslider-dot-active:active {
    background-color: #383838 !important;
}

@media screen and (min-width: 768px) {
    .brassberg-mainProductSlider {
        margin-bottom: 130px !important;
    }

    .brassberg-mainProductSlider .quiqqer-bricks-promoslider {
        height: 450px;
    }

    .quiqqer-productbricks-productslider-slide-right.quiqqer-bricks-promoslider-slide-image img {
        transform: translateY(100px);
    }
}

@media screen and (max-width: 767px) {
    .brassberg-mainProductSlider.quiqqer-productbricks-productslider .quiqqer-bricks-promoslider {
        height: calc(100vh - 170px) !important;
        min-height: 600px;
    }

    .brassberg-mainProductSlider .quiqqer-productbricks-productslider-slide-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .quiqqer-productbricks-productslider-slide-left-title.quiqqer-bricks-promoslider-slide-title {
        font-size: 24px !important;
    }

    .quiqqer-productbricks-productslider-slide-left-text.quiqqer-bricks-promoslider-slide-text {
        margin-top: 0 !important;
    }

    .quiqqer-productbricks-productslider-slide-right.quiqqer-bricks-promoslider-slide-mobile-image {
        padding: 2rem 1rem !important;
    }
}

/******************************************************/
/* Startseite main product slider (2 wallpaper brick) */
/******************************************************/
.brassberg-startpageSlider {
    background-image: linear-gradient(0, #f0f0f0, #f8f8f8);
    background-repeat: no-repeat;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left,
.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right {
    padding: 2rem 0;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right img {
    height: auto !important;
    max-height: 400px;
    width: auto !important;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right a {
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left h1,
.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left h2,
.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left h3 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left h2 {
    font-size: 34px;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left > p {
    font-size: 1.125rem;
    line-height: 1.5;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left a {
    font-size: 1.25rem;
    padding: .5rem 1rem;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left > p:last-child {
    margin-bottom: 0;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right {
    text-align: center;
}

/* dots */
.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-dots {
    bottom: 30px;
    left: 50%;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    transform: translateX(-50%);
    width: 100%;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-dot {
    background-color: #bebebe;
    border-radius: 0;
    box-shadow: none;
    margin-right: 1rem;
}

.brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-dot-active {
    background-color: #383838;
}

@media screen and (min-width: 768px) {
    .brassberg-startpageSlider {
        background-size: 100% 450px;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-image {
        height: 450px;
    }


    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left,
    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right {
        height: 450px;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left {
        display: flex;
        flex-direction: column;
        height: 450px;
        justify-content: center;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right img {
        transform: translateY(100px);
    }

    /* dots */
    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-dots {
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .brassberg-startpageSlider.quiqqer-bricks-promoslider-wallpaper {
        height: calc(100vh - 170px) !important;
        min-height: 600px;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-container .grid-container {
        height: 100%;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left {
        display: flex;
        flex-direction: column;
        height: 45%;
        justify-content: center;
        text-align: center;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-left h2 {
        font-size: 24px;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right {
        display: flex;
        height: 55%;
        justify-content: center;
    }

    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper2Content-right img {
        max-height: 100%;
    }

    /* dots */
    .brassberg-startpageSlider .quiqqer-bricks-promoslider-wallpaper-dots {
        bottom: 10px;
    }
}

/***************************/
/* Product information box */
/***************************/
body .brassberg-content-message__product {
    font-size: 13px;
    margin: 20px 0 10px !important;
    padding: 0.5rem 0.5rem 0.5rem 50px !important;
}

body .brassberg-content-message__product:before {
    font-size: 38px;
    opacity: 0.5;
    top: 0;
}

/* floated notice */
.brassberg-product-floatedCustomerNotice {
    backdrop-filter: blur(10px);
    background: rgba(222, 222, 222, 0.65);
    border-top-left-radius: 5px;
    bottom: 0;
    font-size: 12px;
    padding: 4px;
    position: fixed;
    right: 0;
    z-index: 10;
}

.brassberg-product-floatedCustomerNotice:before {
    content: '1';
    font-size: 10px;
    vertical-align: super;
}

/*****************************/
/* Slider prev / next arrows */
/*****************************/
body .quiqqer-bricks-children-slider-next,
body .quiqqer-bricks-children-slider-prev {
    color: #7d7d7d;
}

/******************************/
/* Category full cover slider */
/******************************/
.brassberg-categoryFullCoverSlider {
    margin: 0 auto;
    max-width: 1400px;
}

.brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-container-slide {
    display: flex;
}

.brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-child {
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    width: calc(100% / 3);
}

@media screen and (max-width: 1000px) {
    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-child {
        min-width: 320px;
        width: calc(100% / 2);
    }
}

.brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-child-display {
    margin: 0 1rem !important;
}

.brassberg-cologne-products-categoryGallery-entry,
.brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-child-display {
    background-color: #222222;
    border: none;
    position: relative;
}

.brassberg-cologne-products-categoryGallery-entry-image,
.brassberg-categoryFullCoverSlider-entry-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.brassberg-cologne-products-categoryGallery-entry-image img,
.brassberg-categoryFullCoverSlider-entry-image img {
    display: block;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
}

.brassberg-cologne-products-categoryGallery-entry-image img:hover,
.brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider__onlyImage .quiqqer-bricks-children-slider-child-display img:hover {
    -webkit-transform: none;
    transform: none;
}

.brassberg-cologne-products-categoryGallery-entry-content,
.brassberg-categoryFullCoverSlider-entry-content {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1rem;
    position: relative;
}

.brassberg-cologne-products-categoryGallery-entry-keywords,
.brassberg-categoryFullCoverSlider-entry-keywords {
    color: inherit;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.brassberg-cologne-products-categoryGallery-entry-title,
.brassberg-categoryFullCoverSlider-entry-title {
    border-bottom: 2px solid currentColor;
    border-top: 2px solid currentColor;
    color: inherit;
    font-size: clamp(2rem, 3vw, 3rem);
    letter-spacing: 3px;
    margin: 3rem 0;
    padding: 2rem 0;
    text-transform: uppercase;
    white-space: break-spaces;
}

.brassberg-categoryFullCoverSlider-entry-btn {
    font-size: 1.25rem;
    padding-left: 3rem;
    padding-right: 3rem;
    text-transform: uppercase;
}

/* product category - extra category gallery design */
.brassberg-cologne-products-categoryGallery-entry-content {
    padding: 4rem 1rem;
    text-align: center;
}

.brassberg-cologne-products-categoryGallery-entry-keywords {
    font-size: 0.875rem;
}

.brassberg-cologne-products-categoryGallery-entry-title, .brassberg-categoryFullCoverSlider-entry-title {
    font-size: 1.75rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.brassberg-cologne-products-categoryGallery-entry-btn, .brassberg-categoryFullCoverSlider-entry-btn {
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    font-size: 13px;
}

/**************************/
/* product list: category */
/**************************/
.cologne-products-productGallery-products-product-price-old {
    text-decoration: line-through;
    text-decoration-color: #111;
    color: #9ba3ad;
    font-size: 1rem;
}

/* arrows */
@media screen and (min-width: 768px) {

    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-next,
    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-prev {
        background-color: transparent !important;
        border: none !important;
        display: block !important;
        height: 100% !important;
        opacity: 1 !important;
        top: 0 !important;
    }

    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-next {
        right: 1rem !important;
    }

    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-prev {
        left: 1rem !important;
    }
}

@media screen and (min-width: 1500px) {
    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-next {
        right: -50px !important;
    }

    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-prev {
        left: -50px !important;
    }
}

@media screen and (max-width: 1499px) {
    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-next .fa,
    .brassberg-categoryFullCoverSlider .quiqqer-bricks-children-slider-prev .fa {
        background: #fff;
        opacity: 0.5;
        width: 100%;
    }
}

/****************************/
/* Order page / Basket page */
/****************************/
body.type-quiqqer-order-types-orderingProcess.type-minimal-design .cologne-titleBar,
body.type-quiqqer-order-types-shoppingCart.type-minimal-design .cologne-titleBar {
    align-items: center;
    display: flex;
    height: 135px;
}

body.type-quiqqer-order-types-orderingProcess.type-minimal-design .cologne-titleBar > .grid-container,
body.type-quiqqer-order-types-shoppingCart.type-minimal-design .cologne-titleBar > .grid-container {
    height: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    body.type-quiqqer-order-types-orderingProcess.type-minimal-design .cologne-titleBar h1,
    body.type-quiqqer-order-types-shoppingCart.type-minimal-design .cologne-titleBar h1 {
        font-size: clamp(1.25rem, 6vw, 2rem);
    }
}

@media screen and (max-width: 420px) {
    body.type-quiqqer-order-types-orderingProcess.type-minimal-design .cologne-titleBar .cologne-header-logo-link img,
    body.type-quiqqer-order-types-shoppingCart.type-minimal-design .cologne-titleBar .cologne-header-logo-link img {
        height: 50px;
    }
}

/**********************************/
/* Product slider in product view */
/**********************************/
:is(.quiqqer-products-control-visitedProducts, .product-similar-products, .product-equipment-products) .quiqqer-bricks-children-slider-child:first-child .quiqqer-bricks-children-slider-child-display {
    margin-left: 0 !important;
}

:is(.quiqqer-products-control-visitedProducts, .product-similar-products, .product-equipment-products) .quiqqer-bricks-children-slider-child {
    width: calc(100% / 3);
}

@media screen and (max-width: 1000px) {
    :is(.quiqqer-products-control-visitedProducts, .product-similar-products, .product-equipment-products) .quiqqer-bricks-children-slider-child {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 767px) {
    :is(.quiqqer-products-control-visitedProducts, .product-similar-products, .product-equipment-products) .quiqqer-bricks-children-slider-child {
        width: 50%;
    }
}

/**************************/
/* Startpage top category */
/**************************/
.brassberg-startpage-topCategory-simple {
    background: var(--qui-color-main);
    color: #fff;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry {
    margin-block: 0;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entries {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin-inline: auto;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title {
    text-align: center;
    margin: 0;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title > a {
    color: inherit;
    text-decoration: none;
    padding-block: 1.25em;
    display: block;
    font-size: var(--qui-fs-md);
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title > a:hover {
    background-color: rgba(0,0,0,0.1);
}

@media screen and (max-width: 767px) {
    .brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-container:not(:last-child) {
        border-bottom: 1px solid #ffffff33;
    }
}

/*******************/
/* Order: checkout */
/*******************/
.brassberg--quiqqer-order-step-checkout {
    display: grid;
    grid-template-columns: 1fr minmax(300px, 30%);
    gap: clamp(2rem, 5vw, 5rem);
}

.brassberg--quiqqer-order-step-checkout__right-inner {
    position: sticky;
    top: 1rem;
}

.articles-article-information-title,
.articles-article-information-description {
    font-size: 1rem !important;
    font-weight: bold;
}

/* article number in checkout */
.articles-article-information-description + p {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: bold;
}

.articles-article-entry:not(:last-child) > td {
    border-bottom: var(--qui-border);
}

.articles-article-quantity {
    font-size: 1rem;
    font-weight: bold;
}

.brassberg--quiqqer-order-step-checkout__left .articles-sum {
    display: none;
}

.brassberg--quiqqer-order-step-checkout__right .articles-sum {
    margin-block: 1rem 2rem;
}

.brassberg--quiqqer-order-step-checkout__right table.articles-sum td {
    width: 70%;
}

.brassberg--quiqqer-order-step-checkout__right .quiqqer-order-step-checkout-notice label {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.brassberg--order-customLoader {
    height: 200px;
    display: grid;
    place-items: center;
}

.brassberg--quiqqer-order-step-checkout h2 {
    font-size: 1.5rem;
    display: flex;
    align-items: baseline;
}

.brassberg--order-step-checkout__editBtn {
    background: none;
    color: inherit;
    margin-left: auto;
    display: inline-block;
    border: none !important;
}

.brassberg--order-step-checkout__editBtn:is(:hover, :focus, :active) {
    color: var(--qui-color-primary);
    background-color: transparent;
    border: none;
}

.brassberg--order-step-checkout__editBtn > .fa {
    margin-right: 0 !important;
}

@media screen and (min-width: 768px) {
    .quiqqer-order-ordering-buttons-next[value="payableToOrder"] {
        display: none;
    }

    .brassberg--quiqqer-order-step-checkout-pay {
        margin-block: 20px;
    }

    .brassberg--quiqqer-order-ordering-payBtn {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .brassberg--quiqqer-order-step-checkout {
        display: block;
    }

    .brassberg--quiqqer-order-ordering-payBtn {
        display: none !important;
    }
}

/**************************/
/* Startpage top category */
/**************************/
.brassberg-startpage-topCategory-simple {
    background: var(--qui-color-main);
    color: #fff;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry {
    margin-block: 0;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entries {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin-inline: auto;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title {
    text-align: center;
    margin: 0;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title > a {
    color: inherit;
    text-decoration: none;
    padding-block: 1.25em;
    display: block;
    font-size: var(--qui-fs-md);
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-title > a:hover {
    background-color: rgba(0,0,0,0.1);
}

@media screen and (max-width: 767px) {
    .brassberg-startpage-topCategory-simple .quiqqer-boxContentAdvanced-entry-container:not(:last-child) {
        border-bottom: 1px solid #ffffff33;
    }
}

/**************************/
/* Startseite header 2024 */
/**************************/
@media screen and (max-width: 767px) {
    .brassberg-startpage-header-2024 {
        min-height: 300px !important;
    }

    .brassberg-startpage-header-2024 .wallpaperText {
        --qui-wallpaperText-minHeight: 300px !important;
        --qui-wallpaperText-bgPos: left center !important;
    }

    .brassberg-startpage-header-2024 .wallpaperText-container-content {
        display: none !important;
    }
}

/*****************************/
/* Newsletter - Clever Reach */
/*****************************/
.quiqqer-cleverreach-RegistrationForm {
    --width: min(400px, 100%);
    --form-maxWidth: 700px;
}

.quiqqer-cleverreach-RegistrationForm form {
    max-width: var(--form-maxWidth);
    padding: 2rem;
    background: #f5f5f5;
    border: var(--qui-border);
    margin-inline: auto;
    margin-top: 2rem;
}

.quiqqer-cleverreach-registrationForm-error {
    max-width: var(--form-maxWidth);
    margin-inline: auto !important;
    background-color: #feeded !important;
}

.quiqqer-cleverreach-registrationForm label {
    display: flex;
    gap: 0.5rem 2rem;
    float: none !important;
    margin-bottom: 1rem;
}

.quiqqer-cleverreach-registrationForm label > span {
    flex-grow: 1;
    text-align: right;
    align-self: center;
    opacity: 0.75;
    font-size: 0.875rem;
}

.quiqqer-cleverreach-registrationForm label > input {
    width: var(--width);
    flex-shrink: 0;
}

.quiqqer-cleverreach-registrationForm button[type="submit"] {
    margin-top: 2rem;
    margin-left: auto;
    display: block;
    float: none;
    position: relative;
    width: var(--width);
}

@media screen and (max-width: 767px) {
    .quiqqer-cleverreach-RegistrationForm {
        --width: 100%;
    }

    .quiqqer-cleverreach-registrationForm label {
        display: block;
    }
}

/*******************************/
/* Sidebar contact floated nav */
/*******************************/
.quiqqer-floatedNavControl__design-iconsBar .quiqqer-floatedNav {
    --qui-btn-border-radius: 0;
}

.quiqqer-floatedNavControl__design-iconsBar .quiqqer-floatedNav {
    box-shadow: -2px 3px 6px rgb(0 0 0 / 15%) !important;
    border-radius: 0 !important;
}

.quiqqer-floatedNavControl__design-iconsBar .quiqqer-floatedNav-entry-inner:hover {
    color: #fff !important;
}

/*********************/
/* Newsletter Banner */
/*********************/
.brassberg-newsletter-banner {
    background-color: #f07b32;
    color: #fff;
}

.brassberg-newsletter-banner .control-content {
    --overflay-width: 50px;
    --overlay-bg-color-offest: 10px;

    display: flex;
    gap: 2rem;
    justify-content: center;
    overflow: hidden;
    position: relative;

    /* initial loading */
    opacity: 0;
    transition: 0.3s ease opacity;
    transition-delay: 250ms;
}

.brassberg-newsletter-banner.show .control-content {
    opacity: 1;
}

.brassberg-newsletter-banner .control-content:before,
.brassberg-newsletter-banner .control-content:after {
    content: '';
    height: 100%;
    width: var(--overflay-width);
    top: 0;
    position: absolute;
    z-index: 1;
}

.brassberg-newsletter-banner .control-content:before {
    background-image: linear-gradient(to right, #f07b32 var(--overlay-bg-color-offest), transparent);
    left: 0;
}

.brassberg-newsletter-banner .control-content:after {
    background-image: linear-gradient(to left, #f07b32 var(--overlay-bg-color-offest), transparent);
    right: 0;
}

.brassberg-newsletter-banner .control-content p {
    white-space: nowrap;
    margin: 0.5rem;
    animation: carousel 30s linear infinite 300ms;
}

.brassberg-newsletter-banner .control-content:hover p {
    animation-play-state: paused;
}

.brassberg-newsletter-banner .control-content p a {
    color: inherit;
    text-decoration: none;
}

.brassberg-newsletter-banner .control-content p a:hover {
    text-decoration: underline;
}

@keyframes carousel {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@media screen and (max-width: 767px) {
    .brassberg-newsletter-banner .control-content {
        --overflay-width: 20px;
        --overlay-bg-color-offest: 5px;
    }
}