@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.eot');
    src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('fonts/SourceSansPro-Regular.woff') format('woff'),
        url('fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-SemiBold.eot');
    src: url('fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Bold.eot');
    src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Bold.woff') format('woff'),
        url('fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-ExtraLight.eot');
    src: url('fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLight.woff') format('woff'),
        url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
        url('fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/BarlowCondensed-Medium.eot');
    src: url('fonts/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/BarlowCondensed-Medium.woff2') format('woff2'),
        url('fonts/BarlowCondensed-Medium.woff') format('woff'),
        url('fonts/BarlowCondensed-Medium.ttf') format('truetype'),
        url('fonts/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/BarlowCondensed-Bold.eot');
    src: url('fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BarlowCondensed-Bold.woff2') format('woff2'),
        url('fonts/BarlowCondensed-Bold.woff') format('woff'),
        url('fonts/BarlowCondensed-Bold.ttf') format('truetype'),
        url('fonts/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RealistWide';
    src: url('fonts/RealistWide-Regular.eot');
    src: url('fonts/RealistWide-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RealistWide-Regular.woff2') format('woff2'),
        url('fonts/RealistWide-Regular.woff') format('woff'),
        url('fonts/RealistWide-Regular.ttf') format('truetype'),
        url('fonts/RealistWide-Regular.svg#RealistWide-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RealistWide';
    src: url('fonts/RealistWide-Light.eot');
    src: url('fonts/RealistWide-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RealistWide-Light.woff2') format('woff2'),
        url('fonts/RealistWide-Light.woff') format('woff'),
        url('fonts/RealistWide-Light.ttf') format('truetype'),
        url('fonts/RealistWide-Light.svg#RealistWide-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RealistWide';
    src: url('fonts/RealistWide-Bold.eot');
    src: url('fonts/RealistWide-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RealistWide-Bold.woff2') format('woff2'),
        url('fonts/RealistWide-Bold.woff') format('woff'),
        url('fonts/RealistWide-Bold.ttf') format('truetype'),
        url('fonts/RealistWide-Bold.svg#RealistWide-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.bxslider {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    height: 100%
}

.modal-lg {
    width: 100%;
    max-width: 1440px;
    margin: 50px auto;
}
@media (max-width:768px) {

.modal-lg {
    
    margin-bottom: 0
}
    .modal-content {
        border-bottom-left-radius: 0!important; 
    border-bottom-right-radius: 0 !important; 
    }
}
.modal-backdrop.in {
    opacity: 1
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.show {
    opacity: 1
}

.modal-content {
    border-radius: 25px;
    box-shadow: none;
    border:0
}

.modal-body {
    padding: 55px 5% 5% 5%;
}

.modal-header {
    border: 0
}

button.close {
    padding: 10px;
    background-color: rgba(255,255, 255,0.2);
    position: sticky;
    margin: 15px;
    z-index: 999;
    backdrop-filter: blur(1.5px) contrast(70%);
    -webkit-backdrop-filter: blur(1.5px) contrast(70%);
    opacity: 1;
}

.close {
  cursor: pointer;
    position: fixed;
    color: #666;
  background: #e1e1e1;
  border-radius: 25px;
  padding: 10px;
    font-size: 14px;
    top:25px;
    right: 25px;
    text-shadow: none;
    
}
.sprache {
    display:flex;
    justify-content: end;
}

@media (max-width:768px) {

  .sprache {
    margin-bottom: 15px;
}  
}

.sprache a {
    font-weight: bold;
    border-bottom: 2px solid #000;
    text-decoration: none !important;
}
.sprache a:hover {
    border-bottom: 2px solid #00b2ff;

}

.btn-text {
    font-weight: bold;
    border-bottom: 2px solid #000;
    text-decoration: none !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: transparent;
    font-size: 14px;
    padding: 0;
    color: #000
}

.btn-text:hover {
    border-bottom: 2px solid #00b2ff;

}


.close:hover {
    background-color: rgba(200,200, 200,0.2);
    opacity: 1
}

.zusteller .zahlung_inhalt {
        padding: 5px 15px !important
    }

#smallCookieChoiceInfo {
    z-index: 9999
}

.dropdown-menu {
    min-width: 220%
}

.art_anzahl {
    background: #eeeeee !important;
    color: #414a58 !important;
    font-size: 12px!important;
    margin-top: 0!important;
    width: 35px!important;
    height: 17px!important;
    border-radius: 2px
}

#header .suche {
 padding: 10px 0 10px 
}
#header .icons {
    padding-top: 10px; 
}

#cookieChoiceInfo .schalt .alle button {
    color: #FFF;
    border: #b8b8b8 1px solid;
    background: transparent
}

#cookieChoiceInfo .btn-default:hover {
    background-color: #4f5d70
}

#cookieChoiceInfo {
        border: 0;
        outline: none;
        background: #242a34;
        padding: 15px 5px;
        color: #FFF;
        position: fixed;
        bottom: 0px;
        z-index: 10000;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
    }
    #cookieChoiceInfo .cookie {
        padding-left:10px;
    }
    #cookieChoiceInfo .cookie img {
        height: 25px;
        width: 25px;
    }
    #cookieChoiceInfo .dstext {
        padding: 0 25px 0 10px;
    }
    #cookieChoiceInfo .dstext div {
        margin-bottom: 4px;
        font-size: 14px;
        font-weight: bold;
    }
    #cookieChoiceInfo .schalt {
        padding-right: 18px;
        padding-left: 5px;
    }
    #cookieChoiceInfo .schalt .alle{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    #cookieChoiceInfo .schalt .alle button{
        width: 100%;
        border-radius: 0;
    }
    #cookieChoiceInfo .schalt a{
        color: white;
        text-decoration: underline;
    }
    #smallCookieChoiceInfo {
        position: fixed;
        height: 28px;
        width: 28px;
        bottom: 10px;
        left: 10px;
        background-color: #3c4652;
        border-radius: 14px;

    }
    #smallCookieChoiceInfo img {
        height: 15px;
        width: 15px;
        margin-top: 6px;
        cursor: pointer;
    }

.table-responsive {
    border:0
}


#np_angebote,
.empf{
    overflow-y: hidden
}

#np_angebote .box,
startseite_empfehlungen,
#startseite_neuheiten{
    display: flex;

width: max-content;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.bcrumb {
    padding-bottom: 2px
}

.alert-danger {
        background-color: #ff7675;
        color: #FFF;
        font-weight: 400;
        border: 0 !important
    }

a {
   outline: 0;
}

a:hover, a:active, a:focus {
    outline: 0
}

.top a {
        background: #f2f2f2;
        float: right;
        bottom: 25px;
position: fixed;
right: 10%;
padding: 10px 15px;
    }

label {
    font-weight: normal;
    cursor: pointer
}

.kontakt .dropdown-menu {
    min-width: 280px;
    padding: 30px !important;
}

.kontakt a:hover {
    text-decoration: underline !important
}

.logindrop .dropdown-menu {
    padding: 30px !important;
}

.logindrop .dropdown-menu a {
        color: #3c4756;
}
.logindrop .btn:hover {
       text-decoration: none !important;
}
.logindrop .dropdown-menu .pw_vergessen {
    margin: 0
}
.overflow-hidden {
    overflow: hidden !important
}

.overflow-y {
    overflow-y: hidden;
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    position: relative;
}

.farbenleiste .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block !important;
  max-width: 400px;
  padding: 1px;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
    color: #FFF;
  background-color: #3c4756 !important;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

. farbenleiste. popover.bottom > .arrow:after {
  content: " ";
    display: none !important;
  left: 1px;
  bottom: -10px;
  border-top-width: 0;
  border-bottom-color: #3c4756 !important;
}

.farbenleiste .popover.bottom > .arrow {
    display: none !important;
}

.leisterechts {
    --x-position: 0;
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset: 0px 0px 0px auto;
  display: flex;
  transform: translateX(var(--x-position));
  transition: transform 100ms linear 0s;
}
.leisterechts_2 {
width: 48px;
  pointer-events: none;
  background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);
}

.schrumpf {
    padding: 4px 0 !important
}

/* FLOAT FORMS */

.form-control {
  display: block;
  width: 100%;
  font-weight: 400 !important;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    color: #000;
  background-color: #FFF;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
    box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-floating {
  position: relative;
}


.form-floating > input {
    font-size: 16px
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
    font-size: 16px;
  z-index: 2;
  height: 100%;
  padding: 1.2rem 1.8rem;
  overflow: hidden;
    font-weight: normal;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 2.6rem 1.5rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 3.5rem;
  padding-bottom: 1.65rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 3.55rem;
  padding-bottom: 1.65rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 3.5rem;
  padding-bottom: 1.65rem;
}
.form-floating > .form-select {
  padding-top: 1.5rem;
  padding-bottom: 0;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.85;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.85;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: transparent;
  border-radius: 4px;
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: #FFF;
  border-radius: 4px;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.vcenter {
    display: flex;
    align-items: center;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

    .line {
        border-bottom: 1px solid #e2e2e2
    }
    .line.last {
        border-bottom: none
    }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #000000;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #c6303e;
    font-weight: 400;
      margin-left: 1.5rem;
}

.invalid-feedback.is-invalid {
  display: block;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: #c6303e;
  border-radius: 4px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #c6303e;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #c6303e;
  box-shadow: 0 0 0 0.25rem rgba(198, 48, 65, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #c6303e;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #c6303e;
  box-shadow: 0 0 0 0.25rem rgba(198,48,62, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #c6303e;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #c6303e;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(198,48,62, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #c6303e;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 1.55rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
    height: 54px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFF;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFF;
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid #ccc;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

fieldset[disabled] {
    
display: none;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}


/* plus glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle.collapsed:after {
    flex-shrink: 0;
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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: none;
    vertical-align: -50%;
    background-repeat: no-repeat;
    background-size: 1.25rem;

}
.panel {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-default > .panel-heading {
    background-color: #FFF
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: 0
}

.panel-heading:hover {
    background-color: lightcyan
}
/* arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:after {
    flex-shrink: 0;
    margin-top: -39px;
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    vertical-align: -50%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    transform: rotate(-180deg);
}

.panel-title h5 {
    font-size: 18px
}

/* sets the link to the width of the entire panel title */
.panel-title > a {
    display: block;
}
.overflow-y::-webkit-scrollbar {
  display: none;
}

ul.bxslider {
    list-style: none;
}
.bx-viewport {
    -webkit-transform: translatez(0);
}
.bx-wrapper {
    border: 5px solid #fff;
    background: #fff;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../grafik/layout/inhalt/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
@media (min-width:768px) {
    .bx-wrapper .bx-prev {
    left: -50px;
    background: url(../grafik/layout/inhalt/controls.png) no-repeat 0 -32px;
}
    
}.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
@media (min-width:768px) {
    .bx-wrapper .bx-next {
    right: -50px;
    background: url(../grafik/layout/inhalt/controls.png) no-repeat -43px -32px;
}
}.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
}



.art_auswahl input {
box-shadow: none;
border-color: #e5e5e5;
font-size: 14px;
        color: #555;
background-color: #fff;
border-radius: 2px;
        border: 1px solid #ccc;
    padding: 12px 5px 12px 12px

    }

.art_auswahl .farbe .img_farbe {
    border: 1px solid #d0d0d0;
    margin-top: 0
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../grafik/layout/inhalt/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../grafik/layout/inhalt/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
#bx-next1 a.bx-next {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
    background: url(../grafik/layout/inhalt/controls.png) no-repeat -43px -32px;
    right: 20px;
}
#bx-prev1 a.bx-prev {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
    background: url(../grafik/layout/inhalt/controls.png) no-repeat 0 -32px;
    left: 20px;
}
.bx-wrapper2 {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.bx-wrapper2 img {
    max-width: 100%;
    display: block;
}
.bxslider {
    margin: 0;
    padding: 0;
}
ul.bxslider {
    list-style: none;
}
.bx-viewport {
    -webkit-transform: translatez(0);
}
.bx-wrapper2 {
    background: #fff;
    border: none;
}
.bx-wrapper2 .bx-controls-auto, .bx-wrapper2 .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%}
.bx-wrapper2 .bx-loading {
    min-height: 50px;
    background: url(../grafik/layout/inhalt/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.bx-wrapper2 .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper2 .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper2 .bx-pager.bx-default-pager a.active, .bx-wrapper2 .bx-pager.bx-default-pager a:focus, .bx-wrapper2 .bx-pager.bx-default-pager a:hover {
    background: #000;
}
.bx-wrapper2 .bx-controls-auto .bx-controls-auto-item, .bx-wrapper2 .bx-pager-item {
    display: inline-block;
}
.bx-wrapper2 .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
@media (min-width:768px) {
    .bx-wrapper2 .bx-prev {
    top: -23px;
    background: url(../grafik/layout/inhalt/artbilder_pfeile.png) no-repeat 0 -42px;
}
}.bx-wrapper2 .bx-prev:focus, .bx-wrapper2 .bx-prev:hover {
    background: url(../grafik/layout/inhalt/artbilder_pfeile.png) no-repeat 0 -63px;
}
@media (min-width:768px) {
    .bx-wrapper2 .bx-next {
    bottom: -18px;
    background: url(../grafik/layout/inhalt/artbilder_pfeile.png) no-repeat 0 0;
}
}.bx-wrapper2 .bx-next:focus, .bx-wrapper2 .bx-next:hover {
    background: url(../grafik/layout/inhalt/artbilder_pfeile.png) no-repeat 0 -21px;
}
.bx-wrapper2 .bx-controls-direction a {
    position: absolute;
    left: -10px;
    outline: 0;
    width: 100px;
    height: 21px;
    text-indent: -9999px;
    z-index: 999;
}
.bx-wrapper2 .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper2 .bx-controls-auto {
    text-align: center;
}
.bx-wrapper2 .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../grafik/layout/inhalt/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper2 .bx-controls-auto .bx-start.active, .bx-wrapper2 .bx-controls-auto .bx-start:focus, .bx-wrapper2 .bx-controls-auto .bx-start:hover {
    background-position: -86px 0;
}
.bx-wrapper2 .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../grafik/layout/inhalt/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper2 .bx-controls-auto .bx-stop.active, .bx-wrapper2 .bx-controls-auto .bx-stop:focus, .bx-wrapper2 .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px;
}
.bx-wrapper2 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%}
.bx-wrapper2 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper2 .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%}
.bx-wrapper2 .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
.xzoom-lens img, .xzoom-preview img, .xzoom-source img {
    display: block;
    max-width: none;
    max-height: none;
}
.xzoom-container {
    display: inline-block;
}
.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px;
}
.xzoom {
    outline: 1px solid #e2e2e2;
    margin-bottom: 0;
}
.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
    outline: 1px solid #e2e2e2;
    margin-bottom: 15px;
}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    border: 1px solid #cecece;
    margin-left: 5px;
    margin-bottom: 14px;
    border-radius: 4px
}
.popover {
}
.xzoom-hidden, .xzoom-source {
    display: block;
    position: static;
    float: none;
    clear: both;
}
.xzoom-hidden {
    overflow: hidden;
}
.xzoom-preview {
    border: 1px solid #888;
    background: #2f4f4f;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 9999
}
.xzoom-lens {
    border: 1px solid #e2e2e2;
    cursor: crosshair;
}
.xzoom-loading {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    opacity: .7;
    background: url(../grafik/layout/xloading.gif);
    width: 48px;
    height: 48px;
}
.xactive {
    border: 1px solid #e2e2e2;
}
.xzoom-caption {
    position: absolute;
    bottom: -43px;
    left: 0;
    background: #000;
    width: 100%;
    text-align: left;
}
.xzoom-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: .75em;
    font-weight: 700;
    padding: 10px;
}
@keyframes modal-video {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}@keyframes modal-video-inner {
    from {
    transform: translate(0, 100px);
}
to {
    transform: translate(0, 0);
}
}.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.modal-video-close {
    opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
}
.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table;
}
.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%}
.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.eigenschaften {
        padding-top: 32px
    }

