/* Theme: ROSSMANN-FOTOWELT */
:root {
    --bs-black: #333333;
    --frame-color: var(--bs-dark) ;
    --frame-spacing: .55rem !important;
    --frame-spacing-small: .5rem !important;
    --frame-spacing-xs: .55rem !important;
    --frame-spacing-small-xs: .5rem !important;
    --frame-spacing-sm: .75rem !important;
    --frame-spacing-small-sm: .3rem !important;
    --frame-spacing-md: .75rem !important;
    --frame-spacing-small-md: .575rem !important;
    --frame-spacing-lg: 1rem !important;
    --frame-spacing-small-lg: 1rem !important;
    --frame-spacing-xl: 1rem !important;
    --frame-spacing-small-xl: 1rem !important;
}

.form-check-input:checked, .form-check-label input[type="checkbox"]:checked, .form-check-label input[type="radio"]:checked {
    background-color: transparent ;
    border-color: #333 ;
    background-image: url("../Icons/icon_check_circle.svg") ;
}

.form-check-input:checked {
    background-color: #fff !important;
}

.form-check-input:focus {
    box-shadow: none;
}

html,body {
    height: 100%;
    color: #333;
}
body {
    font-family: "Rossmann-Sans-Book", Arial, Verdana, Helvetica;
    font-size: 1.1rem ;
    padding: 0;
    margin: 0;
}

ol, ul {
}

.container .content ol, .container .content ul {
    padding-left: 1.3rem ;
}

/* global headlines */
h1, .h1 {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 2.4rem ;
}

h2, .h2 {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 1.8rem ;
}

h3, .h3 {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 1.4rem ;
}

h4, .h4 {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 1.2rem ;
}

h5, .h5 {
    font-family: "Rossmann-Sans-Book", Arial, Verdana, Helvetica;
    font-size: 1.2rem ;
}

hr {
    color: var(--bs-primary) ;
    opacity: 1 ;

}
hr:not([size]) {
    height: 2px ;
}

::part(price-wrapper) {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

::part(amount) {
    font-weight: bold;
}

::part(rebate-percentage) {
    font-weight: bold;
    color: var(--bs-tertiary);
}

::part(was-amount), #searchresults .was-amount {
    color: var(--bs-black);
    text-decoration: line-through;
    display: block;
    text-align: end;
    font-size: 80%;
    font-weight: bold;
    min-height: 24px;
}

::part(rebate-amount), #searchresults .rebate-amount {
    font-weight: bold;
}

.catalog-stage ul li, .frame-group-container ul li {
    list-style: none;
    margin: 0;
    padding-left: 1.8rem;
    line-height: 1.2;
    padding-bottom: 0.6rem;
    background: url("../Icons/icon_check_circle.svg") no-repeat left;
    background-position-y: 0;
}

.footer-section-meta ul li {
    background: none;
}
.aimeos.catalog-list ul li {
    background: none ;
    padding-left: 0 ;

}
.aimeos:not(.cms-page) .catalog-list-items:not(.swiffy-slider) {
    justify-content: center;
}

.card-seen.seen-container {
    width: 100%;
    min-height: 400px;
    background-color: #fff;
    border: 2px solid var(--bs-light);
    height: 650px;
}

.card-seen.seen-container > div:first-of-type {
    min-height: 320px;
}

.card-seen.seen-container > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.product-info-container {
   height: 140px;
}
.stock-list {
    height: 40px;
}

.accordion-button {
    font-size: 1.2rem ;
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
}

h3 .accordion-button {
    font-size: 1rem ;
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
}

.bluebox-header {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 2rem;
    text-align: left;
    line-height: 1;
    padding-top:0.5rem;
}

.white-header {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 1.3rem; //36px;
    text-align: left;
}

.hotline {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 1.1rem; //28px;
}

.telnum {
    font-size: 1.2rem;
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    color: var(--bs-dark);
}
a.telnum {
    text-decoration: underline;
}
a.telnum:hover {
    color: var(--bs-dark);
}

.smaller-text {
    font-size: 1rem;
}

.footer-meta {
    font-family: "Rossmann-Sans-Book", Arial, Verdana, Helvetica;
    font-size: 1.1rem; //24px;

}
.footer-meta .meta-menu {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
}

