body {
    color: #3c3c3c;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald';
    margin: 0 0 16px 0;
}
h1 {
    font-size: 39.81px;
}
h2 {
    font-size: 33.18px;
}
h3 {
    font-size: 27.65px;
}
h4 {
    font-size: 23.04px;
}
h5 {
    font-size: 19.02px;
}

p {
    font-family: 'Lato';
    font-size: 16px;
}

a, a:hover {
    /*color: #95C11F;*/
    color: #3c3c3c;
    text-decoration: underline;
}

a.skip-to-content-link:not(:focus) {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

.trowow-backgroundcolor-main a {
    color: #3c3c3c;
}

.header a, 
.sticky-nav a, 
a.btn, 
.breadcrumb a, 
#basket_list a,
.order-steps a,
#account-menu a,
.listitem-product-title a,
a.dropdown-item {
    color: #3c3c3c;
    text-decoration: none;
}

@media (min-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Oswald';
        margin: 0 0 32px 0;
    }
    h1 {
        font-size: 47.78px;
    }
    h2 {
        font-size: 39.81px;
    }
    h3 {
        font-size: 33.18px;
    }
    h4 {
        font-size: 27.65px;
    }
    h5 {
        font-size: 23.04px;
    }
    h6 {
        font-size: 19.2px;
    }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
  }
}

.oswald {
    font-family: Oswald;
}

.lato {
    font-family: Lato;
}

/* Abstände */

.mb-4, .my-4 {
  margin-bottom: 32px !important;
}
.mt-4, .my-4 {
  margin-top: 32px !important;
}

.mb-6, .my-6 {
  margin-bottom: 60px !important;
}
.mt-6, .my-6 {
  margin-top: 60px !important;
}

@media (min-width: 768px) {
    .mb-md-0, .my-md-0 {
      margin-bottom: 0px !important;
    }
    .mt-md-0, .my-md-0 {
      margin-top: 0px !important;
    }

    .mb-md-5, .my-md-5 {
      margin-bottom: 3rem !important;
    }
    .mt-md-5, .my-md-5 {
      margin-top: 3rem !important;
    }
  
    .mb-md-6, .my-md-6 {
      margin-bottom: 60px !important;
    }
    .mt-md-6, .my-md-6 {
      margin-top: 60px !important;
    }
}
@media (min-width: 992px) {
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  
  .mb-lg-6, .my-lg-6 {
      margin-bottom: 60px !important;
  }

  .mt-lg-6, .my-lg-6 {
      margin-top: 60px !important;
  }
}

/* colors */

.trowow-color-main {
    color: #95c11f;
}
.trowow-color-secondary {
    color: #7a9e1a !important;
}
.trowow-color-highlight {
    color: #85cbcc;
}
.trowow-color-neutral {
    color: #e1e1e1;
}

.trowow-backgroundcolor-main {
    background-color: #95c11f;
}
.trowow-backgroundcolor-secondary {
    background-color: #7a9e1a;
}
.trowow-backgroundcolor-highlight {
    background-color: #85cbcc;
}
.trowow-backgroundcolor-neutral {
    background-color: #e1e1e1;
}

.bg-light {
    background-color: #F5F5F5;
}

.font-black {
    color: #3c3c3c;
} 

.ion-android-menu::before {
    color: #3c3c3c;
}

/* buttons */

.btn-outline-dark {
    color: #3c3c3c;
}

.btn, .btn-primary, .btn-secondary, .btn-outline-dark, 
#orderConfirmAgbBottom .adyen-checkout__button {
    border-radius: 0;
    font-family: 'Oswald', sans-serif;
    height: 44px;
    line-height: 30px;    
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding: 6px 20px;
    /*min-width: 175px;*/
}

.btn-primary, 
#orderConfirmAgbBottom .adyen-checkout__button {
    color: #3C3C3C;
    background: #95C11F;
    border-color: #95C11F;
}

