:root {
    --radiusAll: 0;
    --radiusPill: 0;
    --radiusSmallAll: 0;
    --radiusSmallTop: 0;
    --dpg-backgroundgreen: rgba(148, 192, 69, 1);
    --dpg-darkgreen: #073f81;
}

html aside {
    width: 90%;
}

header {
    float: none;
    width: 100%;
}

html .block {
    padding: 4rem 0;
}

a {
    color: rgb(0, 122, 172);
    text-decoration: none;
}

a:hover,
a:focus {
    color: rgb(0, 122, 172);
}

.hide-me {
    display: none;
}

#content .tradino-order-steps {
    margin-bottom: 4rem;
}

#content .tradino-order-steps a {
    color: #555;
}

#content .tradino-order-steps a:hover {
    color: rgb(0, 122, 172);
}

.list-group-item {
    border-right: 1px solid #c3d7e0;
    background: #e9f1f5;
    border-top: 0;
    border-bottom: 0;
}

.list-group-item.transactionListActive a {
    font-weight: bold;
    color: rgb(0, 122, 172) !important;
}

.list-group-item.transactionListActive .trd-dot {
    display: none;
}

.transactionItemActive {
    border: 2px solid rgb(0, 122, 172) !important;
    color: rgb(0, 122, 172) !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: 1px;
}

.transactionListActive span,
.transactionListActive a {
    opacity: 1 !important;
    cursor: pointer !important;
}

.transactionItem a span {
    opacity: 1 !important;
    cursor: pointer !important;
}

.transactionItem span.transactionItem,
.transactionItem .trd-order-section {
    opacity: 0.25;
    cursor: not-allowed;
}

ul.globe-switch {
    display: none;
    padding-left: 0;
}

ul.globe-switch li a {
    color: #fff;
}

ul.globe-switch li a:hover {
    color: rgb(0, 122, 172);
}

div.icon-globe:hover ul.globe-switch {
    display: block;
}

ul.globe-switch li {
    list-style-type: none;
}

.breadcrumb-wrapper {
    background: none repeat scroll 0 0 #fbfaf8;
    padding-left: 10px;
    padding: 10px;
    border-radius: 10px;
}

#content .breadcrumb-wrapper p {
    font-size: 0.9rem;
}

.alert-warning {
    color: #664d03;
    background-color: #fbfaf8;
    border-color: #f0f0f0;
}

.cart-total-box > ul > li > input {
    border: 1px solid #868686;
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #868686;
    border-color: #868686;
}

.btn-warning {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-warning:hover {
    background-color: #999;
    border-color: #868686;
}

.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
    background-color: #999;
    border-color: #868686;
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #999;
    border-color: #868686;
    box-shadow: 0 0 0 0.25rem rgba(211, 211, 211, 0.5);
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #999;
    border-color: #868686;
}

h5#offcanvasRightLabel {
    margin-bottom: 0;
}

.pageNav {
    font-size: 0.85rem;
}

.pager li > a,
.pager li > span {
    padding: 3px 15px;
}

.pager li > a:focus,
.pager li > a:hover {
    background-color: transparent;
}

h1.cart-headline {
    margin-bottom: 0;
}

.topinfo a {
    font-weight: bold;
    color: white;
    /* text-shadow: 1px 1px #ffffff; */
}

.btn {
    border-radius: 10px;
}

ul.list-with-checkmark {
    padding-left: 0;
}

ul.list-with-checkmark li {
    list-style: none outside none;
    float: none;
    background: url(../site/pics/accept-check.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position-y: 5px;
    padding-left: 30px;
}

/** Overwrites **/
.w-discount {
    border: solid 1px #073f81;
    border-radius: 10px;
}

.w-discount-des > a {
    background: none repeat scroll 0 0 rgb(0, 122, 172);
    font-weight: 500;
    text-decoration: none;
}

.offcanvas-icons {
    display: none;
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 100;
}

@media (min-width: 992px) {
    .mm-page.mm-slideout.fixed .offcanvas-icons {
        display: block;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.offcanvas-icon {
    padding: 15px;
    /*border-radius: 0 0 20px 20px;*/
    box-shadow: 0px 5px 10px -5px rgba(68, 68, 68, 0.8);
    animation: trdIcons 2s ease 0s 1 normal forwards;
    transition: all 300ms ease 0s;
}

.offcanvas-icon:hover {
    box-shadow: 0 0 0 0 rgba(68, 68, 68, 0.8);
    transition: all 300ms ease 0s;
}

.offcanvas-icon i {
    color: #ffffff;
    font-size: 1.5rem;
}

.offcanvas-cart {
    background: rgb(0, 122, 172);
    margin-bottom: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.offcanvas-search {
    background: #555;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

@keyframes trdIcons {
    0% {
        transform: translateX(60px);
    }

    100% {
        transform: translateX(0);
    }
}

.mm-menu--offcanvas {
}

@media (max-width: 767px) {
    html body .force-hide-xs {
        display: none !important;
    }
}

.stoerer-wrap {
    animation: myHeartbeat 4s ease 0s infinite normal forwards;
}

.stoerer {
    color: #fff;
    background: #ba0010;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: myAnim 2s ease 0s 1 normal forwards;
}

.stoerer a {
    color: #fff !important;
}

.stoerer-mobil {
    color: #fff;
    background: #ba0010;
    padding: 15px;
    border-radius: 12px 12px 12px 12px;
    margin-top: 30px;
}

.stoerer-mobil a {
    color: #fff !important;
}

.stoerer-mobil p {
    color: #fff !important;
}

.stoerer-mobil > div p {
    color: #fff;
    margin: 0;
    padding: 0;
}

.stoerer > div {
    color: #fff !important;
    text-align: center;
    font-size: 1rem;
    margin: 0 !important;
}

.stoerer > div p {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    margin: 0 !important;
}

@keyframes myAnim {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: translateY(-250px);
    }

    38% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0);
    }

    55% {
        animation-timing-function: ease-in;
        transform: translateY(-65px);
    }

    72% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    81% {
        animation-timing-function: ease-in;
        transform: translateY(-28px);
    }

    90% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    95% {
        animation-timing-function: ease-in;
        transform: translateY(-8px);
    }

    100% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }
}

@keyframes myHeartbeat {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

.tp-caption.Dining-Title,
.Dining-Title {
    color: rgba(255, 255, 255, 1);
    font-size: 70px;
    line-height: 70px;
    font-weight: 500 !important;
    font-style: normal;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    color: #073f81;
    text-align: left;
    letter-spacing: normal !important;
}

.tp-caption.Dining-SubTitle,
.Dining-SubTitle {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 20px;
    font-weight: 500 !important;
    font-style: normal;
    padding: 0 0 0 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0 0 0 0;
    text-align: left;
    color: #073f81 !important;
}

.no-padding {
    padding: 0 !important;
}

.categories-widget ul li {
    border-bottom: 0 solid #e7e7e7;
}

h2.widget-head {
    font-size: 1.25em;
    font-style: normal;
    margin-bottom: 20px;
    font-weight: 500;
}

ul#productGroupTree {
}

.welcome-head-bg {
    background-image: url("../site/pics/terporten_feuerwehr-header.jpg");
    min-height: 480px;
    max-height: 480px;
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.progress {
    height: 3rem;
}

.w-discount-des > h3 {
    color: #444444;
    font-size: 1rem;
    font-weight: 400;
}

.w-discount-des > a {
    background: none repeat scroll 0 0 rgb(0, 122, 172);
}

.w-discount-des > a:hover span {
    color: #fff !important;
}

.invisible {
    visibility: hidden !important;
}

p.zahlungsart {
    margin-bottom: 1rem;
}

p.zahlungsart img {
    margin-bottom: 0.75rem;
}

p.zahlungsart span {
}

.payment-box {
    margin-top: 2rem;
}

#lastVisitedProducts_items a.lastvisitedlink {
    text-decoration: none !important;
    color: #073f81 !important;
    padding-top: 10px !important;
    font-weight: 500;
    display: block;
}

h3.lastvisited {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.sold-thumb {
    float: none;
    overflow: hidden;
}

.sold-thumb > img {
    border: 1px solid #073f81;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

/** /Overwrites **/

.mm-menu--theme-light {
    --mm-color-background: #868686;
    --mm-color-border: rgba(255, 255, 255, 1);
    --mm-color-icon: rgba(255, 255, 255, 1);
    --mm-color-text: rgba(255, 255, 255, 1);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.6);
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.75);
    --mm-color-focusring: #073f81;
}

.categories-widget ul li {
    padding-bottom: 0px !important;
}

.categories-widget ul li a {
    text-decoration: none;
    padding: 0;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: normal;
    color: #868686;
    letter-spacing: 0.25px;
    word-spacing: 0.2px;
    transition-property: margin-right, color !important;
}

.categories-widget ul li a.nav_active {
    font-weight: 600;
    color: rgb(0, 122, 172);
}

.categories-widget li a.nav_1:hover {
    padding-left: 0;
    color: #555;
    font-weight: 600;
}

.categories-widget .nav_2,
.categories-widget .nav_2_active {
    padding-left: 15px;
}

.categories-widget ul.subsections li a.nav_2:hover {
    padding-left: 15px;
    color: #555;
    font-weight: bold;
}

.categories-widget .nav_3,
.categories-widget .nav_3_active {
    padding-left: 40px;
    color: #555;
}

.categories-widget ul.subsections li a.nav_3:hover {
    padding-left: 45px;
    color: #555;
}

.details-body .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.details-body .row > * {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

h1,
h1.parentGroupName,
.parentGroupName > h1,
.flags-heading h1 {
    margin-bottom: 2rem;
    color: #555;
    text-transform: none;
    text-align: left;

    border-bottom: 0;
    font-weight: bold;
    padding-bottom: 0;

    letter-spacing: 0.25px;
    word-spacing: 0.2px;
    line-height: 1.2;
}

h1 div {
    font-size: 1.75rem;
    color: #777;
    margin-top: 0.5rem;
}

.flags-heading {
    margin-top: 0;
}

h1.parentGroupName,
.parentGroupName > h1,
.flags-heading h1 {
    font-size: 1.5rem;
}

.show-mobil {
    display: none !important;
}

.hide-mobil {
    display: block !important;
}

.mobilnav {
    display: none;
}

.modal-footer .btn-close {
    background: none;
    background-color: rgba(68, 68, 68, 0.3);
    min-width: 90px;
    min-height: 25px;
    padding: 0.25em 1em;
}

h2 {
    border-bottom: 0;
    color: #555;
    text-transform: none;
}

h3 {
    border-bottom: 0;
    color: #555;
    text-transform: none;
}

h5,
h6 {
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
    color: #555;
    text-transform: none;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a {
    text-decoration: none;
}

hr {
    color: #d8d8d8;
    opacity: 1;
}

.text-right {
    text-align: right !important;
}

#toTop {
    z-index: 1200 !important;
    right: 5% !important;
    bottom: 55px !important;
}

#toTop:hover {
    background: none repeat scroll 0 0 rgb(0, 122, 172);
}

.innerplayer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin: 2rem 0px 3rem 0px;
}

.innerplayer iframe,
.innerplayer object,
.innerplayer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ol > li {
    padding-bottom: 0.5em;
}

#content {
    min-height: unset;
}

.sectionstart {
    padding-top: 0px;
}

.sectionwide {
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    height: 300px;
    position: relative;
    float: none;
    display: block;
    clear: both;
    margin: 0;
}

.sectionwide:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.sectionwide .bubble-bg {
    overflow: visible;
}

.bubble-link,
#content a.bubble-link {
    position: absolute;
    left: 0;
    display: inline-block;
    padding: 8px 20px 8px 20px;
    margin: 0px 0px 0px -40px;
    background-color: #073f81;
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 16px 16px 16px 16px;
    text-align: center;
    text-decoration: none;
}

.bubble-link:hover,
#content a.bubble-link:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 122, 172) !important;
}

.bubble-bg {
    background: transparent URL("../site/pics/fire-297572_1280-terporten.png")
        no-repeat;
    background-size: contain;
    background-position: center center;
    max-width: 90%;
    max-height: 320px;
    height: 320px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    position: relative;
}

.bubble {
    width: 100%;
}

.bubble-text-robdefault {
    background-size: 100% auto;
    background-position: center center;
    max-width: 470px;
    max-height: 300px;
    width: 470px;
    height: 300px;
    xoverflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    padding: 45px 20px 10px 180px;
}

.bubble-text-robdefault.heckenbaeume {
    padding: 45px 10px 10px 220px;
}

.bubble-text-robdefault.dachbegruenung {
    margin-left: 40px;
}

.bubble-text-robdefault:before {
    content: "";
    display: block;
    width: 190px;
    height: 280px;
    position: absolute;
    left: -8px;
    top: 20px;
    margin: 0px 0px;
    padding: 0px 0px;
    z-index: 0;
}

.bubble-text-robdefault p {
    color: #ffffff;
    font-size: 1rem;
    padding: 0px 0px 0px 12px;
    margin-bottom: 12px;
    text-align: left;
    line-height: 120%;
    position: relative;
}

.bubble-text-robdefault p:first-child {
    padding: 0px 0px 0px 0px;
}

.bubble-text-robdefault p:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 8px 0px 0px;
    margin: 0px 0px 0px -20px;
    text-align: center;
}

.bubble-text-robdefault p:first-child:before {
    display: none;
}

.bubble-text-robdefault.showmaster:before {
    background-size: 100% auto;
}

.bubble-text-robdefault.dachbegruenung:before {
    background-size: 100% auto;
    width: 210px;
    height: 280px;
    left: -39px;
}

.bubble-text-robdefault.maehroboter:before {
    background-size: 100% auto;
    width: 210px;
    height: 280px;
}

.bubble-text-robdefault.heckenbaeume:before {
    background-size: 100% auto;
    width: 215px;
    height: 240px;
    left: -4px;
}

.bubble-text-robdefault.pflegeduenger:before {
    background-size: 100% auto;
    width: 210px;
    height: 280px;
}

.bubble-text-robdefault.bewaesserung:before {
    background-size: 100% auto;
    width: 210px;
    height: 280px;
}

.sectionwide .bubble-bg {
    margin-top: -25px;
    max-height: 350px;
    height: 350px;
}

.sectionwide.img-left .bubble-bg {
    margin-left: 25px;
}

.sectionwide.img-right .bubble-bg {
    margin-right: 25px;
}