.meta-menu li a {
    padding: 0 1rem;
}

.container-wrapper {
    max-width: 1680px;
    margin: auto;
}

/* Home Shopping Cards */
.homeshopping-cards .card-text {
    min-height: 100px;
}

/* hide delete buttons on projects page */
.project-actions .delete-project.orwo-btn-secondary {
    display: none;
}
/* global buttons */

.aimeos.basket-standard .button-group a {
    margin: .75rem;
}

#searchresults .orwo-btn-secondary:after {
    top: 2px;
}

.accordion-button {
    background-color: var(--bs-white) ;
    color: var(--bs-black) ;
}
.frame-inner .accordion > .accordion-item {
    border-top: 1px solid var(--bs-light) ;
    border-left: none ;
    border-right: none ;
    border-bottom: none ;
}
.frame-inner .accordion  > .accordion-item:last-of-type {
    border-left: none ;
    border-right: none ;
    border-bottom: 1px solid var(--bs-light) ;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid var(--bs-light) !important; ;
}

.accordion > .accordion-item {
    border-top: 1px solid var(--bs-light) ;
    border-left: none ;
    border-right: none ;
    border-bottom: none ;
}
.accordion  > .accordion-item:last-of-type {
    border-left: none ;
    border-right: none ;
    border-bottom: 1px solid var(--bs-light) ;
}

.accordion:last-child {
    /* border-bottom: 2px solid var(--bs-primary) ; */
}

.orwo-modal {
    position: relative;
    left: -40%;
    width: 139.5%;
    right: 0;
}

.row-search-results {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
}

.orwo-search-close {
    position: absolute;
    right: 14px;
    top: 6px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3e%3cpath stroke='black' fill='transparent' stroke-linecap='round' stroke-width='5' d='M 10,10 L 30,30 M 30,10 L 10,30'/%3e%3c/svg%3e");
}

#searchresults button {
    border: none;
    margin-top: 1rem;
}
#searchresults button:hover {
    border: none;
    color: var(--bs-dark);
    text-decoration: underline;
}
#searchresults .orwo-btn-secondary::after {

   /* top: 15px; */
}

.orwo-input, .form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    border: 1px solid var(--bs-dark);
    appearance: none;
    border-radius: 0.25rem;
    width: 100%;
    background: transparent;
}


.orwo-field-gc-fix {
    float: left;
    padding: 0.6rem 1.2rem;
    margin-right: 1rem;
}

/* media mobil lookup */

@media (max-width: 991px) {

    h1, .h1 {
        font-size: 2.4rem ;
    }

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

    h3, .h3 {
        font-size: 1.6rem ;
    }

    h4, .h4 {
        font-size: 1.4rem ;
    }

    h5, .h5 {
        font-size: 1rem;
    }
    .accordion-button {
        font-size: 1.1rem ;
    }
    .bluebox-header {
        font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
        font-size: 1.4rem;
        text-align: left;
    }

    .white-header {
        font-size:1.4rem;
    }

    .footer-section-content-column,.footer-section-content-column a {
        font-size: 1.5rem;
    }

    .telnum, .telnum a {
        font-size: 1.1rem;
        font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
        color: var(--bs-black);

    }
    .telnum a {
        text-decoration: underline;
    }
    .smaller-text-mobile {
        font-size: 1rem;
    }
    .container-fluid.mx-auto.border.border-dark.mt-3.overflow-hidden {
        border-left: none ;
        border-right: none ;
    }
    .bg-primary.container-fluid.pb-4.pt-3.my-4.section-blue.px-5 {
        padding: 1rem ;
    }

    #page-header {
        min-height: 70px ;
    }

    .navimain-orwo {
        display: none;
    }
}

.text-column {
    column-rule: 2px solid var(--bs-primary);
}

@media (min-width: 991px) {
    .text-column {
        -webkit-column-count: 3 ;
        -moz-column-count: 3 ;
        column-count: 3 ;
        column-rule: 2px solid var(--bs-primary);
    }
}

.headlineteaser {
    grid-area: headline;
    width: 100%;
    height: 35px;
    background-color: var(--bs-primary);
}

.headlineteaser .frame {
    --frame-spacing: 0 ;
    text-align: center;
}