.btn-secondary {
    color: #3C3C3C;
    border-color: #95C11F;
    background: #ffffff;
}

.btn-outline-dark {
    border-color: rgba(60, 60, 60, 0.60);
}

.btn-primary:hover, 
#orderConfirmAgbBottom .adyen-checkout__button:hover {
    color: #3C3C3C;
    background: #E6F0CB;
    border-color: #E6F0CB;
}

.btn-secondary:hover {
    color: #3C3C3C;
    background: #9ECB2E;
    border-color: #9ECB2E;
}

.btn-outline-dark:hover {
    color: #3C3C3C;
    background: #E6F0CB;
    border-color: rgba(60, 60, 60, 0.60);
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active, 
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, 
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle,
.show > .btn-outline-dark.dropdown-toggle,
#orderConfirmAgbBottom .adyen-checkout__button:not(:disabled):not(.disabled).active,
#orderConfirmAgbBottom .adyen-checkout__button:not(:disabled):not(.disabled):active,
#orderConfirmAgbBottom .adyen-checkout__button:not(:disabled):not(.disabled).active:focus,
#orderConfirmAgbBottom .adyen-checkout__button:not(:disabled):not(.disabled):active:focus {
    color: #3C3C3C;
    background: #7A9E1A;
    border-color: #7A9E1A;
    box-shadow: none;
}

.btn-primary:focus,
.btn-secondary:focus,
#orderConfirmAgbBottom .adyen-checkout__button:focus {
    color: #3C3C3C;
    background: #7A9E1A;
    border-color: #3c3c3c;
    box-shadow: none;
}

.btn-outline-dark:focus {
    color: #3C3C3C;
    background: #ffffff;
    border-color: #000000;
    box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-secondary.disabled, .btn-secondary:disabled,
#orderConfirmAgbBottom .adyen-checkout__button.disabled,
#orderConfirmAgbBottom .adyen-checkout__button:disabled {
    color: rgba(60, 60, 60, 0.54);;
    background: #E6F0CB;
    border-color: #E6F0CB;
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: rgba(60, 60, 60, 0.54);
    background: rgba(27, 82, 146, 0.12);
    border-color: rgba(27, 82, 146, 0.12);
}

.btn-xxl {
    height: 300px;
    font-size: 48px;
}

.btn-checkout-steps {
    width: 100%;
}

@media (min-width: 576px) {
    .btn-checkout-steps {
        width: 210px;
    }
}

.linkBtn {
    background: none;
    border: 0px none;
    padding: 0;
}

.edit-button {
    padding: 0;
    width: 26px;
    height: 100%;
    background: url('/out/trowow/img/icons/edit.svg');
    background-repeat: no-repeat;
    margin-left: 10px;
}

.delete-button {
    padding: 0;
    width: 26px;
    height: 100%;
    margin-left: 10px;
    text-align: center;
    font-size: 26px;
}

.btn-text {
    color: #7A9E1A;
    text-align: right;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.403px;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

.btn:focus, .btn-text:focus, .btn-text:focus {
    box-shadow: none;
}

.btn-text-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;    
}

.btn-inner-span {
    display: block;
    margin: 0 auto;
}

/* Error */

.alert {
    margin-bottom: 32px;
}

.alert-xxl {
    font-size: 64px;
}

.alert-info {
    background: #85cbcc;
    color: #3c3c3c;
}

/* Header */

@media (max-width: 991px) {
    .header {
        border-bottom: 1px solid;
    }
}

.header {
    background: #ffffff;
    height: 80px;
    padding: 0;
    color: #3c3c3c;
}
@media (min-width: 992px) {
    .header {
        height: 140px;
    }
}

.header-left {
    float: left;
}

.logo-img {
    max-height: 50px;
    margin-top: 14px;
}

.header-right {
    float: right;
    margin: 16px 0 0 0;
    height: 44px;
}

.header-search {
    height: 44px;
}