#filter0 .filter_bez .pull-left {
    display: none !important
}
.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: 0 0;
}
.modal-video-close-btn:before {
    transform: rotate(45deg);
}
.modal-video-close-btn:after {
    transform: rotate(-45deg);
}
.modal-video-close-btn:after, .modal-video-close-btn:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px;
}
.card {
    position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
}
.card-body {
  flex: 1 1 auto;
  padding: 2rem 3rem;
}
#new_schulze_slider, #new_schulze_slider .carousel-inner {
    min-height: 350px;
    max-height: 350px;
}
#new_schulze_slider .carousel-inner .item {
    height: 350px;
}
#new_schulze_slider .carousel-inner .item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  margin-left: -50%;
  left: 50%;
  position: absolute;
}
.np_user_box {
    position: absolute;
    top: 20px;
    left: 66%;
    z-index: 6;
    width: auto;
    margin-left: -1%;
    padding-left: 0;
    list-style: none;
}

.slider_artimg_scroll {
    height: inherit !important;
    max-height: 570px
}
.xzoom {
    width: 100%!important;
    object-fit: cover!important;
    height: 100%!important;
    outline: 0!important;
    border-radius: 2px;
    
}
.xzoom-preview {
    border: 0!important;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .034), 0 6.7px 5.3px rgba(0, 0, 0, .048), 0 12.5px 10px rgba(0, 0, 0, .06), 0 22.3px 17.9px rgba(0, 0, 0, .072), 0 41.8px 33.4px rgba(0, 0, 0, .086), 0 100px 80px rgba(0, 0, 0, .12);
    border-radius: 2px;
    background: 0 0!important;
}
.xzoom {
    width: 100%!important;
    object-fit: cover!important;
    height: 100%!important;
    outline: 0!important;
    border-radius: 2px;
}
.img_farbe {
    margin-top: 7px;
    border-radius: 4px;
}
.xactive {
    padding-bottom: 5px;
    border-bottom: 5px solid #f6bb43!important;
    border-radius: 4px;
}


.zoom_container {
    width: 100%!important;
    object-fit: cover!important;
    height: 100%!important;
}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    max-width: 77%;
    margin-left: 0;
    border: 0;
    padding-bottom: 5px;
    border-bottom: 5px transparent solid;
    margin-bottom: 10px;
}
#popup-mietkauf {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 0;
    z-index: 999;
}
#popup-mietkauf .panel {
    border: none;
}
#popup-mietkauf .panel-heading {
    background: #011631;
    color: #fff;
}
#popup-mietkauf .panel-heading h3 {
    font-size: 12px;
}


span#popup-close {
    font-size: 12px;
    margin-top: -12px;
}
#popup-mietkauf .panel-body {
    padding: 0;
}
#popup-mietkauf .panel-footer {
    background: #011631;
}
.meldung_grau_klein {
    width: 100%;
    border: 1px solid #ccc;
}
.meldung_grau_klein p {
    margin: 8px 10px 8px 29px;
    color: #333;
    font-size: 12px;
}
.np_user_box_mobile .pw_vergessen {
    margin: 5px 0 0 0;
}
#tabelle {
    margin: 25px 0;
}

	.tabelle td {
		padding: 15px 20px
	}
.pw_vergessen {
    margin-top: 4px;
    margin-bottom: -15px;
}
.pw_vergessen a {
    color: #fff;
}
.pw_vergessen a:hover {
    text-decoration: underline;
}
.np-image-container span.cat-image {
    display: block;
    height: 120px;
    width: 130px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    transition: top ease .5s;
    top: 0;
}
.np-image-container span.cat-image:hover {
    top: -10px;
}
.np-image-container span.cat-image img {
    margin: 0 auto;
}
.np-image-container span.np-image-title {
    text-align: center;
    margin-top: -15px;
display: block;
position: relative;
background: #FFF;
padding: 10px 0 25px 0;
}
.np-image-container span.np-image-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 21px;
    font-weight: 700;
}
.np-image-container span.np-image-title span.bhalf {
    height: 3px;
    background: #cdcdcd;
    width: 25%;
    display: block;
    margin: 5px auto;
}
#np_angebote {
    margin-top: 25px;
    margin-bottom: 25px;
}
#np_new_banner_area {
    margin: 35px 0 5px 0;
}
.np_ab_box {
    margin-top: 15px;
    margin-bottom: 15px;
}
#np_cta_nl {
    margin-top: 25px;
    margin-bottom: 25px;
    background: url(../grafik/vendor/2020/cta-nl-bg.png);
    background-size: cover;
    color: #fff;
    padding: 25px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
    border-radius: 4px
}
span.btn.btn-default.cta_nl_btn {
    position: relative;
    background: 0 0;
    color: #fff;
    margin-left: 15px;
}
.navkat_head {
    display: none!important;
}
strong {
    font-weight: 700;
}

.strong {
    font-weight: 700;
}
.np_ueberschrift {
    background-color: transparent!important;
}
.np_ueberschrift .first-w {
    background: 0 0;
    font-size: 25px;
    font-weight: 600;
}
.np_ueberschrift .second-w {
    color: #727272;
  background: 0 0;
  font-size: 23px;
  font-weight: 400;
}
.bx-wrapper .bx-prev {
    background: url(/grafik/layout/inhalt/sprite-min.png) no-repeat!important;
    background-position: -10px -10px;
    height: 35px!important;
    width: 38px!important;
    top: 40%!important;
}
.bx-wrapper .bx-next {
    background: url(/grafik/layout/inhalt/sprite-min.png) no-repeat!important;
    background-position: -38px -2px!important;
    height: 35px!important;
    width: 38px!important;
    top: 40%!important;
}
.col-auto {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%}
div#np_new_banner_area .item {
    margin-bottom: 15px;
}
.thumb_titel h2 {
    text-transform: none;
    font-size: 14px
}
.thumb_farben {
    /* height: auto!important; */
}
.fuss_mobil {
    float: left;
    width: 100%}
footer .social-media {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0 15px 0;
}
footer .navbar-toggle {
    text-align: center;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin: 8px 0;
}
footer .spalte_3, footer .spalte_4 {
    text-align: center;
    padding: 5px 0 20px 0;
}
footer .spalte_4 table {
    width: 100%;
    margin: 20px 0 0 0;
}
footer .spalte_3 p:first-of-type, footer .spalte_4 p strong:first-of-type {
    display: none;
}
footer .spalte_1 ul li, footer .spalte_2 ul li {
    text-align: center;
}
footer .spalte_1 ul li a, footer .spalte_2 ul li a {
    padding: 10px 0;
    display: block;
    width: 100%}
.fuss_mobil ul {
    list-style-type: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 15px 0;
}
.fuss_mobil ul li {
    float: left;
    padding: 5px 15px;
}



.fuss_mobil ul li a {
    font-size: 85%}
header .obere_zeile p {
    float: none;
}
.navbar {
    border: 0!important;
}
.nav {
    font-family:  'realistwide',  sans-serif;
}
.navbar-nav {
    margin: 0;
}
header .obere_zeile .col-xs-18 p {
    text-align: right;
}


.navbar_mobil .warenkorb_anzahl {
    position: absolute;
top: 5px;
margin: 0 0 0 15px;
background-color: #f3a103;
border-radius: 10px;
font-size: 80%;
z-index: 9;
    right: auto
}

.warenkorb_anzahl {
    position: absolute;
    top: 0;
    right: 30%;
    margin: -5px 0 0 0;
    background-color: #f3a103;
    padding: 0 5px;
    border-radius: 20px;
    font-size: 90%;
    z-index: 9;
}
#search form {
    margin: 5px 15px 15px 15px;
    overflow-x: visible;
}
.navbar-toggle {
    float: right!important;
}
.navbar-header .sub a {
    margin: 12px 6px;
    color: #fff;
    float: right;
}
.navbar-header .sub a span {
    font-size: 145%}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-toggle span.icon-bar {
    transition: all .15s;
}
.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%}
.navbar-toggle span:nth-child(3) {
    opacity: 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%}
.navbar-toggle.collapsed span:nth-child(2), .navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}
.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}
.carousel-indicators li {
    border-radius: 0!important;
    height: 5px;
    width: 25px;
    margin: 0 5px 0 0;
    border: 0;
    background: rgba(255, 255, 255, .5);
}
.carousel-indicators .active {
    border-radius: 0!important;
    height: 5px;
    width: 25px;
    margin: 0 5px 0 0;
    border: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: transparent;
}

.autoheight_container1 .col-md-12,
.autoheight_container2 .col-md-12,
.autoheight_container3 .col-md-12,
.autoheight_container4 .col-md-12,
.autoheight_container5 .col-md-12,
.autoheight_container6 .col-md-12{
}
.bx-wrapper img {
    object-fit: cover;
    height: 215px;
}
.img-thumbnail {
    border-radius: 0!important;
}
.carousel-control.left, .carousel-control.right {
    background: 0 0;
}
.hauptinhalt {
    margin-top: 0;
}
.headcontainer {
    margin-top: 0!important;
    float: left;
width: 100%;
display: block;
}
#new_schulze_slider {
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 25px;
}
.headcontainer.container {
    margin-top: 10px!important;
}
.navbar-collapse {
    border: 0;
}
.dropdown-menu {
    border: 0;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);

}

.navbar-nav > li > .dropdown-menu {
    min-width: 310px !important;
    margin-left: -35px !important;
    
}

.dropdown-menu>li>a {
    padding: 5px 20px;
    text-decoration:none;
}
.carousel-indicators {
    z-index: 5;
}
.ub_container.login {
    background: rgba(12, 58, 106, .9);
    margin: 20px 0 0 0;
    padding: 15px;
    width: 276px;
    position: relative;
    min-height: 138px;
}
.ub_container.login span.login_title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family:  'realistwide',  sans-serif;
    display: block;
    margin-bottom: 7px;
}
.ub_container.login span.login_text {
    color: #fff;
    display: block;
}
.ub_container .logged_in {
    padding-left: 15px;
}
.ub_container.login span.login_text:nth-child(1) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.ub_container.login span.login_text:nth-child(3) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

header .logow img {
        margin-top: 6px
}
.np_user_box_mobile .ub_container .logged_in {
    padding-left: 0;
}
.np_user_box_mobile .ub_container.login form {
    padding: 5px 10px;
}
.np_user_box_mobile .ub_container.login {
    padding: 0;
    margin: 0;
    background: 0 0;
    width: auto;
    top: 0;
    position: relative;
    min-height: auto;
}
.np_user_box_mobile .ub_container.login span.login_title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 7px;
}
.np_user_box_mobile .ub_container.login span.login_text {
    color: #fff;
    display: block;
}
.np_user_box_mobile ub_container .logged_in {
    padding-left: 15px;
}
.np_user_box_mobile .ub_container.login span.login_text:nth-child(1) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.np_user_box_mobile .ub_container.login span.login_text:nth-child(3) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}
.row-no-margin {
    margin-left: 0!important;
    margin-right: 0!important;
}
#np_new_banner_area img {
    width: 100%}
@media (max-width:768px) {
    #new_schulze_slider, #new_schulze_slider .carousel-inner {
    min-height: 200px;
    max-height: 200px;
}
    
    
    header {
        padding-bottom: 5px;
    }
    
    #artikel_kopf .xzoom {
        margin-top: 0
    }
    
    .slider_artimg_scroll,
    .slider_artimg {
        margin-top: 15px;
        display: flex; 
        justify-content: center; 
        width: max-content; 
        width: -webkit-max-content; 
        width: -moz-max-content; 
        width: -ms-max-content; 
        text-align: center;
max-height: 570px !important;
        height: auto !important

}
    
    .xzoom-gallery {
        width: 100%;
        margin-right: 5px
    }
    
    .art_auswahl thead {
        display: none;
        
        
    }
    
    .art_auswahl table {
		width: 100%;
		margin: 0;
		border: none;
	}
	.art_auswahl td {
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.art_auswahl table a {
		white-space: normal;
		-ms-hyphens: none;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
     
     .halb {
         width: 50%;
         float: left;
         display: block
     }
     
     .art_auswahl tr {
         display: block;
         float: left;
         width: 100%;
     }
     
     .drittel {
         width: 25%;
         float: left;
         display: block
     }
    

	.art_auswahl tr,
	.art_auswahl th,
	.art_auswahl td {
        border: 0 !important
	}
	.art_auswahl tr {
		border-top: 0 none;
	}
	.art_auswahl th {
		padding: 0;
	}
	.art_auswahl td {
		
	}
    
    .farbenleiste .col-md-16 {
        margin-bottom: 15px;
    }
    
    
    
    .navbar-header {
        float: none;
    }
    
   header .navbar-collapse {
    width: 100%;
        background: #FFF;
    padding-top: @grid-padding*2;
}
    
    .navbar-collapse.in {

  }
    

footer .erste_zeile {
    padding: 15px 0 0 0!important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    transition: all 0.2s ease-in-out;
}
.navkat_head {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 100%!important;
}

.dropdown-menu, .dropdown-menu .navbar-collapse ul li {
    background-color: #FFF;
}
.dropdown-menu .sm-nowrap {
    background-color: #002041!important;
    -moz-box-shadow: inset 0 0 10px #071c31!important;
    -webkit-box-shadow: inset 0 0 10px #071c31!important;
    box-shadow: inset 0 0 10px #071c31!important;
    padding: 0;
}
.dropdown-menu a {

}
.dropdown-menu .sm-nowrap a {
 
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #0c3a6a;
}
#navbar .navbar-default .navbar-nav>li>a {

}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: #0c3a6a;
}
.navbar-collapse ul li>a, .navbar-default .navbar-nav>li>a {
    font-size: 140%!important;
    color: #3c4756!important;
    text-decoration: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    padding: 10px 0;
}
#header .suche {
    margin: 0 15px;
   
}
#new_schulze_slider .carousel-inner .item {
    height: 200px;
}
input[type=number], input[type=password], input[type=search], input[type=text], textarea {
    font-size: 16px;
}
header .logo img {
   /*margin-top: -25px;
    padding:0; */
}
    
    
header .logoklein img {
    padding: 0 0 0 10px;
max-width: 150px;
}
.np_user_box {
    display: none;
}
.np_user_box_mobile .ub_container {
    width: 100%}