#page-header.navbar {
    background: #fff ;
    height: 90px ;
    transition: none ;
}

.colorBar:before {
    content: ' ';
    height: 0.5rem;
    background: var(--bs-light);
    width: 50%;
    display: block;
    float:left;
}

.colorBar:after {
    content: ' ';
    height: 0.5rem;
    background: var(--bs-light);
    width: 20%;
    display: block;
    float:left;
}

.colorBar > div:before {
    content: ' ';
    height: 0.5rem;
    background: var(--bs-light);
    width: 30%;
    display: block;
    float:left;
}

.basket-mini .menu:after {
    color: var(--bs-dark) ;
}

.navbar-brand img {
    max-width: unset;
    height: unset;
}

.navbar-brand-logo-normal {
    height: 40px ;
    max-height: initial ;
    width:auto ;
}

.navbar-mainnavigation .navbar-nav > .nav-item > a {
    color: var(--bs-dark) ;
}

.navbar-mainnavigation .navbar-nav > li > .nav-link:before {
    display: none;
}

.navbar-mainnavigation .mainnavi {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 50px;
}

.navbar-mainnavigation .servicenavi {
    position: relative;
    font-size: 1.1rem;
}

.navbar-mainnavigation .toolsnavi {
    margin-left:0 ;
}

.navbar-mainnavigation .toolsnavi  span.nav-link-text, .navbar-mainnavigation .toolsnavimobile  span.nav-link-text  {
   display: none ;
}

.navbar-mainnavigation .toolsnavi .nav-link-icon svg {
    height: 1.1rem;
    width: auto;
}

.basket-mini .menu {
    margin-right: 0;
    padding: .2rem .5rem .5rem 0 ;
}

.basket-mini-mobile {
    margin-right: 0;
    padding: .2rem .5rem .5rem 0 ;
}

.basket-mini .menu:after {
    content: ' ' !important;
    background-image:  url('../Icons/icon_basket.svg');
    display: block;
    width: 2rem;
    height: 2rem;
    background-size: auto 2rem;
    margin-left: 0px;
    background-repeat: no-repeat;
}

.aimeos.basket-mini {
    margin-left: 0 ;
}

.search-icon img {
    max-width: unset;
    height: unset;
    vertical-align: unset;
    padding-top: 4px;
}

#mainnavigation-mobile {
    display: none;
}

.navbar-mainnavigation .searchbox {
    width: 35px;
    height: 35px;
    background-image: url('../Icons/icon_search.svg');
    background-size: 24px 24px;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}

#mainnavi-mobile .searchbox {
    width: 85%;
    border-radius: 1rem;
    font-size: 1.2rem;
    background-position: 95% 50%;
    padding-left: 1rem;
}

.language-dropdown {
    margin: 0 0 0 1rem;
}

.language-dropdown .dropdown-item span {
    color: var(--ai-primary);
}
.usernavi-box {
    position: relative;
    flex-wrap: nowrap;
    display: inline-flex;
    bottom: -1.6rem;
}