.bubble p {
    color: #ffffff;
    font-size: 1rem;
    padding: 0px 0px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 1.5rem;
    text-shadow: 1px 1px #073f81;
}

.bubble p > strong,
.bubble-text-robdefault p > strong {
    text-transform: uppercase;
    font-size: 1.2rem;
    padding-bottom: 1rem;
    display: block;
}

.siteend {
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    height: 300px;
    position: relative;
}

.siteend:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: #98a7bc;
}

.siteendrasen {
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    height: 300px;
    position: relative;
}

textarea:focus,
input:focus,
a:focus,
button:focus,
button:active {
    outline: none;
    border: 0;
    box-shadow: none !important;
}

select:focus {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

button,
button:focus,
button:active {
    background-color: transparent;
    border: 0 !important;
    outline: 0 !important;
    border-width: 0 !important;
}

.pager li > a,
.pager li > span {
    text-decoration: none;
    color: #fff !important;
}

.header:before {
    content: "";
    display: block;
    height: 42px;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    top: 0;
    left: 0;
    z-index: 0;
    position: absolute;
}

.header {
    /*min-height: 100px;
max-height: 186px;*/
    padding: 0px 0px 0px 0px;
    border-bottom: solid 1px rgba(115, 113, 112, 0.4);
    display: block;
    border-bottom: 0;
    overflow: visibile;
    position: relative;
}

.header::before {
    height: 86px;
}

.header .container {
    min-height: 80px;
    height: auto;
    position: static;
    max-width: 85% !important;
}

.header .container .firstcol {
    max-width: 275px;
    position: relative;
}

.header .container .lastcol {
    /*max-width: 1024px;*/
}

.top-bar {
    height: 86px;
    float: none;
    padding: 0px 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
}

.top-bar .bar-dropdown {
    float: none;
}

.topinfo {
    width: calc((100% / 2) - 160px);
    text-align: center;
    color: #ffffff;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    height: 100%;
    padding-top: 10px;
}

@media (max-width: 1120px) {
    .topinfo {
        /*display: none;*/
    }
}

.topinfo p {
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
    line-height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.topinfo.toporderinfo {
    width: calc(100% - 160px);
}

.logo {
    max-height: unset;
    position: absolute;
    width: auto;
    margin-right: inherit;
    text-align: left;
    display: block;
    /*margin: 30px 0px 0px 0px;*/
    z-index: 99;
    top: 0px;
    left: 0px;
}

.logo > a {
    display: inline-block;
}

.logo img {
    width: auto;
    /*height: 212px;*/
    height: 100%;
    max-height: 186px;
    margin: 0px 0px 0px 0px;
}

.navbar-wrap {
    justify-content: center;
}

.header .navbar {
    position: relative;
    display: inline-block;
    height: 64px;
    overflow: visibile;
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 1320px;
    float: none;
    position: absolute;
    bottom: -32px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px -10px #868686;
}

.header .navbar .menu ul.navbar-nav {
    height: 100%;
}

.sitesearch {
    min-width: 370px;
    width: calc((100% / 2) - 160px);
    height: 100%;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    text-align: left;
}

.sitesearch.siteorderhead {
    width: 100%;
    display: block;
    max-height: 60px;
    height: 60px;
    position: relative;
}

.sitesearch.siteorderhead::before {
    position: absolute;
    width: 100%;
    height: 30px;
    box-shadow: 0px 7px 9px rgba(145, 137, 137, 0.4);
    content: "";
    top: -30px;
    left: 0;
    z-index: 3;
}

.sitesearch .search-header {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    display: block;
    width: 100%;
    position: relative;
}

.ui-autocomplete.ui-front {
    position: absolute;
    top: 68px;
    left: 0;
    cursor: default;
    right: 0;
    margin: 0px auto auto 20px;
    max-width: 302px !important;
    width: auto;
    z-index: 1800;
}

.ui-autocomplete.ui-front.ui-menu {
    background-color: #ffffff;
}

.ui-autocomplete.ui-front.ui-menu .ui-menu-item {
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
}

.ui-autocomplete.ui-front.ui-menu .ui-menu-item:hover {
    background-color: rgb(219, 238, 184);
}

.ui-autocomplete.ui-front.ui-menu .ui-menu-item > a {
    display: block;
    width: 100%;
    padding: 4px 0px 4px 8px;
}

.ui-autocomplete.ui-front.ui-menu .ui-menu-item strong {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 4px 0px 4px 8px;
}

.ui-autocomplete.ui-front.ui-menu .ui-menu-item span {
    display: block;
    width: 100%;
    font-size: 0.85rem;
    padding: 0px 0px 4px 8px;
}

.sitesearch .search-header input[type="text"],
.search-header form input {
    background-color: #ffffff;
    border-radius: 25px 0px 0px 25px;
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    line-height: 40px;
    max-width: calc(100% - 55px);
    max-width: 838px;
    width: 100%;
    font-size: 0.85rem;
    color: #555;
    height: 40px;
    float: none;
}

.search-header form {
    width: 100%;
    float: none;
    display: flex;
    height: 40px;
    min-height: 40px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    line-height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.sitesearch .search-header .submitbutton {
    display: block;
    float: none;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 55px;
    height: 40px;
    background-color: #555;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    border: 0;
    border-radius: 0px 25px 25px 0px;
    line-height: 40px;
    text-align: center;
}

.search-header form a:hover,
.search-header form a:focus {
    background-color: rgb(0, 122, 172) !important;
}

.search-header form a:active {
    background-color: rgb(0, 122, 172) !important;
}

.sitesearch .search-header .submitbutton > i {
    margin-right: 5px;
}

.header .navbar .menu {
    max-width: 100%;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: none;
    height: 100%;
}

.menu > ul > li:hover > ul {
    top: 63px;
    left: -50%;
}

.header1 .menu > ul > li > ul:before,
.menu > ul > li > ul {
    border-top-color: rgb(0, 122, 172);
}

.header .navbar .menu ul.navbar-nav {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: flex-start;
}

.topicon {
    display: block;
    position: relative;
    width: 72px;
    min-height: 67px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 20px;
    color: #ffffff;
}

.topicon.btn-orange {
    background-color: rgb(0, 122, 172);
}

.topicon.btn-green {
    background-color: #555;
}

.topicon.btn-red {
    background-color: rgb(166, 54, 54);
}

.topicon .btn {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
}

#infoCartButton .cartbutton {
    margin: 0px 0px 0px 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
}

.topicon:hover {
    padding-top: 15px;
    margin-bottom: 0px;
}

.top-bar button.show-nav {
    display: block;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    width: 72px;
    min-height: 63px;
    border-radius: 0px 0px 20px 20px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 15px 0px;
    background-color: #073f81 !important;
}

.topicon.icon-nav {
    display: none;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    width: 72px;
    min-height: 63px;
    border-radius: 0px 0px 20px 20px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 15px 0px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: 0px;
    background-color: #868686 !important;
}

.top-bar button.show-nav {
    display: block;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    width: auto;
    min-height: 1px;
    border-radius: 0px 0px 20px 20px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 15px 0px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: 0px;
    background-color: #073f81 !important;
}

.topicon.icon-search {
    background-color: #555;
    display: none;
}

.icon-search .searchbutton {
    margin: 0px 0px 0px 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    padding: 2px 7px;
}

.icon-nav .show-nav {
    margin: 0px 0px 0px 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    padding: 2px 7px;
}

.headerkey {
    /*min-height: 520px;*/
    /*max-height: 520px;*/
    min-height: 480px;
    max-height: 480px;
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.headerkey .videobg {
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
    overflow: hidden;
}

.headerkey .videobg.bgvideotop {
    right: 0;
    bottom: auto;
    top: 0;
    left: 0;
}

.headerkey .headhome {
    background-position: center center;
    background-size: cover;
}

.groupheader.headerkey {
    background-position: center center;
    background-size: cover;
}

.voucher.headerkey {
    background-position: center center;
    background-size: cover;
}

.pageheader {
    box-shadow: inset 0px 7px 9px rgba(145, 137, 137, 0.4);
}

.header {
    box-shadow: 0px 7px 9px rgba(145, 137, 137, 0.4);
    height: 500px;
    background: url(../site/pics/header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 35%;
    margin-bottom: 25px;
}

.block-first.pageheader {
    background-position: center center;
    background-size: cover;
    max-height: 480px;
}

footer {
    background: none;
    background-color: rgb(0, 122, 172);
    border-top: 0;
    color: rgb(80, 75, 79);
    padding-bottom: 70px;
    padding-top: 70px;
    float: none !important;
}

.footer-box li a,
.footer-box p,
.footer-box a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.1rem;
    text-decoration: none;
    transition: color 0.8s ease;
}

.footer-box.copyright {
    margin-top: 20px;
}

.footer-box.copyright a {
    display: inline;
}

.footer-box.copyright ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-box.copyright ul li {
    display: inline-block;
    margin-right: 20px;
    width: auto;
}

.footer-box.copyright ul li a {
    font-size: 1rem;
}

.footer-box a:hover {
    color: white;
}

footer .footer-box {
    padding: 0;
}

footer h5,
footer h6 {
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0px 1.75rem 0px;
    font-weight: 600;
    letter-spacing: 1.36px;
}

.footer-box.linkbox ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footer-box.linkbox ul li {
    width: 100%;
}

.payment-box a,
.kontaktbox a {
    display: inline;
    padding-right: 5px;
}

.payment-box a:hover,
.kontaktbox a:hover {
    text-decoration: underline;
}

.kontaktbox p {
    padding-left: 25px;
}

.kontaktbox p > i {
    margin-left: -20px;
    margin-right: 10px;
}

.kontaktbox p.sociallink > i {
    font-size: 18px;
}

.payment-box li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.payment-box p {
    line-height: 140%;
}

.bottom-line {
    background-color: rgb(16, 83, 111);
    border-top: 0;
    min-height: 15px;
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    vertical-align: middle;
    padding: 12px 0px 12px 0px;
}

.bottom-line p,
.bottom-line a,
.bottom-line p a {
    padding: 0px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
    font-size: 0.6666rem;
    text-decoration: none;
}

.agrilogo {
    position: relative;
    text-align: right;
    padding-right: 2rem;
}

.agrilogo a {
    display: block;
    position: absolute;
    right: 10px;
    top: -65px;
    max-height: 80px;
    height: 80px;
    padding: 5px 10px;
    background-color: #ffffff;
    border-radius: 12px;
}

.agrilogo a img {
    width: auto;
    height: 100%;
    display: inline-block;
}

#selectPartner {
    z-index: 10600 !important;
}

/* Navigation */

.navbar-expand-lg .navbar-nav .nav-link,
.navbar-nav .nav-link {
    transition: 0;
}

.navbar-expand-lg .navbar-nav .nav-link,
.navbar-nav .nav-item {
    transition: 0.5s;
}

.navbar-nav > li.nav-item {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    z-index: 11;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.navbar-nav > li.nav-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    width: 24px;
    height: 24px;
    opacity: 0;
    /*background-color: rgb(0, 122, 172);*/
    z-index: 1;
    display: block;
}

.navbar-nav > li.nav-item::after {
    content: "";
    position: absolute;
    top: 40px;
    width: 20%;
    height: 2px;
    opacity: 0;
    background-color: #c41336;
}

.fixed-top .navbar-nav > li.nav-item::after {
    display: none;
}

.fixed-top .navbar-nav > li.nav-item > a.nav-link {
    border-radius: 12px 12px 0px 0px;
}

.navbar-nav li span.dropdown-toggle {
    display: none;
}

.navbar-nav > li.nav-item > a.nav-link {
    border-radius: 12px 0px 0px 0px;
    display: flex;
    text-align: center;
    line-height: 100%;
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-size: 1rem;
    letter-spacing: 0.25px;
    word-spacing: 0.2px;
    font-weight: 500;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.7);
    vertical-align: middle;
    line-height: 100%;
    align-content: center;
    align-items: center;
    text-transform: none;
    padding-bottom: 40px;
}

.navbar-nav > li > a:hover {
    color: rgba(0, 0, 0, 0.6) !important;
}

.navbar-nav > li:hover,
.navbar-nav > li.active {
    border-radius: 0px 0px 0px 0px;
}

.navbar-nav > li:hover::before,
.navbar-nav > li:hover::after {
    opacity: 1;
    transition: 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
}

.navbar-nav ul > li:hover,
.navbar-nav ul > li.active {
    border-radius: 0px 0px 0px 0px;
}

.navbar-nav li.nav-green:hover,
.xnavbar-nav li.nav-green.active {
    /*background-color: rgb(0, 122, 172);*/
}

.navbar-nav li.nav-green:hover > a,
.navbar-nav li.nav-green.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 122, 172) !important;
    text-decoration: none;
}

.navbar-nav li.nav-green2:hover,
.navbar-nav li.nav-green2.active {
    background-color: rgb(94, 145, 44);
}

.navbar-nav li.nav-green2:hover > a,
.navbar-nav li.nav-green2.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(94, 145, 44) !important;
}

.navbar-nav li.nav-red:hover,
.navbar-nav li.nav-red.active {
    background-color: rgb(227, 7, 19);
}

.navbar-nav li.nav-red:hover > a,
.navbar-nav li.nav-red.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(227, 7, 19) !important;
    z-index: 1100;
}

.navbar-nav li.nav-blue:hover,
.navbar-nav li.nav-blue.active {
    background-color: rgb(69, 144, 186);
}

.navbar-nav li.nav-blue:hover > a,
.navbar-nav li.nav-blue.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(69, 144, 186) !important;
}

.navbar-nav li.nav-orange:hover,
.navbar-nav li.nav-orange.active {
    background-color: rgb(239, 123, 0);
}

.navbar-nav li.nav-orange:hover > a,
.navbar-nav li.nav-orange.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(239, 123, 0) !important;
}

.navbar-nav li.nav-grey:hover,
.navbar-nav li.nav-grey.active {
    background-color: rgb(207, 183, 24);
}

.navbar-nav li.nav-grey:hover > a,
.navbar-nav li.nav-grey.active > a {
    background-color: rgb(255, 255, 255);
    color: rgb(207, 183, 24) !important;
}

.navbar-nav > li.nav-item:nth-child(1) {
    z-index: 1107 !important;
}

.navbar-nav > li.nav-item:nth-child(2) {
    z-index: 1106 !important;
}