#new_schulze_slider .carousel-inner .item img {
    object-position: center!important;
}
div#np_cta_nl {
}
.slider6 li {
    width: 200px!important;
}
.navbar-toggle {
    margin-right: 3px;
}
span.btn.btn-default.cta_nl_btn {
    position: relative;
}
.np_ueberschrift span.first-w {
    display: block;
}
a.bx-next, a.bx-prev {
    display: none;
}
.first-w {
    text-align: center;
}

div#np_cat_menu .item {
    margin-bottom: 25px;
    min-height: 190px;
}
    
    
}
@media (min-width: 992px) {
 #np_cat_menu .col-md-4 {
  width: 19.99999%;
 }
    
    
 #np_cat_menu .col-md-offset-2 {
  margin-left: 9.99999%
 }
}

@media (max-width:1000px) {
    .navbar-default .navbar-nav>li>a {
    font-size: 80%;
    padding: 4px 7px 0 7px!important;
}
    
    /* Navigation Unterseiten  */

.subnavigationu {
    color: #d3d3d3;
    font-family:  'realistwide',  sans-serif;
    font-size: 15px;   
}
    
    .bestellinhalt .text-right {
        text-align: left !important;
    }


.subnavigationu .container {
    
}

.subnavigationu ul {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0;
    width: max-content;
}

.subnavigationu ul li {
    float: left;
    padding-right: 10px;
    
}
    
    .subnavigationu a {
        color: #3c4756 !important;
        margin: 2px 0 !important;
        padding: 8px 15px !important;
        background: #f0f0f0;
        border-radius: 25px;
}
    
    .subnavigationu a:hover, .subnavigationu .active {
        font-weight: normal !important
    }
    
    
.navkat_head {
    font-size: 80%;
    padding: 4px 7px 0 7px!important;
}
    
    
    
}

@media (min-width: 1200px) {
    .container {
        width: 1216px
    }
    
}

@media (max-width:2000px) {
#new_schulze_slider .carousel-inner .item img {
    object-fit: cover
    
    }
}

@media (max-width:1360px) {
    .np_user_box {
    position: absolute;
    top: 20px;
    left: 66%;
    z-index: 6;
    width: auto;
    margin-left: -1%;
    padding-left: 0;
    list-style: none;
}
    .kauften_auch,
#startseite_empfehlungen,
    #startseite_neuheiten {
        padding: 0 15px !important
    }
.navbar-default .navbar-nav>li>a {
    padding: 4px 10px 0 10px;
}
.navkat_head {
    padding: 4px 10px 0 10px;
}
#new_schulze_slider .carousel-inner .item img {
}
}@media (max-width:480px) {
    .btn-suche-auswahl {
    display: none!important;
}
    
    .artzeile .text-center,
.artzeile .text-right {
    text-align: left !important 
}
    
    header .logo {
        padding: 10px 0
    }
    

    header .logo img {
        margin: 0 !important;

    }

    
    .grid {
        display: grid
    }
    .farbenleiste {
        scrollbar-width: none;
    }
    .farbenleiste .img_farbe {
        width: 150px !important
    }
    
    .farbenleiste .farbe_over span {
        font-size: 90% !important
    }
    
    .farbe_over .popover {
        display: none !important;
    }
    
    .farbenleiste .farben {
        scrollbar-width: none;
  position: relative;
  display: flex;
  -moz-box-pack: start;
  justify-content: flex-start;
  overscroll-behavior-x: none;
  overflow: auto hidden;
        padding-top: 5px !important;
padding-bottom: 25px !important
    }
    
    .farbenleiste .farben_select {
        padding: 10px 10px 15px 10px  !important
    }
    
    .tab-content > .tab-pane {
        display: block !important
    }
    .flex {
    display: flex;
flex-flow: column;
    }
    
    
    
    
    #etab_ende {
        padding-bottom: 0 !important
    }
    
    .gruppenname {
        /*display: none;*/
    }
    
    .highlighted {
    font-weight: 600 !important
}
    
    .navbar .container-fluid {
        padding: 0
        
    }
    
    #artikel_longtext {
        padding-bottom: 15px
    }
    
    .tab-content {
        padding-bottom: 0 !important
    
    }
    
    #beschreibung td {
        border:0 !important
    }
    
    #beschreibung img {
        max-width: 100%
    }
    
    .wk_mark_text {
        float: left;
        width: 100%
    }
    
    .warenkorb .chkbox {
        display: none !important
    }
    .wk_mark_text button {
        display: inline-block;
        margin: 10px 0 !important;
        width: 100% !important
    }
    
    .wk_mark_text {
        padding: 15px 0 0 0
    }
    
    .wk_mark_text a {
        display: none;
        margin: 10px 0;
        width: 100%
    }
    
    .warenkorb tr {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        padding-top: 15px;
        display: block;
float: left;
    }
    
    .zusteller .zucode {
        padding: 15px 15px !important;
        display: block;
        width: 100%;
    }
    
    
    .wk_buttons a,
    .wk_buttons button{
        width: 100% !important;
        display: block !important
    }
    

    
    .warenkorb thead {
        display: none;
    }
    
    .warenkorb .kommi {
        width: 100% !important
    }
    
    #filter0 {
        display: none;
    }
    
    .slider_artimg_scroll {
        max-height: 570px !important;
        height: auto !important
}
    
    .xzoom {
        width: 106% !important;
        margin-left: -10px;
        border-radius: 0;
        margin-top: 25px
    }
    
    .nav-tabs > li {
        display: block;
        width: 100%
        
    }
    
    .btn-aktualisieren {
        width: 100%;
        margin-top:10px;
        order: 2
        
    }
    .btn-bestellen {
        width: 100%;
        margin-top:10px;
        order: 1
    }
    
    .art_auswahl td {
        display: inline-block
    }
    
    .art_auswahl .lieferbar td {
        display: table-cell
    }
    
    .art_auswahl tr {
        padding-bottom: 25px
    }
    
    .art_auswahl .lieferbar tr{
        padding-bottom: 0;
        display: contents
    }
    
    .lief_kaestchen_lager_bestand,
    .lief_kaestchen_hersteller_lieferzeit,
    .lief_kaestchen_hersteller_bestand {
        width: 100% !important;
        text-align: center
    }
    
    .art_auswahl .farbe {
        display: inline-block;
        width: 10%
    }
    
    .art_auswahl .auswahl {
        display: inline-block;
        width: 85%;
        clear: both
    }
    
    .art_auswahl .menge {
        display: inline-block;
        width: 35%;
    }
    
    .art_auswahl .lieferbar_in_wt {
        display: block !important;
        width: 100%
    }
    
    .art_auswahl .artikel {
        display: none
    }
    
    .art_auswahl .art_menge {
    max-width: 75% !important;
        padding: 12px 4px 12px 12px !important
    }
    
    .art_auswahl input {
box-shadow: none;
border-color: #e5e5e5;
font-size: 14px;
        color: #555;
background-color: #fff;
border-radius: 2px;
        border: 1px solid #ccc;

    }
    

    
    .art_auswahl .preis {
        display: inline-block;
        width: 25%;
    }
    
    .art_auswahl .lieferbar {
        display: block !important;
        width: 100%
    }
    
    .art_auswahl .lieferbar_menge {
        display: inline-block;
    }
    
    .meldung_gruen {
        position: fixed;
z-index: 89999;
top: 0;
    }
    
    
    
    
    
.fuss_mobil ul {
    text-align: center;
    display: block;
}
.fuss_mobil ul li {
    width: 100%}
#header .suche .input-group input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
}header .teamviewer img {
    width: 120px;
    height: 27px;
    opacity: 1;
}


header .phone, header .hilfe, header .support, header .cart {
    display: block;
    width: 100%;
    height: 22px;
    margin: 2px 4px 2px 0;
}
header .obere_zeile strong {
 color:#FFF;
    opacity:.6
}
header .obere_zeile a {
 color:#fff;
 opacity:.6
}
header .obere_zeile a:hover {
 color:#fff;
 opacity:1
}

#navbar .dropdown-menu{
    border-radius: 0;
    margin-bottom: 15px
}


.logo .dropdown-menu{
    padding: 20px 45px;
    border-radius: 0;
    margin-top: 10px
}

header .dropdown-menu {
    padding: 10px 15px;
    border-radius: 0;
}

@media (max-width:480px) {
    header .obere_zeile .kontakt, header .obere_zeile .sprache, header .obere_zeile .support {
    position: unset!important;
}
    
    .eigenschaften {
        padding-top: 0 !important
    }
    
    header .obere_zeile {
        height: 10px !important
    }
header .obere_zeile .dropdown-menu,
  .logo .dropdown-menu {
    top: 33px;
}
    #navbar {
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    }
}header .obere_zeile {
    height: 40px;
    padding: 8px 0
}
header .obere_zeile ul {
    padding: 0;
    margin: 0
}
header .obere_zeile p {
    float: none!important;
    padding-top: 8px!important;
}
header .obere_zeile .kontakt, header .obere_zeile .sprache, header .obere_zeile .support {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    vertical-align: middle;
}
header .obere_zeile .rechts {
    text-align: right;
    padding: 6px 5px 0;
    color: #a1b2c4;
}
header .obere_zeile .rechts a {
    color: #fff;
    opacity: .6;
}
header .obere_zeile .rechts a:hover {
    color: #fff;
    opacity: 1;
}
header .obere_zeile .rechts .dropdown-menu {
    background-color: #fff!important;
    min-width: 260px;
}
header .obere_zeile .rechts .dropdown-menu p {
    color: #738194;
    opacity: 1;
}   

header .logo .dropdown-menu p{
    color: #738194;
    font-size: 15px;
}
header .obere_zeile .rechts .dropdown-menu a, header .obere_zeile .rechts .dropdown-menu strong {
    color: #3c4756;
    text-decoration: none;
    border: 0;
    opacity: 1;
}

.container-fluid {
    max-width: 1440px
    
}

.flex ul {
z-index: 0;
  scrollbar-width: none;
  position: relative;
  display: flex;
  -moz-box-pack: start;
  justify-content: flex-start;
  overscroll-behavior-x: none;
  overflow: auto hidden;
}


.nav-pills .filter_el a {
    border-radius: 25px;
    font-size: 14px;
    background: #f0f0f0;
    cursor: pointer;
    margin-right:5px;
    border: 0;
    font-weight: normal;
    padding: 8px 15px;
    font-family: 'Source Sans Pro', sans-serif;
}



.filter_el.cap a {
    background: none;
    color: #000;
  text-decoration: none !important;
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    margin-top: 8px;
    font-family: 'Source Sans Pro', sans-serif;
}

.nav .filter_el.cap a:hover {
    background: none !important;
    text-decoration: underline !important
}


.nav .filter_el a:hover {
    background: #e6e6e6 !important;
}

.filter_el img {
    max-width: 14px;
}

#filter {
    background-color: #fff;
}
#filter .filter_links {
    margin-top: 45px;
    margin-bottom: 25px
}
#filter .filter_links ul {
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    line-height: 1.4em;
}
#filter .filter_links li {
    list-style-position: outside;
    list-style-type: none;
}
#filter .filter_links ul>li>ul>li>ul li a {
    font-weight: 400;
    font-size: 12px;
}
#filter .filter_links ul li ul li {
    padding-left: 2px;
}
#filter .filter_links ul li ul li a {
    font-size: 15px;
    padding: 5px 0;
    font-weight: normal;
    text-decoration: none;
}
#filter .filter_links li.exp ul li {
    padding-left: 3px;
    font-weight: 400;
}
#filter .filter_links li a:hover {
    text-decoration:underline

}
#filter input[type=checkbox] {
    display: none;
}
#filter .filter_bez {
    padding:3px 0;
    
}
#filter1, #filter3, #filter2, #filter3, #filter4, #filter5, #filter6, #filter7, #filter8, #filter9, #filter10, #filter11 {
    max-height: 200px;
overflow-x: hidden;
}

#filter .filter_aktiv span,
#filter .filter_aktiv .art_anzahl {
    font-weight: 600
    }

#filter .filter_bez label {
    margin: 0 10px 0 0;
    cursor: pointer;
    font-weight: 400;
    transition: .2s;
    padding: 5px 10px;

}

#filter .filter_bez .pull-left label:hover {
    cursor: pointer;
    font-weight: 600;
    
}


