/* --------------------------------------------------------
Style Sheet für Bengar Theme

version: 0.0.1
Letzte Änderung: 25.11.2025
author: Ayoub El Hobbi
email: ayoub@elhobbi.com
----------------------------------------------------------*/



/* <div class="startSeiteIcons">
<i aria-hidden="true" class="fa fa-plus"></i>
<span class="">Schweizer bezahlen keine MwSt.</span>
</div>

<div class="startSeiteIcons">
<i aria-hidden="true" class="fa fa-euro"></i>
<span class="">Wir liefern europaweit!</span>
</div>

<div class="startSeiteIcons">
<i aria-hidden="true" class="fa fa-percent"></i>
<span class="">Bezahle Dein Schlauchboot in Raten</span>
</div> */



/* Schriftart */

@font-face {
  font-family: "oswald";
  src: url("../documents/Oswald/Oswald-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "oswaldL";
  src: url("../documents/Oswald/Oswald-Light.ttf");
  font-display: swap;
}

@font-face {
  font-family: "oswaldB";
  src: url("../documents/Oswald/Oswald-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "poppins";
  src: url("../documents/Poppins/Poppins-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "poppinsL";
  src: url("../documents/Poppins/Poppins-Light.ttf");
  font-display: swap;
}

@font-face {
  font-family: "poppinsB";
  src: url("../documents/Poppins/Poppins-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "poppinsM";
  src: url("../documents/Poppins/Poppins-Medium.ttf");
  font-display: swap;
}

@font-face {
  font-family: "poppinsSB";
  src: url("../documents/Poppins/Poppins-SemiBold.ttf");
  font-display: swap;
}

/* Allgemeine Styles */


/* .owl-carousel.owl-loaded:before {
    content: "Bilder";
    font-size: 18px;
    font-family: 'oswaldL';
    display: block;
    margin-bottom: 7px;
} */


/* .goog-te-gadget .goog-te-combo {
font-size: 12.5px;
  }

.goog-te-gadget {
  font-size: 8px !important;
  color:  #ababad !important;
  font-family: 'oswald';
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
  font-size: 8px !important;
  color: #ababad !important;
  font-family: 'oswald';
}

#google_translate_element {
  position: initial;
}

#translatorG {
  text-align: center;
} */


div.payment-method-select > div > ul > li[data-id="6044"] .content:after {
content: "Zahlung mit VISA, MASTERCARD oder AMERICAN EXPRESS.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6059"] .content:after {
content: "Kauf auf Rechnung von PayPal für Privat- und Firmenkunden.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6026"] .content:after {
content: "Wichtig für österreichische Kunden. Die eps-Überweisung gilt als am häufigsten genutzte Zahlungsmethode für Überweisungen in Österreich.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6029"] .content:after {
content: "Wichtig für niederländische Kunden. Mehr als 60 Prozent der niederländischen E-Commerce-Kunden bezahlen mit iDEAL ihre Onlineeinkäufe.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6036"] .content:after {
content: "Bezahle Deinen Einkauf direkt nach Bestellabschluss mit Deinen gewohnten Online-Banking Daten";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6032"] .content:after {
content: "PRIVATKUNDEN. Kauf auf Rechnung";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6033"] .content:after {
content: "Ratenkauf bei Klarna. Rechnung in monatlichen Raten abzahlen.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="1"] .content:after {
content: "Das Geld wird bei der Übergabe des Paketes beim Postboten bezahlt. Dieser Service ist kostet extra und steht nur in Kombination mit der Versandart Nachnahme zur Verfügung.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6018"] .content:after {
content: "Über diese Zahlungsart sind auch PayPal -Später bezahlen- und -Ratenkauf- möglich.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6068"] .content:after {
content: "FIRMENKUNDEN. Diese Zahlungsart erfordert eine Firmenadresse.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="6000"] .content:after {
content: "Die Bestellung wird erst nach Zahlungseingang verschickt. Die Bankdaten erhälst Du von uns in der Auftragsbestätigung";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li[data-id="4"] .content:after {
content: "Die Bestellung wird bei uns in Düsseldorf abgeholt und NUR in Bar bezahlt. Die Bestelung kann sofort nach Bestellung abgeholt werden.";
color: #ababad !important;
font-size: 11px;
}

div.payment-method-select > div > ul > li .content:after {
    font-family: 'poppinsL';
    width: 90%;
    display: block;
}




div.payment-method-select > div > ul > li[data-id="6024"] {
  display: none;
}

.bootskennzeichenInfo i {
    margin-right: 9px;
    font-size: 19px;
}

.bootskennzeichenInfo a {
    font-size: 14px;
    color: #fff;
    font-family: 'poppinsB';
}

.BootsRowInner {
    background-color: #1e598c;
    padding: 10px;
}

.basket-preview-header button.close {
    color: #fff;
}

.mobile-navigation {
  background: #1e598c;
}

h4.videosCar {
    font-size: 18px;
    font-family: 'oswaldL';
}

.tab-content {
  background-color: #1e598c;
  padding: 3rem;
}

.frameStartseiteSlider {

    position: relative;
}

.frameStartseiteSlider h3 {
  font-size: 5.5rem;
  font-family: 'poppinsB';
  line-height: 5rem;
}

.frameStartseiteSlider p {
  margin-bottom: 2rem;
}

#cashinadvanceModal .modal-header {
    display: flex;
    flex-direction: row-reverse;
}

#cashinadvanceModal .table-hover tbody tr:hover {
    color: #000;
}

#cashinadvanceModal table {
    color: #000;
}

.confirmationWrap {
    border: 1px solid #238ac6 !important;
}

.basket-preview-content .small {
    color: #fff;
}

.cmp-product-thumb .category-lowest-price, .cmp-product-thumb .category-unit-price {
      color: #bae6ff;
}

.vhk {
    background-color: #238ac6;
    color: #ffff;
    padding: 1rem;
    font-size: 0.9rem;
    text-align: center;
}

.vhk p {
    margin-bottom: 0;
    font-size: 11px;
}

.vhk span {
    font-size: 1.2rem;
    text-decoration: underline;
}

.vhk em {
    font-size: 0.7rem;
}

.kategorieNameDesc .category-title {
  display: none;
}

.categoryHeader span {
  font-size: 12px;
  font-family: 'oswaldL';
  letter-spacing: 1px;
}

.categoryHeader .p-2 {
  text-align: center;
}

.categoryHeader .p-2 {
    text-align: center;
    border: 1px solid #238ac6;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
}

.categoryHeader .p-2:hover {
    background-color: #1e598c;
    color: #fff;
}

.widget-step-by-step-navigation .nav-item {
  min-height: auto;
}

.headerSlider{
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
}

.headerSlider h2 {
  color: #fff;
  background-color: #1e598c;
  padding: 8px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  opacity: 0.85;
}

.sozialeNetzwerkeFooter a:hover {
    opacity: 0.6;
}

#lokalesGeschaeft, #bootskennzeichenDesc, #bootskennzeichenDescUntersch {
    max-width: 540px;
    background: #1e598c;
    padding: 2rem;
    border: 1px solid 238ac6;
    margin-left: 0.3rem;
}

.headerNSo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.headerNSo img:hover {
    filter: none;
}


.sonderHeader {
    background-color: #1e598c;
    padding: 1rem;
    max-width: 1000px;
    margin: 0 auto;
}

.headerN {
    margin-top: -29px;
}

.customCaptionInner button {
  font-size: 11px
}

.customCaption {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.customCaptionInner {
    margin: 1rem;
    background-color: #1e598c;
    padding: 1rem 1.5rem;
    opacity: 0.85;
}

.customCaptionInner h3, .customCaptionInner p {
    color: #fff;
}

.customCaptionInner p {
    font-size: 13px;
    margin-top: -3px;
}
.customCaptionInner button {
  font-size: 11px
}

#registration .form-check .form-check-label span .text-appearance span, #login-modal-wrapper .login-pwd-reset .modal-footer a {
   color: #1e598c;
 }

.productsSelling .bg-appearance {
    background-color: transparent !important;
}

.basket-item label.btn-collapse {
    display: none;
}

.basketRight .container-max {
  background-color: #1e598c;
}

.widget-accordion .card button:hover, .widget-accordion .card button:focus {
    color: #ababad;
}

.customAccordion .card {
    box-shadow: none !important;
    background-color: #1e598c;
}

.customAccordion .card h5 {
    font-size: 15px;
}

.basket-preview-content .meta-container {
    padding: 0 5px 1px 5px;
}

.basket-preview .basket-item {
    padding: 0;
}

.paypalSmartButtons div {
    margin-left: 15px;
    margin-right: 0px;
}

.btn-outline-primary:hover {
  background-color: #238ac6;
  border-color: #238ac6;
}

.basket-preview-footer {
  padding: 1rem;
}

.controls-list .nav-link:hover {
   background-color: #238ac6;
}

.cmp-totals {
    padding: 0 1rem;
    font-size: 12px;
}

.controlOrder .cmp-totals {
  padding: 0;
}

.basket-preview-content {
  padding: 1px;
  background-color: #1e598c;
}

.basket-preview-header {
  background-color: #1e598c;
  color: #fff;
}

.basket-preview-content .totals {

    border-top: 1px solid #238ac6;
    background-color: #1e598c;
    color: #fff;
}

div#addressMultiSelect22 p {
    max-width: 200px;
    padding-top: 0 !important;
}