@media (min-width: 992px) {
    .logo-img {
        max-height: 100px;
        margin-top: 20px;
    }

    .header-right {
        margin: 46px 0 0 0;
    }
    
    .header-search {
        border: 2px solid #3c3c3c;
        width: 410px;
    }
}

#searchForm {
    flex-grow: 1;
}

#searchForm:focus-within,
#searchForm:hover {
    border-color: #3c3c3c;
}

#searchForm #searchParam, #searchForm #searchParam:focus {
    border: none;
    height: 100%;
    box-shadow: none !important;
}

#searchForm #searchParam::placeholder {
    color: #f5f5f5;
}

#searchForm .btn {
    box-shadow: none !important;
    display: flex;
    align-items: center;
    font-size: 36px;
    padding: 0;
}

@media (max-width: 991px) {
    #searchFormDiv {
        position: absolute;
        top: 81px;
        z-index: 100;
        left: 0px;
        right: 0px;
        width: initial;
        background: #ffffff;
        padding: 15px;
        height: 74px;
    }

    #searchForm #searchParam {
        border: 2px solid #3c3c3c;
        margin-right: 10px;
    }
}
@media (min-width: 992px) {
    #searchFormDiv {
        display: flex;
    }
}

.minibasket-menu {
    margin-left: 20px;
}
.service-menu {
    margin-left: 20px;
}

@media (min-width: 992px) {
    #searchForm .btn {
        margin: -2px 10px 0 20px;
    }
    
    .minibasket-menu {
        margin-left: 40px;
    }
    .service-menu {
        margin-left: 40px;
    }
}

.minibasket-menu-icon {
    font-size: 40px;
}

.minibasket-menu .warenkorb {
    z-index: 1100;
}

.service-menu-icon {
    font-size: 30px;
}
@media (min-width: 992px) {
    .service-menu-icon {
        font-size: 40px;
    }
}

.minibasket-menu .service-menu-dropdown {
    z-index: 1100;
}

.minibasket-menu .badge {
    position: absolute;
    top: 11px;
    right: -10px;
    padding: 0;
    background: #ffffff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #000000;
    border-radius: 16px;
    line-height: 22px;
}

/* Header - Navigation */

