@import "inc/colors";
@import "inc/path";

/*
@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;700&display=swap");
*/

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

body
{
  margin: 0;
  /* font-family: "Segoe UI", Arial, Helvetica, sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  /* font-weight: 400; */
  line-height: 1.5;
  color: $colorBlack;
  text-align: left;
  background-color: $colorWhite;
  min-height:1200px;

  max-width: 100%;
  /* wenn overflow, dann geht sticky nicht mehr */
  /* overflow-x: hidden; */
  overflow-x: clip;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
html, body, div, p
{
  /*
  font-family: 'Overpass', sans-serif;
  */
}

html
{
  scroll-padding-top:200px;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}


/*
img.img-fluid
{
  width:auto;
}
*/
.width-auto
{
  width:auto;
}

.overflow-x-scroll
{
  overflow-x:scroll;
}

@media (max-width: 576px) {
  body > div.container
  {
    padding:0;
  }
}

/* font awesome fix - placeholder*/
i.rs-fw
{
  display:inline-block;
  width:1em !important;

  &::before
  {
    content: "\00a0";
  }
  &.fa-2x
  {
    font-size: 2em !important;
    width:1em;
  }
}


.cursor-pointer
{
  cursor:pointer;
}
.float-left
{
  float:left;
}
.float-right
{
  float:right;
}

.hidden
{
  display: none;
}
.hidden-force
{
  display: none !important;
}

@-ms-viewport {
  width: device-width;
}

fs-0_6rem
{
  font-size:0.6rem;
}

h1
{
  font-size:2em;
}


.color-lila-light
{
  color: $colorLila;
}
.color-primary, .color-lila
{
  color:$colorLilaDark;
}
.color-orange
{
  color:$colorOrangeDark;
}
.color-white
{
  color:$colorWhite;
}
.color-white-argb
{
  color:$colorWhiteArgb;
}
.color-kastanie
{
  color:$colorKastanie;
}
.color-gray
{
  color:$colorGray;
}
.color-green
{
  color:$colorGreen;
}
.color-red
{
  color:$colorOrangeDark;
}
.color-yellow
{
  color:$colorOrangeLight;
}




.background-color-white
{
  background-color:$colorWhite;
}
.background-color-white-argb
{
  background-color:$colorWhiteArgb;
}
.background-color-lila-lightest
{
  background-color: $colorLilaLightest;
}
.background-color-lila
{
  background-color:$colorLilaDark;
}
.background-color-orange
{
  background-color:$colorOrangeDark;
}
.background-color-transparent
{
  background-color:transparent;
}
.background-color-lila-argb
{
  background-color:$colorLilaDarkArgb;
}
.background-color-colorGrayNavi
{
  background-color: $colorGrayNavi;
}

.text-shadow
{
  text-shadow: 0 2px 12px rgba(0,0,0,0.18);
}


span[data-bs-toggle="tooltip"]
{
  cursor:pointer;
  text-decoration:underline;
}
.tooltip-inner
{
  max-width:300px;
}

[data-rs-href]
{
  cursor:pointer;
}

.container.content
{
  background: white;
  padding: 1em;
  border-radius: 5px;
  box-shadow: 0 0 3px #999;
}
.container.content_no_background
{
  padding: 1em;
}

.gray-out
{
  opacity: 0.5;
}

.min-px-45
{
  min-height:45px;
}
.min-px-155
{
  min-height:155px;
}
.min-px-130
{
  min-height:130px;
}
.min-px-100
{
  min-height:100px;
}
.min-w-px-100
{
  min-width:100px;
}
.min-px-230
{
  min-height:230px;
}
.max-px-120
{
  max-height:120px;
}
.max-px-200
{
  max-height:200px;
}
.max-px-110
{
  max-height:110px;
}
.max-px-90
{
  max-height:90px;
}
.pb-65-px
{
  padding-bottom:65px !important;
}
.maxw-px-330
{
  max-width: 330px;
}

.ps-6
{
  padding-left: 4.5rem !important;
}
.mt-n3
{
  margin-top: -1rem !important;
}
.mb-n3
{
  margin-bottom: -1rem !important;
}
.mb-6
{
  margin-bottom: 4rem !important;
}
.mb-7
{
  margin-bottom: 5rem !important;
}


.rounded-4
{
  border-radius:.3rem !important;
}
.rounded-5
{
  border-radius: .5rem !important;
}

.fs-7
{
  font-size: 0.9rem !important;
}
.fs-8
{
  font-size: 0.8rem !important;
}

.z-1
{
  z-index: 1;
}
.z-2
{
  z-index: 2;
}
.z-3
{
  z-index: 3;
}
.z-4
{
  z-index: 4;
}

[data-click-submit],
[data-check-radio]
{
  cursor:pointer;
}

.top-0 { top:0; }
.top-10 { top:10%; }
.top-20 { top:20%; }
.top-30 { top:30%; }
.top-40 { top:40%; }
.top-50 { top:50%; }

.left-0 { left:0; }
.left-3 { left:3%; }
.left-5 { left:5%; }
.left-10 { left:10%; }
.left-20 { left:20%; }
.left-30 { left:30%; }
.left-40 { left:40%; }
.left-50 { left:50%; }

.start-10 { left:10%; }
.start-20 { left:20%; }
.start-30 { left:30%; }
.start-40 { left:40%; }

.bottom-0 { bottom:0; }
.bottom-10 { bottom:10%; }
.bottom-20 { bottom:20%; }
.bottom-30 { bottom:30%; }
.bottom-40 { bottom:40%; }
.bottom-50 { bottom:50%; }

.right-0 { right:0; }
.right-10 { right:10%; }
.right-20 { right:20%; }
.right-30 { right:30%; }
.right-40 { right:40%; }
.right-50 { right:50%; }
.right-10n-px
{
  right:-10px;
}

.end-10 { right:10%; }
.end-20 { right:20%; }
.end-30 { right:30%; }
.end-40 { right:40%; }

/* seperator */
div.seperator-light-row
{
  &.light {}
  &.normal { hr { height:5px; } }
  &.strong { hr { height:5px; opacity: 1; } }
}


.border-bottom-2 { border-bottom: 2px solid #dee2e6 !important; }
.border-bottom-3 { border-bottom: 3px solid #dee2e6 !important; }
.border-bottom-4 { border-bottom: 4px solid #dee2e6 !important; }
.border-bottom-5 { border-bottom: 5px solid #dee2e6 !important; }


/**
collapsed
change text on a collapsed button
 */
[data-bs-toggle="collapse"][aria-expanded="false"]
{
  /*closed*/
  .closed { display: inline; }
  .open { display: none; }
}
[data-bs-toggle="collapse"][aria-expanded="true"]
{
  /*open*/
  .closed { display: none; }
  .open { display: inline; }
}


/* carusell */
.carousel-indicators [data-bs-target]
{
  background-color:$colorLilaDark;
}
div[data-bs-ride="carousel"]
{
  .carousel-control-icon
  {
    color:$colorLilaDark;
    opacity: 0;
    transition: opacity 0.5s;
  }

  &:hover
  {
    .carousel-control-icon
    {
      opacity: 1;
    }

  }
}



/**
field/form validation
 */
label.req
{
  font-weight:bold;

  &:after
  {
    content: "*";
    color: $colorRed;
    padding-left: 0.1rem;
  }
}
.help-block ul
{
  margin:0;
}




/* global */

.border-primary
{
  border-color:$colorLila !important;
}

.btn-primary
{
  background-color: $colorLila;
  border-color: $colorLila;
}
.continueCheckout,
.continueCheckout.btn-primary,
.nextStep.btn-primary
{
  background-color: $colorContinueCheckout;
  border-color: $colorContinueCheckout;
  color:$colorWhite;
}

.btn-primary.disabled,
.btn-primary:disabled
{
  background-color: $colorGrayLight;
  border-color: $colorGrayLight;
}
.btn-primary:hover {
  background-color: $colorLilaDark;
  border-color: $colorLilaDark;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle
{
  background-color: $colorGreen;
  border-color: $colorGreen;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus
{
  box-shadow: 0 0 0 .2rem $colorLilaLightArgb;
}
.btn-check:focus + .btn-primary, .btn-primary:focus
{
  background-color:$colorLilaDark;
  border-color:$colorLila;
}
.btn-secondary
{
  background-color: $colorOrange;
  border-color: $colorOrange;
}
.btn-secondary:hover {
  background-color: $colorOrangeDark;
  border-color: $colorOrangeDark;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle
{
  background-color: $colorGreen;
  border-color: $colorGreen;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.btn-secondary.focus,
.btn-secondary:focus,
{
  box-shadow: 0 0 0 .2rem $colorOrangeLightArgb;
}

.btn-link, .btn-link:hover, .btn-link:active
{
  color:$colorLilaDark;;
}

.btn.info
{
  color: $colorOrangeDark;
  padding: 0;
}


a:hover
{
  color: $colorLilaDark;
}
.form-control:focus,
.page-link:focus {
  border-color: $colorLilaLight;
  box-shadow: 0 0 0 .2rem $colorLilaLightArgb;
}

.details-pager-link,
.details-action-links a,
.page-link:hover
{
  color: $colorLila;
}

.active .breadcrumb-link
{
  color: $colorGreen;
}

.languages-menu .dropdown-item.active,
.languages-menu .dropdown-item.selected,
.currencies-menu .dropdown-item.active,
.currencies-menu .dropdown-item.selected,
.filter-item.active,
.filter-item.selected,
.page-item.active .page-link
{
  background-color: $colorLila;
}
.languages-menu .dropdown-item:hover,
.currencies-menu .dropdown-item:hover,
.filter-item:hover,
.page-item.active .page-link:hover
{
  background-color: $colorLilaDark;
}


.list-group-item.active
{
  background-color: $colorLilaDark;
  border-color: $colorLilaLight;
  color:white;

  > a, > a:hover
  {
    color:white;
  }
}





/*overlay*/
.overlay
{
  position: fixed;
  left:0;
  right:0;
  top:0;
  height:100vh;
  background-color: rgba(100,100,100,0.5);
  display:none;
  justify-content: center;
  align-items: center;
  z-index: 10000;

  &.show
  {
    display:flex;
  }

}

/* box overlay */
.boxoverlay
{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgba(100,100,100,0.5);
  z-index: 10;
  text-align: center;

  .spinner-border
  {
    margin-top: calc(50% - 30px);
  }
}

  /* toast */
.toast
{
  max-width: calc(100vw - 2rem) !important;
}

/*
link
*/
a {
  color: $colorGrayDark;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: $colorPrimary;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
a.btn, a.btn:hover
{
  text-decoration: none;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}

.dropdown-item
{
  &:focus, &:hover
  {
    background-color:$colorLilaDark;
    color:$colorWhite;
    .dropdown-link
    {
      color:$colorWhite;
      cursor: pointer;
      text-decoration: none;
    }
  }
  .dropdown-link
  {
    display: block;
  }
  &.active, &:active
  {
    background-color:white;
    color:$colorLilaDark;
  }
  &.active
  {
    font-weight:bold;
  }
}


/**
hacks
 */
.dropdown-toggle::after {
  display:none;
}



/**
jump to top
*/
/* jumpto */
#jumptotop
{
  color: $colorLila;
  position: fixed;
  right: 3vw;
  bottom: 4vh;
  font-size: 2.3em;
  cursor: pointer;
  display:none;

  z-index: 10000;
  border: 1px solid $colorWhite;
  border-radius: 1em;
  background-color: $colorWhite;
  padding:0;
  margin:0;
  overflow: hidden;
  line-height: 0.1em;

  &.show
  {
    display:inline-block;
  }
}

/**
login widget
*/
#header
{
  .login-menu {
    min-width: 480px;
    padding: 15px;
    z-index:1012;
  }
  .info-menu .dropdown-menu
  {
    z-index:1013;
  }
}

/**
cms pages
*/
.cmsContent:not(.background-color-transparent)
{
  background-color: $colorWhite;
  padding:0.5em;
}



  /**
  pagination
   */
.pagination
{
  a
  {
    color:$colorLilaDark;
    &:hover
    {
      text-decoration: none;
    }
  }

  .page-item.active .page-link
  {
    border-color:$colorLilaDark;
  }
}


/**
standard drop down
 */
.btn-group
{

}
ul.dropdown-menu
{
  padding-top: 0;
  padding-bottom: 0;

  li
  {
    padding:0;
    /*padding:0.3em 0.5em;*/

    .dropdown-item
    {
      padding: .5rem 0 .5rem 1rem;
    }
    .dropdown-link
    {
      padding: .5rem;
    }

    &.active,
    &.active a,
    &:hover,
    &:hover a,
    a:hover,
    &.selected,
    &.selected a
    {
      color:$colorWhite;
      background-color:$colorLilaDark;
      display:block;
    }
    a:hover
    {
      text-decoration: none;
    }
  }
}

/**
varianten select
 */
.selectorsBox
{
  .dropdown
  {
    background-color:$colorWhite;

    button
    {
      width:100%;
    }

    .dropdown-menu
    {

    }
  }
}


@import "inc/breadcrumb.scss";




/* card toggle */
[data-toggle="collapse"][aria-expanded="true"] .fa.fa-caret-down
{
  display:none;
}
[data-toggle="collapse"][aria-expanded="false"] .fa.fa-caret-up {
  display:none;
}
/* card deck with max 4  columns */
@media (max-width: 576px) /*xs*/ {
  .card-columns.rs-card-columns-4 {
    column-count: 2;
  }
}
@media (min-width: 576px) /*sm*/ {
  .card-columns.rs-card-columns-4 {
    column-count: 3;
  }
}
@media (min-width: 768px) /*md*/ {
  .card-columns.rs-card-columns-4 {
    column-count: 3;
  }
}
@media (min-width: 992px) /*lg*/ {
  .card-columns.rs-card-columns-4 {
    column-count: 3;
  }
}
@media (min-width: 1200px) /*xl*/ {
  .card-columns.rs-card-columns-4 {
    column-count: 4;
  }
}

html, body
{
  background-color:$colorBackground !important;

  div.container
  {
    max-width:1400px !important;

    div.main-row
    {
      box-shadow: none !important;

      #wrapper
      {
        background-color: $colorBackground;
      }
    }
  }
}
body.popup
{
  background-color: $colorWhite !important;

  div.container
  {
    div.main-row
    {
      #wrapper
      {
        background-color: $colorWhite !important;
      }
    }
  }
}

.container-fluid
{
  padding:0;
}



/* headlines */
/* headlines */
/* headlines */
/* headlines */
.page-header
{
  margin:0;
  padding:0;
}
.page-header h1, h1.page-header
{
  background-color: $colorLilaDark;
  color: $colorWhite;
  font-weight: 500;
  margin: 0;
  font-size: 2em;
  padding: 0.25em;
}
.page-header h2, h2.page-header
{
  background-color: $colorLila;
  color: #fff;
  font-weight: 500;
  margin: 0;
  font-size: 2em;
  padding: .25em;
}



.box-header
{
  background-color: $colorLilaLight;
  color:white;
  font-size:1.2rem;
  min-height: 2.84em;
  align-content: center;

  span
  {
    font-size:1rem;
  }
}




.blockHead
{
  padding-top:0.3em;
  padding-bottom:0.3em;
}


@import 'inc/seperator';




/* service-card */
.service-card
{
  display: block;
  border:10px solid $colorGrayLight2;
  background-color:$colorLila;
  position:relative;
  height:280px;
  line-height:200px;
  overflow: hidden;

  &:hover
  {
    text-decoration: none;
  }

  h3, .h3
  {
    color:$colorWhite;
    text-decoration: none;
  }
  img
  {
    max-width:90%;
    max-height:75%;
    vertical-align:middle;
  }
}

/* categorie-card */
.categorie-card
{
  position:relative;
  h3
  {
  }
  img
  {
    width:100%;
    vertical-align:middle;
  }
}


.sidebar-card
{
  background-color: transparent;
  border:0;
  .sidebar-card-header
  {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 0.3em;
    background-color:$colorLilaLightest;
    color:$colorLilaDark;
    a
    {
      color:$colorLilaDark;
    }

  }
  .sidebar-card-content
  {
    /*border-bottom:1px solid $colorGrayLight;*/
    border:0;
  }

  &.sidebar-card-filled
  {
    background-color:$colorWhite;
  }

}



/*
product slider
*/
.rs_productlistslider > .swiper-button-prev,
.rs_productlistslider > .swiper-button-next
{
  color:$colorLilaDark;
}


/* image checkbox wrapper */
/*
<div class="rs_checkbox_image_wrapper">
    <input type="checkbox" class="form-check-input" form="solrFilterForm" id="checkbox_list_[{$name}]_[{$smarty.foreach.list.index}]"  name="filter[[{$name}]][]" value="[{$value}]" [{if $selected}]checked selected[{/if}]>
    <img src="[{$path}]">
</div>
*/
.rs_checkbox_image_wrapper
{

  position: relative;
  height: 13px;
  width: 16px;
  display: inline-block;
  margin-left: -1.4rem;
  margin-right: 2px;
  margin-top: 0;
  border-color: transparent;

  input[type="checkbox"] {
    opacity:0;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 2;
    padding:0;
    margin:0;
  }

  img
  {
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0;
    margin:0;
    position: absolute;
    top: -2px;
    left: -4px;
    z-index: 1;
  }
  input[type="checkbox"] + img
  {
    border:2px solid transparent;
  }
  input[type="checkbox"]:checked + img
  {
    border:2px solid $colorOrange;
  }
}




/* sidebar, offcanvas */
#sidebar, #offcanvas, #offcanvasSection {
  /*padding-top:0px !important;*/

  .card.blog {
    background-color: transparent;
    border: 0;

    .card-header {
      text-align: center;
      font-weight: bold;
      font-size: 1.3em;
      padding: 0.3em;
      background-color: $colorLilaLightest;
      color: $colorLilaDark;

      a {
        color: $colorLilaDark;
      }

    }

    #blog_content div {
      border-bottom: 1px solid $colorGrayLight;
    }
  }

  .card.social-media
  {
    background-color:transparent;
  }


  /*
  .card.categorytree
  {
    li.end
    {
      display:inline !important;
      width:auto;

      > a
      {
        color:$colorGray;
        display:inline-block !important;
        width:auto !important;
        font-size: 1rem;
        line-height: 1.2rem;
        border-color: $colorGrayLight !important;
        border-width: 1px;
        border-style: solid;

        &:hover
        {
          color:white;
        }
      }
    }
  }
  */

}

.offcanvas-header
{
  max-width: 100vw;
}


/* navigation */
@import "inc/megamenu";

/* header */
@import "inc/header";

/* mobile icon rail */
@import "inc/mobilerail";

/* footer */
@import "inc/footer";


/* solr */
#solrSearchResults > ul > li a:hover,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-bar,
.irs--flat .irs-handle > i:first-child
{
  background-color: $colorOrange;
}

/* banner system */
@import "inc/banner.scss";
@import "inc/banner/nivo.scss";
@import "inc/banner/style-a.scss";
@import "inc/banner/style-b-1.scss";
@import "inc/banner/style-b-2.scss";
@import "inc/banner/style-b-3.scss";
@import "inc/banner/style-b-4.scss";
@import "inc/banner/style-c-1.scss";
@import "inc/banner/style-c-2.scss";
@import "inc/banner/style-c-3.scss";




/* startseite */
.cl-start .list-container
{
  margin-top: 0 !important;
}

/* card */
.card
{
  .card-header
  {
    background-color: $colorLilaDark;
    color:$colorWhite;
    a
    {
      color:$colorWhite;
    }
  }
}

.card-products
{
  background-color:$colorLilaLight;
  .card-products-title
  {
    color:$colorWhite;
  }
  .card-products-body
  {
    background-color:$colorWhite;

    .boxwrapper
    {
      margin:0;
    }

    .productData.productBox.product-box
    {
      margin:0;
      padding:0;

      > a
      {
        display:block;
        /*border-bottom:1px solid $colorGray;*/

        img
        {
          max-height:50px;
          width:auto;
        }

        span
        {
          display:block;
          line-height:1.3em;
        }
        &:hover
        {
          text-decoration: none;
        }
      }

    }

  }
}








/* kateogieseite */

#infinitescrolltracker
{
  opacity: 1;
  background-color:$colorLilaLightest;
  color:$colorWhite;
  font-weight:bold;
  padding:10px;
  text-align: center;

  &.inactive
  {
    display:none;
  }
}




/* checkout */
.checkout-steps .step.active .num
{
  background-color: $colorOrange;
}
.checkout-steps
{
  border-top-color: $colorLila;
}
.checkout-steps .num
{
  background-color: $colorLila;
}
.checkout-steps .step.passed .num
{
  background-color: $colorGreen;
}




/* produkt boxen */
@import "inc/productbox";



/** detail */
body.cl-details, body.cl-eistep7
{
  .details-title
  {
    background-color:$colorLilaDark;
    color:$colorWhite;
    font-weight:500;
  }
  .details-picture
  {
    background-color: $colorWhite;
    height:100%;
    margin:0;
  }

  .details-price-info
  {
    background-color:$colorLilaLightest;
    color:$colorLilaDark;
  }

  .details-price
  {
    .price-label
    {
      .price, .price-markup
      {
        font-size:3em;
      }
      .price
      {
        text-shadow: -1px 0 $colorWhite, 0 1px $colorWhite, 1px 0 $colorWhite, 0 -1px $colorWhite;
      }
    }
  }

  .details-remember-product
  {
    background-color:$colorLilaLightest;
    background-image:url("#{$pathToImages}heart.webp");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    background-size: auto;
    display:block;
    height:6.3em;
    position:relative;

    span
    {
      position:absolute;
      margin-top: 1.1em;
      font-size: 1.4em;
      color:$colorLila;
      font-weight: bold;
    }

    &:hover
    {
      text-decoration: none;
      background-color:$colorLilaDark;
      span
      {
        color:white;
      }
    }
  }

  .details-artnum
  {
    font-size: 1.2em;
  }
  .details-stock
  {
    font-size: 1.2em;

    & .stockFlag.lowStock.text-warning
    {
      color:$colorCoral !important;
    }

  }

  .details-to-basket
  {

  }

  .details-tabs
  {
    .nav-tabs
    {
      border-bottom:1px solid $colorLilaDark;

      .nav-item
      {
        .nav-link
        {
          color:$colorLilaDark;
          font-size:1.1em;
          font-weight:500;
          border-bottom:0;
          border-color: $colorLilaLight;
          &.active
          {
            background-color:$colorLilaDark;
            color:$colorWhite;
          }
          &:hover
          {
            background-color:$colorLilaDark;
            color:$colorWhite;
          }
        }
      }
    }
  }
}


/* Screenreader Only - Barrierefreiheit */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/**
incentiv
incentiv
incentiv
 */
.incentiv-box img
{
  max-height:30px;
  width:auto;
}


@import "inc/button";


/**
CMS edit
*/
@import "inc/cmsedit";


/**
faq
 */
@import "inc/faq";


/**
minibasket
 */
@import "inc/minibasket";


/**
checkout
*/
@import "inc/checkout";
@import "inc/thankyou";
@import "inc/konfigurator-bemerkung";


/***
finishing colors
 */
@import "inc/finishing";

/**
wordpress
 */
@import "inc/wordpress";


/**
promotion system
 */
@import "inc/promotion";


@import "inc/element_atom_page-title";

/**
font awesome replacement
 */
@import "inc/fontawesome";


@import "inc/orderhistory";


@import "inc/accordion";


@import "inc/module_rs_cookiemanager";
@import "inc/module_rs_solr";

@import "inc/trustami";

@import "inc/productslider";

@import "inc/paypal";

@import "inc/read_more_box";

@import "inc/plissee";

@import "inc/googlesignin";

@import "inc/badges";

@import "inc/article-slider2";

@import "inc/sub-category-box";

@import "inc/usp-bar";

/** @import "inc/whatsapp_click2chat"; */

@import "inc/product-box-4";

@import "inc/categorytree";
@import "inc/cmsNavigation";

@import "inc/info-box";
@import "inc/link-button";
@import "inc/headline-box";