#filter .filter_bez input[type=checkbox]+label {
    /*background: url(../grafik/layout/list_3.png) left top no-repeat;*/
    height: 20px;
    width: 20px;
    display: inline-block;
    padding: 0;
    border: 2px solid #cccccc;
    border-radius: 2px;
    margin-top: 5px;
}
#filter .filter_bez input[type=checkbox]:checked+label {
    background: url(../grafik/layout/check.svg) center center no-repeat;
    background-size: 75%;
    padding: 0;
    border: 2px solid #f6bb42;
}
#filter .filter_bez input[type=checkbox]:disabled+label {
    /* background: url(../grafik/layout/list_inaktiv_3.png) left top no-repeat; */
    display: inline-block;
    padding: 0;
    cursor: default;
    border: 2px solid #e2e2e2
}
#filter .filter_bez div {
    font-size: 15px;
}
#filter .filter_bez div a {
    color: #3c4756;
}
#filter .filter_bez div .label_inaktiv {
    color: #c1c1c1;
}
#filter .filter-plus {
    width: 12px;
    height: 12px;
    background: url(../grafik/layout/inhalt/pfeil_o.png) no-repeat;
}
#filter .filter-minus {
    width: 12px;
    height: 12px;
    background: url(../grafik/layout/inhalt/pfeil_u.png) no-repeat;
}
#filter .alle_aufklappen, #filter .alle_einklappen {
    display: inline;
    margin-left: 10px;
    font-size: 11px;
    padding-top: 15px;
}
#filter .alle_aufklappen a, #filter .alle_einklappen a {
    color: #7c7c7c;
}
#filter ul li ul li ul li {
    margin-left: 12px;
}
#filter .filterfunktion {
    font-size: 13px;
    margin: 20px 0 10px 0;
    padding: 7px 10px;
    background-color: #e8e8e8;
    font-weight: 700;
}
#filter .filtergruppen {
    position: relative;
    margin: 0 0 15px 0;
    height: 20px;
}
#filter .filtergruppen .filtertitel {
    position: absolute;
    left: 0;
    font-size: 16px;
    text-transform: none;
    font-family: 'realistwide',  sans-serif;
    font-weight: 600;
    padding-bottom: 0
}
#filter .filtergruppen .filtertitel_pfeil {
    position: absolute;
    right: 10px;
    bottom: 2px;
}
#filter .filter_linie_unten {
    color: #e5e5e5;
    margin: 10px 0 10px 0;
}
.navigation_links {
    border-left: 1px dotted #999;
    border-right: 1px dotted #999;
    border-top: 1px dotted #999;
}
.navigation_links>li>a {
    padding-left: 10px;
}
.navigation_links ul {
    padding-left: 0;
    margin: 0;
}
.navigation_links li {
    list-style: none;
    padding: 0;
    background: #5a8019;
}
.navigation_links>li>a {
    color: #fff;
}
.navigation_links>li>ul li {
    background: #fff;
}
.navigation_links>li>ul li ul li {
    background-color: #fff;
}
.navigation_links>li>ul li ul li ul li {
    background-color: #fff;
}
.navigation_links li.active>a, .navigation_links li.exp>a {
    position: relative;
}
.navigation_links ul li ul li a {
    padding-left: 18px;
}
.navigation_links ul li ul li ul li a {
    padding-left: 31px;
}
.navigation_links ul li ul li ul li ul li a {
    padding-left: 47px;
}
.navigation_links ul li ul li ul li ul li ul li a {
    padding-left: 62px;
}
.navigation_links a {
    border-bottom: 1px dotted #999;
    display: block;
    padding: 5px;
    line-height: 17px;
}
.navigation_links a>i {
    width: 14px;
    height: 14px;
    background: url(../grafik/layout/menu/categorysprite.png) left top no-repeat;
    float: left;
    padding: 0;
    margin: 2px 5px 2px 0;
}
.navigation_links a:hover {
    color: #2f2f2f;
    background-color: #ffd071;
    background: #bae3fb;
    border-color: silver;
}
.navigation_links>li>a:hover {
    background: #5a8019;
    color: #f1f79f;
}
.navigation_links a:hover>i {
    background-position: left -75px;
}
.navigation_links>li.exp>a {
    background: #1a1a1a;
    color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    box-shadow: 0 3px 5px -2px #555;
}
.navigation_links>li.exp>a>i {
    background-position: 1px -90px;
}
.navigation_links li .exp>a {
    background: #d5ecf9;
    color: #3a341e;
    border-bottom: 1px solid #ddd;
    position: relative;
    box-shadow: 0 3px 5px -2px #555;
}
.navigation_links li .exp>a>i {
    background-position: 1px -90px;
}
.navigation_links li.active>a {
    color: #3a341e;
    background-color: #bae3fb;
}
.navigation_links li.active>a>i {
    background-position: left top;
}
.navbar-toggle {
    float: left;
    margin: 0;
    padding: 0;
}
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-stacking .noUi-handle {
    z-index: 10;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s;
}
.noUi-state-drag * {
    cursor: inherit!important;
}
.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
    height: 3px;
}
.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    top: -7px;
}
.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
    background: #a6a6a6;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-origin {
    border-radius: 2px;
}
.noUi-target {
    border-radius: 4px;
    border: 1px solid #838383;
}
.noUi-draggable {
    cursor: w-resize;
}
.noUi-handle-lower {
    left: -2px;
    background: #616161;
    border: 1px solid #616161;
    border-radius: 7px;
}
.noUi-handle-upper {
    left: -13px;
    background: #616161;
    border: 1px solid #616161;
    border-radius: 7px;
}
[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #b8b8b8;
}
[disabled] .noUi-handle, [disabled].noUi-origin {
    cursor: not-allowed;
}
.bcrumb .letztes_element, .bcrumb a.letztes_element {
    font-weight: 700;
    text-transform: none;
    font-size: 12px;
}

body {
    background: #fff;
    font-family:  'Source Sans Pro',  sans-serif;
    font-weight: 400;
    font-size: 16px;
    -webkit-text-size-adjust:  100%;
    -moz-osx-font-smoothing:  grayscale;
     -webkit-font-smoothing: antialiased;
    min-width: 320px
}


 .prevent-body-scroll {
    position: static;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }

  .prevent-body-scroll body {
    height: 100%;
    overflow: hidden;
  }

  .prevent-body-scroll #root {
    position: relative;
  }

body.open .headcontainer {
    filter: blur(.5rem);
   
}

body.open .headcontainer::after {
    content: "";
    display: block;
    position: fixed;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(black, 0.5);
}

.headcontainer {
    margin-top: 10px;
    background: #fff;
    font-weight: 400;
    color: #3c4756;
}

/* Folienzuschnitt */

.folinp {
        margin-left: 10px;
        padding:0;
        border-radius: 4px;
        position: relative;
    }

.folinp button {
    border: 0;
    border-radius: 50px;
    padding: 5px 10px
}
    .folien_input {
        width: 60px;
        border: 0px;
        padding: 12px 5px 12px 12px;
    }
    .folienzuschnitt{
        display: flex;
        padding:4px 30px 10px 30px;
        position: relative;
    }
    .border_ueberdecken_wk {
        position: relative;
        top: -14px;
        height: 3px;
        width: 100%;
        background-color: white;
    }
    .zuschnitt_plus {
        background-color: #d7d7d7;
        border: none;
        font-size: 21px;
        font-weight: bold;
        height: 26px;
        width: 26px;
        border-radius: 50%;
        color: grey;
        margin-top: 10px;
        cursor: pointer;
        position: relative;
        margin-left: 20px;
    }
    .zuschnitt_plus span {
        position: relative;
        bottom: 3px;
    }

    .border_ueberdecken {
        position: relative;
        top: -10px;
        height: 2px;
        width: 100%;
        background-color: white;
    }
    


a {
    color: #333;
}
a:hover {
    color: #0d0d0d;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family:  'realistwide',  sans-serif;
    font-weight: 600;
}
.titel {
    margin: 0;
    text-decoration: none !important;
    padding: 5px 0;
    font-size: 16px;
    font-family:  'realistwide',  sans-serif;
    font-weight: 600;
}
.titel a {
    text-decoration: none !important;
}
.zahlung .titel {
    margin: 0;
    padding: 5px 0;
    font-size: 20px;
    font-family:  'realistwide',  sans-serif;
    font-weight: 600;
}

h1 {
    font-size: 23px;
}
h2 {
    font-size: 17px;
    
}
h3 {
    font-size: 19px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 13px;
}
h6 {
    font-size: 12px;
}
.lauftext {
    font-size: 1.2em;
}
.ueberschrift {
    margin: 15px 0;
    text-align: center;
}
.ueberschrift p {
    display: inline;
    font-weight: 600;
    color: #505050;
    font-size: 24px;
    padding: 0 20px;
    background-color: #fff;
}

.well.blue {
    background: #cbd8f0;
}

.well.yellow {
    background: #f6e58d
}

.startseite .well {
    border: 0;
    box-shadow: none !important;
    padding: 15px
}

.startseite .well p {
    padding: 0 !important;
    margin: 0 !important
}

.well {
    background: none;
    padding: 35px
}

.rahmen {
    border: 1px solid #b0b0b0;
}
.borderred {
    color: #c6303e
    
}

.zahlung .auswahl .borderred {
    border: 1px solid #c6303e
}
.link_3pfeile {
    background: url(../grafik/layout/inhalt/3pfeile.png) no-repeat right top;
    height: 30px;
    text-align: right;
    line-height: 27px;
}
.link_3pfeile a {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    padding-right: 90px;
}
.link_3pfeile a:active, .link_3pfeile a:hover {
    font-weight: 600;
}
.abstand_oben {
    margin-top: 10px;
}

.abstand_unten {
    margin-bottom: 10px;
}
.abstand_oben_gross {
    margin-top: 30px;
}
.abstand_oben_mittel {
    margin-top: 20px;
}
.abstand_oben_klein {
    margin-top: 5px;
}
.keine_haftung_text {
    margin-top: 30px;
    padding: 0;
     font-size:  12px;
}
.gruppenname {
    color: #3c4756;
    font-size: 24px;
    font-family: 'realistwide', sans-serif;
font-weight: 600;
}

.gruppenname small {
    color: #6d6d6d;
    font-size: 18px;
    margin-left: 10px;
    font-family: 'realistwide', sans-serif;
font-weight: 500;
}


.meldung_gruen {
    width: 100%;
    padding: 2px 0;
    background: #d0e8b4;
    height: auto;
    -webkit-animation: fadeinout 6s linear forwards;
    animation: fadeinout 6s linear forwards; 
}

.meldung_gruen2 {
    width: 100%;
    padding: 2px 0;
    background: #d0e8b4;
    height: auto;
    border-radius: 6px;
    font-size: 16px !important
}


.meldung_rot {
    width: 100%;
    padding: 2px 0;
    background: #ff7675;
    height: auto;
    animation: fadeinout 6s linear forwards; 
}

@-webkit-keyframes fadeinout {
  0%,100% { height: 0; opacity: 0; visibility: hidden }
  5%,95% { height: 45px; opacity: 1; visibility:collapse }
}

@keyframes fadeinout {
  0%,100% { height: 0; opacity: 0; visibility: hidden }
  5%,95% { height: 45px; opacity: 1; visibility:visible}
}
.meldung_gruen .container,
.meldung_rot .container{
    height: auto
}
.meldung_gruen .svg,
.meldung_gruen2 .svg,
.meldung_rot .svg {
    width: 30px;
    padding-right: 10px
}
.meldung_gruen a {
    color: #63922c;
}

.meldung_gruen a:hover {
    text-decoration: underline
}
.meldung_gruen p,
.meldung_gruen2 p{
    margin: 10px;
    color: #63922c;
}
.meldung_rot p {
    margin: 10px;
    color: #fff;
}
.meldung_gruen_klein {
    width: 100%;
    background: url(../grafik/layout/inhalt/haeckchen_gruen2.png) 10px 11px #d0e8b4 no-repeat;
    border: 1px solid #d0e8b4;
}
.meldung_gruen_klein p {
    margin: 8px 5px 8px 30px;
    color: #63922c;
    font-size: 12px;
}
.meldung_rot_klein {
    width: 100%;
    background: url(../grafik/layout/inhalt/haeckchen_rot2.png) 10px 12px #f6d6d6 no-repeat;
    border: 1px solid #f6d6d6;
}
.meldung_rot_klein p {
    margin: 8px 10px 8px 29px;
    color: #ca2323;
    font-size: 12px;
}
.border-oben {
    border-top: 1px solid #3d3d3d;
}
.border-unten {
    border-bottom: 1px solid #e5e5e5;
}
.linie-schwarz {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #eee;
    height: 1px;
}
@-moz-document url-prefix() {
    fieldset {
    display: table-cell;
}
}.farbe_grau {
    color: #777;
}
.seotext {
    font-size: 16px;
    margin-top: -10px;
}
ol.unstyled, ul.unstyled {
    list-style: none outside none;
    margin-left: 0;
    padding: 0;
}
.ueberschrift_mit_hintergrund {
      font-family: 'realistwide', sans-serif;
  font-weight: 600;
font-size: 16px;
text-transform: none;
}
.inhalt_normal {
    padding: 10px;
}
.nopadding {
    padding: 0!important;
}
.kontaktform_input {
    max-width: 400px;
}

.typ_class_aktiv {
    border-radius: 2px;
    outline: 2px solid #F39200 !important;
    text-decoration: none !important;
    font-weight: normal !important
    
}

.typ_class {
    border-radius: 2px;
    text-decoration: none !important;
    font-weight: normal !important
}

#preissort {
    border:0;
    padding: 0;
    height: 29px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
}
.kontaktform_kataloge {
    width: 100px;
    float: left;
    margin-left: 10px;
}
.kontaktform_stern {
    color: #fd340a;
}
.login {
    margin: 10px 30px;
}
.login p {
    font-size: 17px;
    font-weight: 700;
    color: #03254a;
}
.suchergebniszu {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: 700;
}
.suchergebniszu_search {
    font-size: 18px;
    color: #183E7A;
    font-weight: 700;
}
.versteckt {
    display: none;
}
.hrlinie {
    width: 100%;
    padding: 0;
    height: 0;
    border: 1px solid #dcdcdc;
}
header {
   background-color: #0e1d3a; 
    padding-top: 5px
}
header .obere_zeile {
    background-color: #011631;
}
header .obere_zeile p {
    float: right;
    color: #fff;
    padding-top: 6px;
    color: #a1b2c4;
}

.icons .col-md-6 a, .icons .col-md-5 a, .icons .col-md-9 a {
    display: block;
}

.icons .text-center {
    color: #FFF;
    display: block;
    font-size: 13px;
    text-decoration: none
}

#navbar2 a {
    color: #3c4756;
    line-height: normal;
    padding: 0;
    padding: 3px 0;
}
#navbar2 ul {
    margin: 0;
    padding: 0
}