#header-navigation-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-navigation {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    #mainnav {
        width: 100%;
    }
    
    .navbar-toggler {
        margin-left: 44px;
        padding: 0;
        font-size: 42px;
    }
    
    #header-navigation-wrapper ul#header-navigation {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 -15px;
    }

    #header-navigation #header-navigation-close {
        background: #95C11F;
        height: 65px;
        display: flex;
        align-items: center;
        cursor: pointer;
        box-shadow: 5px 4px 8px 0px rgba(0, 0, 0, 0.25);
        position: relative;
    }
    
    #header-navigation > li .header-nav-link {
        height: 65px;
        padding: 0 50px 0 35px;
        display: flex;
        align-items: center;
    }
    
    #header-navigation > li span.dropdown {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 65px;
        font-size: 28px;
        width: 100%;
        height: 65px;
        text-align: right;
        padding: 0 50px;
        cursor: pointer;
    }

    #header-navigation span.dropdown:not(.collapsed) {
        transform: rotate(180deg);
        text-align: left;
    }
    
    #header-navigation > li.active {
        background: #95C11F;
    }
    
    #header-navigation .nav-item-inner a.show ~ .header-subnavigation {
        display: block;
    }

    #header-navigation .nav-item-inner.show .header-nav-link {
        background: #95C11F;
    }
    
    #header-navigation .header-subnavigation {
        border: 0px none;
        border-top: 21px solid #85CBCC;
        padding: 0;
        border-radius: 0;
        background: #ffffff;
    }
    
    #header-navigation .header-subnavigation > li {
        height: 80px;
        display: flex;
        align-items: center;
        padding: 0;        
    }
    
    .nav-item-inner {
        border-bottom: 1px solid #3C3C3C;
    }
    
    #header-navigation .header-subnavigation > li a.header-subnav-link {
        padding: 0 50px 0 34px;
        height: 100%;
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .sticky-nav {
        font-family: Oswald, sans-serif;
        font-size: 18px;
        position: sticky;
        top: 0;
        z-index: 1000;
        height: 80px;
        background: #95C11F;
    }

    #header-navigation-wrapper {
        display: block;
    }
    
    #header-navigation {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    #header-navigation > li {
        flex: 1;
        text-align: center;
        position: relative;
    }

    #header-navigation > li .nav-item-inner {
        display: inline-block;
        height: 80px;
        width: 220px;
        position: relative;
    }

    #header-navigation > li:hover .nav-item-inner,
    #header-navigation > li.active .nav-item-inner,
    #header-navigation > li .nav-item-inner.show {
        border-bottom: 16px solid #85cbcc;
    }

    #header-navigation > li .header-nav-link {
        padding: 28px 0 0 0;
        font-weight: 300;
        font-size: 20px;
        height: 100%;
        display: block;
    }
    
    #header-navigation .header-subnavigation {
        width: 220px;
        padding: 0;
        margin-top: 16px;
        background: #ffffff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .18);
        text-align: left;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
    }

    #header-navigation .nav-item-inner:hover .header-subnavigation {
        display: block;
        border: 0px none;
    }

    #header-navigation .header-subnavigation > li {
        border-bottom: 1px solid #3c3c3c;
        padding: 0;
    }

    #header-navigation .header-subnavigation > li:hover {
        background: rgba(149, 193, 31, 0.23);
    }

    #header-navigation .header-subnavigation > li a.header-subnav-link {
        display: block;
        padding: 24px 42px;
    }    
}

#header-navigation .header-subnavigation > li.active, 
#header-navigation .header-subnavigation > li:active {
    background-color: #95c11f;
}

/* Footer */

footer {
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    padding: 24px 0 48px 0;
}

footer a {
    text-decoration: none;
}

footer ul.information {
    margin-bottom: 40px;
}

footer .information li {
    margin-bottom: 8px;
}

footer h3 {
    font-size: 22px;
    font-weight: 700;
}

footer .footer-product {
    font-family: Oswald;
    font-size: 18px;
    font-weight: 500;
}
@media (min-width: 768px) {
    footer .footer-product {
        padding-top: 28px;    
    }
}

.footer-logo img {
    max-width: 185px;
}

footer .social-links-link {
    margin-right: 18px;
}

.footer-siegel-wrapper {
    display: flex;
    column-gap: 20px;
}

.footer-siegel {
    flex: 1;
    display: flex;
    align-items: center;
}

/* Breadcrumb */

.breadcrumb {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    color: #3c3c3c;
}
@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom: 32px;
    }
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 1px;    
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 1px;
}

/* Startseite */

.start-category-box > div {
    position: relative;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .start-category-box > div {
        margin-bottom: 60px;
    }
}

.start-category-box h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    background: #95C11FCC;
    opacity: 0.8;
    height: 63px;
    line-height: 63px;
}

.start-category-box a {
    height: 390px;
    display: block;
    background-size: cover;
    background-position-x: center;
}

#start-category-box-energieshop {
    background-image: url('/out/pictures/ddmedia/startcats/energieshop.jpg');
}

#start-category-box-aggua {
    background-image: url('/out/pictures/ddmedia/startcats/aggua.jpg');
}

.manufacturer-slider .flexslider-item .flexslider-link .flexslider-img {
    width: 100%;
}

/* Kategorie-Liste */

.categoryPicture {
    margin: 0 auto;
}

.category-thumbnail {
    position: relative;
}

.categoryDescription {
    font-family: Oswald;
    font-size: 47px;
    font-weight: 400;
    margin-bottom: 32px;
}