.navbar-nav > li.nav-item:nth-child(3) {
    z-index: 1105 !important;
}

.navbar-nav > li.nav-item:nth-child(4) {
    z-index: 1104 !important;
}

.navbar-nav > li.nav-item:nth-child(5) {
    z-index: 1103 !important;
}

.navbar-nav > li.nav-item:nth-child(6) {
    z-index: 1102 !important;
}

.navbar-nav > li.nav-item:nth-child(7) {
    z-index: 1101 !important;
}

.navbar-nav {
    display: flex;
    width: 100%;
    gap: 30px;
}

.dropdown-toggle:after {
    display: none;
}

.header .navbar .menu ul.dropdown-menu:before {
    content: "";
    display: inline-block;
    width: 100%;
    max-width: calc(100% - 4px);
    border-top: 4px solid rgb(255, 255, 255);
    position: absolute;
    z-index: 3;
    margin-top: -4px;
}

.header .navbar .menu ul.dropdown-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: 0px 0px 20px 20px;
    padding: 0px 4px 10px 4px;
    margin: 0px 0px 0px 0px;
    box-shadow: none !important;
    top: 100px;
    left: 0;
    width: 300px;
    min-width: 140%;
    z-index: -1;
}

.header .navbar .menu ul.dropdown-menu.show {
    display: flex !important;
}

.header .navbar .menu ul.dropdown-menu > li {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    border-bottom: 0;
    flex-grow: 1;
    text-align: left;
    min-width: 100px;
    text-transform: none;
}

.header .navbar .menu ul.dropdown-menu > li:last-child {
    border-bottom: 0px solid rgb(255, 255, 255);
    border-radius: 0px 0px 20px 20px;
    padding-bottom: 8px;
}

.header .navbar .menu ul.dropdown-menu > li > a {
    margin: 0px 0px;
    text-transform: none;
}

.header .navbar .menu ul.dropdown-menu {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
}

.navbar-nav > li.nav-item:hover > ul.dropdown-menu {
    transform: scaleY(1);
}

/* 3. ebene */

.header .navbar .menu ul.dropdown-menu ul.dropdown-menu {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.26s ease;
    top: 57px;
    left: 100%;
    width: 100%;
    min-width: unset;
    max-width: 315px;
    margin-left: 0px;
    padding-left: 0px;
}

.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item:hover {
    transform: scaleX(1);
}

.header .navbar .menu ul.dropdown-menu ul.dropdown-menu > li .nav-link {
    padding: 16px 15px 17px 15px;
}

.header .navbar .menu li.nav-green ul.dropdown-menu {
    border-left: 0px solid #1b52ae;
    border-right: 0px solid #1b52ae;
    border-bottom: 8px solid #1b52ae;
    border-top: 0px solid #1b52ae;
    background-color: #1b52ae;
}

.header .navbar .menu li.nav-green ul.dropdown-menu > li {
    border-bottom: solid 1px #1f66ba;
}

.header .navbar .menu li.nav-green ul.dropdown-menu > li > a {
    color: rgba(147, 191, 68, 1) !important;
}

.header .navbar .menu li.nav-green ul.dropdown-menu:before {
    border-top: 4px solid rgb(147, 191, 68);
}

.header .navbar .menu li.nav-green ul.dropdown-menu > li.active > a,
.header .navbar .menu li.nav-green ul.dropdown-menu > li.active,
.header .navbar .menu li.nav-green ul.dropdown-menu > li.active-last > a,
.header .navbar .menu li.nav-green ul.dropdown-menu > li.active-last {
    background-color: rgba(147, 191, 68, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.header .navbar .menu li.nav-red ul.dropdown-menu {
    border-left: 0px solid rgb(227, 7, 19);
    border-right: 0px solid rgb(227, 7, 19);
    border-bottom: 8px solid rgb(227, 7, 19);
    border-top: 0px solid rgb(227, 7, 19);
    background-color: rgb(227, 7, 19);
}

.header .navbar .menu li.nav-red ul.dropdown-menu > li {
    border-bottom: solid 1px rgba(227, 7, 19, 0.8);
}

.header .navbar .menu li.nav-red ul.dropdown-menu > li > a {
    color: rgba(227, 7, 19, 1) !important;
}

.header .navbar .menu li.nav-red ul.dropdown-menu:before {
    border-top: 4px solid rgb(227, 7, 19);
}

.header .navbar .menu li.nav-blue ul.dropdown-menu {
    border-left: 0px solid rgb(69, 144, 186);
    border-right: 0px solid rgb(69, 144, 186);
    border-bottom: 8px solid rgb(69, 144, 186);
    border-top: 0px solid rgb(69, 144, 186);
    background-color: rgb(69, 144, 186);
}

.header .navbar .menu li.nav-blue ul.dropdown-menu > li {
    border-bottom: solid 1px rgba(69, 144, 186, 0.8);
}

.header .navbar .menu li.nav-blue ul.dropdown-menu > li > a {
    color: rgba(69, 144, 186, 1) !important;
}

.header .navbar .menu li.nav-blue ul.dropdown-menu:before {
    border-top: 4px solid rgb(69, 144, 186);
}

.header .navbar .menu li.nav-orange ul.dropdown-menu {
    border-left: 0px solid rgb(239, 123, 0);
    border-right: 0px solid rgb(239, 123, 0);
    border-bottom: 8px solid rgb(239, 123, 0);
    border-top: 0px solid rgb(239, 123, 0);
    background-color: rgb(239, 123, 0);
    width: 300px;
    min-width: 140%;
}

.header .navbar .menu li.nav-orange ul.dropdown-menu > li {
    border-bottom: solid 1px rgba(239, 123, 0, 0.8);
}

.header .navbar .menu li.nav-orange ul.dropdown-menu > li > a {
    color: rgba(239, 123, 0, 1) !important;
}

.header .navbar .menu li.nav-orange ul.dropdown-menu:before {
    border-top: 4px solid rgb(239, 123, 0);
}

.header .navbar .menu li.nav-grey ul.dropdown-menu {
    border-left: 0px solid rgb(207, 183, 24);
    border-right: 0px solid rgb(207, 183, 24);
    border-bottom: 8px solid rgb(207, 183, 24);
    border-top: 0px solid rgb(207, 183, 24);
    background-color: rgb(207, 183, 24);
}

.header .navbar .menu li.nav-grey ul.dropdown-menu > li {
    border-bottom: solid 1px rgba(207, 183, 24, 0.8);
}

.header .navbar .menu li.nav-grey ul.dropdown-menu > li > a {
    color: rgba(207, 183, 24, 1) !important;
}

.header .navbar .menu li.nav-grey ul.dropdown-menu:before {
    border-top: 4px solid rgb(207, 183, 24);
}

.header .navbar .menu li.nav-green2 ul.dropdown-menu {
    border-left: 0px solid rgb(94, 145, 44);
    border-right: 0px solid rgb(94, 145, 44);
    border-bottom: 8px solid rgb(94, 145, 44);
    border-top: 0px solid rgb(94, 145, 44);
    background-color: rgb(94, 145, 44);
}

.header .navbar .menu li.nav-green2 ul.dropdown-menu > li {
    border-bottom: solid 1px rgba(94, 145, 44, 0.8);
}

.header .navbar .menu li.nav-green2 ul.dropdown-menu > li > a {
    color: rgba(94, 145, 44, 1) !important;
}

.header .navbar .menu li.nav-green2 ul.dropdown-menu:before {
    border-top: 4px solid rgb(94, 145, 44);
}

.mm-wrapper--position-left .mm-slideout.fixed,
.mm-wrapper--position-right .mm-slideout.fixed {
    -webkit-transform: none !important;
    transform: none !important;
}

.header .navbar.fixed-top {
    position: fixed;
    width: 100%;
    background-color: #fff;
    height: 60px;
    box-shadow: 0px 5px 20px -10px #868686;
    border-radius: 0px 0px 0px 0px;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
    top: 0;
}

.header .navbar.fixed-top .menu {
    max-width: 1140px;
    width: 100%;
    margin: 0px auto;
}

.header .navbar.fixed-top .navbar-nav > .nav-item,
.header .navbar.fixed-top .navbar-nav > .nav-item > a {
    color: #555;
}

.header .navbar.fixed-top .menu ul.dropdown-menu {
    top: 60px;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        top: -60px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

/* info cart */
#infoCartWrapper {
    padding: 2rem 2rem;
    overflow: auto;
    z-index: 9050;
}

#infoCartWrapper.offcanvas-end {
    border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
    max-width: 90%;
    background: #fbfaf8;
}

#infoCartWrapper .offcanvas-header,
#mobilSearchWrapper .offcanvas-header {
    padding: 0rem 0rem 1rem 0rem;
    border-bottom: solid 1px rgba(223, 223, 223, 1);
}

#infoCartWrapper .offcanvas-header .btn-close,
#mobilSearchWrapper .offcanvas-header .btn-close {
}

#infoCartWrapper .offcanvas-body.shop-cart {
    padding: 1.8rem 0rem 0rem 0rem;
}

#infoCartWrapper .shop-cart ul {
    list-style-type: none !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.infocartamount {
    position: absolute;
    min-width: 25px;
    min-height: 25px;
    display: block;
    border: solid 2px rgb(0, 122, 172);
    background-color: #ffffff;
    color: rgb(0, 122, 172);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    border-radius: 50% 50%;
    z-index: 5;
    top: 12px;
    right: 7px;
    width: 25px;
    height: 25px;
}

.infototal:before {
    content: "";
    display: block;
    width: 60px;
    height: 150px;
    position: absolute;
    top: -10px;
    left: 0;
    background-size: 100% auto;
}

.infototal {
    position: relative;
    padding-top: 32px;
}

.infototal h6 {
    text-align: right;
    color: #555;
    text-transform: uppercase;
    font-size: 1.25rem;
    margin: 20px 0px 0px 0px;
}

.checkout-btn.button-orange {
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: rgb(0, 122, 172);
    border-color: rgb(0, 122, 172);
    margin: 1rem 0px 0px 0px;
}

.infocart-pos {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    border-bottom: solid 1px rgba(223, 223, 223, 1);
}

.offcanvas-body.shop-cart {
    overflow-y: hidden;
}

.cart-product-image-wrapper {
    display: none;
}

.infocartwrapper {
    overflow-y: auto;
    max-height: calc(100vh - 350px);
}

.cart-product-sums {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.infocart-pos .productAttribute {
    font-size: 0.85rem;
    font-weight: 400;
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.infocart-pos .productAttribute > span {
    display: inline-block;
    width: auto;
    margin-right: 0px;
    min-width: 110px;
}

.cart-product-product {
    width: 100%;
}

.cart-product-product p {
    font-size: 1rem;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.infocart-pos .productPrice {
    text-align: right;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0;
}

.infocart-pos .productPrice .productNo {
    display: block;
    font-size: 0.85rem;
    font-weight: 400;
}

.cartButtonWrapperDetails .in-cart {
    border: solid 2px rgb(0, 122, 172);
    background-color: #ffffff;
    color: rgb(0, 122, 172);
    border-radius: 50%;
    height: 30px;
    line-height: 24px;
    margin: 0;
    padding-right: 1px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -20px;
    width: 30px;
    font-weight: 700;
    font-size: 1.1rem;
}

body.offcanvas-active {
    overflow: hidden;
}

body.offcanvas-active .dropdown-toggle {
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition:
        opacity 0.2s linear,
        visibility 0.2s,
        width 2s ease-in;
}

.screen-darken.active {
    z-index: 10;
    transition:
        opacity 0.3s ease,
        width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

/* mobil search offcanvas */
#mobilSearchWrapper {
    background-color: #073f81;
    color: #ffffff;
    max-width: 90%;
    padding: 2rem 2rem;
    overflow: auto;
    z-index: 9040;
}

#mobilSearchWrapper .offcanvas-header,
#mobilSearchWrapper .offcanvas-header h5 {
    color: #ffffff;
}

#mobilSearchWrapper .mobilsearch {
    padding: 1rem 0px 0px 0px;
}

#mobilSearchWrapper .mobilsearch .input-search {
    width: 100%;
    display: block;
    color: var(--bs-gray);
}

#mobilSearchWrapper .mobilsearch .submitbutton {
    width: 100%;
    display: block;
    background-color: var(--dpg-darkgreen);
    border-color: var(--dpg-darkgreen);
    color: #ffffff;
    margin: 1rem 0px 0px 0px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

/* gruppen start */
.sectiongroup {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.sectiongroup > .container {
    margin-bottom: 0rem;
}

.sectiongroup .row.img-left {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
}

.sectiongroup .row.img-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
}

.sectiongroup .row.img-right .colimg {
    text-align: right;
}

.sectiongroup .row.img-left .colimg {
    text-align: left;
}

.sectiongroup .row-groups {
    margin-top: 4rem !important;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
}

.sectiongroup .row-groups > div {
    max-width: 100%;
    width: 330px;
    padding: 0px 0px;
}

.sectiongroup .colimg {
    margin-top: 4rem;
}

.sectiongroup .coltext {
    margin-top: 4rem;
}

.sectiongroup .coltext.welcome-home {
    margin: 6rem 0 6rem 0;
}

.sectiongroup .coltext.welcome-home p {
    margin-bottom: 0;
}

.sectiongroup .sectionwide {
    margin: 8rem 0px 6rem 0px;
}

.coltext h2 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

#content .coltext h2 a:hover {
    text-decoration: none !important;
}

#content .sectiongroup .nav-green .coltext .groupstartheader > a {
    color: rgb(147, 191, 68) !important;
}

#content .sectiongroup .nav-red .coltext .groupstartheader > a {
    color: rgb(227, 7, 19) !important;
}

#content .sectiongroup .nav-blue .coltext .groupstartheader > a {
    color: rgb(69, 144, 186) !important;
}

#content .sectiongroup .nav-orange .coltext .groupstartheader > a {
    color: rgb(239, 123, 0) !important;
}

#content .sectiongroup .nav-grey .coltext .groupstartheader > a {
    color: rgb(207, 183, 24) !important;
}

.colimg img {
    max-width: 250px;
    max-height: 300px;
}

.sectiongroup .groupfooter {
    order: 3;
}

.sectiongroup .sectionwide {
    order: 4;
}

.sectiongroup .groupfooter {
    background-color: #95bae6;
    color: rgb(100, 179, 44);
    text-align: right;
    padding: 12px 0px;
    border-radius: 0px 0px 12px 12px !important;
    margin: 0px auto !important;
}