header .menu {
    background-color: #0e335f;
}
.suche_input {
    background-color: #FFF;
    border: 0;
padding: 11px 12px;
    font-size: 16px;
    height: 45px;
    border-radius: 2px !important
}
.suche_input:focus {
    border-color: #e17100;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(225, 113, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(225, 113, 0, .5);
}
.abstand_oben_normal {
    margin-top: 10px;
}
.btn-suche {
    color: #fff;
    font-size: 16px;
    background-color: #505050;
    background: linear-gradient(to bottom, #646464 0, #505050 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #505050;
    padding: 5px 12px 4px 12px;
}
.btn-suche:active, .btn-suche:focus, .btn-suche:hover {
    color: #fff;
    background-color: #505050;
    background: linear-gradient(to bottom, #3c3c3c 0, #282828 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #505050;
}
.btn-suche-auswahl {
    color: #969696;
    background-color: #dcdcdc;
    border-color: #b2b2b2;
    display: none
}
.btn-suche-auswahl:active, .btn-suche-auswahl:focus, .btn-suche-auswahl:hover {
    color: #969696;
    background-color: #bebebe;
    border-color: #b2b2b2;
}
.btn-lupe {
    color: #fff;
    font-size: 16px;
    background-color: #f6bb43;
    border-color: #f6bb43;
    padding: 10px 16px 10px 16px;
}
.btn-lupe:active, .btn-lupe:focus, .btn-lupe:hover {
    color: #fff;
    background-color: #f3a103;
    border-color: #f3a103;
}
.navleiste {
    background-color: #3d3d3d;
}
.navleiste li a, .navleiste li a:focus, .navleiste li a:hover {
    font-size: 15px;
    color: #fff;
    padding: 12px 15px;
}
.navleiste li a:focus, .navleiste li a:hover {
    background-color: #03254a;
}
.galeriekat {
    margin: -10px 0 10px 0;
}
.galeriekat a {
    border-left: none!important;
}
.navbar-nav .collapsible .sub-arrow, .navbar-nav .sub-arrow {
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
}
.navbar-fixed-bottom .sub-arrow {
    margin-top: -5px;
    border-top: 4px dashed transparent;
    border-bottom: 4px solid;
}
.navbar-nav ul .sub-arrow {
    position: absolute;
    right: 0;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right: 30px;
}
.navbar-nav span.scroll-down, .navbar-nav span.scroll-up {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.navbar-nav span.scroll-down-arrow, .navbar-nav span.scroll-up-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent;
}
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header, .navbar-nav .collapsible ul .dropdown-menu>li>a {
    padding-left: 35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header, .navbar-nav .collapsible ul ul .dropdown-menu>li>a {
    padding-left: 45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header, .navbar-nav .collapsible ul ul ul .dropdown-menu>li>a {
    padding-left: 55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header, .navbar-nav .collapsible ul ul ul ul .dropdown-menu>li>a {
    padding-left: 65px;
}
.navbar-nav .dropdown-menu>li>a {
    white-space: normal;
}
.navbar-nav ul.sm-nowrap>li>a {
    white-space: nowrap;
}
.navbar-right ul.dropdown-menu {
    left: 0;
    right: auto;
}
.navbar-nav .collapsible ul {
    display: none;
    position: static!important;
    top: auto!important;
    left: auto!important;
    margin-left: 0!important;
    margin-top: 0!important;
    width: auto!important;
    min-width: 0!important;
    max-width: none!important;
}
.navbar-nav .collapsible ul.sm-nowrap>li>a {
    white-space: normal;
}
.navbar-nav .collapsible iframe {
    display: none;
}
ul.sm li *, ul.sm li :after, ul.sm li :before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.navbar {
    min-height: 40px;
    margin-bottom: 0;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-default {
    background-color: #0e1d3a;
}
#navbar .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'realistwide', sans-serif;
}
.navbar-nav>li>a {
    padding-top: 4px;
    line-height: 30px;
    padding-bottom: 0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
    height: 40px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
    height: 40px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #fff;
    height: 40px;
}
.smoothmenu_left a, .smoothmenu_left a:focus, .smoothmenu_left a:hover {
    border-left: none!important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    color: #fff;
    border:0;
}

.navbar-default .navbar-nav>.active>a>ul>li>a {
    background-color: #0e335f;
    color: #fff;
}
.navbar-default {
    border-top: 1px solid #0e335f;
    border-left: 1px solid #0e335f;
    border-right: 1px solid #0e335f;
    border-bottom: 1px solid #0e335f;
}
.nav-pills>li>a, .navbar {
    border-radius: 0;
}

.overflowl {
    overflow: hidden;
  position: relative;
}

#scrollnav {
    border-radius: 0
}

.articles ul {
    z-index: 0;
  scrollbar-width: none;
  position: relative;
  display: flex;
  -moz-box-pack: start;
  justify-content: flex-start;
  overscroll-behavior-x: none;
  overflow: auto hidden;
    padding: 0 10px
}
.articles .nav-pills>li>a, .navbar {
    border-radius: 25px;
    margin-right: 5px;
    text-decoration: none !important;
    font-weight: normal!important;
}
.dropdown-menu {
    background-color: #FFF;
}
header .dropdown-menu>li>a:focus, header .dropdown-menu>li>a:hover {
    color: #F39200;
    margin-left: 5px
}
header .dropdown-menu>li>a {
    color: #000;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    
}
@media (max-width:768px) {
    
    #navbar .nav {
        display: block !important;
    }
    
    
    
    
    .navbar-collapse ul li {
    width: 95%!important;
    text-align: left!important;
        padding: 2px 0 2px 15px !important;
        font-weight: 600 !important
}
    
    .ff-a {
        margin-bottom: 1.5rem;
    }
    
    .navbar-collapse .dropdown-menu {
        padding: 10px 0 !important
    }
    
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
       padding: 10px 20px !important 
    }
    
    .navbar-collapse .navbar-nav > li > a {
        height: 44px !important;
        font-weight: 600 !important;
        font-size: 
    }
    
    .navbar-collapse .nav a::before {
        background-color: transparent !important
    }
    
    #navbar .navbar-nav > li > a {
        line-height: 22px !important;
    }
    
    .navbar-collapse {
        top:0;
         z-index: 999;
        position: fixed;
         margin-left: -10px;
       
        height: 100%;
        
    width: 100%;
    background: #FFF;
        overflow: auto;
  scrollbar-width: thin;
        transition: none;
  scrollbar-color: var(--cxp-color-text-secondary) transparent;
    }
    
    .navbar-collapse .navbar-nav {
        padding: 25px 0 15px 0;       
    }
    
    .submenu .phone {
        float: left;
        width: auto;
        height: 18px;
        margin: 8px 10px 0 0;
    }
    .submenu small {
        font-weight: 400;
        font-size: 100%;
        color: #3c4756
    }
    
    .submenu li {
        margin: 10px 0
    }
    
    .submenu {
        padding:15px 0 0 0;
        border-top: 1px solid #ccc;
        height:50vh;
        background: #fff;
        margin-bottom: 0
    }

    
    .logom img {
        width: 40%;
        padding: 25px 0 0 12px
    }
    
    .prevent-body-scroll .navbar-toggle {
        z-index: 9999
    }
    .prevent-body-scroll .navbar-toggle .icon-bar {
        background-color: #000
    }
    
#filtermobil {
    margin: 0
        
}
    
    .modal.fade .modal-dialog {
  transform: translate3d(0, 100vh, 0);
}

.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}
    
    
    
    #fildermodal {
        top: auto;
        bottom:0;
        position: fixed;
        margin: 0;
        padding: 0
    }
    
    #fildermodal .modal-content {
        border-radius: 10px;
        border: 0
    }
        
    #fildermodal .modal-dialog{
    overflow-y: initial !important;
        margin: 0
}
    #fildermodal .modal-body{
    height: 80vh;
    overflow-y: auto;
        padding: 0 8px
}
    
    #fildermodal  .modal-header {
        border: 0;

    }
    
   
.navbar_mobil {
    float: right;
    margin-top: 4px;
    margin-right: 8px;
}
#menu_mobil_button {
    float: right;
    margin: 4px 7px 0 12px;
}
#menu_mobil, #menu_mobil_kat {
    z-index: 100;
    background-color: #03254a;
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
}
#menu_mobil ul, #menu_mobil_kat ul {
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    font-size: 14px;
    line-height: 1.5;
}
#menu_mobil li, #menu_mobil_kat li {
    list-style-position: outside;
    list-style-type: none;
}
#menu_mobil ul li ul li, #menu_mobil_kat ul li ul li {
    padding-left: 15px;
}
#menu_mobil li.active>a, #menu_mobil li.exp>a, #menu_mobil_kat li.active>a, #menu_mobil_kat li.exp>a {
    color: #f3a103;
}
#menu_mobil li.exp ul li, #menu_mobil_kat li.exp ul li {
    padding-left: 15px;
    font-weight: 400;
}
#menu_mobil li a, #menu_mobil_kat li a {
    color: #fff;
    cursor: pointer;
}
#menu_mobil li a:hover, #menu_mobil_kat li a:hover {
    text-decoration: underline;
}
#menu_mobil_kat {
    z-index: 100;
}
#menu_mobil_kat ul li ul li {
    padding: 5px 25px 5px 15px;
}
#menu_mobil {
    z-index: 101;
}
#menu_mobil ul li ul li {
    padding: 5px 15px 5px 15px;
}
.menu_mobil_zurueck {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #0e335f;
}
.bcrumb {
    padding-left: 10px;
    padding-bottom: 15px
}
}.navbar_wk {
    float: left;
    background: url(../grafik/layout/kopf/nav2.png) no-repeat left bottom;
    border-left: 1px solid #fff;
    color: #fff;
    min-height: 50px;
    padding-left: 50px;
    padding-top: 4px;
    font-size: 16px;
    position: relative;
}
.navbar_wk .menge {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    padding-left: 27px;
    font-size: 9px;
    color: #03254a;
}
.navbar_wk span {
    color: #03254a;
}
.navbar_wk .navbar_wk_inhalt {
    display: none;
}
.navbar_wk:hover .navbar_wk_inhalt {
    display: block;
    z-index: 500;
    position: absolute;
    top: 32px;
    right: 0;
    background: rgba(230, 230, 230, .8);
    padding: 10px;
    color: #000;
    width: auto;
    text-align: right;
}
.navbar_wk:hover .navbar_wk_inhalt table td {
    white-space: nowrap;
}
.navkat_head {
    float: right;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 4px 15px 0 15px;
    line-height: 30px;
}
.navkat_head:focus, .navkat_head:hover {
    color: #fff;
    background-color: transparent;
    height: 43px;
}
.affix {
    z-index: 1000;
    top: 50px;
    padding-top: 5px;
    background-color: #fff;
}
.breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    background-color: transparent !important;
}

.breadcrumb > li + li::before {
content: "\007c";
}

.breadcrumb li a {
    color: #646464;
    font-size: 12px;
}
.breadcrumb li a:hover {
    color: #011631;
}
.bx-wrapper {
    border: none;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: 20px;
    right: 18px;
    position: absolute;
    width: 15%;
    text-align: right;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff none repeat scroll 0 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #acacac none repeat scroll 0 0;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 8px;
    display: block;
    height: 15px;
    margin: 0 3px;
    text-indent: -9999px;
    width: 15px;
}
.balken {
    width: 100%;
    background-color: #f6bb43;
    margin: 20px 0;
    height: 40px;
}
.balken_blau {
    background-color: #0e335f;
    height: 100%;
    padding: 30px 0 25px 0;
}
.balken_blau p {
    color: #fff;
    font-size: 21px;
    line-height: .8;
}
.balken_blau p span {
    color: #efbe3d;
    font-weight: 700;
}
.balken_grau {
    background-color: #e4e4e4;
    padding: 7px 15px 0 15px;
    height: 100%}
.balken_grau p {
    font-size: 15px;
    font-weight: 700;
    color: #777;
    margin-bottom: 5px;
}
.ueberschrift2 {
    font-family:  'realistwide',  sans-serif;
    margin: 20px 0;
    padding: 7px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    color: #3d3d3d;
}
.ueberschrift3 {
    display: block;
    background-color: #30659b;
    border-radius: 0;
    margin-top: 20px;
    margin-bottom: -12px;
    padding: 6px 5px 6px 47px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
.ueberschrift3 img {
    position: absolute;
    left: 25px;
    width: 17px;
    height: 20px;
}
.werbungszeile {
    margin-top: 25px;
    margin-bottom: 50px;
}
@media (max-width:750px) {
    .kat_titel {
    font-size: 12px;
    padding-left: 3px;
    padding-top: 5px;
    text-align: center;
    line-height: 15px;
}
}.werbung_unten {
    margin-left: 30px;
    float: left;
}
.werbung_unten_erstesbild {
    margin-left: 0;
    float: left;
}
#bx-pager a.active img, #bx-pager a:hover img {
    border: 1px solid #014a99;
}
#bx-pager a img {
    border: 1px solid #e0e0e0;
    padding: 3px;
    margin-bottom: 10px;
}
.gallery-item {
    border: 1px solid #e0e0e0;
}
.artdetail_titel {
    color: #3d3d3d;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
    font-family:  'realistwide',  sans-serif;
}
.artdetail_titel2 {
    padding: 10px 0 2px 0;
margin-bottom: 0;
font-size: 15px;
text-transform: uppercase;
color: #3c4756;
    font-family:  'realistwide',  sans-serif;
    font-weight: 600
}
.euro {
        text-align: center;
    font-family:  'Barlow Condensed',  sans-serif;
    font-size: 19px;
    font-weight: 500
    }

.d-flex {
  display: flex;
}

.align-self-center {
  align-self: center !important;
}

.artdetail_euro {
    text-transform: uppercase;
    color: #3d3d3d;
    font-size: 15px;
    margin-right: 3px;
}
.artdetail_preis {
    font-family:  'Barlow Condensed',  sans-serif;
    font-size:  50px !important;
    color: #3d3d3d;
    font-weight: 700;
}
.artdetail_euro_aktion {
    text-transform: uppercase;
    color: #db3a3f;
    font-size: 15px;
    margin-right: 3px;
}
.artdetail_preis_aktion {
    font-family:  'Barlow Condensed',  sans-serif;
    color: #ed3339;
    font-size:  50px !important;    
    font-weight: 700;
}
.aktionspreis_grau {
    font-size: 15px;
    margin-bottom: -10px;
}



.aktionspreis_grau span{
    font-size: 18px;
    text-decoration: line-through;
    margin-bottom: -10px;
    margin-top: 15px;
    font-family:  'Barlow Condensed',  sans-serif;
}
.aktionspreis_banner {
    position: absolute;
    margin-left: 15px;
    margin-top: 15px;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ed3339;
    z-index: 9;
    border-radius: 15px;
    font-family:  'realistwide',  sans-serif;
}
.bg-danger {
    background-color: #ed3339; 
    text-decoration: none !important;
    margin: 0 !important; 
    margin-left: 6px !important;; 
    margin-bottom: 4px !important;;
    color: #FFF !important;
    font-size: 15px;
}
.aktionspreis_banner_klein {
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    padding: 4px 12px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ed3339;
    z-index: 9;
    border-radius: 15px;
    font-family:  'realistwide',  sans-serif;
}
.preis_durchgestrichen {
    color: grey;
    font-weight: normal;
    padding-right: 10px;
    font-size: 18px !important;
    text-decoration: line-through;
}
.prozente {
    position: absolute;
    bottom: 0;
    margin-left: 15px;
    margin-bottom: -10px;
    width: 76px;
    height: 74px;
    background-image: url(../grafik/layout/inhalt/prozente.png);
    text-align: center;
}
.prozente div {
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    font-size: 11px;
}
.prozente p {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    margin: 0;
    padding: 0;
}
.farbenbez {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 5px;
}
.img_farbe {
    margin-top: 3px;
    border-radius: 2px;
}
.artdetail_menge {
    font-size: 15px;
    font-weight: 700;
}
.artdetail_table2 td {
    padding: 3px!important;
    text-align: center;
}
.art_auswahl td, .art_auswahl th, .art_auswahl tr {
    border: 0 !important;
}

.art_auswahl {
    margin: 0
}


.table-hover > tbody > tr:hover > * {
  background: #ebecee;
}

.tabelle_auswahl {
    
    border-left:6px solid #ebecee;
    border-right:6px solid #ebecee;
    border-bottom:3px solid #ebecee;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 10px;
    margin-bottom: 25px
}
.art_auswahl td {
    border-bottom: 2px solid #ebecee !important
}
.art_auswahl th {
    font-weight: 400;
    text-transform: uppercase;
    color: #646464;
    font-size: 11px;
    border: none !important
}
.art_auswahl .art_menge {
    max-width: 59px;
    padding: 12px 5px 12px 12px;
}
.art_auswahl .herz input {
    border: 0;
    background-color: transparent
}
.art_auswahl .herz {
    text-align: center
}
.art_auswahl .eigbez {
    margin: 0;
    padding-left: 5px;
    text-align: left;
    color: #5e91c0;
    font-size: 12px;
}
.art_auswahl .eigbez_farbe {
    margin: 0;
    padding-left: 5px;
    text-align: center;
    color: #5e91c0;
    font-size: 12px;
}
.art_auswahl .td_abstand {
    padding-top: 10px;
    text-align: center
}

.art_auswahl > thead > tr > th {
text-align: center
}