.subcategoryHeadline {
    font-family: Oswald;
    font-size: 39px;
    font-weight: 400;
    margin-top: 28px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    #promo-slider .start-thumbnail-logo,
    .category-thumbnail-logo {
        height: 52px;
        margin: 9px 0 24px 0;
    }

    #promo-slider .start-thumbnail-logo .container,
    .category-thumbnail-logo .container {
        text-align: right;
    }

    .subcategoryHeadline {
        margin-top: 0px;
        margin-bottom: 32px;
    }
}
@media (min-width: 768px) {
    #promo-slider .start-thumbnail-logo, 
    .category-thumbnail-logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    #promo-slider .start-thumbnail-logo img,
    .category-thumbnail-logo img {
        margin: 164px 0 0 100px;
        max-width: 153px;
        min-height: initial;
    }
}

.subcatList .row {
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 60px;
}

.subcatList .row .col {
    padding-right: 8px;
    padding-left: 8px;
}

.subcat-icon {
    position: relative;
    min-height: 63px;
    height: 100%;
    display: block;
}

.subcat-title {
    position: absolute;
    height: 63px;
    left: 8px;
    right: 8px;
    bottom: 0;
    font-family: Oswald;
    font-size: 33px;
    font-weight: 400;
    line-height: 63px;
    overflow: hidden;
    text-align: center;
    background-color: #95C11F;
}
@media (max-width: 767px) {
    .subcat-title {
        opacity: 0.8;
    }
}

.subcat:hover .subcat-title {
    background-color: #E6F0CB;
}

.subcatList a {
    text-decoration: none;
    display: block; 
    color: #3c3c3c;
}

.subcat {
    max-height: 390px;
}

/* Artikelliste */

.options .btn-group + .btn-group {
    margin-left: 45px;
}

.topParams {
    margin-bottom: 60px;
}
.bottomParams {
    margin-top: 60px;
}

.row .infogrid-view {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 28px;
}

.row .infogrid-view .productData {
    padding-right: 10px;
    padding-left: 10px;   
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .row .infogrid-view .listItem {
        border: 1px solid gainsboro;
        padding: 17px 17px 17px 17px;
    }

    .row .infogrid-view .listImg {
        background-color: whitesmoke;
        padding: 14px 32px 22px 32px;
        margin-bottom: 32px;
    }
    
    .row .infogrid-view .infogrid-price {
        font-size: 27px;
    }
}

@media (min-width: 768px) {
    .row .infogrid-view .listItem {
        border: 1px solid gainsboro;
        padding: 17px 17px 17px 6px;
    }

    .row .infogrid-view .listImg {
        background-color: whitesmoke;
        padding: 0;
        flex: 1;
        margin-right: 19px;
    }

    .row .infogrid-view .listDetails {
        flex: 1;
    }
}

.row .infogrid-view .listDetails h3 {
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
}

.variant-dropdown .dropdown-menu-item {
    padding: 2px 17px;
}

.variant-dropdown .dropdown-menu-item a {
    text-decoration: none;
}
.variant-dropdown .dropdown-menu-item a:hover {
    text-decoration: underline;
}

.productBox .btn {
    justify-content: center;
    min-width: 215px;
}

/* Detailseite */

#detailsMain .variant-selectbox {
    border-color: #DCDCDC;
}

.tro-details-text {
    color: #7A9E1A;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 500;
    line-height: 33.6px;
}

.details-pics-background {
    padding: 30px 26px 22px 26px;
}

.details-picture-more {
    display: flex;
    justify-content: center;
    margin: 0;
}

.details-picture-more .details-picture-more-list-item {
    padding: 0 .25rem;
    margin: 0 0 8px 0;
}

.details-picture-more .details-picture-more-link {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .7;
    border: 2px solid #fff;
    transition: opacity .15s ease-in-out, border-color .15s ease-in-out;
}