#content .groupfooter > a {
    font-size: 1rem;
    color: rgb(100, 179, 44);
    text-align: right;
    text-decoration: none;
    font-weight: 600;
    display: block;
    padding: 0px 0px;
    margin: 0px 15px;
}

.groupthumb > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.groupthumb > a span {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #073f81;
    display: inline-block;
    padding: 6px 14px 6px 16px;
    color: #ffffff;
    font-size: 0.95rem;
    border-radius: 0px 0px 0px 12px;
    line-height: 1.5rem;
    min-width: 125px;
    text-align: right;
}

.groupthumb img {
    width: 300px;
    height: 200px;
    /*padding-top: 15px;*/
    /* width: 100%;
height: 100%;
object-fit: cover; */
}

/* produktgruppen */

.groupgallery {
    margin: 0 0 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.welcome-home .groupgallery {
    margin-top: 0;
    margin-bottom: 2rem;
}

.groupgallery .inner-products {
    margin-bottom: 0;
    max-width: calc((100% - 48px) / 3);
    min-width: calc((100% - 48px) / 3);
    padding: 8px 20px;
}

.groupgallery .inner-products.col-double {
    max-width: 50%;
    min-width: calc(100% / 2);
}

.groupwrapper {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.groupthumb {
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
}

.groupwrapper .grouptext {
    padding: 16px 8px 35px 8px;
    position: relative;
}

.grouptext h3,
#content .grouptext h3 > a,
.inner-products h3 > a {
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
}

.list-grouptext2 h2 {
    margin: 25px 0px 15px 0px;
    font-size: 1.7rem;
}

.groupmore {
    padding: 8px 0px 0px 8px;
    width: 100%;
    text-align: center;
}

#content .groupmore a {
    /*display: inline-block;
color: #ffffff!important;
background-color: rgba(0, 0, 0, 0.666);
text-decoration: none;
font-size: 1rem;
font-weight: 400;
padding: 5px 15px;
text-align: center;
min-width: 50%;
border-radius: 10px 10px 0px 0px; */

    display: inline-block;
    color: #555 !important;
    background-color: rgba(233, 241, 245, 1);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 500;
    padding: 5px 15px;
    text-align: center;
    min-width: 50%;
    border-radius: 0px 0px 10px 10px;
}

.rollrasen-list .groupwrapper {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.rollrasen-list .grouptext {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rollrasen-list .groupteaser {
    flex-grow: 1;
}

.rollrasen-list .grouptext h3,
.rollrasen-list .grouptext h3 > a {
    font-size: 1.4rem;
}

/* Produkt Liste */

#itemsList,
#itemsVariantsList.voucher {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: space-between;
    gap: 30px;
}

#itemsList .inner-products,
#itemsVariantsList.voucher .inner-products {
    /*border: solid 1px #868686;*/
    display: block;
    border-radius: 0;
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0px 0px 0px 0px;
    /* width: calc((100% / 3) - 20px);
  max-width: calc((100% / 3) - 20px);
  min-width: calc((100% / 3) - 20px); */
    /*align-self: flex-start;*/
    align-self: stretch;
}

#itemsList .inner-products > div {
    height: 100%;
}

#productaddon .inner-products {
    border: solid 1px #073f81;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 20px 20px 0px 0px;
}

@media (max-width: 767px) {
    #productaddon .inner-products {
        width: calc((100% / 2) - 20px);
        max-width: 50%;
        min-width: calc((100% / 2) - 20px);
    }
}

#productaddon .inner-products .list-thumb > a img,
#productaddon .inner-products .list-thumb > img {
    width: 100%;
}

.listitem-wrapper p {
    margin-bottom: 0rem !important;
}

.listitem-wrapper {
    border: 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#xitemsList:after {
    content: "";
    flex: auto;
}

#itemsList .inner-products:nth-child(4n + 4) {
    /*margin-right: auto;*/
}

#itemsList.voucher .inner-products,
#itemsVariantsList.voucher .inner-products {
    width: calc((100% / 2) - 20px);
    max-width: 50%;
    min-width: calc((100% / 2) - 20px);
}

#itemsList.voucher .inner-products .listcontent-order,
#itemsVariantsList.voucher .inner-products .listcontent-order {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
}

#itemsList.voucher .inner-products .listcontent-order .item-listcart,
#itemsVariantsList.voucher .inner-products .listcontent-order .item-listcart {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
}

#itemsList.voucher .inner-products .listcontent-order .item-listcart label,
#itemsVariantsList.voucher
    .inner-products
    .listcontent-order
    .item-listcart
    label {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

#itemsList.voucher .inner-products .listcontent-order .item-listprice,
#itemsVariantsList.voucher .inner-products .listcontent-order .item-listprice {
    max-width: 50%;
}

#itemsList.voucher .inner-products .item-listcart .addToCartInput,
#itemsVariantsList.voucher .inner-products .item-listcart .addToCartInput {
    max-width: 80px;
    min-height: 36px;
}

#itemsList.voucher .inner-products .cartButtonWrapper button,
#itemsVariantsList.voucher .inner-products .cartButtonWrapper button {
    min-width: 80px;
    width: 80px;
    min-height: 36px;
}

#itemsList.voucher .inner-products .cartButtonWrapper button > .fa,
#itemsVariantsList.voucher .inner-products .cartButtonWrapper button > .fa {
    margin-left: auto;
    margin-right: auto;
}

.list-thumb {
    height: auto;
    max-height: 350px;
    display: block;
    position: relative;
    text-align: center;
}

.list-thumb:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.list-thumb > a img,
.list-thumb > img {
    margin: auto auto;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.list-thumb .list-special-offer,
.variants-col .col.productImageSmall .list-special-offer {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
}

.list-thumb .stock-is-empty,
.variants-flex .productImageSmall .stock-is-empty {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    border-top: solid 1px #073f81;
    padding: 8px 4px;
}

#noteSave {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.notification-save {
    display: none !important;
}

.notification-save p {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    margin: 0px 0px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.5;
}

div:target .notification-save {
    display: inline-block;
    color: #ffffff;
    background-color: #073f81;
    border-radius: 0px 0px 20px 20px;
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
}

div:target .notification-send {
    display: none;
}

.list-special-offer span,
.detail-special-offer span {
    color: #ffffff;
    display: block;
    padding: 0px 8px;
    font-size: 0.9rem;
    line-height: 34px;
    margin-bottom: 5px;
    font-weight: 400;
    text-transform: none;
    /* letter-spacing: 1px; */
    width: 100%;
    text-align: center;
    border-radius: 10px !important;
}

.detail-special-offer span {
    max-width: 100%;
    float: none;
    margin-right: 0px;
}

.item-offer {
    background-color: #c01818;
}

.list-special-offer i,
.detail-special-offer i {
    margin-right: 8px;
}

.detail-special-offer span {
    border-radius: var(--radiusPill);
}

.list-special-offer .badge-fruit,
.detail-special-offer .badge-fruit {
    width: 100%;
    max-width: 100px;
    background-color: rgb(244, 206, 54);
    color: rgb(215, 148, 22);
    font-size: 11px;
    border-radius: 0px 0px 20px 0px;
    min-height: 26px;
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 5px 0px 5px 5px;
    text-align: center;
}

.detail-special-offer .badge-fruit {
    width: 100%;
    min-width: 140px;
    max-width: 140px;
    justify-content: flex-start;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

.variants-col .col.productImageSmall .list-special-offer .badge-fruit,
.detail-special-offer .badge-fruit {
    border-top-left-radius: 15px;
}

.list-special-offer .badge-fruit p,
.detail-special-offer .badge-fruit p {
    text-align: left;
    color: rgb(123, 87, 18);
    font-size: 11px !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 100%;
}

.list-special-offer .badge-fruit .fas,
.detail-special-offer .badge-fruit .fas {
    margin: 0px 8px 0px 8px;
    font-size: 20px;
}

.hinweis-lieferzeit {
    margin: 12px 0px;
    border-radius: 10px;
    position: relative;
    isolation: isolate;
    z-index: 900;
}

.label-lieferzeit {
    display: block;
    width: 100%;
    padding: 8px 0px;
    margin: 0px 0px;
    background-color: rgba(252, 185, 52, 1);
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.label-lieferzeit i {
    margin-left: 8px;
    margin-right: 8px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}

.hinweis-lieferzeit .label-lieferzeit > span {
    display: block;
    text-align: center;
}

.hinweis-lieferzeit .label-lieferzeit > span:nth-child(3) {
    padding-top: 6px;
}

.content-lieferzeit {
    padding: 12px 18px;
    background-color: rgba(254, 227, 174, 1);
    color: rgb(100, 179, 44);
    font-size: 0.95rem;
    border-top: solid 1px #ffffff;
    display: block;
    border-radius: 0px 0px 20px 20px;
    font-weight: 400;
    position: relative;
    z-index: 1000;
}

#content .content-lieferzeit p {
    font-size: 0.95rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.hinweis-lieferzeit:hover .content-lieferzeit,
.hinweis-lieferzeit:focus .content-lieferzeit {
    display: block;
    cursor: default;
}

.hinweis-lieferzeit:hover .label-lieferzeit {
    border-radius: 20px 20px 0px 0px;
}

.variants-col .label-lieferzeit i {
    position: relative;
}

.variants-col .hinweis-lieferzeit {
    margin: 12px 0px 0px 0px !important;
    position: relative;
}

.variants-col .label-lieferzeit {
    text-align: left;
    line-height: 100%;
    letter-spacing: 0.1px;
    margin: 0px 0px 0px 0px !important;
    border-radius: 20px 20px 20px 20px !important;
    font-size: 0.85rem;
}

.variants-col .hinweis-lieferzeit .content-lieferzeit {
    display: none !important;
}

.variants-col .hinweis-lieferzeit:hover .content-lieferzeit {
    display: block !important;
}

.variants-col .hinweis-lieferzeit .content-lieferzeit {
    position: absolute;
    z-index: 1000;
}

#content .variants-col .hinweis-lieferzeit .content-lieferzeit p {
    font-size: 0.85rem !important;
}

.variants-col .hinweis-lieferzeit:hover .label-lieferzeit {
    border-radius: 15px 15px 0px 0px !important;
}

.variants-col .label-lieferzeit > span {
    width: 80%;
    display: inline-block;
    text-align: left;
    font-size: 0.85rem;
    vertical-align: top;
    line-height: 100%;
}

.xinner-products img,
.xlist-thumb img,
.xgroupthumb img {
    background: #e8f2e0;
    animation-name: loadingpulse;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
}

@keyframes loadingpulse {
    from {
        background-color: #ffffff;
    }

    to {
        background-color: #e8f2e0;
    }
}

.listcontent {
    background-color: transparent;
    border-top: solid 1px rgb(0, 122, 172);
    padding: 15px 10px 10px 10px;
    align-self: stretch;
    /*height: 100%;*/
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.listcontent h3 {
    border-bottom: 0px;
    text-transform: none;
    font-size: 1.25rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*height: 76px;*/
    text-shadow: 1px 1px #ffffff;
    color: rgb(100, 179, 44) !important;
    overflow: hidden;
    margin-bottom: 5px;
}

.listcontent .product-short {
    /*min-height: 75px;*/
    flex-grow: 1;
    margin-bottom: 15px;
}

.listcontent .productNo,
.listcontent .productNo * {
    font-size: 0.875em;
}

.item-listprice .price-addon a {
    color: rgb(148, 192, 69);
}

.item-listprice .price small {
    font-size: 65%;
}

.listcontent p.article-number {
    font-size: 0.8rem !important;
    margin-bottom: 0px;
}

.listcontent .productAttribute > span {
    display: inline-block;
    min-width: 130px;
}

.item-listprice {
    position: relative;
    width: 100%;
    display: inline-block;
    float: none;
    text-align: left;
    padding-bottom: 8px;
}

.item-listprice span.price {
    font-size: 1.25rem;
    line-height: 2rem;
}

.price-options {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.detail-information .price-options {
    justify-content: flex-end;
}

.price-options span[class^="priceUndiscounted_"] {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 1.2rem;
    line-height: 1rem;
}

.detail-information .price-options span[class^="priceUndiscounted_"] {
    font-size: 1.2rem;
    line-height: 1rem;
}

.detail-information .price-options span[class^="priceUndiscounted_"] strike {
    font-size: 1.55rem;
    line-height: 1rem;
}

.detail-information .price-tag .priceblock span.price.specialprice,
.item-listprice span.price.specialprice {
    color: rgb(189, 13, 29);
}

.price-options .price-savings {
    width: auto;
    text-align: right;
    margin-right: 10px;
    font-size: 1.15rem;
    color: rgb(189, 14, 34);
}

.detail-information .price-options .price-savings {
    display: inline-block !important;
    width: 100%;
    text-align: right;
    margin-right: 0px;
    font-size: 1.25rem;
    color: rgb(189, 14, 34);
    font-weight: 700;
}

.detail-information .price-options span[class^="specialPriceValid_"] {
    color: rgb(189, 14, 34);
    padding-bottom: 12px;
}

#pageNav {
    margin: 2rem 0px 2rem 0px;
    float: none !important;
}

.list-special-offer > div.label-red {
    color: #ffffff;
    background-color: rgb(189, 13, 29);
    line-height: 100%;
    padding: 8px 50px;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    text-align: center;
}

.label-circle {
    border-radius: 50em;
}

.label-rotate {
    position: absolute;
    transform: rotate(-45deg);
    top: 30px;
    left: -40px;
    z-index: 99;
}

/* Detailseite */

.nomobilheader {
}

.mobilheader {
    display: none;
    width: 95%;
    margin: 0px auto 2rem auto;
}

.mobilheader .header-1 {
    font-size: 1.8rem !important;
    margin-bottom: 2rem;
    color: #555;
    text-transform: none;
    text-align: left;
    border-bottom: 0;
    font-weight: bold;
    padding-bottom: 0;
    letter-spacing: 0.25px;
    word-spacing: 0.2px;
    line-height: 1.2;
}

.mobilheader .header-2 {
    color: #073f81;
    text-transform: none;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.3rem !important;
}

.single-post-desc {
    margin-bottom: 1rem;
}

.single-post-desc p {
    margin-bottom: 0.5rem;
}

.single-post-desc h1 {
    font-size: 2rem;
    font-weight: bold;
}

.branch-select,
.branch-selected {
    border-radius: var(--radiusAll);
    border: solid 1px rgb(128, 168, 57);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 1rem 0px 1rem 0px;
}

.branch-select .branch-text {
    color: rgba(128, 168, 57, 1) !important;
    margin-bottom: 0rem !important;
}

.branch-text {
    padding: 5px 15px 5px 20px;
    margin: 0px 0px 0px 0px !important;
}

.branch-selected {
    border-radius: var(--radiusAll);
    border: solid 1px rgb(128, 168, 57);
}

.branch-selected .branch-text p,
.branch-selected .branch-text {
    color: #073f81 !important;
}

.branch-select button,
.branch-selected button {
    float: right;
    width: 65px;
    height: 100%;
    display: block;
    color: #ffffff;
    min-height: 60px;
    font-size: 22px;
    border-radius: 0px 20px 20px 0px;
}

.branch-selected button.btn-success,
.branch-select button.btn-selectred {
    background-color: rgba(128, 168, 57) !important;
    border-color: rgba(128, 168, 57) !important;
}

.fachhaendler {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-end;
    margin: 1rem 0px 1rem 0px;
    padding: 10px;
    border: solid 1px #073f81;
    border-radius: var(--radiusAll);
    background-color: rgba(202, 198, 190, 0.3);
}

.fachhaendler img {
    max-width: 180px;
    height: auto;
    width: 100%;
}

.fachhaendler div:first-child {
    width: 65%;
    min-width: 65%;
}

.fachhaendler p {
    font-size: 1rem;
    line-height: 180%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.fachhaendler div:last-child {
    vertical-align: bottom;
    align-self: flex-end;
    text-align: right;
}

.startpaket .fab {
    font-size: 55px;
    color: #3c763dba;
    float: right;
    position: absolute;
    right: 15px;
    top: 30px;
}

.startpaket .fab.second {
    font-size: 55px;
    color: rgb(0, 122, 172);
    opacity: 1;
    float: right;
    position: absolute;
    right: 32px;
    top: 24px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
}

/* garantie */
.box-info-garantie {
    color: rgba(0, 0, 0, 0.8);
    margin: 0rem 0px 0rem 0px;
}

.box-info-garantie .inner {
    background-color: #cfe8c0;
    background-image: none;
    padding: 20px 30px 20px 30px;
    margin: 0rem 0px 0rem 0px;
}

.box-info-garantie .inner h3 {
    color: #ffffff !important;
    font-size: 1.3rem;
    background-color: rgba(100, 179, 44, 1);
    border-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
    padding: 10px 0px;
}

/* Starterpaket info */

.box-garantie > .awinfo {
    float: left;
    margin: 0px 0px 0px 12px;
    line-height: 1.8rem;
}

.awinfo .fas {
    font-size: 18px;
    font-weight: 900;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

.box-garantie {
    background-color: rgba(100, 179, 44, 1);
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-top: -1px;
    text-align: center;
    padding: 5px;
}

.box-garantie > p {
    color: #fff !important;
    margin: 0px 0px 0px 0px;
    line-height: 1.8rem;
    cursor: pointer;
}

.buy-select-block.startpaket {
    background-color: rgba(148, 192, 69, 0.35);
    padding: 1rem;
    border-radius: 20px 20px 0px 0px;
}

#productFullText h2,
#productFullText h3 {
    font-size: 1.55rem;
}

.detail-information > div {
    margin-left: 40px;
}

.detail-information .label {
    margin-left: 0px;
}

.detail-information .productAttribute .productNo {
    font-weight: 600;
    display: inline-block;
    min-width: 160px;
    white-space: nowrap;
}

.option-row,
.productfeature p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
}

.option-row:nth-child(even),
.productfeature p:nth-child(even) {
    background-color: rgba(193, 193, 193, 0.3);
}

.productfeature {
    margin-bottom: 3rem;
}

.productfeature small {
    font-size: 0.75rem;
    line-height: 0.85rem;
}

.details-body #content h4 {
    font-size: 1.2rem;
    /*margin-top: 2rem;*/
    margin-bottom: 1rem;
}

.productfeature .accordion-item {
    border: 0;
}

.productfeature h4 {
    width: 100%;
    display: block;
    margin: 3rem 0px 10px 0px;
    padding: 0px 0px 5px 8px;
    font-size: 1.1rem;
}

#flexSearchContentArea .accordion-item,
.accordion-sort .accordion-item {
    border: 0;
}

.productfeature .accordion-item .accordion-header,
#flexSearchContentArea .accordion-item .accordion-header,
.accordion-sort .accordion-item .accordion-header {
    width: 100%;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.1rem;
    border: solid 1px #c0c0c0;
    border-radius: 1.5rem;
    color: rgb(0, 122, 172);
    font-weight: 600;
    overflow: hidden;
}

.productfeature .accordion-item .accordion-header .accordion-button,
#flexSearchContentArea .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    color: rgb(0, 122, 172);
    padding: 0.85rem 1.25rem;
    font-size: 1.1rem;
    overflow: hidden;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.productfeature
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed),
#flexSearchContentArea
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: rgb(0, 122, 172);
    color: #ffffff;
    border-radius: 1rem;
    border: solid 1px rgb(0, 122, 172);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.accordion-button:not(.collapsed):after {
    height: 100%;
    background-color: transparent;
    border: 0;
    min-width: 60px;
    position: absolute;
    right: -1px;
    border-radius: 1rem 0em 0rem 1rem;
    text-align: center;
    vertial-align: middle;
    background-position: center center;
    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");
    transform: rotate(-180deg);
}