.art_auswahl .td_eig_abstand {
    padding-top: 3px!important;
    padding-bottom: 0!important;
}
#grtab td, #grtab th, #grtab tr {
    border: 0;
}
#grtab td, #grtab th {
    text-align: center;
}
#grtab thead {
    background: #f0f0f0;
}
.weitere_farben button {
    border-radius: 0;
}
.weitere_farben .txt {
    font-weight: 600;
    text-transform: uppercase;
    color: #646464;
    font-size: 11px;
    margin-left: -5px;
}
.weitere_farben .glyphicon {
    margin: 0 -9px;
    color: #aaa;
    font-size: 12px;
}
.lieferbarkeit {
    text-transform: uppercase;
    color: #646464;
    font-size: 10px;
    padding-left: 5px!important;
}
.lief_kaestchen {
    width: 24px;
    height: 13px;
    margin-left: -5px;
}
.zentr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left {
    display: flex;
    align-items: center;
    justify-content: left;
}
.lief_kaestchen_gross {
    width: 59px;
    height: 25px;
    margin-right: 5px;
    padding-top: 5px;
    font-size: 13px;
}

/* COLOR PICKER */

.bootstrap-select button {
    border-color: transparent;
    border-radius: 2px;
    background-color: #FFF
}

.bootstrap-select .dropdown-menu.open {
    border-radius: 2px;
    max-height: 350px !important
}

.bootstrap-select .dropdown-menu.inner {
    border-radius: 2px;
    max-height: 284px !important
}

.bootstrap-select .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #e0edff;
    color: inherit;
    font-weight: 700
}

.bootstrap-select .filter-option {
    font-size: 14.5px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
}

.sofort_lieferbar {
    background-color: #8fcd48;
}
.lieferbar_in_wt {
    background-color: #fbbe48;
}
.derzeit_vergriffen {
    background-color: #f74b2b;
}
.auf_bestellung {
    background-color: #b9b9b9;
}
.lager {
    background-color: #fbbe48;
}
.ohne_wert {
    background-color: transparent;
}
.btn-bestellen {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    font-family:  'realistwide',  sans-serif;
    background-color: #F39200;
    border-color: transparent;
    border-radius: 40px;
    padding: 10px 25px;
}

.btn-bestellen img {
    width: 18px
}

#basket_form .btn-bestellen {
        width: 100%;
    }

.btn-aktualisieren:active, .btn-aktualisieren:focus, .btn-aktualisieren:hover {
    background-color: #d4d4d4
}

.btn-aktualisieren {
    font-weight: 400;
    color: #3c4756;
    font-size: 16px;
    font-family:  'realistwide',  sans-serif;
    background-color: #ebecee;
    border-color: transparent;
    border-radius: 40px;
    padding: 10px 25px;
}

.btn-bestellen span {
    margin-left: 15px;
}
.btn-bestellen:active, .btn-bestellen:focus, .btn-bestellen:hover {
    color: #fff;
    background-color: #f3a103;
    border-color: #e5a529;
}
.btn-bestellen2 {
    width: 100%;
    margin-top: 20px;
    font-weight: 600;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    background-color: #F39200;
    border-color: #F39200;
    border-radius: 40px;
    padding: 10px 25px;
}
.btn-bestellen2 span {
    margin-left: 15px;
}
.btn-bestellen2:active, .btn-bestellen2:focus, .btn-bestellen2:hover {
    color: #fff;
    background-color: #feac30;
    border-color: #feac30;
}
.btn-bestellimport {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background-color: #183E7A;
    padding: 10px 20px;
    border-radius: 2px
}
.btn-bestellimport .glyphicon-menu-hamburger {
    left: -10px;
}
.btn-bestellimport .glyphicon-plus {
    left: -12px;
}
.btn-bestellimport .glyphicon-share {
    font-size: 17px;
    margin-left: 10px;
}

.btn-bestellimport:active, .btn-bestellimport:focus, .btn-bestellimport:hover {
    color: #fff;
    background-color: #1e4d7d;
    border-color: #22578d;
}
.bestellimport_button {
    margin: 25px 0 5px 0;
}
.etab_del {
    visibility: hidden;
}

#etab_ende {
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 65px
}

.etab_del2 {
    float: right;
  cursor: pointer;
    color: #666;
  background: #e1e1e1;
  border-radius: 25px;
  padding: 10px;
    font-size: 14px;
    top:10px;
    opacity: 0.6
}
.etab_del2:hover {
    opacity: 1
}

.ueberdeckfolie {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
}
.ueberdeckfolie_text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%}
.ueberdeckfolie_text div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%}
.ueberdeckfolie_text p {
    padding: 10px 30px;
    background-color: #fb6e52;
    color: #fff;
}

    .bestprice_menge_tab {
        font-size: 12px !important;
        font-weight: bold;
        white-space: nowrap;
        padding: 3px 0;
        background-color: white;
        
    }
    .bestprice_preis_tab {
        margin-left: 3px;
        white-space: nowrap;
        background-color: #8a9098;
        padding: 4px 8px;
        border-radius: 2px;
        color: white;
        font-family:  'Barlow Condensed',  sans-serif;
        font-weight:  500;
        font-size: 17px !important;
    }
    .bestprice_qm_tab {
        font-size: 15px !important;
        font-weight: 500 !important;
        white-space: nowrap;
        padding: 2px 8px;
        font-family: 'Barlow Condensed', sans-serif;
        background-color: #f5f5f5;
        border-top: 2px solid white;
    }
    .bpreis {
        display: inline-block;
    }
    .bpreis div {
        float: left;
        color: #929292;
        padding: 0;
        border: none;
        border-top: 2px solid white;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        text-align: center;
    }

.bpreis {
    display: inline-block;
}

.bestprice_oben {
    color: #929292;
    font-size: 12px;
    margin-bottom: 3px;
}
.bestprice_unten {
    clear: both;
    color: #929292;
    font-size: 11px;
}
.artdiv_text {
    padding: 0;
}
.tab-content {
    padding:  25px 0;
}

#paketinhalt ul {
    list-style-type: "+";
    padding-left: 20px;
}

#paketinhalt ul li {
    padding-left: 10px
}

.artdiv_text h1 {
    font-size: 14px;
    margin: 5px 0;
}
.artdiv_text h1 {
    padding: 10px 0 2px 0;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #3c4756;
}

.subtitel {
    padding: 10px 0 2px 0;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #3c4756;
    font-family: 'realistwide', sans-serif;
    font-weight: 600;
}

.eigenschaftstabellen_input {
    min-width: 60px;
    padding: 0 0 0 5px;
    box-shadow: none;
}
.eigenschaftstabellen_epreis {
    max-width: 150px;
    font-family:  'Barlow Condensed',  sans-serif;
     font-weight:  500;
    font-size: 17px;
}
.doks_rechts {
    background-color: #30659b;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.doks_rechts h3 {
    font-size: 12px;
}
.select-farbe {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0 15px 0;
}

.select-farbe .farbe {
  float: left;
  width: 15%;
    height: 16px;
    margin-top: 2px;
  margin-right: 15px;
    border-radius: 2px
    
}

.farbbez_kopf {
    margin-top: 5px;
}
.farbbez_kopf img {
    margin-left: 3px;
    margin-bottom: 3px;
}
.thumb_titel {
    margin-top: 7px;
    text-align: left;
}

.thumb_titel a {
    text-decoration: none;
}

.thumb_titel .titel {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1.2em
}
.thumb_titel h2 a span, .thumb_titel h3 {
    font-size: 15px;
}

.downloads img {
    padding: 0 10px 0 0
}

.nav-tabs > li {
    padding-right: 25px;
}

.nav-tabs > li > a { 
    border:0 !important;
    border-radius: 0;
    text-decoration: none;
font-size: 17px;
color: #8c929c;
    font-weight: 600;
    padding: 0 0 5px 0
    
}

.subnavigation {
    background: #03384f;
    padding: 10px 0;
    color: #d3d3d3;
    font-family:  'realistwide',  sans-serif;
    font-size: 15px;   
}


.subnavigation .container {
    
}

.subnavigation ul {
    list-style: none;
    padding: 0;
    width: max-content;
}

.subnavigation ul li {
    float: left;
    padding-right: 30px 
    
}


.groessentabelle .table > thead > tr > th, .groessentabelle .table > tbody > tr > th, .groessentabelle .table > tfoot > tr > th, .groessentabelle .table > thead > tr > td, .groessentabelle .table > tbody > tr > td, .groessentabelle .table > tfoot > tr > td {
    line-height: 2;
    text-align: center
    
}

.groessentabelle .table tr:first-child td {
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}
.groessentabelle .table td {
    border-top: none
}


.tabsunten .table > thead > tr > th, .tabsunten .table > tbody > tr > th, .tabsunten .table > tfoot > tr > th, tabsunten .table > thead > tr > td, .tabsunten .table > tbody > tr > td, tabsunten .table > tfoot > tr > td {
    line-height: 2
    
}

#beschreibung .table tr td:first-child {
    font-weight: 600
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #183E7A;
    text-decoration: none;
    border-bottom: 4px solid #183E7A !important
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none !important
}

header .nav > li > a {
    padding: 10px 30px 0 0
}

.logo .nav > li > a {
    padding: 0
}


#navbar .nav > li > a {
    padding: 0
}

#navbar .nav > li  {
    padding: 0 10px 0 0
}


.nav-tabs {
    border-bottom: 1px solid #ddd
}



.dropdown-menu {
    border-radius: 2px;
}

.downloads {
    background-color: #ebecee;
padding: 15px;
border-radius: 2px;
    margin-top: 20px;
}

.downloads button {
    border: 0;
    border-color: transparent;
border-radius: 2px;
    width: 100%;
    text-align: left;
    padding: 8px 25px 
   
}

.downloads .bootstrap-select .filter-option {
 font-weight: 400 !important;
    text-transform: none;
    color: #4a586a;
    font-size: 16px
}

.thumb_hersteller {
    margin-top: 2px;
    margin-left: 0;
    margin-bottom: -5px;
    color: #7c7c7c;
    font-size: 13px;
}

.thumb_artikel {
    padding: 0 15px 0 0;
    float: left;
    min-height: 200px;
    max-width: 284px;
    margin-bottom: 45px;
}

.thumb_artikel .subline {
    
font-size: 14px;
}

#startseite_empfehlungen .thumb_artikel,
.empf .thumb_artikel {
    padding: 7px;
    float: left;
    min-height: 380px;
    max-width: 284px;
    width: 284px
}
.thumb_artikel p.price {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}

.price {
      font-size: 20px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}