.servicenavi-box {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.servicenavi-box ul.servicenavi {
    display: flex;
    flex-direction: row;
}

.language-dropdown .dropdown-toggle {
    width: 15px;
    padding-right: 30px;
    background-image: url('../Icons/chevron-down-outline.svg');
    background-size: 23px 23px;
    background-position: 90% 50%;
    background-repeat: no-repeat;
    color: inherit ;
    font-weight: 700;
}

/* footer display */
.line-icon-coffee {
    text-align: center;
    background-image: url('../Icons/icon_coffee.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: inline-block;
    height: 41px;

}
.line-icon-coffee::before {
    width: 47%;
    height: 0.7rem;
    border-top: 1px solid;
    display: inline-block;
    content: '';
    margin-right: 50px;
    position: relative;
    float: left;
    top: 1.4rem;
}
.line-icon-coffee::after {
    width: 47%;
    height: 0.7rem;
    border-top: 1px solid;
    display: inline-block;
    content: '';
    margin-left: 50px;
    position: relative;
    float: right;
    top: 1.4rem;
}

.line-icon-camera {
    text-align: center;
    background-image: url('../Icons/icon_camera.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: flex;
    height: 41px;

}
.line-icon-camera::before {
    width: 47%;
    height: 0.7rem;
    border-top: 1px solid;
    display: inline-block;
    content: '';
    margin-right: 50px;
    position: relative;
    float: left;
    top: 1.5rem;
}
.line-icon-camera::after {
    width: 47%;
    height: 0.7rem;
    border-top: 1px solid;
    display: inline-block;
    content: '';
    margin-left: 69px;
    position: relative;
    float: right;
    top: 1.5rem;
}

footer {
    padding: 0 !important;
    margin-top: 4rem;
    background-color: inherit !important;
}

footer .frame {

    --frame-spacing: 1.5rem;
    color: var(--bs-dark);
}

.section-blue a {
    color: var(--bs-black) ;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.sociallinks-link-icon {
    color: var(--bs-white);
    opacity: 1 ;
}
/*
.accordion-body {
    background-color: #f8f8f8;
}
*/
.accordion .accordion-body .border-bottom.border-primary {
    border-color: var(--bs-light) !important;
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: unset;
}
.accordion .accordion-button:not(.collapsed), .accordion .accordion-button  {
    box-shadow: none ;
    background-color: var(--bs-white);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23060607'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") ;
    transform: rotate(0);
}
.accordion .accordion-item:first-of-type .accordion-button {
    border-top: none;
    border-radius: unset;
}
.accordion .accordion-button:not(.collapsed) {
    color: inherit;
}

.accordion .accordion-button-pricelist:not(.collapsed) {
    background-color: var(--bs-light);
}

/* mobile */
@media (max-width: 991px) {
    .frame-size-default {
        margin-left: 0 ;
        margin-right: 0 ;
        padding: 0 1.2rem;
    }

    img.project-preview-img {
        margin: 0 0 1.4rem 0;
    }
    .navbar-nav.toolsnavi.flex-row > li:first-of-type {
        display: none;
    }
    .usernavi-box {
        bottom: 0;
        right: -0.6rem;
    }

    .list-container.level-2 {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .media-item img {

        max-height: 200px;
    }

    .navbar-toggler {
        outline: 0 ;
        box-shadow: none ;
    }

    #mainnavigation {
        display: none;
    }

    #mainnavi-mobile-container {
        display: flex ;
        flex-direction: row;
        justify-content: inherit;
        width: 100%;
        flex-grow: 1;
    }

    #mainnavi-mobile {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        left: 0;
        background-color: var(--bs-white) ;
    }

    #mainnavi-mobile.navbar-collapse.collapsing {
        height: 100%;
        -webkit-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
        left: -100%;
    }

    #mainnavi-mobile.navbar-collapse.collapse.show {
        left: 0;
        -webkit-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
    }

    #mainnavi-mobile .navbar-toggler:not(collapsed) {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #mainnavi-mobile .navbar-nav {
        flex-direction: column ;
    }

    .searchform-mobile {
        margin: 20px 0;
        width: 100%;
        text-align: center;
    }

    .colorBar:before {
        height: 5px;
    }

    .colorBar:after {
        height: 5px;
    }

    .colorBar > div:before {
        height: 5px;
    }

    .container, .container-fluid {
        padding-right: var(--bs-gutter-x, 8px) ;
        padding-left: var(--bs-gutter-x, 8px) ;
    }

    #page-header.navbar {
        height: 60px ;
        padding-bottom: 0;
    }

    #mainnavi-mobile-container .navbar-nav {
        display: flex;
        flex-direction: row;
        justify-content: right;
    }

    #mainnavi-mobile-container .navbar-nav .nav-item .nav-link {
        padding-top: 6px;
        padding-left: 4px;
        margin: 0 ;
    }
    #mainnavi-mobile-container .navbar-nav .nav-item .nav-link svg {
        height: 18px;
        width: 18px;
    }

    .navbar-collapse.collapse.show .navbar-brand-image, .navbar-collapse.collapsing .navbar-brand-image {
        margin: 10px 0 ;
    }

    .navbar-brand.navbar-brand-image {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 0 ;
        margin-right: 0 ;
        margin-bottom: -50px;
    }

    .navbar-brand.navbar-brand-image .navbar-brand-logo-normal {
        top: inherit;
        transform: inherit;
        height: 60px ;
        width: auto;
        display: inline-block ;
        top: -0.75rem;
    }
    .navbar-brand.navbar-brand-image .logo-menu-orwo {
        top: 0.7rem;
        transform: inherit;
        height: 2rem ;
        width: auto;
        display: inline-block ;
    }
    .navbar-mainnavigation button.navbar-toggler {
        color: var(--ai-dark) ;
    }

    .mainnavimobile:not(:last-of-type) {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--frame-link-color);
    }

    .mainnavimobile .nav-item .nav-link, .servicenavi .nav-item .nav-link {
      justify-content: center;
    }

    .mainnavimobile .cat-item .nav-link .nav-link-text {
        font-size: 1.6rem;
        font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
        line-height: 1.6;
    }

    .mainnavimobile .cat-item:not(.nochild) .nav-link:not(.detailLink) .nav-link-text::after, .cat-name::after {

    }

    .mainnavimobile .submenu {
        display: none;
    }

    .mainnavimobile .submenu .overview {
        margin-left: auto ;
        font-size: 1.2rem;
    }

    .mainnavimobile .submenu .cat-name {
        line-height: 1;
        font-size: 1.2rem;
        color: var(--bs-dark);
        display: inline-flex;
    }

    .mainnavimobile .submenu.opened {
        display: block;
        margin: .5rem 0 1rem 0;
        padding-top: 0.4rem;
        font-size: 1.2rem;
        text-align: center;
        position: relative;
        width: 100%;
        background-color: var(--bs-white);
        z-index: 1000;
        overflow: hidden;
        border-bottom: 1px solid var(--bs-primary);
    }
    .mainnavimobile .media-list {
        /* display: none;  */
    }
    .language-dropdown {
        text-align: center;
    }

    #dropdown-language:after {
       display: none;
    }

    .language-dropdown .dropdown-menu.show li a {
        justify-content: center;
    }

    footer .border-start {
        border-left: none ;
    }

    footer .section-blue .container.border {
        border-left: none ;
        border-right: none ;
    }

    .card-seen.seen-container {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .card-seen.seen-container, .card-seen.seen-container .valuebefore {
        height: auto;
        min-height: auto;
    }

    .card-seen.seen-container > div:first-of-type {
        min-height: auto;
    }


}