.details-picture-more-link.selected,
.details-picture-more-link:hover,
.details-picture-more-link:focus {
    opacity: 1;
    border: 2px solid #95c11f;
}

.details-picture-more .details-picture-more-img {
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {
    .details-picture-more {
        margin: 0 -.25rem;
    }
}
@media (min-width: 768px) {
    .details-picture-more .details-picture-more-link {
        height: 70px;
        width: 70px;
        padding: 5px;
    }
}

.details-col-middle .tobasket button {
    min-width: 220px;
    justify-content: center;
}

/* Modal */

@media (min-width: 768px) {
    .modal-dialog {
        margin: 268px auto 64px;
        max-width: 838px;
    }
    
    .modal-footer .btn {
        min-width: 175px;
    }
    
    .modal-article-pic {
        width: 192px;
        flex-shrink: 0;
    }

    .modal-article-pic a {
        width: 192px;
        display: inline-block;
    }
}

.modal-content {
    /*border: 1px solid #95C11F;*/
    border-radius: 0;
}

.modal-header {
    border: 0px none;
    padding: 62px 94px 0 94px;    
}

.modal-title {
    font-size: 39px;
    line-height: 48px;
    padding: 0;
}

.modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 24px;
    top: 18px;
    font-family: Oswald;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    color: #95C11F;
}

.modal-body {
    padding: 32px 94px 16px 94px;
    gap: 57px;
}

#tromultibasket-nobasket-modal .modal-body {
    padding-top: 16px;
}

#tromultibasket-nobasket-modal .modal-body h4 {
    margin-bottom: 16px;
}

#trowowarticles-order-exceeded-modal .modal-body {
    padding-top: 16px;
    padding-bottom: 32px;
}

.modal-article-link {
  flex-grow: 1;
}

.modal-body h5 {
    font-family: Oswald;
    font-size: 23px;
    font-weight: 400;
}

.modal-body h5 a {
    text-decoration: none;
}

.modal-body p {
    font-family: Oswald;
    font-size: 23px;
    font-weight: 400;
}

.modal-body #loginBox p {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.modal-footer {
    padding: 0 94px 62px 94px; 
    border-top: 0px none;
    justify-content: flex-start;
}

#trowowarticles-nobasket-modal .modal-footer,
#basketModal .modal-footer {
    justify-content: flex-end;
}

.modal-footer > * {
    margin: 0 16px 0 0;
}

#trowowarticles-nobasket-modal .modal-footer > *,
#basketModal .modal-footer > * {
    margin: 0 0 0 16px;
}

#login-modal .modal-dialog {
    max-width: 385px;
}

#login-modal .modal-header {
    padding: 62px 10px 0 10px;
}

#login-modal .modal-body {
    padding: 32px 10px 62px 10px;
}

#loginBox a,
#loginBox .linkBtn {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px;
    text-decoration: underline;
    color: #3c3c3c;
}