.accordion-button:after {
    height: 100%;
    background-color: rgb(0, 122, 172);
    border: solid 2px rgb(0, 122, 172);
    min-width: 60px;
    position: absolute;
    right: -1px;
    border-radius: 0 1rem 1rem 0;
    text-align: center;
    vertial-align: middle;
    background-position: center center;
    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");
}

.accordion-body {
    padding: 1rem 0.25rem;
}

.productfeature .accordion-item {
    margin-bottom: 2rem;
}

.option-row .col-name,
.productfeature p > strong {
    min-width: 280px;
    width: 280px;
    max-width: 280px;
    font-weight: 600;
    padding-right: 10px;
    display: inline-block;
}

.option-row .col-value,
.productfeature p {
}

.component-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: start;
    margin: 0px 0px 2rem 0px;
    padding: 0px 0px 0px 0px;
    gap: 40px;
}

.component-list .component-item {
    min-width: 15%;
    width: calc((100% / 5) - 32px);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 12px 12px;
    border: solid 0px rgba(210, 210, 210, 0.8);
    overflow: hidden;
}

.component-list .component-item .component-image {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 12px 12px;
    border: solid 2px rgba(210, 210, 210, 0.8);
}

.component-list .component-item .component-image:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.component-list .component-item .component-image img {
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    min-height: 100%;
    min-width: 100%;
    margin: auto auto;
    position: absolute;
    width: 100%;
}

.component-list .component-item p > strong {
    font-weight: normal;
}

.component-list .component-item > p {
    text-align: center;
    font-size: 0.85rem !important;
    margin: 8px 0px 8px 0px;
    padding: 0px 6px 0px 6px;
    vertical-align: middle;
}

.component-header {
    margin-bottom: 1rem;
}

.component-header p {
    font-weight: 700;
}

.carousel-control-next {
    margin: auto auto auto 0px !important;
    align-self: flex-start;
}

.carousel-control-next {
    margin: auto 0px auto auto !important;
    align-self: flex-end;
}

.lightbox.fade.show {
    opacity: 1 !important;
}

.modal-open .modal {
    z-index: 2000 !important;
}

.modal-backdrop {
    z-index: 1207 !important;
}

#productaddon {
    margin-bottom: 2rem;
}

#productaddon .Zslider {
    width: 100%;
    margin: 0px auto;
}

.modal-header,
.modal-header > h4 {
    background-color: #073f81;
    color: #ffffff !important;
}

.modal-body .btn-success {
    background-color: #073f81;
    border-color: #073f81;
}

.modal-body #branches .table > thead > tr > th {
    background-color: rgba(148, 192, 69, 1);
}

/* Partslist */

.partTable {
    width: 100%;
    background-color: rgba(242, 242, 242, 1);
    border-radius: 0px 0px 8px 8px;
}

.partTable tr td {
    padding: 0px 12px;
}

.partTable tr {
    border-bottom: solid 1px #073f81;
}

.partTable .plOptions {
    width: 100%;
    margin-bottom: 20px;
}

.partTable .plOptions tr td,
.partTable .plOptions tr {
    padding: 0px 0px;
    border-bottom: 0px;
}

.partTable .plOptions td > table {
    margin-bottom: 10px;
    margin-top: 12px;
}

.productPartsListe {
    display: block;
    position: relative;
    clear: both;
    float: none;
}

.productPartsListe h4 {
    text-transform: none !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin: 2rem 0px 0px 0px !important;
    background-color: #1f66ba;
    line-height: 35px;
    color: #ffffff;
    padding: 0px 12px 0px 12px;
    border-radius: 8px 8px 0px 0px;
}

.partsDescription {
    background-color: rgba(242, 242, 242, 1);
}

.productPartsListe .partsInfobox,
.productPartsListe .partsAmount {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding-left: 10px;
}

.productPartsListe .partsAmount {
    justify-content: flex-start;
    margin-bottom: 8px;
}

.productPartsListe .partsInfobox p,
.productPartsListe .partsAmount p {
    margin: 0px 0px 0px 0px;
}

.productPartsListe .partsInfobox .partsInfoName {
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
}

.productPartsListe .partsInfobox .partsInfoPreis,
.productPartsListe .partsInfobox .partsInfoPreis p {
    font-size: 1.4rem !important;
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    color: rgb(0, 122, 172);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.productPartsListe .partsAmount .addToCartInput {
    max-width: 60px;
    margin-left: 20px;
}

.productPartsListe .partsInfoWrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.productPartsListe .partsInfotext {
    width: auto;
    max-width: 100%;
    font-size: 0.85rem !important;
    padding-top: 12px;
}

.partsInfotext ul {
    margin-top: 12px;
    padding-left: 1rem;
}

.partsInfotext ul li {
    padding: 2px 0px 5px 0px;
}

.partsInfotext .more-info {
    margin-bottom: 0rem;
    text-align: center;
}

.partsInfotext .more-info > a {
    text-decoration: none;
    font-weight: 600;
}

.partsInfotext .more-info > a:hover {
    text-decoration: underline;
}

.productPartsListe .partsInfoIMG {
    width: 100%;
    height: 170px;
    max-width: calc(100% / 2);
    padding-right: 12px;
}

.productPartsListe .partsInfoIMG > img {
    width: auto;
    height: 100%;
    max-height: 100%;
}

.plOptions .checkboxCoupled {
    float: left;
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
}

.plOptions .plSelectOptions {
    float: left;
    display: inline-block;
    width: calc(100% - 35px);
    position: relative;
}

.plOptions .plSelectOptions .plImage {
}

.plInfotext {
    padding-left: 35px;
}

.cart-wrapper .partslist-pos i {
    color: rgb(0, 122, 172) !important;
    font-size: 0.85rem;
}

.infocart-pos.partslist-pos i {
    font-size: 0.85rem;
    margin-right: 8px;
}

.cartItem .partslist-pos {
    padding: 4px 8px;
}

.cartItem .partslist-pos i {
    font-size: 0.85rem;
}

/* Filter */

.flexSearchConfigWide {
    display: block;
    float: none;
    padding: 0px 0px;
    width: 100%;
}

.flexSearchItemWide {
    margin-bottom: 0;
}

.flexSearchFooter {
    margin-top: 0px;
    text-align: right;
}

.flexSearchValueRow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.flexSearchValueRow .flexSearchValue {
    flex-grow: 1;
}

.flexSearchValueRow .rightText > button {
    max-width: 34px;
    max-height: 34px;
    height: 34px;
    width: 34px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    vertical-align: middle;
}

.selectedFilter {
    display: inline-block;
    position: relative;
    padding: 0px 15px 0px 0px;
    margin: 20px 0px;
}

.movelast {
    order: 99;
}

.flexcolumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px 20px;
}

.flexcolumn .flexSearchItemWide {
    width: calc((100% / 3) - 50px);
    max-width: calc((100% / 3) - 50px);
    flex-grow: initial;
    float: none;
    display: inline-block;
    min-width: 300px;
    /* border-bottom: solid 1px rgb(204, 203, 203); */
}

.flexcolumn div.flexSearchItemWide:nth-of-type(3n) {
    /* margin-right: 0px; */
}

#flexSearchContentArea {
    border-radius: 1rem 1rem 0px 0px;
    margin-bottom: 20px;
}

#flexSearchContentArea h5 {
    background-color: rgb(0, 122, 172);
    color: #ffffff;
    border-radius: 1rem;
    border: solid 1px rgb(0, 122, 172);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    font-size: 1.1rem;
    padding: 1rem 1.25rem;
}

#flexSearchContentArea h5 > i {
    margin-right: 15px;
}

.selectedFilter-wrapper {
    display: block;
    width: 100%;
}

.selectedFilter > input,
.selectedFilter > p {
    border-radius: var(--radiusPill);
    border: 0;
    background-color: #dc3545;
    color: #ffffff;
    font-size: 0.9rem;
    padding: 5px 35px 5px 15px;

    position: relative;
}

.selectedFilter::before {
    content: "\f00d";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    color: #ffffff;
    padding: 5px 0px 5px 0px;
    z-index: 1;
}

.filter-nolink.selectedFilter::before {
    display: none;
}

.filterreset {
    display: block;
    width: 100%;
    clear: both;
}

.flexSearchFooter {
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
    margin: 1rem 0px 0px 0px;
    padding-bottom: 1rem;
}