@media (max-width: 560px) {
    #mainnavigation-mobile .navbar-nav .nav-item .nav-link {
        padding: 0 5px;
    }

}
@media (max-width: 768px) {
    .orwo-modal {
        position: relative;
        left: 0;
        width: inherit;
        right: 0;
        top: 50%;
    }
    .frame-type-mask_modteasermodular .frame-container {
        padding: 0;
    }
}
/* content additional */
.frame-type-mask_modteasermodular .orwo-clear {
    min-height: 180px;
}

.catalog-detail ul, .catalog-detail ol {
    padding-left: 0 ;
}
.catalog-detail li {
    background: url("/fileadmin_rossmann/icons/check-circle-fill.svg") no-repeat left top;
    background-size: 22px 22px;
    list-style: none;
    margin: 0;
    padding-left: 1.8rem;
    line-height: 1.5;
    padding-bottom: 0.6rem;
}
b, strong {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
    font-weight:normal ;
}
.orwo-cond {
    font-family: "Rossmann-Sans-Bold", Arial, Verdana, Helvetica;
}

/* bootstrap5 carousel */
.float-left {
    float: left ;
}
.carousel {
    overflow: visible ;
}

.catalog-detail-suggest .carousel-inner, .catalog-session-seen .carousel-inner  {
    text-align: center;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 1 ;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #000;
    border-radius: 1rem;
    background-size: 50% 50% ;
}

.carousel-control-prev {
    justify-content: start ;
    left: -1rem ;
}

.carousel-control-next {
    justify-content: end ;
    right: -1rem ;
}

.carousel .name.h4 {
    display: block;
    height: 5.5rem;
}

.carousel .title {
    /* height: 9.5rem; */
}



/* prices */
.carousel .price-list {
    width: 100%;
    text-align: center ;
}
.price-item .taxrate {
    display: none;
}

.price-item .value{
    font-weight: bold;
}