.price_n {
      font-size: 20px;
    font-weight: 500;
    font-family: 'Barlow Condensed', sans-serif;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.isDisabled > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

.FFFFFF.thumb_farben,
.ffffff.thumb_farben,
.F1F2F1.thumb_farben,
.F4F4F4.thumb_farben{
    border: 1px solid #ddd;
}

.bestellinhalt .price {
      font-size: 20px !important;
    font-weight: 500;
   
}

.FFFFFF.img_farbe,
.ffffff.img_farbe,
.F1F2F1.img_farbe,
.F4F4F4.img_farbe{
    border: 1px solid #ddd;
}

.thumb_farben {
    margin: 0 1px 5px 0;
    padding: 0;
    border: 1px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    border-radius: 2px
}
.subline p {
    margin-top: 2px;
    margin-bottom: 0
}
.thumb_farbe_aktiv {
    margin: 0 1px 5px 0;
    padding: 0;
    border: 2px solid #fff;
    box-sizing: content-box;
    cursor: pointer;
    outline-style: solid;
    outline-color: #777;
    outline-width: 2px;
}
.thumb_bild,
.empf_bild1{
    text-align: left;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
/*
.empf_bild1 img {
    width: auto !important;
    height: auto !important;
} */

.empf_titel {
    height: auto !important
}

.thumb_farbaz {
    position: absolute;
    bottom: -100px;
    transition: bottom ease 0.2s;
    padding: 15px 0 15px 8px ;
    width: 100%;
   backdrop-filter: blur(10px);
    background-color: rgb(255 255 255 / 0.6);
}

.thumb_farbaz a {
    text-decoration: none;
    font-weight: normal;
}

.thumb_farbaz .glyphicon {
    opacity: 0.6
}


.empf_bild1:hover .thumb_farbaz {
  bottom: 0;
}

.thumb_bild:hover .thumb_farbaz {
  bottom: 0;
}

.artikel {
    padding-bottom: 10px;
    background: #FFFFFF
}

.thumb_text {
    margin-top: 5px;
    font-size: 11px;
}
.listenbutton_hauptartliste {
    position: relative;
    bottom: 0;
}
.listenbutton {
    position: absolute;
    bottom: 10px;
}
.kauften_auch,
#startseite_empfehlungen,
#startseite_neuheiten {
    display: flex;
    padding-left: calc(43% - 560px);
padding-right: calc(43% - 560px);
    width: max-content;
}

.kauften_auch .listenbutton {
    bottom: 5px;
}
.autoheight_container_start .listenbutton {
    bottom: -5px;
}
.autoheight_container_start .vk {
    margin-bottom: 25px!important;
}
.autoheight_container_start .price {
    margin-bottom: 0!important;
    white-space: nowrap;
}

.vk {
    color: #656565;
    font-size: 11px!important;
    font-weight: 500!important;
    margin-top: -3px;
}
.vk a {
    text-decoration: underline;
    color: #656565;
    font-size: 11px;
}
.vk a:hover {
    color: #03254a;
}
.ansicht1spalt {
    width: 34px;
    height: 18px;
    float: left;
}
.ansicht1spalt div {
    width: 30px;
    height: 5px;
    background-color: #d9d9d9;
    margin-bottom: 1px;
}
.ansicht1spalt .aktiv {
    background-color: #ff7100;
}
.ansicht1spalt:hover {
    cursor: pointer;
}
.ansicht1spalt:hover div {
    background-color: #ff7100;
}
.ansicht3spalt {
    width: 41px;
    height: 18px;
    padding: 0 5px;
    float: left;
}
.ansicht3spalt div {
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: content-box;
    float: left;
}
.ansicht3spalt .aktiv {
    background-color: #F39200;
}
.ansicht3spalt:hover {
    cursor: pointer;
}
.ansicht3spalt:hover div {
    background-color: #F39200;
}
.ansicht4spalt {
    width: 40px;
    height: 18px;
    float: left;
}
.ansicht4spalt div {
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: content-box;
    float: left;
}
.ansicht4spalt .aktiv {
    background-color: #F39200;
}
.ansicht4spalt:hover {
    cursor: pointer;
}
.ansicht4spalt:hover div {
    background-color: #F39200;
}
.price span {
    font-size: 12px;
}
.anschauen {
    padding-top: 3px;
}
@media (max-width:767px) {
    .hauptartliste_abstand_unten {
    margin-bottom: 0;
}
    .thumb_artikel {
          max-width: 234px;
    }
    
    .d-flex {
        display: block
    }
    .bcrumb .letztes_element {
        display: none
    }
.listenbutton {
    position: relative;
    margin-top: 0;
}
.thumb_artikel p.price {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}
.thumb_titel h2 a span {
    font-size: 15px;
    font-weight: 700;
}
}.mein_konto_liste {
    padding: 10px;
}
.mein_konto_liste ul {
    margin-left: 5px;
    padding-left: 0;
    text-indent: 0;
    font-size: 14px;
    line-height: 2;
}
.mein_konto_liste li {
    list-style-position: outside;
    list-style-type: none;
}
.mein_konto_liste li.active {
    list-style-position: outside;
    list-style-image: url(../grafik/layout/menu/pfeil_r_liste.png);
    font-weight: 700;
}
.meine_bestellungen td, .meine_bestellungen th, .meine_bestellungen tr {
    border: 0!important;
    text-align: center;
}

.meine_bestellungen .glyphicon-menu-hamburger {
    font-size: 12px;
    color: #767676;
}
.meine_bestellungen .glyphicon-plus {
    left: -2px;
    top: -1px;
    font-size: 9px;
    color: #767676;
}
.meine_bestellungen .glyphicon-ok {
    color: #139d0c;
}

.inbearbeitung,
.auftragangenommen{
    color: #f99604;
    font-weight: 500
}

.inbearbeitung::before,
.auftragangenommen::before {
    background-color: #f99604;
    content: " ";
  display: inline-block;
  border-radius: 8px;
    margin-right: 8px;
    width: 10px;
    height: 10px;
}

.abgeschlossen{
    color: #0b9f00;
    font-weight: 500
}

.abgeschlossen::before {
    background-color: #0b9f00;
    content: " ";
  display: inline-block;
  border-radius: 8px;
    margin-right: 8px;
    width: 10px;
    height: 10px;
}

.meine_bestellungen .glyphicon-chevron-right {
    top: 0;
    color: #767676;
    font-size: 8px;
}
.meine_bestellungen .glyphicon-hourglass {
    color: #f99604;
}
.meine_bestellungen .arttab td, .meine_bestellungen .arttab th, .meine_bestellungen .arttab tr {
    padding: 3px 10px;
    border: 0!important;
    text-align: left;
}



.sort_ansicht {
    margin-bottom: 15px;
    margin-top: 10px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0
}
.sort_ansicht .sort_nach {
    padding-top: 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #7c7c7c;
}
.btn-pg {
    border-radius: 0;
    color: #333;
    border: 0;
    font-size: 15px;
    background-color: #fff;
    border-color: #ccc;
    padding: 6px 9px;
}
.btn-pg:active, .btn-pg:focus, .btn-pg:hover {
    background-color: #eee;
}
.pag {
    float: right;
    margin-right: 10px;
}
.pag .seite_von {
    margin: 0 15px;
    font-size: 11px;
}
.btn-pg3 {
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    background-color: #03254a;
    padding: 6px 15px;
}
.btn-pg3:active, .btn-pg3:focus, .btn-pg3:hover {
    opacity: 0.8;
    color: #fff;
}
.angebote_txt {
    margin-top: 40px;
}
.angebote_txt h2 {
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 15px;
}
.angebote_txt p {
    font-size: 15px;
}
footer {
    background-color: #3c4756;
    clear: both;
    margin-top: 55px;
    float: left;
    width: 100%;
}
footer a, footer div, footer p {
    font-size: 15px;
    color: #ddd;
    text-decoration: none
}
footer a:hover {
    text-decoration: underline;
    color: #ccc;
}
footer .kontakt {
    font-weight: 700;
}
footer .fuss_inhalt1_zeile {
    line-height: 20px;
    margin: 0;
    padding: 0;
}
footer .fuss_inhalt1_head {
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
footer .erste_zeile {
    padding: 40px 0 0 0;
}
footer .zweite_zeile {
    padding: 22px 0 15px 0;
}
footer .zweite_zeile p {
    font-size: 12px;
}
footer .dritte_zeile {
    background-color: #242a34;
    padding: 22px 0 15px 0;
}
footer .dritte_zeile p {
    font-size: 11px;
}
footer .spalte1 {
    padding-left: 30px;
}
footer .spalte4 {
    float: right;
    padding: 25px 10px 0 0;
}
@media (max-width:767px) {
    footer .spalte1, footer .spalte2, footer .spalte3 {
    padding-left: 10px;
}
footer .spalte4 {
    padding-right: 100px;
}
}.warenkorb {
    margin-top: 10px;
}
.warenkorb th {
    font-weight: 400;
  text-transform: uppercase;
  color: #646464;
  font-size: 11px;
    text-align: center;
  border: none !important;
}
.warenkorb td {
    text-align: center;
    border-top: none!important;
    border-bottom: 1px solid #cccccc;
    padding: 20px 5px !important;
    
}
.warenkorb .artliste_hinweis {
    font-size: 12px;
    color: #777;
    padding: 5px 0;
    margin: 0;
}
.warenkorb .hinweis {
    padding: 5px;
    background-color: #fff;
    color: #8b0000;
}
.warenkorb .artbez p {
    font-family: 'realistwide', sans-serif;
    text-align: left!important;
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}



.warenkorb .eig {
}
.warenkorb .preis {
font-family: 'Barlow Condensed', sans-serif;
font-size: 18px;
    font-weight: 500;
    text-align: right
}
.warenkorb .anr {
}
.warenkorb .option {
    text-align: left;
}
.warenkorb .farbe_groesse {
}
.warenkorb .unstyled li {
    line-height: 1.2em;
    text-align: left
}
.warenkorb p {
    margin-bottom: 3px;
}

#wk_vergleichbare_produkte {
    overflow-y: hidden
}
.warenkorb .wk_menge {
    width: 48px;
    height: 28px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    margin-right: 4px;
}
.warenkorb .wk_lieferbar {
    width: 48px;
    height: 28px;
    border: none;
    text-align: center;
    padding-top: 2px;
    float: left;
}
.wk_anfrage_meldung {
    color: #1c4e8b;
    background: #fffbf0;
    border: 1px solid #dfac20;
    padding: 5px 0 9px 10px;
    font-size: 12px;
}
.input-sm {
    padding: 10px 12px;
    box-shadow: none;
    border-color: #e5e5e5;
    font-size: 14px;
    border-radius: 2px
}

.logindrop .btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    width: 100%;
    font-size: 110% !important
}

.ub_container .input-sm {
    padding: 5px 10px;
    box-shadow: none;
    border-color: #e5e5e5;
    font-size: 12px;
    border-radius: 2px
}

select.input-sm {
    padding: 12px 12px;
    height: auto;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    line-height: normal;
    background-image:
    linear-gradient(45deg, transparent 50%, #3c4756 50%), linear-gradient(135deg, #3c4756 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
    
}

.text-warning {
    color: #ff7675
}

.has-error .form-control {
    border-color: #ff7675
}
.kundentext {
    padding: 10px 0 0 20px;
}
.kundentext input, .kundentext select {
    margin: 0 5px;
}
.kundentext label {
    font-weight: 400;
}
.warenkorb_betrag {
    padding: 10px 15px;
    background-color: #f2f2f2;
    font-size: 14px;
    border-radius: 4px

}
.kommi {
    font-size: 13px;
    font-style: normal ;
    color: #3c4756;
    padding: 5px 10px 5px 1px;
    width: 250px;
    border-top: 0;
    border-left:0;
    border-right: 0;
    border-bottom: 2px solid #ccc
}

.warenkorb_betrag .text-right {
    font-family: 'Barlow Condensed', sans-serif; 
    font-size: 20px
}
.warenkorb_betrag .gesamt {
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
}
.warenkorb_betrag .zwischensumme {
    font-size: 13px;
}
.warenkorb_betrag .pfeil_zuschlag {
    width: 19px;
    height: 35px;
    position: absolute;
    top: -8px;
    left: -28px;
    background: url(../grafik/layout/inhalt/pfeil_zuschlag.png) no-repeat;
}

#artikel_kopf {
    margin-bottom: 20px;
}

#artikel_kopf .nav {
    margin: 2px 0;
    padding: 6px 0 10px 0;
    border-top: 1px solid #e2e2e2;
    /* border-bottom: 1px solid #e2e2e2 */
}

#artikel_kopf .nav li {
    padding-right: 15px;    
}

#navbar .nav a {
    position: relative;
    text-decoration: none;
    
}

.dropdown-menu a::before {
    background-color: none;
    height: 0px !important;
}

#navbar .nav a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 2px;
  left: 0;
  background-color: #00b2ff;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

#navbar .nav a:hover {
    color: #00b2ff
}

#navbar {
    padding-bottom: 12px
}

#navbar .nav {
    display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 0;
  width: 100%;
  flex-wrap: wrap;
  align-content: space-between;
    flex-wrap: wrap
}

#navbar .nav a:hover::before {
  transform: scaleX(1);
}

#artikel_kopf .nav a {
    position: relative;
  text-decoration: none;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 0;
  font-size: 14.5px;
  font-weight: 500;
  color: #007bc7;
    
}


#artikel_kopf .nav a:hover {
    color: #007bc7;
}


#artikel_kopf .nav a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #007bc7;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

#artikel_kopf .nav a:hover::before {
  transform: scaleX(1);
}

.link {
position: relative;
  text-decoration: none !important;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 0;
  font-weight: 500;
  color: #007bc7 !important;
}

.link::before {
        content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #007bc7;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
    }
    
    .link:hover::before {
  transform: scaleX(1);
}
    .link:hover {
        color: #007bc7
    }


.anmeld {
    margin-top: 45px;
}
.anmeld .anmeld_inhalt {
    padding: 25px;
}
.anmeld .anmeld_inhalt ul img {
    margin: 0 3px 3px 0;
}
.adresse {
    margin-top: 25px;
}
.adresse .adresse_inhalt {
    /*padding: 25px;*/
}
.adresse .adresse_inhalt .firmenkunde {
    margin-left: 0;
}
.adresse .adresse_inhalt .ansp {
    margin-left: 10px;
}
.adresse .adresse_inhalt h3 {
    margin: 15px 0;
}

.zahlung .auswahl {
    padding: 0
}

.zahlung .auswahl li {
  margin: 0 5px 10px 0;
  width: 100%;
    text-align: left;
    display: flex;
    align-items: left;
    justify-content: left;
    float: left;
}

.zahlung .auswahl label,
.zahlung .auswahl input {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.zahlung .auswahl input[type="checkbox"] {
    display: none;
}

.zahlung .auswahl input[type="checkbox"]:checked+label,
.Checked+label {
    background: #dfdfdf;
    border: 2px solid #2faae1;
    opacity: 1;
    color: #FFF
}

.zahlung .auswahl input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
    display: contents;
}

.zahlung .auswahl input[type="radio"]:checked+label,
.Checked+label {
   background: #011631;
    border: 2px solid #011631;
    opacity: 1;
    color: #fff
}

.zahlung .auswahl label {
  border: 1px solid #cccccc;
    background-color: transparent;
    font-weight: 600;
  cursor: pointer;
  z-index: 9;
    border-radius: 4px;
    color: #333;
    padding: 15px 25px;
    font-size: 16px;
    width: 100%;
}

.zahlung .auswahl label:hover {
  background: #cccccc;
}

.zahlung .card {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 10px 20px
}

.zahlung .zahlung_inhalt {

}
.zahlung .zahlung_inhalt label {
    margin-bottom: 0!important;
}
.zahlung .zahlung_inhalt label p {
    font-size: 13px;
    font-weight: 400;
}
.zahlung .btop {
    border-top: 1px solid #e8e8e8;
}
.absenden {
    margin-top: 25px;
    position: relative;
}
.absenden .absenden_info {
    position: absolute;
    top: 17px;
    right: 11px;
    padding: 5px 15px 5px 15px;
    font-size: 15px;
}
.absenden .absenden_inhalt {
    padding: 25px;
}
.absenden .absenden_inhalt h3 {
    margin-bottom: 15px;
}
.absenden .absenden_inhalt a {
    color: #03254a;
    text-decoration: underline;
    font-size: 15px;
}
.absenden_wktext {
    margin-top: 20px;
}
.absenden_wktext a {
    color: #03254a;
    text-decoration: underline;
    font-size: 15px;
}
.kundentext_akx {
    margin-top: 10px;
}
.kundentext_akx .kundentext_akx_inhalt {
    padding: 10px;
}
.kasse_link {
    color: #03254a;
}
.wk_buttons {
    margin-top: 30px;
    vertical-align: bottom;
}
.schritte .aktiv {
    padding-left: 32px;
    padding-right: 15px;
    float: left;
}
.schritte .aktiv div {
    width: 28px;
    height: 28px;
    color: #9b9b9b;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    font-size: 14px;
    padding-left: 9px;
    padding-top: 3px;
    background-color: #e8e8e8;
}
.schritte .bez_aktiv {
    float: left;
}
.schritte .bez_aktiv div {
    white-space: nowrap;
    padding-top: 5px;
    color: #01489a;
    font-size: 13px;
}
.schritte .inaktiv {
    padding-left: 32px;
    padding-right: 15px;
    float: left;
}
.schritte .inaktiv div {
    width: 28px;
    height: 28px;
    color: #b3b3b3;
    border: 1px solid #b3b3b3;
    border-radius: 14px;
    font-size: 14px;
    padding-left: 9px;
    padding-top: 3px;
}
.schritte .bez_inaktiv {
    float: left;
}
.schritte .bez_inaktiv div {
    white-space: nowrap;
    font-size: 13px;
    margin-top: 5px;
    color: #777;
}
.schritte .abgeschlossen {
    padding-left: 25px;
}
.schritte .abgeschlossen div {
    width: 30px;
    height: 30px;
    color: #fff;
    border: 1px solid #808f00;
    background-color: #808f00;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 3px;
}
.schritte .bez_abgeschlossen {
    padding-right: 0;
    padding-left: 3px;
}
.schritte .bez_abgeschlossen div {
    width: 100%;
    margin-top: 12px;
    border-top: 6px solid #808f00;
    text-align: center;
}
.schritte .bez_abgeschlossen div a {
    color: #808f00;
}

.btn-primary {
    background: #2faae1;
    border-color: #2faae1;
    padding: 10px 25px;
    border-radius: 40px;
}

.btn-rot {
    background: #e30613;
    border-color: #e30613;
    padding: 10px 25px;
    color: #FFF !important;
    border-radius: 40px;
}


.btn-rot:hover {
    color: #FFF !important;
    background: #fa4751;
    border-color: #fa4751;
}
.btn-weiter {
    color: #fff !important;
    font-size: 15px;
    font-weight: 500 !important;
    background: #011631;
    text-decoration: none !important;
    padding: 10px 25px;
    border-radius: 40px;
}
.btn-weiter.active, .btn-weiter:active, .btn-weiter:focus, .btn-weiter:hover, .open .dropdown-toggle.btn-weiter {
    color: #fff;
    font-weight: 500;
    background: #3c4756;
}

.btn-secondary {
    color: #3c4756;
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    border: #b8b8b8 1px solid;
    padding: 8px 15px;
}

.btn-filter {
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    background: url(../grafik/layout/filter.svg) center center no-repeat;
    background-color: #F39200 ;
    border: 0;
    padding: 8px;
    width: 48px;
    border-radius: 40px;
    background-size: 40%;
    position: absolute;
    right: 5px;
    top:-35px;
    z-index: 9
}