.flexSearchItemWide h4 {
    font-size: 12pt;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.flexSearchPropertyDescription {
    min-height: 3rem;
}

.flexSearchNoOption {
    background-color: #ffffff;
    text-align: center;
    font-size: 0.85rem;
    color: rgb(170, 71, 66);
    padding: 5px 0px;
}

.flex-result {
    background-color: rgba(210, 205, 205, 1);
    border-radius: 0px 0px 8px 8px;
    border-bottom: solid 1px rgba(94, 149, 47, 0.8);
}

.flex-result > p {
    display: block;
    float: none;
    margin: 0px auto;
    padding: 15px 0px;
    width: 96%;
    text-align: center;
    font-weight: 900;
}

.flexcolumn .form-select {
    max-width: 100%;
}

.sortoption {
    width: 100%;
    margin: 0rem 0px 1rem 0px;
    display: block;
    isolation: isolate;
}

.form-select,
select.input-style {
    border-radius: 1rem;
    color: #888d93;
    font-size: 0.85rem;
}

.form-select option,
select.input-style option {
    color: #888d93;
    font-size: 0.85rem;
}

.form-select.show-mobil,
select.input-style.show-mobil {
    margin-left: auto;
    margin-right: auto;
}

.sortoption .accordion-header,
.accordion-flex .accordion-header,
.sortoption .accordion-button,
#flexSearchContentArea .accordion-item .accordion-header .accordion-button {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    color: #555;
    font-size: 1rem;
    padding: 1rem 1.25rem;
}

.sortoption .accordion-collapse,
.accordion-flex .accordion-collapse {
    background-color: rgba(242, 242, 242, 1);
    border-top: solid 2rem rgba(242, 242, 242, 1);
    margin-top: -2rem;
}

.sortoption .accordion-body fieldset {
    width: 90%;
    display: block;
    position: relative;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 0;
    margin: 0px auto 0px auto;
}

.sortoption .accordion-button:not(.collapsed),
#flexSearchContentArea
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: rgb(0, 122, 172);
    color: #ffffff;
    border-radius: 1rem;
    border: solid 1px rgb(0, 122, 172);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.sortoption .accordion-body,
.accordion-flex .accordion-body {
    width: 100%;
    display: block;
    position: relative;
    background-color: rgba(242, 242, 242, 0);
    margin-bottom: 25px;
    border-radius: 8px;
    border-bottom: solid 1px rgb(0, 122, 172);
    position: relative;
    z-index: 1;
    padding: 3rem 0.25rem -2rem 0.25rem;
}

.sortoption .form-radiogroup {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.sortoption .form-radiogroup label {
    margin-bottom: 0px;
    font-size: 0.85rem;
    font-weight: 400;
}

.sortoption .accordion-button::after,
.accordion-flex .accordion-button::after {
    height: 100%;
    background-color: #555;
    border: solid 2px #555;
}

.empty-search,
.search-resultword {
    display: block;
    width: 100%;
    background-color: rgba(242, 242, 242, 1);
    border-radius: var(--radiusAll);
    padding: 15px 5px;
    text-align: center;
    margin-bottom: 2rem;
}

.empty-search p,
.search-resultword p {
    font-size: 1rem;
    padding: 5px 0px;
    margin: 0px 0px 0px 0px;
}

.search-resultword p em {
    font-style: italic;
    font-size: 1.2rem;
}

.search-resultword .highlight {
    font-weight: 900;
}

/* Slider */
.single-product-tab {
    float: none;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
}

.single-product-tab .tab-content {
    position: relative;
    float: none;
    border-radius: 0;
    margin-bottom: 70px;
    min-height: 450px;
    /*max-height: 550px;*/
    overflow: hidden;
}

.single-product-tab .tab-content .swipe-items > div {
    /*border: solid 1px #868686;*/
    border-radius: 0;
}

.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    margin: 0 -12px;
}

.slick-slide {
    margin: 0 12px;
}

.slick-prev,
.slick-next {
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

.slider.slider-nav {
    display: none;
}

.slick-track .slick-slide {
    max-height: 550px;
    border-radius: 15px;
    border: solid 1px rgb(221, 221, 221);
    overflow: hidden;
}

.swipe-items .slick-track {
    height: 100%;
    max-height: 550px;
}

.swipe-items .slick-track .slick-slide {
    height: 546px;
    max-height: 550px;
}

.slider.slider-nav .plant-sliderimg,
.slider.slider-nav .prod-sliderimg {
    max-height: 130px;
    max-width: 130px;
    width: 130px;
    overflow: hidden;
    border-radius: 15px;
    border: solid 1px rgb(221, 221, 221);
    position: relative;
}

.slider.slider-nav .plant-sliderimg::after,
.slider.slider-nav .prod-sliderimg::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.productImage {
    border-radius: 0;
    /*border: solid 1px rgb(221, 221, 221);*/
    display: block !important;
    height: 100% !important;
    cursor: inherit;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.slider.slider-nav .plant-sliderimg .productImage,
.slider.slider-nav .prod-sliderimg .productImage {
    position: absolute;
}

.slick-prev {
    left: 0px !important;
    height: 100% !important;
    width: 40px !important;
}

.slick-next {
    right: 0px !important;
    height: 100% !important;
    width: 40px !important;
}

/*  Video */

.produkt-video {
    width: 100%;
    max-width: 100%;
    position: relative;
    border-radius: 15px;
}

.produkt-video .innerplayer {
    position: relative;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 15px;
}

.produkt-video .innerplayer iframe,
.produkt-video .innerplayer object,
.produkt-video .innerplayer embed,
.produkt-video .innerplayer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

/* Buy and Select */

.buy-select-block {
    display: block;
    padding: 12px 0px 12px 0px;
    margin: 2px 0px;
    float: left;
    position: relative;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
}

.buy-select-block p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.buy-select-block .addToCartRow {
    background-color: transparent;
    /* border: solid 1px #ced4da !important;
  border-radius: 10px; */
    padding: 0 0.875rem 0 0;
}

.buy-select-block .addtoCartBush {
    background-color: transparent;
    border: solid 1px #777 !important;
    border-radius: 10px;
    padding: 12px 12px 12px 12px;
    display: flex;
    align-content: center;
    align-items: center;
}

.buy-select-block .addtoCartBush .unitrow {
    align-items: center;
}

.buy-select-block::before {
    content: "";
    width: 0;
    height: 0;
    display: none;
}

.buy-select-block::after {
    content: "";
    width: 0;
    height: 0;
    display: none;
}

.last-block.buy-select-block {
    min-height: 60px;
    max-height: 60px;
    height: 60px;
    margin: 0px 0px;
}

.last-block.buy-select-block > a {
    line-height: 3rem;
}

.last-block.buy-select-block .btn-selectgreen {
    background-color: rgb(147, 191, 68) !important;
    border-color: rgb(147, 191, 68) !important;
}

.detail-information .addToCartRow .label {
    border-radius: 20px 20px 0px 0px;
}

.detail-information .addToCartRow .btn.btn-warning {
    border-radius: 0px 0px 20px 20px;
    width: calc(100% + 24px);
    margin: 0px -12px 0px -12px;
    border-radius: 10px;
}

.buy-select-block .btn-success,
.cartButtonWrapperDetails > button {
    min-height: 2.5em;
    border-radius: 10px;
    font-size: 0.9rem;
}

.cartButtonWrapperDetails > button .fa {
    padding: 0px 12px;
    font-size: 20px;
}

.buy-select-block .addToCartRow > div,
.buy-select-block .addToCartRow div.form-group {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    border-radius: 10px;
}

.buy-select-block .addToCartRow > div .col:last-child {
    max-width: 80px;
}

.buy-select-block .addToCartRow .buy-amount {
    color: #555 !important;
    font-size: 1rem !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.buy-select-block .addToCartRow {
    vertical-align: middle;
}

.buy-select-block .addToCartRow label {
    font-size: 1.1rem;
    font-weight: 400;
    padding: 0px 8px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.buy-select-block .addToCartRow .addToCartInput {
    max-width: 60px;
    margin-top: 3px;
}

.detail-information .price-tag {
    background-color: transparent;
    display: block;
    width: 100%;
    padding: 12px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
}

.detail-information .productNotification {
    background-color: rgba(252, 185, 52, 1);
    border: solid 1px rgba(1252, 185, 52, 1);
    border-radius: var(--radiusAll);
    padding: 12px 12px 12px 12px;
    clear: both;
    float: none;
    margin-left: auto;
    width: calc(100% - 65px);
    margin-right: 15px;
}

.offer-button {
    display: block;
    width: 100%;
    padding: 12px 0px 12px 0px;
    margin: 0px 0px;
    position: relative;
    background-color: transparent;
}

.offer-button > a,
#content .offer-button > a {
    font-size: 1.1rem;
    color: #ffffff !important;
    background-color: #d42b00 !important;
    border-color: #d42b00 !important;
    height: auto !important;
    padding: 12px 15px 12px 15px;
    min-height: 34px;
    text-align: center;
    display: block;
    width: 100%;
    text-decoration: none;
    border-radius: var(--radiusAll);
}

.offer-button > a span {
    display: block;
    margin: 0px auto;
}

/* Calculator */

.pressureCalculator {
    font-size: 14px;
    display: block;
    padding: 1rem 13rem 1rem 1rem;
    margin: 2rem 0px;
    background-color: rgba(136, 170, 233, 0.6);
    border: solid 1px rgba(136, 170, 233, 1);
    border-radius: 6px;
    max-width: 50%;
}

.pressureCalculator {
    background-size: auto 88%;
}

.pressureCalculator form {
    margin: 0px 0px 0px 0px;
}

.pressureCalculator .formrow {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin: 0px 0px 8px 0px;
}

.pressureCalculator .formrow > div {
    min-width: 30px;
}

.pressureCalculator .formrow label {
    display: block;
    margin: 0px 0px 0px 0px;
}

.pressureCalculator .formrow input {
    padding: 4px 4px;
    font-size: 12px;
    margin: 6px 0px;
}

.mathicon {
    padding: 0px 5px;
    text-align: center;
    vertical-align: bottom;
    font-size: 32px;
    font-weight: bolder;
    align-self: end;
}

.pressureCalculator .formrow .input-result {
    margin: 6px 6px;
    max-width: 50px;
    background-color: rgba(255, 255, 255, 0.4);
    border: solid 1px rgba(136, 170, 233, 1);
    font-size: 14px;
    -moz-appearance: textfield;
    input: -webkit-outer-spin-button;
}

.pressureCalculator .formrow .input-result:focus {
    border: solid 1px rgba(136, 170, 233, 1);
    outline: none;
}

.pressureCalculator .buttonrow {
    border-top: solid 1px rgba(136, 170, 233, 1);
    padding: 12px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.pressureCalculator .buttonrow button {
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    color: #ffffff;
    background-color: rgba(61, 104, 182, 1);
    border: solid 1px rgba(61, 104, 182, 1);
    border-radius: 6px;
    line-height: 140%;
    cursor: pointer;
}

/* Varianten */

.variants-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
}

.variants-row {
    width: 48%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    align-content: stretch;
}

.variants-col {
    background-color: #c3daf6;
    border-radius: 15px 15px 15px 15px;
}

.variants-col > div,
.variants-col > form,
.variants-col .row {
    height: 100%;
    display: flex;
}

.variants-col .col {
    margin-left: 0px;
}

.variants-col .col.productImageSmall {
    margin-left: 0px;
    max-height: 100%;
    min-height: 220px;
    overflow: hidden;
    position: relative;
    max-width: 40%;
}

.variants-col .price-tag {
    position: relative;
    margin-top: 0px;
}

.variants-col p.productAttribute {
    margin-bottom: 0rem !important;
}

.variants-col img.productImageSmall {
    border-radius: 15px;
    border: solid 1px rgb(221, 221, 221);
    max-width: 100% !important;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

.variants-col small.price-addon {
    position: relative;
    white-space: nowrap;
    bottom: 0px;
    right: 0;
    display: block;
}

.variants-header {
    font-size: 1.3rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.variants-header > a {
    text-decoration: none;
    font-size: 1.2rem;
    color: rgb(0, 122, 172) !important;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.text-left .add-to-cart {
    text-align: left !important;
    display: none;
}

.variant-attributes {
    margin-bottom: 1rem;
}

.variant-attributes .productAttribute {
    font-size: 0.95rem;
}

.variant-attributes .productAttribute .productNo {
    font-weight: 600;
    display: inline-block;
    min-width: 125px;
    white-space: nowrap;
    font-size: 0.95rem;
}

.ready-for-shipment-variants > .label,
.detail-information .label {
    border-radius: 50rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    display: inline-block;
    min-width: 140px;
    background-color: #e9f1f5;
    color: #555;
}

.detail-information .label.label-success {
    background-color: #92c01d;
    color: #fff;
}

.productInfo {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    padding: 15px 15px 15px 15px !important;
}

.productInfo > div {
    margin-left: 15px;
    margin-right: 15px;
}

small.price-addon {
    color: #444444;
    font-size: 0.875rem;
    position: relative;
    white-space: nowrap;
    bottom: 0;
    right: 0;
    display: block;
}

.item-listprice small.price-addon {
    position: relative;
    white-space: nowrap;
    bottom: 0px;
    left: 0px;
}

.detail-information .label-infoshipping {
    display: block;
    color: #444444;
    position: relative;
    line-height: 30px;
    text-align: left;
    border-radius: var(--radiusAll);
    border: solid 1px rgb(128, 168, 57);
    margin: 1rem 0px 0rem 0px;
    padding: 12px 60px 12px 20px;
    border: solid 1px #073f81;
    border-radius: var(--radiusAll);
    background-color: rgba(202, 198, 190, 0.3);
}

.detail-information .label-infoshipping::after {
    content: "\f0d1";
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    right: 0px;
    background-color: rgba(128, 168, 57) !important;
    color: #ffffff;
    border-radius: 0px 20px 20px 0px;
    display: flex;
    top: 0;
    height: 100%;
    width: 60px;
    min-width: 60px;
    justify-content: center;
    align-content: center;
    align-items: center;
}

/* Frage Box */

.box-questions {
    border-radius: 10px;
    display: block;
    position: relative;
    overflow: hidden;
    /*margin-left: 20px;
margin-top: 2.5rem; */
}

.box-questions p {
    margin-bottom: 0;
}

.box-questions p,
.box-questions a {
    font-size: 0.8em !important;
}

.box-questions .box-kontakt {
    background-color: rgb(0, 122, 172);
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
}

.box-questions .box-shipping {
    background-color: #e9f1f5;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
}

.box-kontakt .box-inner,
.box-shipping .box-inner {
    padding: 10px 20px;
    margin: 0px 0px 0px 0px;
}

.box-kontakt p,
.box-kontakt p a {
    color: #ffffff;
    font-size: 1rem;
}

#content .box-kontakt a,
#content .box-kontakt p a {
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem;
    color: #ffffff !important;
}

#content .box-kontakt a:hover,
#content .box-kontakt p a:hover {
    text-decoration: underline;
}

#content .box-shipping a,
#content .box-shipping p a {
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    display: inline-block;
    line-height: 1.2rem;
}

#content .box-shipping a:hover,
#content .box-shipping p a:hover {
    text-decoration: underline;
}

#content .box-shipping a > span {
    font-weight: 900;
    font-size: 1rem;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
}

.cart-head {
    border-radius: 8px 8px 0px 0px;
}

#voucherBox .cart-head {
    border-radius: var(--radiusSmallTop);
}