.controlOrder, .infoKasse {
    background-color: #1e598c;
}

.widget-primary .text-appearance {
    color: #ababad !important;
}

.widget-primary a.text-appearance:hover, .widget-primary a.text-appearance:focus {

    color: #fff !important;
}

.cmp-address-list .items>div:first-child {
  min-height: auto;
}

 div#addressMultiSelect14 p{
   max-width: 200px;
   padding-top: 0 !important;
 }

.cmp-address-list .dropdown .add-item button {
  height: 100%;
}

.keinKunde #registrierung {
     clear: both;
      margin-top: 5rem;
}

.keinKunde #registrierung hr {
  display: none;
}

.keinKunde #registrierung .border-top {
  border-top: none !important;
}

.gastBestellung {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 3rem;
}

.gastBestellung h2, .gastBestellung p {
  text-align: center;
}


.gastBestellung, .keinKunde, .bereitsKunde{
  padding: 2rem;
  background-color: #1e598c;
}
.bereitsKunde {
    border-right: 1px solid #fff;
}
#guest-login-form-11 .input-unit {
    border-radius: 0;
    border: 1px solid #dcdbd8;
}
#guest-login-form-11 label {
    color: #b2b1a7;
}


.loginCheckout h1 {
  display: none;
}
.loginCheckout h2 {
  margin-bottom: 2rem;
  text-align: center;
}