@media (max-width: 767px) {
    .modal-header {
        padding: 62px 10px 0 10px;
    }
    
    .modal-body {
        padding: 32px 10px 16px 10px;
        gap: 10px;
    }
    .modal-footer {
        padding: 0 10px 62px 10px; 
    }

    .modal-footer .btn {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

.modal-alert {
    color: #F00;
    font-family: Orbitron;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 119%;
    letter-spacing: 16.64px;    
}

/* Formulare */

label {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.176px;
}

label.control-label {
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.176px;  
    margin-bottom: 8px;
    color: #3c3c3c;
}

input, input.form-control {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.176px;
}

.form-control {
    height: 44px;
    padding: 10px 23px;
}

.form-control:focus {
    border-color: #7ca01a;
    box-shadow: none;
}

.input-button-row input,
.input-button-row button,
.input-button-row span {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

input[type='checkbox'], input[type='radio'] {
    margin-right: 16px;
}

.text-danger {
    color: #E51F1F;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.176px;
}

label .help-block {
    display: inline-block;
    margin-left: 8px;
}

label .help-block ul {
    margin: 0;
}

.text-danger input {
    border-color: #E51F1F;
}

/* Warenkorb */

#basket_list, #basketVoucher, #basketSummary {
    font-family: 'Oswald', sans-serif;
}

.basketGrandTotalRow {
    font-family: Oswald;
    font-size: 23px;
    font-weight: 400;
    margin-top: 32px;
    margin-bottom: 0;
}

.input-basket-amount {
    padding: 0;
}

.btn-update-basket {
    padding-left: 6px;
    padding-right: 6px;
}

.voucher-toggle svg {
    font-size: 20px;
    margin-left: 8px;
}

.textbox-amount {
    width: initial;
    line-height: 31px;
    font-size: 16px;
}

.address {
    line-height: 20px;
}

.order-steps {
    margin-left: 24px;
    margin-right: 24px;
}

.order-steps > div {
    z-index: 10;
}

.basket-steps {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    border: 1px solid #95C11F;
    text-align: center;
    line-height: 18px;
    background: #ffffff;
    margin-bottom: 0px;
}

.basket-steps.current,
.basket-steps.passed {
    background: #95C11F;
}

.basket-steps-label {
    max-width: 138px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
}

.order-steps::before {
    content: "";
    position: absolute;
    display: block;
    top: 11px;
    height: 2px;
    left: 0;
    right: 0;
    background-color: #95c11f;
}

@media (min-width: 768px) {
    .order-steps {
        margin-left: 80px;
        margin-right: 80px;
    }

    .basket-steps {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        margin-bottom: 20px;
        line-height: 36px;
    }

    .order-steps::before {
        top: 18px;
    }
}

#payment label b {
    font-weight: 400;
}

#payment dd {
    display: none;
}

#payment dd.activePayment {
    display: block;
}

.agbConfirmation a {
    color: #3c3c3c;
}

/* Card */

.card, .card-header, .card-footer {
    border-radius: 0 !important;
}

.card-header {
    background: #ffffff;
}

.card-title {
    margin-bottom: 20px;
    font-size: 39px;
}

.agb-box {
    align-items: flex-start;
}

.agb-box input {
    margin-top: 6px;
}

/* Konto */

.account-menu-toggle {
    font-family: Oswald;
    font-size: 33px;
    font-weight: 400;
    border-bottom: 12px solid #95C11F;
    padding: 0 10px 0 0;
    cursor: pointer;
}

.account-menu-toggle[aria-expanded=false] #account-menu-toggle-icon-close {
    display: none;
}
.account-menu-toggle[aria-expanded=true] #account-menu-toggle-icon-open {
    display: none;
}

#account-menu ul.list-group {
    border-radius: 0;
    border-top: 1px solid black;
}

#account-menu li.list-group-item {
    padding: 0;
}

#account-menu li.list-group-item a {
    display: block;
    color: #3C3C3C;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 25px;
}

#account-menu li.list-group-item.active {
    background: #95C11F;
    border-color: #000000;
}

#account-menu li.list-subgroup-item a {
    padding: 5px 25px 5px 66px;
}

#account-menu li.list-subgroup-item a.active {
    color: #7A9E1A;
}

#account-menu li.list-group-item:hover {
    background: #E6F0CB;
}

@media (max-width: 767px) {
    #account-menu li.list-group-item {
        text-align: center;
    }
    #account-menu li.list-group-item,
    #account-menu li.list-subgroup-item {
        padding: 0px;
    }

    #account-menu li.list-group-item a,
    #account-menu li.list-subgroup-item a {
        padding: 12px;
    }
}
@media (min-width: 768px) {
    .account-menu {
        max-width: 267px;
    }

    #account-menu-links.collapse:not(.show) {
        display: block;
    }
}

/* Banner (Slider) */

@media (max-width: 767px) {
    #promo-slider {
        display: none;
    }
}

/* Rest */