.price-item .valuebefore{
    color: var(--bs-black);
    text-decoration: line-through;
    display: block;
    font-size: 80%;
    text-align: end;
    font-weight: normal;
    min-height: 20px;
    font-family: "Rossmann-Sans-Bold";
}

.price-item .rebatepercent {
    display: block;
    width: 100%;
    font-weight: bold;
    color: var(--bs-tertiary);
}

.catalog-detail-basket .price-item:first-of-type {
    cursor: default ;
}

.catalog-session-seen .rebatepercent {
    transform: none ;
}

.list-container {
    padding-top: 0.6rem;
}

.frame-inner .accordion .accordion-item:first-of-type, .accordion-item:last-of-type {
    border-radius: 0 ;
}

/* order history */
.aimeos.account-history .btn.loading {
    height: 38px ;
    background-blend-mode: difference;
    text-indent: -99999px;
    left: inherit ;
    top: inherit ;
}

/* my projects */
.my-projects-container > .row.border-bottom  {
    min-height: 160px;
}
img.project-preview-img {
    box-shadow: 10px 10px 30px #CCC;
}



/* orwo global styles */

.orwo-banderole {
    cursor: pointer;
}

.orwo-banderole-arrow {
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    width: 1.25rem;
    height: 0.95rem;
    margin-left: 0.4rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.orwo-flyby-wrapper {
    position: absolute;
    width: 100vw ;
}

.card.orwo-flyby {
    position: absolute;
    top: 1.6rem;
    border: none;
    border-radius: 0;
    width: 45%;
    background: transparent;
}

.frame-header {
    margin: 1rem auto;
    max-width: 1320px;
}

.frame-container.frame-container-default {
    padding-left: 0;
    padding-right: 0;
}

.frame-no-padding-top {
    padding-top: 0 ;
}

.submenu.withchild.opened {
    overflow-y: auto;
}
.section-row .section-column {
    padding: 0 1rem ;
}

.table-responsive table td {
    border: 1px solid var(--bs-primary);
    padding: 0.5rem;
}

.rm-flyout-teaser-element .h3 {
    height: 2.4rem;
}

/* exitus */
footer a, header a {
    text-decoration:none;
}
.basket-mini-main .quantity {
    background-color: var(--bs-danger) ;
    top: 8px ;
    right: -3px ;
}

/* Pagination */

.pagination {
    padding-top: 16px;
    display: flex ;
    justify-content: space-between ;
    flex-direction: row;
}

@media (max-width: 991px) {
    .pagination {
        flex-direction: column;
    }
}

.pagination .sort {
    text-align: center;
    margin: 0 ;
}

.pagination .sort > span {
    display: none;
}

.pagination ul {
    display: flex ;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination li {
    display: block ;
    margin: 0 0 16px 16px;
}


.pagination li .option-rating {
    display: none ;
}

.pagination .browser a {
    padding: .75rem .75rem ;
    text-decoration: none ;
}

.pagination .browser {
    margin: 0 ;
}
.frame {
    padding-bottom: 0 ;
}

/*
.accordion-button:is(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23060607'%3e%3cpath fill-rule='evenodd' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3e%3c/svg%3e") ;
    transform: rotate(90deg) ;
}
*/
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23060607'%3e%3cpath fill-rule='evenodd' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3e%3c/svg%3e") ;
    transform: rotate(-90deg) ;
}
.orwo-bfo {
    z-index: 10000;
}


/* outlet buttons */
.address-alternate-btn {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

/*
    sf_register user form
    shows only the first error message
*/
label ~ div.error.errorMessage.errorField {
    display:none;
}

label ~ div.error.errorMessage.errorField:first-of-type {
    display:block;
}

/* Footer Social Media */

ul.footer-socialmedia-list {
    list-style: none;
    padding: 16px;
    margin: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}

ul.footer-socialmedia-list > li.footer-socialmedia-item {
    padding: 0;
}

ul.footer-socialmedia-list > li.footer-socialmedia-item img {
    width: 36px;
    height: 36px;
}

.mod-teaser-desktop-box {
    margin-left: -230px;
}

ul.error-list {
    text-align: center;
    margin: 35px auto 10px;
    padding: 0;

}
ul.error-list li {
    list-style: none;
    color: #c3002d;
    font-weight: bold;
}

.container.content.row > * {
    --bs-gutter-y: 40px;
}