.btn-fort
 {
    color: #3c4756;
    position: absolute;
    right: 0px;
     text-decoration:none;
    top: -45px;
    font-size: 13px;
    font-weight: 500;
    background: #ebecee;
    border: 0;
    padding: 10px 20px;
     border-radius: 30px
}

#basket_form .btn-fort {
    color: #3c4756;
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    font-weight: normal !important;
    background: transparent;
    border: #b8b8b8 1px solid;
    padding: 8px 15px;
}

.btn:active, .btn.active {
    box-shadow: none;
    outline: none;
}

.btn-default:focus, .btn-default.focus {
    outline: none
}

.btn-default {
    color: #3c4756;
    font-size: 16px;
    font-weight: 500;
    background: #dfdfdf;
    text-decoration: none !important;
    font-weight: normal !important;
    border: 0;
    padding: 10px 25px;
    border-radius: 40px;
        
}
.btn-fort.active, .btn-fort:active, .btn-fort:focus, .btn-fort:hover, .open .dropdown-toggle.btn-fort {
    background: #d6d6d6;
    border: 0
}
.anmeld .unten {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right: 20px;
}
.btn-anmeld {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    background: #505050;
    padding: 5px 15px;
    text-align: right;
    width: 100%}
.btn-anmeld.active, .btn-anmeld:active, .btn-anmeld:focus, .btn-anmeld:hover, .open .dropdown-toggle.btn-anmeld {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    background: #707070;
    padding: 5px 15px;
    text-align: right;
    width: 100%}
.hintergrund {
    background-color: #f0f0f0;
}
.btn-orange {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #011631;
    padding: 5px 15px;
}
.btn-orange.active, .btn-orange:active, .btn-orange:focus, .btn-orange:hover, .open .dropdown-toggle.btn-orange {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #03254a;
    padding: 5px 15px;
}
.btn-gelb {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #183E7A;
    padding: 10px 25px;
  border-radius: 40px;
}
.btn-gelb.active, .btn-gelb:active, .btn-gelb:focus, .btn-gelb:hover, .open .dropdown-toggle.btn-gelb {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #004A9B;
    padding: 8px 15px;
}
.btn-gelb2 {
    font-weight: 500;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    background-color: #fbbe48;
    padding: 10px 25px;
  border-radius: 40px;
}
.btn-gelb2:active, .btn-gelb2:focus, .btn-gelb2:hover {
    color: #fff;
    background-color: #f3a103;
    border-color: #e5a529;
}
.anmeld_ueberschrift {
    background: #03254a;
}
.anmeld_ueberschrift p {
    color: #fff;
    font-size: 23px;
    padding: 15px 20px;
    font-family: 'realistwide', sans-serif;
}
.art_kurztext_kasse {
    font-size: small;
    margin-top: -10px;
    color: #777;
}
.chkbox * {
    box-sizing: border-box;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chkbox {
    display: inline-block;
    margin-top: 3px;
}
.chkbox>input {
    display: none;
}
.chkbox>label {
    vertical-align: top;
    font-size: 18px;
    padding-left: 5px;
}
.chkbox>[type=checkbox]+label:before {
    color: #7d7d7d;
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    min-height: 12px;
    height: 12px;
    width: 12px;
    border: 1px solid #7d7d7d;
    font-size: 15px;
    vertical-align: top;
    text-align: center;
    transition: all .2s ease-in;
    content: ''}
.chkbox>[type=checkbox]+label:hover:before {
    border-color: #cd5c5c;
}
.chkbox>[type=checkbox]:checked+label:before {
    width: 8px;
    height: 16px;
    border-top: transparent;
    border-left: transparent;
    border-color: #cd5c5c;
    border-width: 4px;
    transform: rotate(45deg);
    top: -4px;
    left: 4px;
}
.wk_mark_text {
    float: right;
}
.wk_mark_text a {
    color: #000;
    font-size: 14px
}
.wk_mark_text button {
}
.linie {
    background-color: #b0c2d0;
    height: 1px;
    margin: 10px 0;
}
.versand_infotext {
    background-color: #c8eaff;
    padding: 17px 30px;
}

.versand_infotext .preis {
    font-family:  'Barlow Condensed',  sans-serif;
    font-size:  22px;
}

.number {
    font-family: 'realistwide', sans-serif;
    background-color: #182039;
    padding: 15px;
    text-align: center;
    border-radius: 50px;
    color: #FFF;
    width: 54px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;

}
.pfeil_versand {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 33px;
    left: -5px;
    background: url(../grafik/layout/inhalt/pfeil_versand.png) no-repeat;
}
.ihre_kundennummer {
    padding: 20px 0 5px 0;
    background-color: #f2f3f5;
    border: 1px solid #e1e2e4;
}
.ihre_kundennummer .t_klein {
    font-size: 12px;
    color: #183E7A;
}
.ihre_kundennummer .kdnr {
    font-size: 32px;
    color: #183E7A;
    margin-top: -10px;
    font-weight: 600;
    font-family: 'realistwide', sans-serif;
}
.begruessung p {
    padding: 8px 0 18px 0;
}
.service_root {
    margin-top: 20px;
}
.service_root .service_txt {
    margin: 2px 0 0 0;
}
.service_root .service_txt2 {
    margin: 0 0 0 0;
    font-size: 17px;
}
.img-thumbnail {
    padding: 0!important;
    border: 0;
}
.page {
    color: #4d4d4d;
}
.page p {
    line-height: 1.5em;
    padding: 0 0 15px 0;
}
hr {
    text-align: center;
    width: 100%;
    padding: 15px 0 0 0;
    border-color: #cccccc;
    margin-top: 25px;
    margin-bottom: 0;
}
.page hr {
    text-align: left;
    width: 90%;
    padding: 25px 0 15px 0;
    float: left;
    display: block;
    border-color: #cccccc;
}

.page p a {
    text-decoration: underline;
    color: #004c99;
}
.page p a:hover {
    text-decoration: none;
    color: #00e;
}
.page h2 {
    padding: 15px 0 10px 0;
    font-size: 17px;
    color: #3d3d3d;
}
.page small {
    padding: 0 0 25px 0;
    display: block;
    font-size: 110%}
.page h1 {
    padding: 10px 0 10px 0;
    color: #3d3d3d;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}
.box_header_gruppen {
    display: none;
}
.page h3 {
    padding: 10px 0 10px 0;
    font-size: 15px;
    color: #3c4756;
}
.btn-fort {
    display: block!important;
    float: right;
    margin: -25px 0 10px 0 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}
.page h4 {
    padding: 0 0 5px 0;
    font-weight: 700;
    font-size: 16px;
}
#top {
    position: fixed;
    bottom: 10%;
    right: 5%}
.page img {
    max-width: 100%}
.subnavi {
    padding: 10px 0 0 0;
    list-style: none;
}

.subnavi_sub {
    padding: 0 0 5px 10px;
    list-style: none;
}

section {
    padding: 0 0 25px 0
}

.subnavi p {
    font-size: 16px;
    font-weight: 600;
    font-family: 'realistwide', sans-serif;
    padding: 0
}

.subnavi a {
    color: #3c4756;
    font-weight: 500;
    margin: 15px 0;
    font-size: 15px;
    display: block;
    text-decoration: none;
}
.subnavi a:hover,
.subnavi .active{
    font-weight: 600

}

.gruen {
    padding: 15px 25px;
background: #d0e8b4;
border-radius: 4px;
}

.gruen p {
    margin: 10px;
    color: #63922c;
    font-size: 16px;
    padding: 0
}

.gruen .svg {
    width: 30px;
    padding-right: 10px
}
.wichtig {
    width: 100%;
    display: block;
    padding: 15px 25px;
		background: #ffe698 ;
		border-radius:4px
}
.wichtig_rot {
  width: 100%;
  display: block;
  padding: 15px 25px;
  background: #e4332d;
  border-radius: 4px;
}
#tabelle {
    border: none;
    width: 100%;
}
#tabelle td {
    padding: 4px 7px;
    border: none;
}
#tabelle thead th {
    background: #dcdcdc;
    padding: 5px 15px;
}
#tabelle thead th:nth-child(2) {
    text-align: center;
}
#tabelle thead th:nth-child(3) {
    text-align: center;
}
#tabelle td {
    padding: 5px 15px;
}
#tabelle tr:nth-of-type(even) td {
    background-color: #ededed;
}
#tabelle tr td:nth-child(2) {
    text-align: center;
}
#tabelle tr td:nth-child(3) {
    text-align: center;
}
#tabelle td[colspan="2"] {
    text-align: center;
}

.artdiv_text h2 {
    padding: 10px 0 10px 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #3c4756;
}
.artdiv_text h3 {
    padding: 10px 0 10px 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #3c4756;
}
.artdiv_text {
    font-size: 16px;
    line-height: 22px;
}
.artdiv_text ul li {
    padding: 3px 0;
}
.kauften_auch .listenbutton {
    position: relative;
    margin-top: -15px;
}
#artikel_longtext a {
    color: #5e91c0;
    text-decoration: underline;
    cursor: pointer;
}
.price span span {
    display:  inline-block;
    margin: 5px 0;
    font-family:  'Barlow Condensed',  sans-serif;
    font-size:  22px;
}
.table-responsive .price {
    font-family:  'Barlow Condensed',  sans-serif;
    font-size:  16px;
    font-weight: 500;

}
.table-striped .price {
        font-family:  'Barlow Condensed',  sans-serif;
    font-size:  16px;
    font-weight: 500;

}
#artikel_longtext a:hover {
    text-decoration: none;
}
.thumb_artikel .price span span:nth-child(2) {
    display: inline!important;
}
.thumb_artikel .price span:nth-child(2) {
    display: none;
}

.artikelbild {
    
}

.navkat_head {
    background-color: #f5b23b;
    height: 44px;
    line-height: 35px;
}
#navbar .navbar-nav > li > a {
    line-height: 35px;
}


.lief_abstand {
    width: 10px;
}
.lief_kaestchen_gross {
    padding-top: 3px;
}
.ohne_wert {
    background-color: transparent;
}
.lief_kaestchen_lager_bestand {
    width: 120px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px 2px 0 0
}
.lager_sofort_lieferbar {
    width: 120px;
    background-color: #fff;
    border-top: 8px solid #8fcd48;
    border-right: 2px solid #8fcd48;
    border-bottom: 2px solid #8fcd48;
    border-left: 2px solid #8fcd48;
    text-align: center;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 11px;
    color: #646464;
    border-radius: 2px;
}
.lager_lieferbar_in_wt {
    width: 120px;
    background-color: #fff;
    border-top: 8px solid #fbbe48;
    border-right: 2px solid #fbbe48;
    border-bottom: 2px solid #fbbe48;
    border-left: 2px solid #fbbe48;
    text-align: center;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 11px;
    color: #646464;
    border-radius: 2px;
}
.lager_derzeit_vergriffen {
    width: 120px;
    background-color: #fff;
    border-top: 8px solid #f74b2b;
    border-right: 2px solid #f74b2b;
    border-bottom: 2px solid #f74b2b;
    border-left: 2px solid #f74b2b;
    text-align: center;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 11px;
    color: #646464;
    border-radius: 2px;
}
.lager_auf_bestellung {
    width: 120px;
    background-color: #fff;
    border-top: 8px solid #b9b9b9;
    border-right: 2px solid #b9b9b9;
    border-bottom: 2px solid #b9b9b9;
    border-left: 2px solid #b9b9b9;
    text-align: center;
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 11px;
    color: #646464;
    border-radius: 2px;
}
.lief_kaestchen_hersteller_bestand {
    width: 120px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px 2px 0 0;
}
.lief_kaestchen_hersteller_lieferzeit {
    width: 120px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 0 0 2px 2px;
}
.lief_kaestchen_hersteller_lieferzeit img {
    margin-bottom: 1px;
}
.lief_kaestchen_hersteller_lieferzeit span {
    padding-top: 3px;
    padding-left: 2px;
    font-size: 11px;
    color: #646464;
}
.lief_kaestchen_hersteller_lieferzeit div {
    padding-left: 6px;
}
.sofort_lieferbar2 {
    border-left: 2px solid #8fcd48;
    border-right: 2px solid #8fcd48;
    border-bottom: 2px solid #8fcd48;
}
.lieferbar_in_wt2 {
    border-left: 2px solid #fbbe48;
    border-right: 2px solid #fbbe48;
    border-bottom: 2px solid #fbbe48;
}
.lieferbar_in_wt3 {
    background-color: #fbbe48;
    padding-top: 0!important;
}
.derzeit_vergriffen2 {
    border-left: 2px solid #f74b2b;
    border-right: 2px solid #f74b2b;
    border-bottom: 2px solid #f74b2b;
}
.auf_bestellung2 {
    border-left: 2px solid #b9b9b9;
    border-right: 2px solid #b9b9b9;
    border-bottom: 2px solid #b9b9b9;
}
.lief_kaestchen_gross {
    width: 100%!important;
    border-radius: 2px;
}
.farbenleiste {
    /*background-color: #ebecee;*/
      display: grid;
}

.farbenleiste_art {
    background-color: #ebecee;
    padding: 15px 5px;
    border-radius: 6px 6px 0 0
}

.farbenleiste .col-md-16 {
        margin-top: 6px;}

.farbenleiste .img_farbe {
    margin-top: 7px;
    width: 100%;
    height: 18px;
    clear: both
}

.farbenleiste .farben {
    background-color: #ebecee;
    padding: 15px 15px;
    border-radius: 2px;
}

.farbenleiste .farben_select {
    background-color: #ebecee;
    padding: 15px 22px 6px 22px;
    border-radius: 2px;
}

.farbenleiste .farbent  {
    padding:12px 25px 0 25px;
    line-height:14px
}

.farbenleiste .farbent small {
    color: #3c4756
}


.farbenleiste .farbe_over {
    float: left;
    padding: 0 8px
}

.farbenleiste .farbe_over a {
    text-decoration: none;
    font-weight: normal
}

.farbenleiste .farbe_over span {
    margin: 2px 0 0 0;
    display: block;
    font-size: 11px
}

.farbenleiste a:hover {
    text-decoration: none
}

.select-farbe {
    width: auto;
    border: 0;
    margin: 0!important;
    min-width: 100%!important;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: relative;
    border: 1px solid var(--select-border);
    float: left;
    height: 35px;
    padding: 0 !important
}
.img_farbe {
    border-radius: 2px;
}


.art_auswahl td {
    vertical-align: middle!important;
    text-align: center
}
.empf_gesamt {
    margin: 0 13px;
    overflow: hidden;
}
.empf_bild_gesamt {
    position: relative;

}
.empf_bild1 {
    object-fit: cover;
    height: 100%}

.empf_hersteller {
    margin-top: 7px;
    color: #7c7c7c;
    font-size: 13px;
    height: 15px;
    overflow: hidden;
}
.empf_preis {

}
.empf_preis p.price {
    font-size: 15px;
    font-weight: 600;
}
.empf_preis span {
    margin-bottom: 5px;
}
.empf_titel {
    overflow: hidden;
}
.empf_farben {
    height: 60px;
    overflow: hidden;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}