.tro-icon-outer{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tro-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #95c11f;
    width: 50px;
    height: 50px;
}

.dropdown-menu {
    margin: 0;
    color: #3c3c3c;
}

.login-menu {
    min-width: 200px;
    padding: 20px;
}

.minibasket-menu-box .alert {
    margin-bottom: 0;
}

.options .btn-group + .btn-group {
    margin-left: 1rem;
}

.control-label {
    font-size: 1.25rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

.form-group-element {
    position: absolute;
    top: -3000px;
}

.form-control {
    border-radius: 0;
}

.alert {
    border-radius: 0;
}

.dropdown-link {
    color: #3c3c3c;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #95c11f;
}

.dropdown-item.active .dropdown-link, .dropdown-item:active .dropdown-link {
    color: #3c3c3c;
}

#trocookie-cookiebox .bg-white {
    padding-top: 0;
    padding-bottom: 0;
}

.tro-loading-icon {
    font-size: 3rem;
}

#mainnav .navbar-toggler {
    font-size: 30px;
    padding: 15px 0;
    margin-right: 20px;
}

.menu-box {
    flex: 1;
}

@media (min-width: 400px) {
    .menu-box {
        flex: unset;
    }

    #mainnav .navbar-toggler {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .menu-box {
        order: 1;
    }
}

.flex-direction-nav .flex-prev,
.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 5.29289C13.0976 5.68342 13.0976 6.31658 12.7071 6.70711L9.41421 10L12.7071 13.2929C13.0976 13.6834 13.0976 14.3166 12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L7.29289 10.7071C6.90237 10.3166 6.90237 9.68342 7.29289 9.29289L11.2929 5.29289C11.6834 4.90237 12.3166 4.90237 12.7071 5.29289Z" fill="%234d4d4d"></path></svg>');
}

.flex-direction-nav .flex-next,
.carousel-control-next-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z" fill="%234d4d4d"></path></svg>');
}

.flex-direction-nav a,
.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 30px;
    width: 30px;
}

#promo-slider .carousel-control-next,
#promo-slider .carousel-control-prev {
    width: 80px;
}

#promo-slider .carousel-control-next-icon,
#promo-slider .carousel-control-prev-icon {
    position: static;
    transform: none;
    background: none;
    padding: 0;
    width: 40px;
}

#promo-slider .carousel-control-next-icon:before,
#promo-slider .carousel-control-prev-icon:before {
    content: '';
    display: block;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    width: calc(40px / 1.414);
    height: calc(40px / 1.414);
    transform: rotate(45deg);
}

#promo-slider .carousel-control-prev-icon {
    transform: rotateY(180deg);
}

#promo-slider .carousel-indicators li {
    width: 1em !important;
    height: 1em !important;
    background-color: #fff;
    cursor: pointer;
    margin: 0 3px 0.5em !important;
    border: none;
    border-radius: 50%;
}

.carousel-control-next,
.carousel-control-prev,
.flex-direction-nav a {
    opacity: .7;
    transition: opacity .15s ease-in-out;
}

.carousel-control-next:hover,
.carousel-control-prev:hover,
.flex-direction-nav a:hover {
    opacity: 1;
}

.minibasket-item-col-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.minibasket-image-link {
    display: inline-block;
}

@media (min-width: 768px) {
    .border-md {
        border: 1px solid #dee2e6 !important;
    }
}

@media (max-width: 767px) {
    #basket_list .totalPrice {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2;
    }
}

#description ul {
    list-style: none;
    padding-left: 0;
}

#description ul li {
    background-image: url(../bg/check.svg);
    background-position: 0% .25em;
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left: 30px;
}

#orderConfirmAgbBottom .adyen-checkout__button.adyen-checkout__button--pay {
    margin: 0;
    border-radius: 0;
    height: 44px;
    padding: 6px 20px;
}

.dash {
    line-height: 44px;
    margin: 0 -3px;
}