#voucherBox.cart-total-box > ul,
#voucherBox.cart-total-box > ul > li > input {
}

#voucherBox .btn-success.disabled,
#voucherBox .btn-success:disabled {
}

/* Vorteile Sonderbereich */
.prod_vorteile .row > div > div {
    border: solid 1px rgb(0, 122, 172);
    margin: 12px;
    min-height: 200px;
}

.prod_vorteile .row > div {
    padding: 0px 0px !important;
}

.prod_vorteile h3 {
}

/* Forms */

.btn-success {
    background-color: rgb(0, 122, 172);
    border-color: rgb(0, 122, 172) !important;
}

.btn-success:hover {
    color: #fff;
    background-color: rgb(0, 122, 172) !important;
    border-color: rgb(0, 122, 172) !important;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: rgb(0, 122, 172) !important;
    border-color: rgb(0, 122, 172) !important;
}

.btn-check:focus + .btn-success,
.btn-success:focus {
    color: #fff;
    background-color: rgb(0, 122, 172) !important;
    border-color: rgb(0, 122, 172) !important;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.btn-success.submit {
    padding: 0.375rem 25px;
    min-width: 250px;
}

fieldset {
    width: 100%;
    display: block;
    position: relative;
    background-color: rgba(242, 242, 242, 1);
    margin-bottom: 25px;
    border-radius: 8px;
    border-bottom: solid 1px rgb(0, 122, 172);
}

fieldset legend {
    background-color: rgb(0, 122, 172);
    border-bottom: 0;
    line-height: 35px;
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff;
    padding: 0px 12px 0px 12px;
    border-radius: 10px 10px 0px 0px;
}

fieldset label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 1px solid rgba(206, 212, 218, 1);
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.075) inset,
        0 0 8px rgba(206, 212, 218, 0.6);
    outline: 0 none;
}

header input[type="search"]:focus,
header input[type="text"]:focus {
    border: 1px solid rgb(0, 122, 172);
}

.form-control:focus {
    border: 1px solid #ced4da;
}

fieldset .form-group label,
fieldset .check-box {
    color: #555;
}

fieldset .check-box {
    padding: 12px 12px 12px 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

fieldset .check-box > * {
    display: block;
}

fieldset .check-box label {
    margin-left: 8px;
}

.form-radiogroup {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.form-radiogroup .form-check {
    margin-right: 20px;
}

fieldset .form-group .input-style {
    border-radius: 4px;
}

fieldset .form-group.sidebyside label {
    width: calc(100% - 250px);
    max-width: 50%;
    flex: 0 0 50%;
}

.form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.form-group.grouparea {
    align-content: flex-start;
    align-items: flex-start;
}

/* custom checkbox */

.checkboxCoupled .form-check-input,
.checkboxCoupled .form-check-input:focus,
.checkboxCoupled input[type="checkbox"]:focus {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    outline-offset: 0;
    cursor: pointer;
}

.checkboxCoupled .form-check-input:checked {
    background-color: rgba(128, 168, 57);
    border-color: rgba(128, 168, 57);
}

/* Gutscheine */
.voucher-sale {
    margin-bottom: 3rem;
}

.voucher-sale .bubble-button,
.voucher-sale a.bubble-button {
    background-color: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(255, 255, 255, 0.9);
    display: block;
    border-radius: var(--radiusPill);
    color: rgb(0, 122, 172) !important;
    text-decoration: none;
    text-align: center;
    padding: 8px 15px;
    width: 100%;
    font-weight: 600;
    margin-top: 15px;
}

.voucher-sale a.bubble-button:hover {
    background-color: rgba(255, 255, 255, 1);
}

/* Bestellvorgang */

.orderable-info {
    border: solid 2px rgb(176, 42, 55);
    margin: 2rem 0px;
    padding: 2rem 2rem 1.5rem 2rem;
    color: rgb(176, 42, 55) !important;
    border-radius: var(--radiusAll);
    background-color: rgba(115, 113, 112, 0.1);
    text-align: center;
}

.orderable-info p,
.orderable-info p em {
    color: rgb(176, 42, 55) !important;
    margin-bottom: 0.5rem;
}

.orderable-info p em {
    font-weight: 600;
}

.cart-head > h2 {
    color: #fff !important;
    width: 98%;
    margin: auto;
}

#formNav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

#formNav hr {
    width: 100%;
    flex-grow: 1;
}

#formNav .btn.btn-success {
    margin-left: auto;
    min-width: 120px;
}

#formNav .btn-danger {
    color: #fff;
    background-color: rgb(0, 122, 172);
    border-color: rgb(0, 122, 172) !important;
}

#formNav > a {
    margin-right: 12px;
}

.box-info-password {
    padding: 20px 0px;
    width: 100%;
    margin: 0rem auto;
}

.box-info-register {
    margin: 1rem auto;
    background-color: rgba(148, 192, 69, 0.2) !important;
    padding: 20px;
    border-radius: var(--radiusSmallAll);
    width: 100%;
}

.box-info-register p {
    padding: 0px 0px;
    margin: 0px 0px;
}

.progress .progress-bar {
    background: #edf4f7;
    color: #555;
    font-size: 1rem;
    font-weight: bold;
}

.order-withregistration,
.order-guest {
    margin-bottom: 2rem;
    background-color: #e9f1f5 !important;
    padding: 20px;
    border-radius: 10px;
}

.order-login .heading2 {
    border-radius: var(--radiusSmallAll);
}

.box-branchinfo h5,
.box-infocart h5 {
    font-size: 1rem;
    color: #555 !important;
    border-bottom: 2px solid #555;
    padding: 4px 4px 4px 12px;
    margin: 0px 0px 12px -12px;
}

.heading2 > h2,
.heading6 > h2 {
    color: #555 !important;
    font-weight: 600;
}

.option-useshipto {
    background-color: #e9f1f5 !important;
    padding: 20px;
    border-radius: 10px;
}

.option-useshipto .form-group {
    margin-bottom: 0px;
}

.option-useshipto label.checkbox {
    width: 100%;
    cursor: pointer;
    color: #555 !important;
}

fieldset.shipping-info {
    border-bottom: solid 1px rgb(252, 185, 52);
    background-color: rgba(252, 185, 52, 0.2);
}

fieldset.shipping-info legend {
    background-color: rgba(252, 185, 52, 0.8);
}

.group-order-wrapper,
.order-okoverview {
    width: 100%;
    display: block;
    position: relative;
    background-color: rgba(242, 242, 242, 1);
    margin: 0px 0px 45px 0px;
    border-radius: var(--radiusSmallAll);
    border-bottom: solid 1px #555;
}

.group-order-wrapper h4,
.order-okoverview h4 {
    background-color: rgb(0, 122, 172);
    border-bottom: 0;
    line-height: 35px;
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff;
    padding: 0px 12px 0px 12px;
    border-radius: var(--radiusSmallTop);
}

.group-dispatcher,
.group-payment {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
    margin: 0px 12px 0px 12px;
}

.orderinfo-box p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.group-order-wrapper .order-memo {
    background-color: transparent;
}

.group-order-wrapper.mt-4 {
    margin-top: 4rem !important;
}

.sumtable {
    border: 1px solid #555;
}

.order-okoverview .inner-products {
    padding: 0px 0px !important;
    margin: 20px 38px 20px 0px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    min-height: 300px;
    background-color: #ffffff !important;
}

#trustbadgeCustomCheckoutContainer {
    margin: 0px auto 4rem auto;
}

#trustbadgeCustomCheckoutContainer a,
#content #trustbadgeCustomCheckoutContainer a {
    color: rgb(77, 77, 77) !important;
}

#trustbadgeCustomCheckoutContainer div[id*="Button"] a,
#content #trustbadgeCustomCheckoutContainer div[id*="Button"] a {
    color: #ffffff !important;
}

/* SALE Winterinspektion */

.sale-info-winter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    margin: 2rem auto;
    padding: 0px 0px;
    max-width: 800px;
}

.sale-info-image {
    width: 50%;
    max-width: 300px;
    min-width: 300px;
}

.sale-info-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    font-weight: 600;
    font-size: 1.2rem;
    width: 100%;
}

#content .sale-info-text p {
    font-size: 1.2rem;
    max-width: 80%;
    margin: 1rem auto 3rem auto;
}

.sale-button {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50em;
    background-color: red;
    width: 100%;
    height: 100%;
    color: #ffffff;
    max-width: 300px;
    max-height: 150px;
    min-width: 300px;
    min-height: 150px;
    font-size: 26px;
}

#content .sale-button a {
    font-size: 26px;
    color: #ffffff !important;
    text-decoration: none;
}

.sale-button .saleprice,
#content .sale-button a .saleprice {
    display: block;
    font-weight: 900;
    font-size: 26px;
}

.asksam .single-img {
    border-radius: 15px;
    /*border: solid 1px rgb(221, 221, 221); */
    display: block !important;
    height: 100% !important;
    max-width: 100% !important;
    cursor: pointer;
    width: 95%;
    object-fit: cover;
    margin-right: 25px;
    overflow: hidden;
    position: relative;
}

.asksam .single-img img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.asksam .single-img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.asksam .product-short-attribute p {
    margin-bottom: 0.5rem;
}

/* register */

.welcomepartner .btn {
    width: 100%;
    max-width: 320px;
}

.ordertable-wrapper .table th {
    background-color: #c8d3b2;
    padding: 10px 8px;
}

@media all and (max-width: 1320px) {
    .header .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 769px) {
    #mm-mobilmenu {
        display: none !important;
    }
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
    .mobilnav {
        display: block;
    }

    h1 {
        font-size: 1.8rem !important;
    }

    .sitesearch {
        display: none;
    }

    .topicon.icon-nav,
    .topicon.icon-search {
        display: block;
    }

    .header .navbar .menu li.dropdown ul.dropdown-menu {
        display: none !important;
    }

    .header .navbar .menu li.dropdown > ul.dropdown-menu.show {
        display: flex !important;
        opacity: 1 !important;
    }

    .dropdown-menu.show > li.dropdown > .dropdown-menu.show {
        display: flex !important;
        opacity: 1 !important;
    }

    .show-mobil {
        display: block !important;
    }

    .hide-mobil {
        display: none !important;
    }

    .header .navbar .menu ul.navbar-nav {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: stretch;
        align-items: flex-start;
        align-content: flex-start;
    }

    .header nav {
        top: 0px;
        width: 100%;
        right: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .header .navbar .menu {
        height: 100%;
    }

    .topinfo {
        display: none;
    }

    .navbar-nav > li.nav-item {
        border-radius: 0px 0px 0px 0px;
        text-align: left;
        min-width: 100%;
    }

    .navbar-nav > li.nav-item,
    .header nav .menu ul li {
        border-radius: 1rem;
        padding: 8px 12px 8px 12px;
        text-align: left;
        min-width: 100%;
        position: relative;
        margin-bottom: 2px;
    }

    .navbar-nav > li.nav-item.active {
        padding: 4px 0px 4px 12px;
    }

    .navbar-nav > li.nav-item > a.nav-link {
        width: 100%;
        border-radius: 1rem;
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        line-height: 20px;
        color: white;
    }

    .header .navbar .menu li.dropdown ul.dropdown-menu {
        display: none;
    }

    .navbar-nav li span.dropdown-toggle {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0px;
        height: 100%;
        display: block;
        width: 25px;
        height: 70px;
        text-align: center;
        padding: 6px 10px 6px 0px !important;
        line-height: 50px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
    }

    .header .navbar .menu ul.dropdown-menu.show {
        display: flex !important;
        opacity: 1 !important;
    }

    .header .navbar .menu ul.dropdown-menu.show {
        transform: none;
        transform-origin: top;
        transition: none;
    }

    .header .navbar .menu .dropdown-toggle.show em {
        transform: rotate(90deg);
        display: inline-block;
    }

    .navbar-nav li.nav-green,
    .navbar-nav li.nav-green.active {
        background-color: rgb(0, 122, 172) !important;
    }

    .navbar-nav li.nav-red,
    .navbar-nav li.nav-red.active {
        background-color: rgb(227, 7, 19);
    }

    .navbar-nav li.nav-blue,
    .navbar-nav li.nav-blue.active {
        background-color: rgb(69, 144, 186);
    }

    .navbar-nav li.nav-orange,
    .navbar-nav li.nav-orange.active {
        background-color: rgb(239, 123, 0);
    }

    .navbar-nav li.nav-grey,
    .navbar-nav li.nav-grey.active {
        background-color: rgb(207, 183, 24);
    }

    .navbar-nav li.nav-green2,
    .navbar-nav li.nav-green2.active {
        background-color: rgb(94, 145, 44);
    }

    .header .navbar .menu ul.dropdown-menu > li:first-child {
        border-radius: 20px 0px 0px 0px;
    }

    .header .navbar .menu ul.dropdown-menu > li:last-child {
        border-radius: 0px 0px 0px 20px;
        padding-bottom: 0px;
    }

    .header .navbar .menu ul.dropdown-menu:before {
        display: none !important;
    }

    .header .navbar .menu ul.dropdown-menu {
        border-radius: 20px 0px 20px 0px;
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
        box-shadow: none !important;
        width: 100%;
        min-width: 100%;
        z-index: -1;
    }

    .header .navbar .menu li.nav-green ul.dropdown-menu {
        border-bottom-width: 0px;
    }

    .header .navbar .menu li.nav-red ul.dropdown-menu {
        border-bottom-width: 0px;
    }

    .header .navbar .menu li.nav-blue ul.dropdown-menu {
        border-bottom-width: 0px;
    }

    .header .navbar .menu li.nav-orange ul.dropdown-menu {
        border-bottom-width: 0px;
    }

    .header .navbar .menu li.nav-grey ul.dropdown-menu {
        border-bottom-width: 0px;
    }

    .navbar-nav > li.nav-item ul.dropdown-menu li > a {
        padding: 18px 0px 18px 8px !important;
    }

    .header .navbar .menu ul.dropdown-menu.show ul.dropdown-menu {
        transform: none !important;
        transform-origin: top !important;
        transition: none !important;
    }

    .dropdown-menu.show > li.dropdown > .dropdown-menu {
        display: block;
        display: flex !important;
        opacity: 1 !important;
    }

    .offcanvas-header {
        display: flex;
        flex-wrap: nowrap;
    }

    .header .navbar.mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 80%;
        z-index: 1200;
        overflow-y: scroll;
        overflow-x: hidden;
        transition:
            visibility 0.3s ease-in-out,
            transform 0.3s ease-in-out;
        background-color: rgba(206, 222, 192, 1);
    }

    .header .navbar.mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }

    .header .navbar.mobile-offcanvas .container,
    .header .navbar.mobile-offcanvas .menu {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background-color: #ffffff;
    }

    /* welcome */

    .bubble-bg {
        width: 100%;
        width: calc(100% + (calc(var(--bs-gutter-x) * 0.9) * 2));
        padding: 5px 0px 12px 75px;
        background-size: auto 100%;
        margin-left: calc(calc(var(--bs-gutter-x) * 0.9) * -1);
    }

    .bubble-text-robdefault {
        padding: 45px 0px 10px 60px;
        width: 90%;
        background-size: auto 100%;
    }

    .bubble-text-robdefault.heckenbaeume {
        padding: 45px 0px 10px 50px;
    }

    .bubble-text-robdefault.dachbegruenung {
        margin-left: 0px;
    }

    .bubble-text-robdefault.showmaster::before,
    .bubble-text-robdefault.bewaesserung::before,
    .bubble-text-robdefault.heckenbaeume::before,
    .bubble-text-robdefault.dachbegruenung::before,
    .bubble-text-robdefault.maehroboter::before {
        width: 120px;
        height: 280px;
        left: -68px;
    }

    .sectiongroup {
        width: 100%;
        max-width: calc(100% - 20px);
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px auto;
    }

    .sectiongroup.productgroup {
        width: 92%;
        max-width: 92%;
    }

    .sectiongroup .container {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px auto;
    }

    .sectiongroup .groupfooter {
        margin: 0px 0px 0px 0px !important;
        display: none;
    }

    .colimg img {
        max-width: 100%;
        max-height: unset;
        width: 100%;
        height: auto;
    }

    .coltext h2 {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
        word-break: break-all;
    }

    .sectiongroup .row-groups > div {
        max-width: 100%;
        width: 50%;
        padding: 0px 0px;
        flex: 1 0 100%;
        margin-top: 1rem !important;
    }

    .sectiongroup .groupthumb {
        border-radius: 12px 12px 12px 12px;
    }

    .groupthumb > a span {
        min-width: 100%;
        width: 100%;
        border-radius: 0px 0px 0px 0px;
    }

    .sectiongroup .sectionwide {
        margin-left: -10px;
        margin-right: -10px;
    }

    .sectionwide .bubble-bg {
        margin-top: -25px;
        max-width: 550px;
        max-height: 350px;
        width: 100%;
        height: 350px;
        margin-left: auto !important;
        padding: 0px 0px 0px 0px !important;
        margin-right: auto;
    }

    .sectionwide .bubble {
        width: 92%;
        padding: 5px 5px 12px 5px;
        margin-left: auto;
        margin-right: auto;
    }

    footer .footer-box {
        padding: 2rem 0rem;
    }

    footer {
        padding-bottom: 55px;
    }

    .agrilogo a {
        right: -25px;
        top: auto;
        bottom: 25px;
        max-height: 80px;
        height: 80px;
    }
}