.keinKundebutton[aria-expanded="false"]:before{
  content:"Jetzt registrieren";
  padding: 0 1rem;
}

.keinKundebutton[aria-expanded="true"]:before{
  content:"Schließen";
}

a[aria-expanded=true] .fa-chevron-right {
   display: none;
}
a[aria-expanded=false] .fa-chevron-down {
   display: none;
}

.gastBestellung .col-inner {
  margin: 0 auto;
  max-width: 800px;
}


.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active, .goog-te-gadget {
  color: #ababad !important;
  font-size: 8.6px !important;
}

body > .skiptranslate {
    display: none;
}

.loading-animation .bg-appearance {
    background-color: #1e598c !important;
}

.bg-info {
  background-color: #1e598c !important;
}

.widget-filter-base .card .form-check-label:hover .filter-badge {
    color: #fff !important;
}

.widget-filter-base .card .form-check-label:hover {
    background-color: #1e598c;
    color: #ababad;
}

.widget-step-by-step-navigation .nav-text {
      background-color: #1e598c;
      -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
      box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.widget-navigation-tree ul li a[href]:hover .filter-badge, .widget-navigation-tree ul li a[href]:hover .expand-nav {
  color: #fff !important;
}

.filter-badge {
  color: #fff;
  background: transparent;
}

.sidebar-categories ul li.active>a, .widget-navigation-tree ul li.active>a {
  color: #ababad;
  background: none;
}

.widget-step-by-step-navigation button span, .widget-step-by-step-navigation button i {
  color: #fff !important;
}

.brand-wrapper {
  padding-left: 0rem !important;
}

.widget-image-carousel.widget-primary .widget-caption h2, .widget-image-carousel.widget-primary .widget-caption .h2 {
    background-color: #1e598c;
}

.widget-image-carousel.widget-primary .carousel-indicators li {
    border-color: #fff;
}

.widget-image-carousel.widget-primary .carousel-indicators li.active {
    background-color: #fff;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    color: #fff;
    width: 100px;
    height: 40px;
}

.Startseite_verteiler:hover {
    background-color: transparent;
}

.Startseite_verteiler {
  border: 1px solid #569ae8;
  background-color: #1e598c;
}

.widget-image-carousel.widget-primary .carousel-control .fa {
  color: #fff;
}

.loading-animation>div {
  background-color: #f0f8ff;
}

.btn-secondary {
    color: #fff;
    background-color: #4692c3;
    border-color: #4692c3;
}

p, span, em, a, div, small {
	font-family: 'poppins', sans-serif;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'oswald';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.5;
}

a {
  color: #ababad;
}

a:hover {
  color: #fff;
}

.btn-link:hover {
  color: #bae6ff;
  text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

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

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

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

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

.imgMittelCenter {
    width: 60% !important;
}

.imgKleinCenter, .imgMittelCenter {
  display: block;
  margin: 0 auto;
}
.imgKleinCenter {
  width: 300px;
}

.img-thumbnail {
  padding: 0.4rem;
}

button.navbar-toggler.d-lg-none.p-3 {
    color: #fff;
}

/* Footer */

.footer {
    background: #1e598c;
    padding-top: 20px;
    color: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 5px;
}

.footer h2 {
    margin-bottom: 2rem;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #ababad !important;
    text-decoration: underline;
}

.availability span {
  padding-left: 5px;
  padding-right: 2px;
  font-size: 11px;
}

.variation-select .text-muted {
    font-size: 14px;
}

.footer img {
    margin-bottom: 20px;
    margin-top: 155px;
    margin-left: -20px;
}

.footer ul li {
    list-style-type: none;
    line-height: 35px;
    color: #ffffff;
}

.footer ul {
    list-style-type: none;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.sozialeNetzwerkeFooter li {
    display: inline-grid;
    list-style-type: none;
    margin: 0 2rem 0 0rem;
}

.sozialeNetzwerkeFooter i {
    font-size: 2rem;
}

.copyright {
    margin: 0 auto;
    display: block;
}

/* END */

/* Startseite */

.Startseite_verteiler {
    text-align: center;
    color: #fff;
    padding: 1rem;
}

.Startseite_verteiler h3 {

}


.startSeiteIcons {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.startSeiteIcons i {
    margin-right: 1rem;
    font-size: 3rem;
}

.startSeiteIcons span {
    font-size: 1.1rem;
}

.frameStartseite {
    float: right;
    position: relative;
    top: 30%;
    right: 10%;
}

.frameStartseite h3 {
  font-size: 3.5rem;
  font-family: 'poppinsB';
  line-height: 5rem;
}

.frameStartseiteCategories {
    background-color: #fff;
    padding: 3rem;
    color: #000;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.frameStartseiteCategories img {
    float: right;
    max-width: 9rem;
}

/* END*/

/* Hintergrund */
body {
  background-image: url(https://cdn02.plentymarkets.com/zlrq6w0vcvw9/frontend/startseite/homepage_3.jpg);
  background-attachment: fixed;
  color: #fff;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

/* END */

/* Header */

.basket-list-item:not(:last-child) {
  border-bottom: none;
}

.list-controls .btn-link {
    color: #fff !important;
}

.always-visible-search .fa-fw {
    width: auto;
}

.control-basket .toggle-basket-preview:hover {
    background-color: #238ac6;
}

.megamenu .collapse-inner a {
  color: #ababad;
  font-size: 0.9rem;
}

.megamenu .collapse-inner a:hover {
    color: #fff !important;
}

.megamenu .level1 a:hover {
    color: #238ac6;
    text-decoration: none;
}

.megamenu .collapse li {
  padding: 2px 1em;
}

.megamenu .collapse-inner {
  padding-bottom: 0em;
}

.main-navbar-collapsable ul {
  padding: 2px;
}

.megamenu .collapse {
  min-height: auto;
}

i.fa.fa-heart {
    color: #dc3545;
}

.sidebar-categories, .widget-navigation-tree {
 background: #1e598c;
}

.sidebar-categories ul li a[href], .widget-navigation-tree ul li a[href] {
  color: #fff;
}

.megamenu .level1 a {
  color: #fff !important;
font-size: 0.9rem;
font-family: 'oswald';
margin-left: -1rem;
font-weight: 100;
}

.megamenu .level1:hover a {
  color: #ababad !important;
}

.megamenu .collapse-inner li:hover a {
  color: #ababad;
}

.megamenu .collapse {
  background-color: #1e598c;
}

.pipinos li a {
    display: inline-block;
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
    color: #fff;
}

.pipinos .d-sm-inline {
    display: none !important;
}

ul.pipinos {
    margin: 0;
    padding-left: 0;
}e

.meinHeader .col-xl-9 {
    align-items: center;
}
.meinHeaderLogo img {
  width: 250px;;
}

.meinHeader .widget-inner {
    align-items: center;
}


.main-navbar-collapsable .mainmenu>li:hover, .main-navbar-collapsable .mainmenu>li.hover {
    background-color: #1e598c;
}

.navbar {
    background: transparent;
    border-bottom: none !important;
}

.search-input::placeholder {
    color: #fff;
    font-size: 0.9rem;
    font-family: 'poppinsL';
    padding: 0.6rem 0rem !important;
    opacity: 1;
}

.fa-search:after {
    content: "Finden";
    font-family: 'poppinsB';
    font-size: 0.9rem;
    margin: 0rem 1rem;
}

.fa-search:before {
    content: "";
}

.search-submit {
  color: #000;
  background-color: #fff;
  text-transform: uppercase;
  border-left: 1px solid #1e598c;
}

.search-input {
  background-color: #238ac6;
  color: #fff;
  font-size: 1.2rem;
  font-family: 'poppinsL';
  }

.main-navbar-collapsable .mainmenu>li>a {
  color: #fff !important;
  font-size: 0.9rem !important;
  padding: 10px 9px;
  font-family: 'oswald';
}

.main-navbar-collapsable .ddown>a::after {
  padding-left: 0.3rem;
  font-size: 0.8rem;
  display: none;
}

.navbar-brand img {
    max-height: 3.5rem;
}

.main-navbar-collapsable .mainmenu {
      align-items: center;
}

.top-bar {
  background-color: transparent;
}

.header-beispiel-startseite {
    background-color: transparent;
}

.header-container>.widget {
  background-color: transparent;
}

.header-beispiel-startseite div:nth-child(2) {
    align-items: center;
}

.control-basket .toggle-basket-preview {
    background-color: transparent;
    padding: 0.4rem 0.8rem;
}

@media (min-width: 992px) {
.basket-preview-wrapper.open-hover .totals {
    background-color: #1e598c;
    color: #fff;
}
}

@media (min-width: 768px) {
.basket-preview-wrapper .item-list {
    min-height: 200px;
    background-color: #1e598c;
}
}

@media only screen and (max-width: 500px){

  .navbar-brand img {
    max-height: 5rem;
  }

  .cmp-product-thumb .thumb-title {
      font-size: 0.9rem;
      margin: -0.5rem 0rem 0.5rem 0rem;
  }

  .cmp-product-thumb .price {
      font-size: 1.3rem;
  }

}


.main-navbar-collapsable .mainmenu>li:hover>a, .main-navbar-collapsable .mainmenu>li.hover>a {
   text-decoration: none;
}

a.text-primary:hover, a.color-primary:hover, a.text-primary:focus, a.color-primary:focus {
    color: #ababad !important;
}

.meta-container a:hover {
    color: #ababad !important;
}

.basket-item a {
    color: #fff !important;
}

.item-base-price.small {
    color: #fff;
}

.item-total-price {
    color: #fff;
}

.btn-outline-primary {
    color: #212529;
    border-color: #fff;
}

.btn-outline-primary {
    color: #212529;
    border-color: #fff;
    background-color: #fff;
    text-transform: uppercase;
    font-family: 'poppinsB';
}

/* END */


/* videoGallerySingleItemVideoBeschreibung */

.videoSingleItem {
  padding: 1rem;
}

.videoSingleItem .col-sm {
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
}

.mitBorderImageVide {
  border: 5px solid #fff;
  border-radius: 3px;
}

.imgCentering {
  position: absolute;
  top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 80px;
}

.videoSingleItem .col-sm:hover {
    opacity: 0.8;
}

/* Ende videoGallerySingleItemVideoBeschreibung */


/* Kategorieseite */

.widget-step-by-step-navigation .nav-item {
  background-color: transparent;
}

.navigationKategorie .nav-item {
    border: 1px solid #569ae8 !important;
}

.widget-filter-base .card .form-check-label {
  font-family: custom-font,helvetica,arial,sans-serif;
  background: #1e598c;
  color: #fff;
}


.widget-step-by-step-navigation.widget-none span {
  white-space: normal;
  color: #fff;
  font-size: 17px;
  font-family: 'oswald';
}

.feedback-stars-average.feedback-category-view {
  display: none;
}

.owl-dots {
    display: none !important;
}

.filter-collapse .title {
    color: #000;
}

.sidebar-categories .nav-item .expand-nav, .widget-navigation-tree .nav-item .expand-nav {
  color: #fff;
}

.categoryImage {
    width: 100%;
    margin-bottom: 1.2rem;
}

.widget-search-suggestion-item h4 {
  color: #fff;
}

.autocomplete-suggestions {
  background-color: #1e598c !important;
}

.autocomplete-suggestion .label .text-truncate {
   color: #fff !important;
}

.autocomplete-suggestion .label .small {
   color: #ababad !important;
}

.autocomplete-suggestion:hover {
    background-color: transparent;
    text-decoration: none;
}

.tableArtikel {
  margin: 0 auto;
  max-width: 900px;
}

.tableArtikel td, .tableArtikel tr {
    border-bottom: 1px solid #238ac6 !important;
}

.table-hover tbody tr:hover {
    color: #ababad;
}

.widget-text p:last-of-type {
    margin-bottom: 1rem;;
}

.dreiWichtige {
    margin-top: 3rem;
}

.dreiWichtige p {
  text-align: center;
  margin-top: 1rem;
  font-size: 0.8rem;
}

.dreiWichtige .row p {
    text-align: center;
    border: 1px solid #238ac6;
    padding: 2rem;
    font-size: 18px;
    text-transform: none;
    font-family: 'poppinsSB';
}

.cmp-product-thumb .thumb-content {
  background-color: transparent;
}

.cmp-product-thumb {
  background: transparent;
}

.cmp-product-thumb .thumb-title {
  color: #fff;
  line-height: 27px;
  font-size: 1.2rem;
  margin: 0.5rem 0rem 0.5rem 0rem;
}

.cmp-product-thumb .price {
  color: #fff;
}
.text-muted {
  color: #fff !important;
  font-size: 11px;
}

.cmp-product-thumb .price {
  font-size: 1.8rem;
  font-family: 'oswaldB';
}

.prop-1-1 {
    padding-bottom: 68%;
}

.availability-1, .availability-5 {
  background-color: transparent;
}

.cmp-product-thumb .add-to-basket-lg-container {
  border-color: #1e598c #1e598c transparent transparent;
}

.artikelnummerCategory {
    margin-bottom: 0.4rem;
    text-align: left;
    font-size: 0.8rem;
}

.widget-filter-attributes-properties-characteristics .card {
    padding-top: 1rem !important;
}

.widget-step-by-step-navigation .nav-text:hover {
    background-color: transparent;
}

.widget-step-by-step-navigation .nav-text:hover span {
    color: #ababad;
}

.widget-filter-base .title {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.cmp-product-thumb .thumb-title:hover {
      text-decoration: none !important;
}

.wishlist {
  background-color: #1e598c !important;
  color: #fff;
}

.card-body p {
    line-height: 23px !important;
}

.sidebar-categories .category-title, .widget-navigation-tree .category-title, .widget-filter-base .title {

  background: #1e598c;
  background-image: url(https://cdn02.plentymarkets.com/zlrq6w0vcvw9/frontend/startseite/hamburger.png);
  background-size: 32px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 22px;
  padding-left: 4.5rem;
  font-family: 'poppinsB';
  text-transform: uppercase;
}

.breadcrumbs {
    background-color: transparent;
    margin-top: 7px;
}

.breadcrumb {
    background-color: transparent;
  }

.breadcrumb-item.active {
    color: #fff;
}

.list-controls {
  margin-bottom: 0.2rem !important;
}
.list-controls .list-controls-inner {
  background: #1e598c;
  margin-bottom: 0rem !important;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border: 1px solid #238ac6;
}

.list-controls #filterCollapse {
  margin-left: -10px;
}
.list-controls #filterCollapse .page-content {
  margin: 0 2px;
}

.list-controls .filter-collapse .page-content {
  padding: 1em !important;
  background: #1e598c;
  border: 1px solid #238ac6;
  margin: 7px 0px 0px 8px;
}

.list-controls .selected-filters .selected-filter {
  background-color: #1e598c;
  color: #fff !important;
}

.list-controls .selected-filters .selected-filter:hover {
  color: #238ac6;
}

.list-controls .selected-filters .selected-filter.reset-all {
    color: #1e598c;
    background-color: #238ac6;
}

.sidebar-categories ul li a[href]:hover, .widget-navigation-tree ul li a[href]:hover {
  color: #ababad;
  background: #1e598c;

}

.widget-primary .add-to-basket-lg-container:hover {
  border-color: rgba(0,0,0,0) #ababad rgba(0,0,0,0) rgba(0,0,0,0) !important;
}

.page-item.active .page-link {
  background-color: #238ac6;
  border-color: #238ac6;
}

.fa-home:before {
    color: #fff;
}

.btn-link {
  color: #fff;
}

.parallax-img-container .parallax-text-container h1 {
  font-size: 5rem;
  font-family: 'oswaldB';
}

@media (min-width: 768px) {
.list-controls .filter-collapse .page-content .card {
    padding: 1em;
}

.search-permanent .controls .nav-link {
    padding: 0.83rem 0.8rem;
}
}

/* END */


/* Artikelseite */

.text-success, .order-property-slider .form-check input:checked+label, .color-success {
    color: #ababad !important;
}

.mitBorderImageVideCar {
    width: 125px;
    height: 80px;
    border: 1px solid #fff;
}

.imgCenteringCar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 45px;
}

.videoSingleItemCarousel a {
    margin-right: 10px;

}

.mitBorderImageVideCar:hover {
  border: none;
}

.imgCenteringCar:hover .mitBorderImageVideCar {
  border: none;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div:last-child, .bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div:nth-child(37) {
    width: 50%;
    margin-bottom: 2rem;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div {
    padding: 1px 5rem 23px 0px;
    width: 25%;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div:nth-child(37) [type="checkbox"] + label::before, .order-property-slider-inner .pt-2 > div:last-child [type="checkbox"] + label::before {
    left: 152px;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div {
  float: left;
  padding: 1px 5rem 23px 0px;
}

.bootskennzeichenWrapper [type="checkbox"] + label {
  position: absolute;
}
.bootskennzeichenWrapper [type="checkbox"] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}
.bootskennzeichenWrapper [type="checkbox"] + label::before {
    float: left;
    z-index: 5;
    position: absolute;
    font-family: 'FontAwesome';
    bottom: -3px;
    left: 31px;
    content: "\f096";
    font-size: 26px;
}
.bootskennzeichenWrapper [type="checkbox"]:checked+label::before {
  position: absolute;
  font-family: 'FontAwesome';
    bottom: -3px;
    left: 31px;
  content: "\f14a";
  color: #ababad;
  font-size: 26px;
}

.bootskennzeichenWrapper .form-check-label span {
  font-size: 23px;
  font-family: 'poppinsB';
}

.primer-bootskennzeichen {
    font-size: 17px;
    font-family: 'poppinsB';
}

.primer-bootskennzeichen i {
  margin-right: 10px;
}

.primer-bootskennzeichen a {
    color: #fff !important;
    font-family: 'poppinsB';
}


.form-check .form-check-label .ml-1 {
  display: none;
}

.form-check .form-check-label .text.wrap {
    font-size: 0.7rem;
    align-self: center;
}

.widget-item-bundle .small a {
    color: #ababad !important;
    font-family: 'poppinsL', sans-serif;
}

.widget-item-bundle .small a:hover {
  opacity: 1;
  color: #fff !important;
}

.klebeschritte {
margin: 1rem 0rem;
}

.klebeschritte p {
font-size: 0.9rem;
}

div#ppButton {
    float: right;
}

.single .title-outer h1, .page-singleitem .title-outer h1 {
  line-height: 1.3;
}

.widget-item-list .widget-caption {
  padding: 0;
}

.widget-item-list .widget-caption>div {
  overflow: hidden;
  margin-bottom: 12px;
}

.widget-item-list-caption h2:after {
    left: 20px;
    margin-right: -100%;
    background-color: #bae6ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 47%;
}

.widget-item-list-caption h2:before {
    background-color: #bae6ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 47%;
    right: 20px;
    margin-left: -100%;
}

.v-s-boxes .v-s-box.invalid {
  border-color: #c10000;
}

.widget-primary .bg-appearance {
    color: #fff !important;
    background-color: transparent;
}

.v-s-boxes .v-s-box.invalid::after {
  background: linear-gradient(to top left, transparent 0%, transparent calc(50% - .8px), #c10000 50%, transparent calc(50% + .8px), transparent 100%);
  }

.qty-box .qty-input {
  background-color: #238ac6;
  color: #fff;
  border: 1px solid #238ac6;
}

.qty-btn-container .qty-btn {
  background-color: #238ac6;
  border: 1px solid #238ac6;
  color: #fff;
}

.qty-btn-container .qty-btn:not(.disabled):hover {
    background: #1e598c;
}

.qty-box .qty-input:focus {
    background-color: #4692c3;
}

.owl-carousel .owl-single-item-control {
  color: #fff;
}

.owl-carousel .owl-item img {
  object-fit: fill;
}

.single-carousel .owl-item img {
  width: 100%;
  height: 100%;
  margin-left: 0px;
}

.produkttitel h1 span {
    font-family: 'oswald';
    font-size: 2.5rem;
}

hr {
    border-top: 1px solid #238ac6;
    opacity: 0.4;
}

.v-s-boxes .v-s-box.active {
  color: #000;
  background-color: #fff !important;
}

.v-s-boxes .v-s-box {
  font-size: 0.9rem;
  background-color: #238ac6 !important;
  border: none;
  color: #fff;
}

.price span {
  font-size: 1.7rem !important;
  font-family: 'oswald';
}

.single .price, .page-singleitem .price {
  padding-top: 0.6rem;
  font-size: 1.7rem;
}

.nav-tabs {
    border-bottom: none;
    justify-content: center;
}

.feedback-container .alert-info {
    background-color: #1e598c;
    color: #fff;
    border: 1px solid #238ac6;
}

.btn-primary, .btn-custom .btn, .btn-weiss .btn {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #fff !important;
    font-family: 'poppinsB';
    text-transform: uppercase;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle  {
  color: #fff !important;
    background-color: #238ac6 !important;
    border-color: #238ac6 !important;
}

.variation-select {
    margin-top: 8px;
}

.inner-kategorie p {
    margin: 6px -7px;
    background-color: black;
    padding: 1rem;
}


.single .producer, .page-singleitem .producer {
  text-transform: uppercase;
}

.v-s-boxes.py-3 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.base-price {
    display: none;
}

.single .nav-tabs .nav-link.active, .single .nav-tabs .nav-link:hover, .page-singleitem .nav-tabs .nav-link.active, .page-singleitem .nav-tabs .nav-link:hover {
  background: transparent;
  border-bottom: 2px solid #fff !important;
  font-family: 'oswald';
  color: #fff !important;
  text-transform: uppercase;
  border: none;
}

.single .nav-tabs .nav-link, .page-singleitem .nav-tabs .nav-link {
  border: none;
  font-family: 'oswald';
  text-transform: uppercase;
  color: #fff !important;
}


@media (min-width: 768px){
.single .nav-tabs .nav-link.active, .single .nav-tabs .nav-link:hover {
  color: #fff !important;
  background: transparent;
  border-bottom: 2px solid #fff !important;
  border: none;
  text-transform: uppercase;
  font-family: 'Oswald';
}

.single .nav-tabs .nav-link {
    border: none;
    color: #ababad !important;
    font-size: medium;
    font-family: 'Oswald';
    text-transform: uppercase;
}
}




/* END */

/* Table */

.table {
  color: #fff;
  border: 1px solid #238ac6;
}

.table th, .table td {
  border-top: none;
}

.table-sm th, .table-sm td {
    padding: 0.6rem;
    border-right: 1px solid #238ac6;
}

.table-hover tbody tr:hover {
  color: #bae6ff;
}

/* END */


/* Zahlungsarten */

.card {
  background-color: transparent;
  border: 1px solid #238ac6;
}

.meinCard .card {
    margin-bottom: 1.5rem;
}

/* END */

/* Retoure */

/* CSS */
.steps {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.step-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  transition: .4s;
  color: #000;
  font-family: 'poppinsL';
  font-size: 1.3rem;
  padding-top: 0.6rem;
}

.step-button[aria-expanded="true"] {
  width: 50px;
  height: 53px;
  background-color: #1e598c;
  color: #fff;
  font-family: 'poppins';
  font-size: 1.8rem;
  padding-top: 0.6rem;
}

.meinCard-Retoure .card {
  border: none;
}

.done {
    background-color: var(--prm-color);
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;
}

#progress {
  -webkit-appearance:none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 10px;
    margin-left: 18px;
    margin-bottom: 18px;
}

/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--prm-color);
    transition: .5s ease;
}

#progress::-webkit-progress-bar {
    background-color: var(--prm-gray);

}

/* END */

/* BasketPreview */

.basket-item .text-danger {
    color: #ff4e4e !important;
}


/* preise Tabelle */

.categoriegrid {
    margin-top: 1rem;
}

.widget-filter-base {
    background-color: #1e598c;
    margin-top: 2rem;
}

.meinPreisTabelle .list-group-item {
    background-color: transparent;
    border: 1px solid #238ac6;
}

.meinPreisTabelle table {
    border: 1px solid #238ac6;
    font-family: 'oswaldL';
}

.meinPreisTabelle td {
    font-size: 1.1rem;
}

.meinPreisTabelle thead th {
    border-bottom: none;
    font-size: 0.9rem;
    padding: 0.8rem 0.1rem;
}

.meinPreisTabelle th {
    font-size: 0.7rem;
    font-family: 'poppins';
}

.read{
    overflow: hidden;
    transition: all 2s;
}
.read-less{
    height: 290px !important;
}

/* END */

/* Wartung und Pflege */

.meinWartungBilder img {
  margin: 1rem;
  border: 1px solid #238ac6;
  padding: 0.1rem;
  width: 160px;
  height: 123px;
  background: #238ac6;
}

.list-group-item {
  background-color: transparent;
  border: 1px solid #238ac6;
}

/* END */


/* Feedback Plugin */

.feedback-container .title {
    font-size: 2.1rem;
    font-family: 'oswald';
}

/* END */


/* Modal */
.modal-body {
  color: #000;
}

.modal-title {
    color: #000;
}

.modal-body .form-check-label {
    color: #000;
}

.modal-body .input-unit {
    border: 1px solid #dee2e6;
}

/* END */

/* Checkout */

.basket-item-delete {
  color: #fff !important;
background-color: red;
padding: 0 0.3rem 0 0.3rem !important;
}

.basket-list-item .text-muted {
    display: none;
}

.card, .cmp-address-list .items>div:first-child, .cmp-method-list .method-list-item label, .cmp-method-list .method-list-item .label {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.cmp-method-list .method-list-item label:hover, .cmp-method-list .method-list-item .label:hover {
  color: #c5c5c5;
  font-size: 1.1rem;
  border: 2px solid #fff;
  border-radius: 5px;
}

.cmp .item-name {
    color: #fff !important;
}

.cmp-method-list .method-list-item input:checked + label {
  border: 2px solid #fff;
  border-radius: 5px;
  background: url(https://cdn02.plentymarkets.com/zlrq6w0vcvw9/frontend/startseite/checkmark.png);
  background-size: 33px;
  background-repeat: no-repeat;
  background-position: 95%;

}

.cmp-method-list.list .content {
  font-family: 'poppinsSB';
  font-size: 13px;
}

.cmp-totals .h3 {
font-family: 'oswald';
font-size: 1.7rem;
}


/* END */

/* Kontaktformular */

.input-unit.textarea>label, .input-unit>label {
  color: #000;
  font-size: 0.7rem;
  font-family: 'poppinsL';
}

.input-unit {
  border: 1px solid #238ac6;
}

.meinSozialeNetzwerke li a, .meinYoutube a {
    color: #fff;
    font-size: 2rem;
}

/* End */


/* Cookie */

.cookie-bar__link {
color: #1e598c;
}

/* End - Cookie */



@media (max-width: 576px) {
.frameStartseiteSlider h3 {
    font-size: 20px !important;
    line-height: 30px !important;
}
.frameStartseiteSlider .btn {
  font-size: 10px !important;
}

.bootskennzeichenWrapper .order-property-slider-inner .pt-2 > div:last-child {
  width: 65%;
}

.mitBorderImageVideCar {
    width: auto !important;
    height: 49px !important;
}

.imgCenteringCar {
  width: 30px !important;
}

.imgMittelCenter {
    width: 75% !important;
}

}

@media (max-width: 576px) {
.frameStartseiteSlider h3 {


}
}