/* ============ mobile view .end// ============ */

@media all and (max-width: 991px) {
    .logo {
        max-height: unset;
        position: absolute;
        width: 88%;
        min-width: unset;
        text-align: left;
        display: block;
        margin: 0 0px 0px 0px;
        z-index: 99;
        top: 0px;
        left: 30px;
    }

    .logo img {
        width: 100%;
        height: auto;
        max-height: unset;
        margin: 0px 0px 0px 0px;
        max-height: 100px;
    }
}

@media all and (max-width: 767px) {
    .header .row {
        flex-wrap: nowrap;
    }

    .bubble-text-robdefault.heckenbaeume {
        padding: 45px 0px 10px 50px;
    }

    .top-bar .icon-search,
    .top-bar .icon-nav,
    .top-bar button.show-nav,
    .top-bar .topicon {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
        max-width: 45px;
        width: 45px;
        min-height: 67px;
    }

    .top-bar {
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
    }

    .icon-user {
        display: none;
    }

    .topicon-search {
        display: flex;
    }

    .logo {
        max-height: unset;
        position: absolute;
        width: 88%;
        min-width: unset;
        text-align: left;
        display: block;
        margin: 0 0px 0px 0px;
        z-index: 99;
        top: 0px;
        left: 0px;
    }

    .logo img {
        width: 100%;
        height: auto;
        max-height: unset;
        margin: 0px 0px 0px 0px;
        max-height: 100px;
    }

    .sitesearch {
        min-width: auto;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-end;
    }

    .header .navbar.mobile-offcanvas .container,
    .header .navbar.mobile-offcanvas .menu {
        background-color: rgb(147, 191, 68);
    }

    .nav-item,
    .nav-item > a {
        position: relative;
    }

    .navbar-nav li span.dropdown-toggle,
    .navbar-nav li span.dropdown-toggle.show {
        line-height: 100%;
        width: 40px;
        font-size: 18px;
        height: 100%;
        max-height: 70px;
        padding: 0px 10px 0px 0px !important;
        display: grid !important;
        color: rgba(255, 255, 255, 0.7);
    }

    .nav-item.active span.dropdown-toggle.show,
    .nav-item span.dropdown-toggle.show {
        color: rgb(147, 191, 68);
    }

    .navbar-nav li span.dropdown-toggle em {
        margin: auto auto;
    }

    .nav-item.active span.dropdown-toggle {
        color: rgb(147, 191, 68);
    }

    .headerkey .videobg > video {
        width: 100%;
        height: auto;
        max-height: 140px;
    }

    footer {
        padding-top: 0px;
    }

    .footer-box li a,
    .footer-box p,
    .footer-box a {
        font-size: 0.95rem;
    }

    .footer-box.linkbox ul li {
        width: 100%;
    }

    .sectiongroup .row.img-left .colimg,
    .sectiongroup .row.img-right .colimg {
        text-align: left;
        position: absolute;
        top: -6rem;
        right: 0;
    }

    .sectiongroup .coltext {
        margin-top: 4rem;
        width: 100%;
    }

    .infototal::before {
        width: 30%;
        height: 145px;
    }

    /* Listen */
    .groupgallery .inner-products {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .groupgallery .col-xs-6 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .groupgallery {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .component-list .component-item {
        min-width: 15%;
        width: calc((100% / 2) - 20px);
    }

    .pressureCalculator {
        max-width: 100%;
        padding: 1rem 1rem 3rem 1rem;
        background-size: auto 138px;
        background-position: 98% bottom;
    }

    .pressureCalculator .buttonrow button {
        width: 65%;
        padding: 20px 25px;
    }

    .pressureCalculator .formrow input {
        width: 90%;
    }

    .sectiongroup .row-groups {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    /* Produkte */
    .col-xs-12 {
        width: 100% !important;
    }

    .single-product-tab {
        margin-bottom: 0px;
        float: none;
    }

    .block {
        padding: 20px 0px 70px 0px;
    }

    #itemsList .inner-products,
    #itemsList.voucher .inner-products,
    #itemsVariantsList.voucher .inner-products {
        width: 100%;
        max-width: unset;
        flex-basis: 100%;
    }

    .block-first.pageheader,
    .block-first.groupheader,
    .headerkey {
        padding: 0px 0px;
        max-height: 140px;
        min-height: 140px;
    }

    .block-first.pageheader {
        min-height: auto;
    }

    .nomobilheader h1,
    .nomobilheader h1.parentGroupName {
        text-align: left;
    }

    .nomobilheader {
        display: none !important;
    }

    .mobilheader {
        display: block;
    }

    .detail-information > div {
        margin-left: 0px;
    }

    .productPartsListe .partsInfobox,
    .productPartsListe .partsAmount {
        flex-wrap: wrap;
    }

    .productPartsListe .partsInfobox .partsInfoPreis,
    .productPartsListe .partsInfobox .partsInfoPreis p {
        width: 100%;
    }

    .productPartsListe .partsInfobox .partsInfoPreis {
        order: 1;
    }

    .productPartsListe .partsInfobox .partsInfoName {
        order: 2;
    }

    .productPartsListe .partsInfoIMG {
        margin-left: -35px;
    }

    .productPartsListe .partsInfoIMG > img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .single-product-tab .tab-content {
        margin-bottom: 20px;
        min-height: unset;
    }

    .plOptions .checkboxCoupled {
        margin-top: 28px;
    }

    .fachhaendler {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .fachhaendler div.col {
        width: 100% !important;
    }

    .fachhaendler div:first-child {
        padding-bottom: 1rem;
    }

    .box-questions {
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;
    }

    .option-row,
    .productfeature p {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .option-row .col-name,
    .productfeature p > strong {
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
    }

    .buy-select-block .addToCartRow .addToCartInput,
    .buy-select-block .addtoCartBush .addToCartInput {
        max-width: 60px;
    }

    .variants-row {
        width: 100%;
    }

    .variant-attributes .productAttribute .productNo {
        min-width: 100%;
    }

    .variants-col .row {
        /*flex-direction: column;*/
    }

    .variants-col .col.productImageSmall,
    .variants-col .productInfo {
        /*width: 100%;*/
        /*max-width: 100%;*/
        max-height: 100%;
        height: 100%;
    }

    .variants-col .label-lieferzeit {
        display: inline-block;
    }

    .variants-col .label-lieferzeit > span {
        float: right;
    }

    .sectionwide {
        /*height: 100vh;*/
        display: flex;
    }

    .sectionwide .container,
    .sectionwide .container .row > * {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: auto;
        margin-bottom: auto;
        align-self: center;
    }

    .block-first.pageheader {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .block-first.pageheader[style] {
        min-height: 140px !important;
        max-height: 140px !important;
    }

    .swipe-items .slick-track .slick-slide {
        height: 390px;
        max-height: 390px;
    }

    /* Formulare*/

    fieldset .form-group label {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        flex: 0 0 100%;
    }

    fieldset .form-group .input-style {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        flex: 0 0 100%;
    }

    .form-check.fullwidth {
        width: 100%;
        margin-left: 0px;
    }

    fieldset .form-group.fullwidth label {
        min-width: auto;
        max-width: calc(100% - 35px);
        width: calc(100% - 35px);
    }

    /* Cart */

    .homelist-block ul.tooltip-btn label::after,
    .cartColAmount .form-group label::after {
        right: 10px;
    }

    .cartColAmount .form-group input.addToCartInput,
    .cartColAmount .form-group .btn-success {
        width: 100%;
    }

    .homelist-block ul.tooltip-btn input,
    .cartColAmount .form-group input.addToCartInput {
        padding-right: 45px;
    }

    .progress {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .order-guest .btn-success,
    .order-withregistration .btn-success,
    .order-login .btn-white {
        width: 100%;
        white-space: break-spaces;
    }

    .orderinfo-box p {
        display: flex;
        flex-direction: column;
    }

    #formNav {
        padding-bottom: 2rem;
        justify-content: space-between;
    }

    #formNav hr {
        order: 1;
    }

    #formNav .btn-success {
        order: 2;
        width: 100%;
        margin-bottom: 2rem;
    }

    #formNav > a {
        order: 3;
    }
}

/* mobil Navigation */

.mm-divider {
    background-color: var(--dpg-darkgreen);
    background: var(--dpg-darkgreen);
    background-image: none;
    max-height: 3px;
    height: 3px;
    min-height: 3px;
}

.mm-navbar--tabs span {
    display: inline-block;
    margin-inline-start: 8px;
}

.mm-wrapper--opened .mm-wrapper__blocker {
    background: rgba(0, 0, 0, 0.6);
    box-shadow: inset 6px 0px 14px rgb(0, 0, 0);
}

.mm-navbars--bottom,
.mm-navbars--bottom .mm-navbar {
    border-top: 1px solid var(--mm-color-border);
    background-color: var(--dpg-darkgreen);
}

.mm-navbars--bottom .mm-navbar a {
    color: #ffffff !important;
    font-size: 22px;
}

.mm-navbar__tab {
    color: #555 !important;
}

.mm-navbar__tab.mm-navbar__tab--selected {
}

.mm-panel .loginform {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.mm-panel .loginform label,
.mm-panel .loginform input {
    width: 100%;
    min-width: 100%;
    display: block;
}

.mm-panel .loginform label {
    padding-top: 12px;
    padding-bottom: 6px;
}

.mm-panel .loginform input {
    font-size: 17px;
    line-height: 17px;
    padding: 4px 8px 4px 8px;
    border-radius: 4px 4px;
    border: solid 1px #555;
    color: #555;
    margin-bottom: 12px;
}

.mm-panel .loginform input.submit {
    margin-top: 12px;
    padding: 4px 8px 4px 8px;
    background-color: rgb(0, 122, 172);
    border-radius: 4px 4px;
    border: 0px;
    color: #ffffff;
    font-size: 17px;
    line-height: 25px;
    cursor: pointer;
}

.mm-menu--position-left,
.mm-menu--position-left-front {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu--offcanvas {
}

/* Header Image Animation */
#headerkey {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0px 0px;
    min-height: 100%;
}

#headerkey img {
    width: 100%;
    height: 100%;
    animation-name: headerkeyFadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 20s;
    animation-direction: alternate;
    position: absolute;
    object-fit: cover;
}

#headerkey img:nth-of-type(1) {
    animation-delay: 18s;
}

#headerkey img:not(:first-child):not(:last-child) {
    animation-delay: 10s;
}

#headerkey img:last-child {
    animation-delay: 2s;
}

@keyframes headerkeyFadeInOut {
    /* distributing times evenly */
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.productListItemContent {
    border-top: solid 1px rgb(0, 122, 172);
    color: rgb(0, 122, 172) !important;
}

.product-short {
    margin-left: 12px;
}

.slick-track .slick-slide {
    border: none;
}

#single-post-tabs img.productImage {
    cursor: pointer;
}

.tparrows {
    display: none;
}