/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}


/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}


/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}


/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

* {
  outline: none !important;
  box-sizing: border-box
}

*:active, *:focus, *:hover {
  outline: none !important;
}

html {
  margin: 0;
  padding: 0
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  color: #f1efef;
  font-size: 14px;
  background: #424242;
  margin: 0;
  padding: 0;
  top: 0px !important;
}

body>.container-fluid {
  padding-top: 80px;
}

button {
  border: none;
}

hr {
  border-top: 1px solid #424242;
}

a {
  color: #f1efef;
  cursor: pointer;
}

a:not(.lb-prev):not(.lb-next):not(.imgfeed):hover, a:not(.lb-prev):not(.lb-next):active, a:not(.lb-prev):not(.lb-next):focus {
  color: #24edff;
  text-shadow: 0 0 0.8px #24edff, 0 0 0.8px #24edff;
  text-decoration: none;
}

.nav>li>a:hover, .nav>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .user_login>a:hover,
.user_login>a:focus, .user_logout>a:hover, .user_logout>a:focus {
  background: transparent !important;
}

h4, h2 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: lighter;
}

h4 {
  font-size: 16px;
}

p {
  margin: 0 0 5px;
}

input, textarea {
  border: none;
  background: rgba(61, 61, 61, 1);
  padding: 5px 15px;
  min-width: 220px;
}

input[type="radio"] {
  margin: 0 3px 0 20px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: rgb(61, 61, 61) !important;
  box-shadow: 0 0 0px 1000px #3d3d3d inset;
  -webkit-text-fill-color: #f1efef !important;
}

select {
  background: rgba(61, 61, 61, 1);
  border: none;
  padding: 5px;
}

option {
  color: #f1efef;
}

label {
  font-weight: lighter;
  margin-bottom: 0
}

@media screen and (max-width: 991px) {
  input {
    min-width: 250px;
  }
}

@media screen and (min-width: 992px) {
  #content {
    padding-top: 110px;
  }
}

@media screen and (max-width: 767px) {
  input {
    min-width: 100%;
  }
}

::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  color: #f1efef;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #f1efef;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #f1efef;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #f1efef;
}

::-ms-input-placeholder {
  /* Edge */
  color: #f1efef;
}


/* *** ALLGEMEINE CLASSEN *** */

.font-36 {
  font-size: 36px;
}

.font-24 {
  font-size: 24px;
}

.font-18 {
  font-size: 18px;
}

.font-12 {
  font-size: 12px;
}

.font-11 {
  font-size: 11px;
}

.font-10 {
  font-size: 10px;
}

.font-weight700 {
    font-weight: 700;
  }

.width-7 {
  width: 7%
}

.width-30 {
  width: 30%;
}

.width-50 {
  width: 50%;
}

.width-70 {
  width: 70%;
}

.width-93 {
  width: 93%;
}

.width-100 {
  width: 100%;
}

.width370 {
  width: 370px;
}

.width250 {
  width: 250px;
}

.pad-left-0 {
  padding-left: 0;
}

.pad-left-5 {
  padding-left: 5px;
}

.pad-left-15 {
  padding-left: 15px;
}

.pad-left-7-5 {
  padding-left: 7.5px;
}

.pad-right-7-5 {
  padding-right: 7.5px;
}

.pad-right {
  padding-right: 15px;
}

.pad-right-20 {
  padding-right: 20px !important;
}

.pad-top-bottom-15 {
  padding: 15px 0;
}

.pad-null {
  padding: 0;
}

.pad-5 {
  padding: 5px;
}

.pad-15 {
  padding: 15px;
}

.cpointer {
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .mob-pad-left-15 {
    padding-left: 15px;
  }
  .mob-pad-right-15 {
    padding-right: 15px;
  }
  .mob-pad-0 {
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .desk-pad-bot-220 {
    padding-bottom: 220px
  }
  .mar-right-0 {
    margin-right: 0;
  }
}

.cursor-point {
  cursor: pointer;
}

.txt-uppercase {
  text-transform: uppercase;
}

.txt-align-right {
  text-align: right;
}

.txt-align-center {
  text-align: center;
}

.mar-top-45 {
  margin-top: 45px;
}

.mar-top-30 {
  margin-top: 30px;
}

.mar-top-15 {
  margin-top: 15px;
}

.mar-top-10 {
  margin-top: 10px;
}

.mar-top-5 {
  margin-top: 5px;
}

.mar-top-0 {
  margin-top: 0;
}

.mar-bot-30 {
  margin-bottom: 30px;
}

.mar-bot-31 {
  margin-bottom: 31px;
}

.mar-bot-22 {
  margin-bottom: 22px;
}

.mar-bot-15 {
  margin-bottom: 15px;
}

.mar-right-15 {
  margin-right: 15px;
}

.mar-right-10 {
  margin-right: 10px;
}

.mar-left-55 {
  margin-left: 55px;
}

.mar-0 {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .mob-mar-bottom-15 {
    margin-bottom: 15px;
  }
  .mob-mar-l-r-0 {
    margin-right: 0;
    margin-left: 0;
  }
 .mar-bot-22 {
    margin-bottom: 25px;
  }

}


.background000 {background-color: #000;}

.pos-rel {
  position: relative;
}

.fixed {
  position: fixed;
}

.pink-error {
  color: #ff37c9;
  font-weight: bold
}

.green-hint {
  color: #00e533;
  font-weight: bold
}

.underline {
  text-decoration: underline;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.dsblck {
  display: block;
}

.dsnone {
  display: none;
}

.opnull {
  opacity: 0;
}

.opone {
  opacity: 1;
}

.clearer {
  clear: both;
}

.border-left-trans {
  border-left: transparent !important
}

.border-right-trans {
  border-right: transparent !important
}

.table {
  display: table;
}

.tr {
  display: table-row;
}

.td {
  display: table-cell;
}

.button {
  border: 1px solid #24edff;
  padding: 7px 10px;
  text-align: center;
  font-weight: bold; 
  color: #24edff;
  border-radius: 20px;
  overflow: hidden;
}

.button a, .button input, .button button {
  color: #24edff !important;
}

.button input, .button button {
  background: transparent;
  min-width: 50px;
  padding: 0;
  border: none;
}

.button:hover a, .button:hover input, .button:hover button {
  color: #131313 !important;
}

.button:nth-of-type(1) {
  text-transform: uppercase;
}

.button_hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.button_hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #24edff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #131313 !important;
}

.button_hover:hover, .button_hover:focus, .button_hover:active {
  color: #131313 !important;
}

.button_hover:hover:before, .button_hover:focus:before, .button_hover:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#bttn_scrllleft_new_items, #bttn_scrllleft_top_offers {
  position: relative;
  float: right;
  cursor: pointer;
}

#bttn_scrllright_new_items, #bttn_scrllright_top_offers {
  position: relative;
  float: right;  
  cursor: pointer;
  margin-left: 15px;
}

#bttn_scrllleft_new_items .hvr-radial-out, #bttn_scrllleft_top_offers .hvr-radial-out  {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

#bttn_scrllleft_new_items .hvr-radial-out:before, #bttn_scrllleft_top_offers .hvr-radial-out:before  {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev_hover.svg);
  background-size: contain;
  box-shadow: 0 0 0.01em #24edff, 0 0 0.01em #24edff, 0 0 0.01em #24edff;
}

#bttn_scrllright_new_items .hvr-radial-out, #bttn_scrllright_top_offers .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

#bttn_scrllright_new_items .hvr-radial-out:before,  #bttn_scrllright_top_offers .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next_hover.svg);
  background-size: contain;
  box-shadow: 0 0 0.01em #24edff, 0 0 0.01em #24edff, 0 0 0.01em #24edff;
}

.control_new_items, .control_top_offers {
  padding-right: 5px; 
}

#navigation {
  height: 80px; 
  background: #000;
}

.nav_kontakt {   
    display: block;
    padding-top: 5px;
    text-align: center;
  }

  .nav_login {   
    display: block;
    padding-top: 5px;
    text-align: center;
  }

  .nav_notepad {    
    display: block;
    padding-top: 5px;
    text-align: center;
  }

  .nav_cart {    
    display: block;
    padding-top: 5px;
    text-align: center;
  }

.nav_language {    
    padding-top: 5px;
    display: block;
    text-align: center;
  }

  .nav_german {   
    padding-top: 5px;
    display: block;
    text-align: center;
  }

  .nav_english {    
    padding-top: 5px;
    display: block;
    text-align: center;
  }

  .menu_right {
    padding-right: 10px;
}

#section-one {
  height: 100%;
}

#play {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

#section-two h2 {
  font-size: 60px;
}

#section-three {
  width: 100%;
  height: 1080px;
  position: relative;
}

#section-four {
  width: 100%;
  height: 100%;
}

#section-four img {
  width: 100%;
  height: 100%;
}

.preis1 {
  font-size: 20px;
  display: block
}

.preis2 {
  text-decoration: line-through;
}

#start_social .oberseite {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  float: none;
}

#start_social .unterseite {
  top: -39px;
}

#start_seotxt {
  margin-top: 30px;
  padding: 0;
  text-align: justify;
  font-size: 12px;
  font-weight: 500;
}

#start_seotxt a {
  text-decoration: underline;
}

/* ### STARTSEITE Buttons ### */

.social_kontainer .kontainer {
  margin-top: 0;
}

.blog_startseite {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/blog.svg) no-repeat;
  width: 100px;
  height: 100px;
  background-size: contain;
  text-align: right;
  padding-right: 0;
}

.pulse_fb_startseite {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/social.svg) no-repeat;
  width: 100px;
  height: 100px;
  background-size: contain;
  text-align: right;
  padding-right: 0;
}

.pulse_werk_startseite {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/werkstatt.svg) no-repeat;
  width: 100px;
  height: 100px;
  background-size: contain;
  text-align: right;
  padding-right: 0;
}

@media screen and (max-width: 992px) {
  #start_social .oberseite {
    margin: 30px auto;
  }
  #bg_stripe .ProductGrid {
    padding: 15px !important;
  }
  .left-line h2 {
    margin: 7px 10px;
  }
}

@media screen and (max-width: 767px) {
  #start_social .oberseite {
    width: 50%;   
    margin: 5px auto;
  }
  .left-line h2 {
    margin: 10px 10px;
  }
}

.preis-inhalt {
  position: absolute;
  bottom: 0;
  left: 30%;
  margin-left: 15px;
}

.preis-inhalt p[class="font-24"] {
  margin-bottom: 0;
}

#start_deal h4, #start_topseller h4, #start_produkte h4 {
  height: 40px;
}

/* ### menue ### */
.header_logo {
    max-width: 185px;
    margin-left: 15px;
    margin-top: -10px;
}

.hauptnavi>li {
  float: left;
}

.dropdown-menu li a:hover {
  color: #24edff;
  text-decoration: none;
}

.dropdown-menu>li>a {
  font-weight: bold;
  text-transform: uppercase;
  color: #24edff;
}

.service-menu .smenu-start {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/home.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .smenu-start {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/home_hover.svg);
  background-size: contain;
}

.service-menu .menu-kontakt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/mail.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-kontakt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/mail_hover.svg);
  background-size: contain;
}

.service-menu .menu-login {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/signin.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-login {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/signin_hover.svg);
}

.service-menu .menu-user {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/user.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-user {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/user_hover.svg);
}

.service-menu .menu-merk {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/notepad.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-merk {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/notepad_hover.svg);
}

.service-menu .menu-warenkorb {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/shoppingbag.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-warenkorb {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/shoppingbag_hover.svg);
}

.service-menu .menu-fbnews {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/social.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-fbnews {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/social_hover.svg);
}

.service-menu .menu-job {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/job.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-job {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/job_hover.svg);
}

.service-menu .menu-rabatt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/rabatt.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-rabatt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/rabatt_hover.svg);
}

.service-menu .menu-werkstatt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/werkstatt.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-werkstatt {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/werkstatt_hover.svg);
}

.service-menu .menu-news {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/newsletter.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-news {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/newsletter_hover.svg);
}

.service-menu .menu-impres {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/impressum.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-impres {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/impressum_hover.svg);
}

.service-menu .menu-explore {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/explore.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-explore {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/explore_hover.svg);
}

.service-menu .menu-blog {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/blog.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.service-menu a:hover .menu-blog {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/blog_hover.svg);
}


/* Radial Out */

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-size: contain;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pad-li-menu {
  padding: 15px 5px;
  text-align: center;
  width: 65px;
}

.menu-youtube .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.menu-youtube .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_color.svg);
  background-size: contain;
}

.menu-fb .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/fb_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.menu-fb .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color.svg);
  background-size: contain;
}

.user_login .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/signin.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.user_login .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/signin_hover.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.user_logout .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/user.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.user_logout .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/user_hover.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-user .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/home_menu.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-user .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/service_menu/home_hover.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-mail .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/mail_color_hover.svg); 
  height: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-mail .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/mail_color.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-notepad .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/notepad_color_hover.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  text-align: right;
  padding-right: 0;
}

.menu-notepad .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/notepad_color.svg);
  background-size: contain;
  width: 35px;
}

.menu-shoppingbag .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/shoppingbag_color_hover.svg) no-repeat;
  text-align: right; 
  height: 35px;
  padding-right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-shoppingbag .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/shoppingbag_color.svg) no-repeat;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


.menu-language .hvr-radial-out {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/language.svg) no-repeat;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 0;
    cursor: pointer
  }

  .menu-language .hvr-radial-out:before {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/language.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    cursor: pointer
  }

  .menu-german .hvr-radial-out {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/german.svg) no-repeat;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 0;
    cursor: pointer
  }

  .menu-german .hvr-radial-out:before {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/german_hover.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    cursor: pointer
  }


  .menu-eng .hvr-radial-out {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/english.svg) no-repeat;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 0;
    cursor: pointer
  }

  .menu-eng .hvr-radial-out:before {
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/english_hover.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    cursor: pointer
  }


.menu-search .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/search_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.menu-search .hvr-radial-out:hover {
  background: transparent;
}

.menu-search .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/search_color.svg);
  background-size: contain;
}


#phoneKat, #whatsappKat, #menueGerman, #menueEnglish {
    text-align: left;
}

#phoneKat > span, #whatsappKat > span, #menueGerman > span, #menueEnglish > span {
    padding-left: 25px;
}

#phoneSpan, #whatSpan {
    font-size: 10px;
    color: #fff !important;
    padding-left: 5px;
}

#menueGermanSpan, #menueEnglishSpan {
  font-size: 12px; 
  padding-left: 5px;
}


#phoneKat {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/phone.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

#whatsappKat {
    background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/whatsapp-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

#menueGerman {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/german.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}


#menueEnglish {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/english.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}


span#notepadcount, span#mybasketcontent {
  border-radius: 50%;
  background: #C7233C;
  color: #fff;
  padding: 3px 4px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 35px;
  width: 22px;
  height: 22px;
}

#mybasketcontent {
  display: none;
}

#notepadcount {
  display: none;
}

.menu-notepad {
  padding-right: 0!important
}

#navbars .menu-notepad a:hover {
  text-shadow: none;
  color: #131313;
}

.menu-shoppingbag {
  padding-right: 0 !important;
  padding-left: 0;
  display: inline-block;   
}

/*search test*/
.sb-search {
  position: initial;
  margin-top: 13px;
  margin-right: 0px;
  width: 40px;
  height: 60px;
  float: right;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.sb-search-input {
  position: absolute;
  right: 0;
  border: 1px solid #424242;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  outline: none;
  background: #424242; 
  width: 300px;
  height: 35px;
  margin: 0 15px 0 0;
  z-index: 10;
  padding: 5px 30px 5px 10px;
}

.sb-search-input::-webkit-input-placeholder {
  color: #f1efef;
}

.sb-search-input:-moz-placeholder {
  color: #f1efef;
}

.sb-search-input::-moz-placeholder {
  color: #f1efef;
}

.sb-search-input:-ms-input-placeholder {
  color: #f1efef;
}

.sb-icon-search, .sb-search-submit {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  padding: 0;
  margin: 0;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: 10;
}

.sb-icon-search {
  display: inline-block;
  text-align: right;
  width: 45px;
  color: #131313;
  background: #131313;
  z-index: 10;
  margin-right: 10px;
  speak: none;
}

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
  width: 300px;
}

.sb-search-input-open {
  padding: 5px 30px 5px 10px;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
  z-index: 10;
}

.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
  z-index: 90;
}

/*search test end*/

.sb-search input {
  margin-top: 2px;
}


.ui-menu .ui-menu-item {
  background-color: #131313 !important;
  background-image: none !important;
  list-style-image: none !important;
}

.ui-dialog .ui-dialog-content, .ui-widget-content {
  background-color: #131313 !important;
  background-image: none !important;
  list-style-image: none !important;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

.sb-icon-search {
  margin-top: 5px;
  background: transparent;
  margin-right: 20px;
}

.sb-search.sb-search-open, .no-js .sb-search {
  width: 260px;
}

.sb-search-input {
  right: 5px;
}

.sb-search-open #qs {
  padding: 5px 30px 5px 10px
}

@media screen and (max-width: 767px) {
  #qs {
    padding: 5px 30px 5px 10px;
    margin-right: 15px;
  }
}


/* Rectangle Out */

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #131313;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #28C895;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.katalog {
  color: #fff;
  font-size: 18px;
  font-weight: bolder;
  margin-right: -15px;
}

.menu-icon {
  float: left;
  margin-top: 18px;
}

@media screen and (min-width: 992px) {
  .katalog span {
    margin-top: -3px;
  }
}

.menu-icon .hvr-rectangle-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/mobil_menu.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.menu-icon .hvr-rectangle-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/mobil_menu_hover.svg);
  background-size: contain;
}

#navbars {
  display: block!important;
  height: auto!important;
  padding-bottom: 0;
  overflow: visible!important;
  position: relative;
}

.contain_logo {
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -125px;
  margin-top: -20px;
  padding: 4px 0;
}

.drop-menu {
  list-style-type: none;
  padding-left: 0px;
  font-weight: 500;
}

@media screen and (min-width: 1200px) {
  /* *** MENU *** */
  .li-seperator {
    border-left: 1px solid #696969;
    height: 380px;
    width: 0;
    margin-top: 0px;
    float: left;
    padding-right: 18px;
  }
  .menue_container {
      display: block;
      margin-top: 100px;
      position: relative;    
  }
  
  .menue_container a {
    color: #f1efef;
    text-decoration: none;
  }
  .menue_container a:hover {
    color: #24edff !important;
    text-decoration: underline !important;
  }
  .menue_container a:visited {
    color: #f1efef;
    text-decoration: none;
  }
  .service-menu>li:hover>a>span {
    color: #24edff;
  }
  .service-menu span {
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 28px;
  }
  .menue_container ul {
    list-style: none;
    padding-left: 0;
  }
  .no-list:not(.service-menu) {
    padding-left: 5px !important;
    font-size: 13px;
  }
  
  .mob-menu-service>a, .mob-menu-service>a:visited {
    color: #fff !important;
  }
  
  .mob-menu-service>ul>li {
    width: 189px;
    padding: 5px;
  }
  .drop-menu>li>ul {
    display: block;
    visibility: hidden;
    opacity: 0;
    list-style: none;
    height: 0;   
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .drop-menu>li:not(.li-seperator) {
    padding: 7.5px 5px 7.5px 15px;
    background-color: #000;
    border-bottom: 1px solid #424242;
  }
  .drop-menu>li>ul:not(.service-menu)>li {
    padding: 5px 0;
    list-style: none;
  }

  .drop-menu>li>ul>li>ul {
    list-style: none;
  }
 
  .drop-menu>li>a:visited {
    color: #f1efef;
  }
  .drop-menu>li>ul>li>a {
    color: #f1efef;
  }
  .drop-menu>li>ul>li>a:visited {
    color: #f1efef;
  }
  /* .drop-menu>li:hover>ul:not(.service-menu) {    
    visibility: visible;
    opacity: 1;
    height: auto;    
  } */

  .drop_menu_show {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;  
  }


  li.shopnavi3 {
    width: 225px;
  }
  .service-menu a {
    color: #f1efef !important;
  }
  .mob-menu-katalog>span {
    margin-left: 17px;
  }
  .drop-menu>li:hover:not(.mob-menu-service)>a, .drop-menu>li:hover:not(.mob-menu-service)>a:visited {
    color: #24edff !important;
  }
  .drop-menu>li:hover>ul:not(.service-menu)>li>a, .drop-menu>li:hover>ul:not(.service-menu)>li>a:visited {
    color: #24edff !important;
  }
  .drop-menu>li>ul:not(.service-menu)>li>a, .drop-menu>li>ul:not(.service-menu)>li>ul>li>a:hover {
    color: #24edff !important;
  }
  .arrow_after:before {
    content: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_menu.svg);
    /* display: inline-block; */
    padding-left: 5px;
    padding-top: 5px;
    /* position: absolute; */
    margin-left: 0;
    float: right;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);   
  }
  .arrow_rotate:after {
    content: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_menu_hover_6.svg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);   
    margin-top: -12px;
  }
  .arrow_not:before {
    opacity: 0.3;
  }
  .nav-buttons-desktp {
    position: fixed;
    top: 60px;
    border-bottom: 1px solid #696969;
    background-color: #000;
    padding-top: 1px;
    margin-left: -10px;
    padding-left: 10px;
    text-transform: uppercase;
    z-index: 1020;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
  }
  .nav-buttons-desktp span {
    padding:  4px 49px 5px 39px;
    display: inline-block;
    width: 169px;
    cursor: pointer;
  }
  .nav-buttons-desktp:hover span {
    color: #24edff;
  }
  
  .nav-buttons-desktp-kat {
    margin-left: 11px;
    padding-left: 24px !important;
    padding-right: 13px !important;
    border-right: 1px solid #696969;
  }
  span.nav-buttons-desktp-kat:after {
    content: "";
    width: 30px;
    height: 37px;
    position: absolute;
    border: 1px dotted red;
    -moz-transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
    margin-left: 128px;
    margin-top: -36px;
    background-color: #000;
    border: none;
    border-right: 1px solid #696969;
    display: block;
    opacity: 1;
    z-index: 1025;
  }
  #linkService, #linkKat {
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    color: #fff !important;   
    text-shadow: none;
  }
  #linkService:hover {
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-shadow: none;
  }
  .show-menu {
    display: block;
    opacity: 1;
  }
  #menue_container_right {
    position: absolute;
    width: 30px;
    height: 397px;
    right: 0;
    margin-right: -24px;
    background-color: #000;
    border-right: 1px solid #696969;
  }
  div#menue_container_right:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 42px;
    background-color: #000;
    bottom: 1px;
    margin-bottom: -32px;
    -moz-transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
    right: 8px;
    border-right: 1px solid #696969;
  }
  div#menue_container_right:before {
    content: "";
    width: 16px;
    height: 49px;
    position: absolute;
    background-color: #000;
    bottom: 0;
    z-index: 999999;
    -moz-transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
    margin-bottom: -34px;
    margin-right: 12px;
    right: 0;
  }
  .active_deskmenu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(105, 105, 105, 0.5);
    z-index: 1020;
    display: block;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
}

.kontainer {
  background: #000;
  width: 218px;
  border: 1px solid #696969;
  overflow: hidden;
}

.social_kontainer .kartendiv, #start_kategorien .kartendiv {
  position: relative;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.social_kontainer a:hover .kartendiv, #start_kategorien a:hover .kartendiv {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 9;
}

.oberseite {
  width: 218px;
  height: auto;
  display: block;
  max-width: 100%;
  height: auto;
}

#start_social .oberseite {
  margin: 15px auto auto auto;
}

.kartendiv:hover .unterseite {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.kontainer {
  margin: 0 7.5px;
  position: relative
}

.kontainer h4 {
  background: rgba(26, 26, 26, 0.9);
  border-top: 1px solid #696969;
  border-bottom: 1px solid #696969;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 13%;
  padding: 15px;
  color: #fff;
  z-index: 10;
}

.kontainer>a:hover p {
  text-shadow: none;
}

@media screen and (min-width: 992px) {
  html {
    overflow: auto;
  }
  /* ergänzt als fix für doppelten scrollbalken auf startseite/firefox */
  .navi-fix {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
  }
  .about {
    background: #131313;
    border: 1px solid #696969;
    width: 615px;
    height: 217px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin-left: 7.5px;
    margin-right: 7.5px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .about:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 999;
  }
 
  .kontainer {
    height: 218px;
  }  
}

.mm-menu, .dropdown-menu { 
  background-color: #1b1b1b;
}

.mm-menu.mm-offcanvas {
  z-index: 999;
}

.mm-menu .mm-listview>li:after, .mm-menu .mm-listview>li .mm-prev:after, .mm-menu .mm-listview>li .mm-next:before, .mm-menu .mm-listview>li .mm-prev:before, .mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-navbar {
  border-color: #424242;
}

.mm-listview>li:not(.mm-divider):after {
  left: 0;
}

.mm-listview>li>a, .mm-listview>li>span, .mm-listview>li {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
}

.mm-listview>li>a:hover, .mm-listview>li>span:hover, .mm-listview>li:hover {
  color: #24edff;
}

.mm-listview>li {
  float: none;
}

.mm-menu .mm-navbar>*, .mm-menu .mm-navbar a {
  color: #24edff;
  text-transform: uppercase;
  font-weight: bold;
}

.mm-menu .mm-navbar>*:hover, .mm-menu .mm-navbar a:hover {
  color: #24edff;
}

#navbars .col-xs-12.col-sm-6.col-md-6.col-lg-6.menu_right {
  padding-right: 0
}

@media screen and (max-width: 1199px) {
  .header_logo {margin-left: 55px;}

  .mob-menu-katalog {
    text-align: center;
  }
  .mob-menu-katalog span {
    color: #24EDFF !important;
    font-weight: bold !important;
  }
  .dropdown-menu {
    position: relative;
    float: none;
    top: 0
  }
  .navbar-nav {
    margin: 0;
  }
 
  .dropdown-menu {
    box-shadow: none;
  }
  #canvas_navi:not(.mm-menu) {
    display: none;
  }

   #mobile_navi:not(.mm-menu){
    display: none;
  }

  .row_start {
    margin-left: 0px;
}

}

@media screen and (max-width: 991px) {  
  #navbars .contain_logo {
    margin-top: -16px;
  }
  #navigation {
    height: 150px;
    margin-bottom: 15px;
  }
  .menu_right {margin-top: -10px; padding-right: 15px;}

  .menu-icon {margin-top: 5px;}

  .header_logo{margin: auto; margin-top: -5px;}

  .row_start {    
    margin-right: 0px;
}
}

@media screen and (max-width: 767px) {
  #navigation {
    height: 135px;
    margin-bottom: 15px;
  }
  #bg_stripe h4 {
    font-size: 12px;
    word-wrap: break-word;
  }
  #start_kategorien .kontainer {
    width: 130px;
    height: 130px;
  }
  .left-line h2 {
    font-size: 14px;
  }
  .line {
    height: 35px;
  }
  #start_deal h4, #start_topseller h4, #start_produkte h4 {
    height: auto;
  }
  #start_topseller .width370, #start_produkte .width370 {
    padding: 10px 0;
  }
  
  .social_kontainer .kontainer {
    height: 130px;
    width: 130px;
    position: relative;
  }
  .social_kontainer .kartendiv {
    left: 0;
    position: absolute;
    top: 0;
  }
  .menu_right .navbar-nav {
    width: 100%;
  }
  .sb-search-input {width: 90%; right: 0;}

  .sb-icon-search {
    margin-right: 15px;
  }

  .search_li_container {
    margin-right: 65px;
  }

  #navbars .menu-shoppingbag {margin-right: -100px; float: right;}

 
#Form_Search input {min-width: 90%;}

.header_logo {
  margin-left: 0px
}

.header_logo_mobile_fix {
  float: left;
}

.language_mobile_header {
  float: right;
  padding-top: 20px;
  padding-right: 5px;
}
.language_mobile_header div {
  float: right;
  
}
.language_mobile_header > div > div {
  margin-left: 25px;
}



}

@media screen and (min-width:768px) {
  #navbars .col-xs-8.col-sm-7.col-md-6.col-lg-6.menu_right {
    right: -15px !important;
  } 
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #navbars .col-xs-8.col-sm-7.col-md-6.col-lg-6.menu_right {
    right: 0 !important;
  }
}

@media screen and (max-width: 690px) {
  .preis1 {
    font-size: 18px;
  }
}

@media screen and (max-width: 560px) {
  #start_topseller .width370, #start_produkte .width370 {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  #start_kategorien .kontainer {
    max-height: 150px;
  }
}

@media screen and (max-width: 767px) {  
  .nav_cart {
    display: none;
  }
}

@media screen and (max-width: 360px) {  
  .header_logo{
    max-width: 155px;
  }
  .language_mobile_header {
    padding-top: 10px;
  }
}

/* ### FOOTER ### */

.footer .nav {
  float: none;
  display: inline-block;
}

.footer .nav>li {
  display: inline-block;
}

.footer li span {
  font-size: 5px;
  margin: auto 20px 10px auto;
}

.footer .nav>li>a {
  display: inline-block;
  padding: 0;
}

.footer ul.dott li {
  display: inline;
  white-space: nowrap;
}

.footer ul.dott li:after {
  content: " \00b7";
  font-size: 300%;
  line-height: 20px;
  position: relative;
  bottom: -10px;
}

.footer ul.dott li.nobullet:after {
  content: none;
}

.footer .nav>li {
  padding: 15px 5px;
}

.footer .copyright {
  padding: 30px 20px;
  font-size: 11px;
}

.footer {
  padding-bottom: 15px;
    margin-bottom: -10px; 
  width: 100%;  
  font-size: 13px;
  background-color: #000;  
  color: #fff;
}

.footer a {
  font-size: 13px;
  color: #fff;
}

.footer a:hover {
  color: #24edff;
}

.footer ul li {
  list-style: none;
}

.footer ul {
  padding: 0
}

.footer h4 {
  color: #fff
}

.footer_desktop_one {
  /* height: 330px; */
  padding-top: 30px;
}

.footer_desktop_one ul li {
  padding: 1px 0;
}

.footer_desktop_two {
  height: 35px;
  background: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  width: 100%;
  position: fixed;
  margin-left: 0;
  margin-right: 0;
  bottom: 0;
  z-index: 1045;
  border-top: 1px solid #696969;
}

.footer_desktop_two ul {
  padding: 0;
  margin: 0;
}

.footer_desktop_two ul li {
  display: inline-block;
  padding: 15px 5px;
}

.footer_desktop_one .pad-bottom-5 {
  padding-bottom: 10px;
}


.footer_kontakt {
  padding-left: 30px;
}

.footer_newsletter {
  padding-right: 30px;
}

.footer_social ul li {
  display: inline-block;
  padding-right: 15px;
}

.footer-newsletter input {
  width: 200px;
  padding: 10px 15px;
  font-size: 14px;
  margin-top: 10px;
}

.footer-newsletter form {
  margin-top: 15px;
}

.footer .button:not(.footer_mehr) {
  width: 190px;
  margin-top: 15px;
}

.footer_mehr {
  right: 15px;
  position: fixed;
  bottom: 5px;
  font-size: 11px;
  padding: 4px;
  cursor: pointer;
}

.footer .infos_two {
  padding-top: 27px;
}

.footer .footer_newsletter {
  padding-right: 20px;
}

.footer-newsletter {
  padding-right: 20px;
}

.cpyrt {
  text-align: center;
  margin-top: 10px;
}

.footer_desktop_last {
  padding-top: 30px;
}

span.mob-footer-arrow:before {
  content: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_down.svg);
}

.panel-heading a:hover span.mob-footer-arrow {
  content: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_down_hover.svg);
}

.panel-title {
  text-transform: uppercase;
}

.versand_svg_footer {
  margin-bottom: 5px;
  float: left;
  margin-right: 15px;
}

.versand_svg_footer img {
  margin-right: 5px;
}

.euroc { 
  margin-top: 23px;
  margin-left: 10px;
}

.panel-body .euroc {
  width: 141px;
}
.versand_footer {
  padding-left: 0;
}

.versand_footer p {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 10px

}

.co_2_footer, .co_2_footer a {
  font-size: 10px; 
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center; 
}

.foot_social {
  padding-bottom: 15px;  
}

.foot_social div {
  width: 35px;
  display: inline-block;
   margin: 5px;
}


.zahlarten img, .versand_footer img {
  width: 80px;
  padding: 2px; 
}

.footer_last_desktop {
  padding-top: 15px;
  text-align: center;
}


.versand_mobile {
  margin-bottom: 10px;
  text-align: center;
}

.zahlarten_mobile {
  text-align: center;
}

.versand_mobile img, .zahlarten_mobile img {
  vertical-align: baseline;
}



@media screen and (min-width: 992px) {
  .fTab_out {
    position: fixed;
    right: 0;
    bottom: 0px;
    padding: 10px;
    background-color: rgba(26, 26, 26, 1);
    border-top: 1px solid #696969;
    border-left: 1px solid #696969;
    background-size: contain;
    width: 90px;
    height: 45px;
    z-index: 1042;
    border-top-left-radius: 25px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    cursor: pointer;
    text-align: right;
  }
  .fTab {
    background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/info.svg);
    background-size: contain;
    width: 25px;
    height: 25px;
    z-index: 1042;
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
  .fTab_out.active {
    bottom: 378px;
  }
  .fTab_out.active .fTab {
    background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/x.svg);
    background-size: contain;
  }
  .fTab_out.active+.footer {
    max-height: 380px;
    z-index: 1041;
  }
  .fTab_txt {
    right: 12px;
    margin-top: 2px;
    position: absolute;
    font-weight: normal;
    font-size: 14px;
  }
  .footer {
    bottom: -1px;
  }
}

.foot-youtube .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-youtube .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_color.svg);
  background-size: contain;
}

.foot-fb .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-fb .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color.svg);
  background-size: contain;
}

.foot-twitter .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/twitter_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-twitter .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/twitter_color.svg);
  background-size: contain;
}

.foot-fb .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-fb .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color.svg);
  background-size: contain;
}

.foot-google .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/google_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-google .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/google_color.svg);
  background-size: contain;
}

.foot-instagram .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/instagram_grey.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-instagram .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/instagram_hover.png);
  background-size: contain;
}

.foot-pinterest .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pinterest.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.foot-pinterest .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pinterest_color.svg);
  background-size: contain;
}

.footer_social .tr, #collapse_4 .tr {
  padding-bottom: 10px;
  height: 45px
}

.footer_social .table, #collapse_4 .table {
  max-width: 150px;
  padding-top: 5px;
}


.activeFooterTab {
  position: fixed;
  width: 100%;
  height: 1000%;
  background: rgba(105, 105, 105, 0.9);
  z-index: 1040;
  display: block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.body_fix {
  position: fixed;
  width: 100%
}

@media screen and (max-width: 1199px) {
  .panel-default>.panel-heading {
    background-color: #000;
    border: 0;
    border-bottom: 1px solid #696969;
    color: #f1efef;
    background-image: none;
  }
  img.panelpfeil {
    position: absolute;
    right: 0;
  }

  .footer_kontakt {
    padding-left: 15px;
}

.menu_right {
  padding-right: 0;
}


}

@media screen and (max-width: 991px) {
  .footer {
    position: relative;   
    font-size: 12px;
    border-top: 0;
    width: 100%;
    height: 100%;   
  }
  .footer .social ul li {
    display: inline-block;
    margin-right: 5px;
  }
  .footer li {
    color: #f1efef
  }
 
  .footer .button {
    margin-top: 0;
    margin-left: 15px;
  }
  .service-menu.mm-listview>li>a, .service-menu.mm-listview>li>span {
    padding: 3px 10px 3px 20px;
  }  
  
  .footer a {
    color: #f1efef
  }
  .footer .button {
    margin-top: 0;
    margin-left: 15px;
  }
  .panel-default>.panel-heading {
    background-color: #000;
    border: 0;   
    color: #f1efef;
    background-image: none;
  }
  .panel-group {
    margin-bottom: 0
  }
  .panel-group .panel {
    border-radius: 0;
    border-bottom: 1px solid #696969;
  }
  .panel-default {
    border: 0;
  }
  .panel {
    background-color: #000;
  }
  .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #696969;
  }
  .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #696969;
  }
  .copyright {
    text-align: center;
  }
  .footer_desktop_one .zahlarten {
    margin-top: 15px;
    text-align: center;
  }
   
  .zahlarten img, .versand_footer img {
    display: inline-block;
  }
 
  .versand_footer {
   padding-left: 15px;
   text-align: center;
   margin-top: 15px;
 }
}

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

  .footer_kontakt, .footer_service {
    text-align: center;
  }

  .footer_kontakt {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .footer .infos_two {
    padding-top: 0;
  }

  .footer .button {
    margin-top: 15px;
    margin-left: 0;
  }
}

.endscroll {
  position: relative;
  max-height: 100%;
  height: 300px
}

.nontab {
  display: none;
}


@media screen and (max-width: 991px) {
  .footer_desktop_two {
    height: 0px;
  }
}

@media screen and (max-width: 1230px) {
  .footer_desktop_two {
    text-align: left;
    }
}


/* ########## PRODUKTANSICHT ########## */

#seiteninhalt { 
  margin-bottom: 30px;
}

.freedelivinfo {
  background: #000000;
  margin-bottom: 10px;
  padding: 8px 10px 3px 10px;
  text-align: center;
  text-transform: Uppercase;
  font-size: 12px;
}

#breadcrumbprdkt { 
  padding: 0px 0px 0px 1px;
  margin-top: -5px;
}

#dyn_item_number input {
  text-align: center;
}

.angebot-fbnews {
  padding-right: 0;
  margin-top: 34px;
}

.angebot-fbnews>div {
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  background: #000;
}

.angebot-fbnews-marg0 {
  margin-top: 0;
}

.angebot-fbnews h4 {
  text-align: center;
}

.topangebot h4 {
  color: #f950ec;
}

.angebot_fahne {
  position: absolute;
  right: -23px;
  top: 10px;
}

.facebooknews h4 {
  color: #4480ff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
}

.angebot-fbnews .facebooknews {
  position: relative;
  padding: 0;
  border: 1px solid #696969;
  min-height: 500px;
}

.fb_fahne {
  position: absolute;
  right: -23px;
  top: 10px;
}

.newsbox, .angebotbox {
  border-top: 1px solid #696969;
  padding: 10px;
  font-size: 12px;
}

#TopOfferName1 {
  padding: 0;
}

.breadcrumbs {
  margin-bottom: 15px;
  padding-left: 0;
}

.breadcrumbs a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-left: -2px;
}

.breadcrumbs span {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.breadsvg {
  height: 12px;
  margin: 5px;
}


#produktbeschreibung {
  background: #000;
  padding-bottom: 15px;
}

#produktbeschreibung .table-row {
  display: table-row;
}

.gallerie img {  
  cursor: zoom-in;
}

.slick_next {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_next.svg) no-repeat;
  width: 21px;
  height: 35px;
  background-size: contain;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.slick_next:hover {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_next_hover.svg);
  background-size: contain;
}

.slick_prev {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_prev.svg) no-repeat;
  width: 21px;
  height: 35px;
  background-size: contain;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.slick_prev:hover {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_prev_hover.svg);
  background-size: contain;
  box-shadow: none !important;
  border-radius: 0%;
}

.thumb_img {
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.thumb_img:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 10;
}

.minus_pk {
  margin-left: -26px;
}


/* Auswahlselektoren bei Mehrfachauswahl */

.DynVariDiv {
  width: 200%;
}

.DynVariDiv table, .DynVariDiv tbody {
  display: block;
  width: 100%;
}

.DynVariDiv tr {
  display: block;
  width: 50%;
  float: left;
  padding: 2px 0;
}

@media screen and (min-width:768px) {
  .DynVariDiv {
    width: 370px;
    clear: both;
  }
}

#produktbeschreibung select {
  width: 100%;
}

#VariatorSelector2 .DynVariSelectVarName:after, #VariatorSelector3 .DynVariSelectVarName:after, #VariatorSelector4 .DynVariSelectVarName:after {
  content: ":";
  margin-left: -3px;
}

#pkt-details .tab-content li, #pkt-details .panel-body li {
  margin-left: 15px;
}

#produktbeschreibung h1 {
  font-size: 20px;
  font-weight: lighter;
  margin-top: 0;
}

#pkt-details object, #pkt-details embed {
  max-width: 100% !important;
  max-height: 100%
}

#thumb img {
  margin: 0px auto 5px auto;
  max-width: 83%; 
}

#thumb {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: -15px;
}

.pkt-warenkorb>div {
  border: 1px solid #03ce1b;
  border-radius: 20px;
  padding: 10px 15px;
  width: 220px;
  text-align: center;
}

.pkt-warenkorb a, .ProductGrid .request-price-container.hvr-rectangle-out div {
  color: #03ce1b;
  text-transform: uppercase;
  font-weight: bold;
}

#produktbeschreibung .pkt-warenkorb a:focus {
  text-shadow: none;
  color: #00e535;
}

.pkt-warenkorb>div:hover a, .ProductGrid .request-price-container.hvr-rectangle-out div:hover, .ProductGrid .request-price-container.hvr-rectangle-out:hover div, .ProductGrid .request-price-container.hvr-rectangle-out:hover {
  color: #131313 !important;
  font-weight: bold;
  cursor: pointer;
}

#pkt-header .pkt-warenkorb a:hover, .ProductGrid .request-price-container.hvr-rectangle-out div:hover {
  text-shadow: none;
  color: #131313;
  cursor: pointer;
}

.pkt-warenkorb .hvr-rectangle-out:before, .ProductGrid .request-price-container.hvr-rectangle-out:before {
  background: #03ce1b;
}

.ProductGrid .request-price-container.hvr-rectangle-out {
  padding: 10px 8px;
}

.ProductGrid .request-price-container.hvr-rectangle-out div {
  font-size: 12px;
}

.btn_product {
  margin: 0 auto;
}

.btn_product>div {
  display: inline-block;
  margin-right: 15px;
  margin-top: 15px;
}

.spar {
  color: #24edff;
}

.prdkt_social {
  padding-top: 35px;
  font-size: 11px;
}

.prdkt_social .mar-right-15 {
  margin-right: 15px;
}

.prdkt_frage {
  padding-top: 10px;
  padding-right: 10px;
  font-size: 12px;
  margin-top: 0px;
}

#shippn {
  padding-bottom: 10px;
}

#wk_overlay {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 40px;
  border: none;
}

#mk_overlay {
  position: absolute;
  z-index: 0;
  width: 40px;
  height: 40px;
}

.pkt-merkzettel .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/notepad_color_hover.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pkt-merkzettel .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/notepad_color.svg);
  background-size: contain;
}

.pkt-druck .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/printer.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pkt-druck .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/print_color_hover.svg);
  background-size: contain;
}

.pkt-more .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/more_products.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pkt-more .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/more_products_hover.svg);
  background-size: contain;
}

.pkt-fb .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/fb_color_hover.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.pkt-fb .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color.svg);
  background-size: contain;
}

.pkt-twitter .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/twitter_color_hover.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.pkt-twitter .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/twitter_color.svg);
  background-size: contain;
}

.pkt-google .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/google_color_hover.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.pkt-google .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/google_color.svg);
  background-size: contain;
}

.pkt-pinterest .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/pinterest_color_hover.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.pkt-pinterest .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pinterest_color.svg);
  background-size: contain;
}


#meng input {
  min-width: 0 !important;
  text-align: center;
  padding: 5px;
  margin-left: 3px;
  margin-right: 2px;
  width: 35px;
}

.SoldOutLink {
  color: red;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid  red !important;
}


/* ### TABS ### */

.nav-tabs {
  border-bottom: 1px solid #696969;
  background: #131313;
}

#tabcont1 {
  padding: 15px;
  border-left: 1px solid #696969;
  border-bottom: 1px solid #696969;
  border-right: 1px solid #696969;
  background: #131313;
}

.tab-content {
  min-height: 320px;
}

.nav-tabs>li>a {
  text-transform: uppercase;
  font-weight: normal;
  background: #000;
  border-radius: 0;
  border-bottom: 1px solid #696969;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #24edff;
  text-shadow: none;
  background: #131313 !important;
  font-weight: normal;
  border-radius: 0;
  border: 1px solid #696969;
  border-bottom: 1px solid #131313;
  margin-bottom: -1px;
}

.nav-tabs>li>a:hover {
  text-shadow: none;
  border: 1px solid #000;
  border-bottom: 1px solid transparent;
  font-weight: normal;
}

.bg-slider {
  position: absolute;
  width: 100%;
  left: 0;
  height: 220px;
}

#slider_interesse {
  margin-top: 38px;
}

#slider_andere {
  margin-top: 38px;
}

#slider_interesse form {
  overflow: hidden;
  margin-top: -75px;
  margin-left: 45px;
  margin-right: -30px;
  margin-bottom: -30px;
  padding-bottom: 45px;
  height: 350px;
}

#slider_andere form {
  overflow: hidden;
  margin-top: -75px;
  margin-left: 28px;
  margin-right: -18px;
  height: 350px;
}


/* *** Abstand für absoluten Produktslider festlegen *** */

#pkt-details {
  margin-bottom: 100px;
}

#produktbeschreibung h2 {
  margin: 15px;
  font-size: 18px;
  font-weight: lighter;
  text-transform: uppercase;
}

.bx-wrapper {
  border: 0;
  background: none;
  margin: 0;
  box-shadow: none;
}

.bg-slider .left-line {
  position: absolute;
  left: 15px;
  margin-top: -40px;
  padding-left: 15px;
}

.bg-slider .line, .bg-slider .left-line {
  height: 295px;
}

.slidertext {
  padding: 15px;
}

.headline {
  margin-bottom: 15px;
}

.product-picture {
  width: 105px;
  height: 140px;
  cursor: pointer;
}

.sp-basic-price {
  float: left;
}

.request-price-container {
  left: 135px;
  position: absolute;
  bottom: 15px;
  position: absolute;
  border: 1px solid #00e533;
  padding: 10px 15px;
  color: #00e533;
  width: 123px;
  text-align: center;
}

.sliderElement {
  position: relative;
  height: 195px
}

.slide-right {
  position: absolute;
  left: 120px;
  bottom: 0;
}

.bx-wrapper .bx-controls-direction a {
  top: 245px;
  margin: 0;
  z-index: 800;
}

.arrow-next .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next.svg) no-repeat;
  left: 55px;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.arrow-next .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next_hover.svg);
  background-size: contain;
  box-shadow: 0 0 0.01em #24edff, 0 0 0.01em #24edff, 0 0 0.01em #24edff;
}

.arrow-prev .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.arrow-prev .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev_hover.svg);
  background-size: contain;
  box-shadow: 0 0 0.01em #24edff, 0 0 0.01em #24edff, 0 0 0.01em #24edff;
}

.pkt-slider-right {
  display: inline-block;
  position: absolute;
}

.pkt-slider-left {
  display: inline-block;
}

.pkt-slider-right .left-line {
  left: 0;
}

#slider_interesse .bx-wrapper {
  margin: 0 auto;
  position: inherit;
}

#slider_andere .bx-wrapper {
  margin: 0 auto;
  position: inherit;
}

#slider_interesse .bx-wrapper .bx-prev {
  left: 60px !important;
}

#slider_interesse .bx-wrapper .bx-next {
  left: 110px !important;
}

#slider_andere .bx-wrapper .bx-prev {
  left: 45px !important;
}

#slider_andere .bx-wrapper .bx-next {
  left: 95px !important;
}

.test {
  padding-top: 25px;
}

.test_container {
  background-color: #000;
  padding: 15px; 
}

.test_container .table-cell {
  display: table-cell;
  padding: 5px 0px;
  width: 170px;
}

.middle {
  background: #000;
  padding-top: 15px;
  padding-bottom: 15px; 
}

.pad-left-30 {
  padding-left: 30px;
}

.pad-bottom-10 {
  padding-bottom: 10px;
}

.pad-bottom-15 {
  padding-bottom: 15px;
}

.mar-top-25 {
  margin-top: 25px;
}


#galldsktp {
  padding-left: 0;
}

.swipe-links-hidden {
  display: none;
}

.pkt-title h1 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
}

.new_headline {
  padding-bottom: 30px;
  padding-left: 0;
}

.new_headline h1 {
  font-size: 18px;
  margin: 0;
}

#dyn_item_number_productdata>.table-cell {
  padding-left: 10px;
}

#produktbeschreibung {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#produktbeschreibung .table-cell {
  padding: 2px 0;
  float: left;
  width: 180px;
}

#VariatorSelector2 tr {
  padding-left: 0;
}

.DynVariDiv tr, .DynVariDiv td {
  width: 180px;
}

div.DynVariSelectTable {
  padding-bottom: 2px;
}

.first {
  float: left;
  width: 130px;
}

#systime_p_new {
  margin-top: 0;
  font-size: 11px;
  margin-bottom: 15px;
  text-align: justify;
  margin-left: 0;
  padding: 0;
}

#meng input {
  min-width: 0 !important;
  text-align: center;
  padding: 5px;
  margin-left: 2px;
  margin-right: 2px;
  width: 35px;
}

.minus_pk {
  margin-left: 0px;
}

select {
  padding: 2px;
}

.DynVariDiv table {
  padding: 2px 0;
}

#dyn_selling_price {
  margin-top: -10px;
}

#pkt_price_container {
  padding: 0;
}

#pkt-details {
  padding-left: 15px;
  padding-right: 15px;
}

.available_quant {
  padding: 0;
  margin-top: -10px;
  display: table;
}

.pkt-warenkorb {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.font-40 {
  font-size: 40px;
}

#pkt-info {
  padding-bottom: 10px;
}

#pkt-menge {
  display: table;
  padding: 0;
}

.nav-tabs>li {
  float: none;
  margin-bottom: 0;
  border-bottom: 1px solid #424242;
}

#tablist_left {
  padding: 0;
  background-color: #000;
}

.tab-content {
  background-color: #000;
}

#tabcont1 {
  background-color: #000;
  border: none;
  border-left: 1px solid #424242;
  height: 400px;
  overflow: hidden;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.tabcont1_height {
  max-height: 2000px !important;
}

div#tabcont_bottom {
  display: none;
  text-align: right;
  height: 104px !important;
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin-top: -90px;
  padding-right: 15px;
  background-image: -o-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, #000 25%, rgba(0, 0, 0, 0) 100%);
}
#tabcontent_more {
  color: #24edff;
  padding-top: 75px;
  cursor: pointer;
}

#tabcontent_more img {  
  width: 15px;
  height: 15px;
  margin-left: 5px;
  /* margin-top: -2px; */
}


.tabcont_bottom_bg {
  background-image: none !important;
  max-height: 10px !important;
}

.tab_info_icons {
  width: 20%;
  float: left;
  padding: 2.5px;
}

.tab_info_icons_euro {
  width: 44%;
  float: left;
  padding: 2.5px;
}

.tab_info_zahlarten {
  float: left;
  padding-top: 10px;
}

#tabcont_bottom .hvr-radial-out {
  width: 46px;
  height: 46px;
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/tabcontent_more_1.svg);
  background-size: contain;
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -20px;
  border-radius: 50%;
  cursor: pointer;
  -moz-transition-property: transform;
  -webkit-transition-property: transform;
  transition-property: transform;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.rotate {
 /* -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); */
  padding-top: 0 !important;
  margin-top: -20px;
}

#tabcont_bottom .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/tabcontent_more_1_hover.svg);
  background-size: contain;
  box-shadow: 0 0 0.01em #24edff, 0 0 0.01em #24edff, 0 0 0.01em #24edff;
}

#tablist1 {
  background-color: #000;
  padding-left: 0;  
  overflow: hidden;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #24edff;
  text-shadow: 0 0 0.8px #24edff, 0 0 0.8px #24edff;
  background: #000 !important;
  font-weight: normal;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  margin-right: -1px;
  position: relative;
  z-index: 999;
}

.nav-tabs>li>a {
  text-transform: uppercase;
  font-weight: normal;
  background: #1a1a1a;
  border-radius: 0;
  border: none;
  margin-right: 0;
}

.nav-tabs>li>a:hover {
  text-shadow: none;
  border: none;
  background: #000 !important;
  font-weight: normal;
}

#tablist_left li:after {
  opacity: 0;
  content: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_tab.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 20px;
  bottom: 14px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 1000;
}

.pkt-warenkorb .hvr-rectangle-out {
  background: #000;
  overflow: hidden;
}

#tablist_left li.active:after {
  opacity: 1;
  right: 10px;
}

.btn_product>div {
  margin-top: 0;
  margin-right: 10px;
}

.pkt-fb .hvr-radial-out, .pkt-google .hvr-radial-out, .pkt-twitter .hvr-radial-out, .pkt-pinterest .hvr-radial-out {
  width: 35px;
  height: 35px;
}

.produktslider_i {
  margin-left: -7.5px;
  margin-right: -5px;
  max-height: 255px;
  visibility: hidden;
  overflow: hidden;
}

.slick-initialized {
  visibility: visible;
}

.slick-track {
  max-height: 255px;
}

.produktslider_container {
  padding-top: 25px;
}

.produktslider_container h2 {
  font-size: 18px;
  font-weight: lighter;
  text-transform: uppercase;
}

.slider_control {
  right: 85px;
  position: absolute;
  padding-top: 15px;
}

.slider_control .hvr-radial-out {
  position: absolute;
}

.ProductGrid {
  background-color: #000;
}

.slick-track {
  padding-bottom: 10px;
  padding-top: 5px;
}

.slick-arrow {
  cursor: pointer;
  height: 100%;
}

.tab_info {
  padding: 15px;
  opacity: 0.6;
}

.tab_info img {
  padding-top: 5px;
}

.zahlarten_tab {
  float: left;
}

#ez_label {
  position: absolute;
  top: 10px;
  left: -23px;
}

#produkt_ez { 
  background: #000;
  margin-top: 25px;
  padding: 0;
}

.ez_container {
  height: 255px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.ez_ul1, .ez_ul2 {
  width: 100%;
  list-style: none;
  text-align: justify;
  padding-left: 0;
  margin-bottom: 5px !important;
}

.ez_ul1:after, .ez_ul2:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.ez_ul1 li, .ez_ul2 li {
  display: inline-block;
  margin-bottom: 5px;
}

.imgfeed {
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#img .imgfeed {
     position: relative;
     border: none;
     margin-bottom: 5px;
     float: left;
     height: 140px;
     width: 105px;
     opacity: 0;
     overflow: hidden;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;

}

.thumbs_xs .slick-slide {
  visibility: hidden;
}

.thumbs_xs .slick-center {
  visibility: visible;
}

#thumbs {
  opacity: 0;
}

.thumbs_xs .slick-slide img {
  border: none;
}

#thumbs .slick_next {
  position: absolute;
  right: 25px;
  z-index: 99;
  top: 50%;
  margin-top: -17px;
  opacity: 0.65;
}

#thumbs .slick_next:hover, #thumbs .slick_prev:hover {
  opacity: 1;
}

#thumbs .slick_prev {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -17px;
  left: 5px;
  opacity: 0.65;
}

#thumbs .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

#thumbs .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

#thumbs .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

#thumbs .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

#thumbs .slick-dots li button:hover, #thumbs .slick-dots li button:focus {
  outline: none;
}

#thumbs .slick-dots li button:hover:before, #thumbs .slick-dots li button:focus:before {
  opacity: 1;
}

#thumbs .slick-dots li button:before {
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#thumbs .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #fff;
}

.full_screen {
  position: absolute;
  pointer-events: none;
  font-size: 12px;
  z-index: 99;
  top: 11px;
  left: 13px; 
  cursor: zoom-in; 
  width: 70px;  
  padding: 0 8px;
  padding-bottom: 2px;
  color: #24edff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

#galldsktp .full_screen {
  top: 0px;
}

.full_screen span:before {
  content: '';
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/full_screen.svg);
  width: 19px;
  height: 18px;
  position: absolute;
  margin-left: -20px;
}


/* lightbox anpassungen */

.pswp__share-tooltip {
  background: #3d3d3d;
}

a.pswp__share--download:hover {
  background: #3d3d3d;
}

.pswp__share-tooltip a {
  color: #fff;
}

.pswp__button--arrow--left:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_prev.svg) no-repeat;
  background-size: contain;
  height: 35px;
}

.pswp__button--arrow--left:hover:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_prev_hover.svg) no-repeat;
  background-size: contain;
}

.pswp__button--arrow--right:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_next.svg) no-repeat;
  background-size: contain;
  height: 35px;
}

.pswp__button--arrow--right:hover:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/slick_next_hover.svg) no-repeat;
  background-size: contain;
}

.pswp__button:active, .pswp__button:hover {
  color: #24deff;
}

@media screen and (max-width: 1199px) {
  /*ACCORDION Produktansicht*/
  #accordion1 {
    text-align: left;
  }
  #accordion1 .panel-title {
    color: #24edff;
    text-transform: uppercase;
    font-weight: lighter;
  }
  #accordion1 .panel-default>.panel-heading {   
    border: 0;
    border-bottom: 1px solid #424242;    
    border-radius: 0 !important;
  }
  #accordion1 .panel {
    background-color: #131313;
  }
  #accordion1 .panel-default {
    border: none;    
  }
  .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none !important;
    background: #000;
  }
  .panel-title {
    position: relative;
  }
  .panel-title span {
    position: absolute;
    right: 0;
  }

  .panel-group .panel + .panel {
     margin-top: 0px !important; 
}


 }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .btn_product {
    margin-top: -67px;
  }
  .prdkt_frage {
    margin-top: 18px !important;
  }
  .test_container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .angebot-fbnews {
    width: 20% !important;
  }
}

@media screen and (max-width: 991px) {
  #thumbs {
    min-height: 350px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .thumbs_xs .slick-slide {
    opacity: 1;
    visibility: hidden;
  }
  .thumbs_xs .slick-current {
    visibility: visible;
  }
  .thumbs_xs .slick-slide img {
    width: 100%;
  }
  #thumbs {
    padding-left: 0;
    margin-top: -5px;
  }
}

@media screen and (max-width: 767px) {
  .gallerie img[name="defaultpicture"] {
    margin: 0 auto;
    max-width: 260px;
  }
  #thumb {
    text-align: center;
  }
  #thumb img {
    max-width: 16%;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #produktbeschreibung {
    text-align: center;
    background: transparent;
  }
  #pkt-info {  
    margin: 0 auto;
    display: table;
  }
  .pkt-fb, .pkt-twitter, .pkt-google, .pkt-pinterest {
    float: none;
    display: inline-block;
  }
  #produktbeschreibung .bg-slider {
    left: -15px !important;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    border: none;
    background: transparent;
  }
  #produktbeschreibung .table-cell {
    width: 140px;
  }

  #produktbeschreibung .table-row .table-cell:first-child {
    text-align: left;
  } 

  #produktbeschreibung .table-row .table-cell:nth-child(2) {
    text-align: right;
  } 

  #produktbeschreibung select {
    width: 100%;
  }
  .test_container {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .test_container .table-cell {
    width: 140px;
  }
  .available_quant>div:first-child, #pkt-menge>div>div {
    text-align: left;
  }
  .available_quant #quant, #pkt-menge #meng {
    text-align: right;
  }
  .prdkt_social {
    padding-top: 0;
  }
  .prdkt_frage {
    margin-top: 15px;
  }
  .pkt-slider-left, .pkt-slider-right {
    border-top: 1px solid #131313;
    border-bottom: 1px solid #131313;
    margin-bottom: 160px;
    height: 220px;
  }
  .pkt-slider-right {
    left: 0px;
  }
  .pkt-slider-left {
    display: block;
  }
  #produktbeschreibung .bg-slider form {
    width: 100%;
    padding-left: 0;
  }
  #slider_interesse {
    text-align: left;
    margin-right: 0;
    margin-left: 0;
    margin-top: 60px;
  }
  #slider_interesse .bx-viewport {
    overflow: visible !important;
  }
  #slider_andere {
    margin-top: 60px;
  }
  #produktbeschreibung .left-line {
    left: 0;
    text-align: left;
    margin-left: 15px;
  }
  .bg-slider .line, .bg-slider .left-line {
    height: 35px;
  }
  .bg-slider .left-line {
    padding-left: 0;
  }
  .angebot-fbnews {
    display: none;
  }
  .ProductGrid {
    text-align: left;
  }
  #slider_interesse form {
    margin-left: 15px;
  }
  #slider_andere form {
    margin-left: 15px;
  }
  #prdktbg-slider .bx-wrapper .bx-prev {
    left: 15px !important;
    margin-top: 15px;
  }
  #prdktbg-slider .bx-wrapper .bx-next {
    left: 65px !important;
    margin-top: 15px;
  }
  div.thumbs_xs {
    text-align: center;
    height: 320px;
  }
  .thumbs_xs a img {
    margin-right: 5px;
    border: 1px solid #696969;
    height: 300px;
  }
  #produktbeschreibung h1 {
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
  }
  #produktbeschreibung h2 {
    font-weight: lighter;
    font-size: 16px;
    line-height: 25px;
    margin: 5px 15px;
  }
  .SoldOutLink {
    margin: 0 auto;
  }
  .pkt-more, .pkt-pinterest {
    margin-right: 0 !important;
  }
  #pkt_price_container {
    margin-bottom: 25px;
  }
  .pkt-warenkorb {
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .pkt-warenkorb .hvr-rectangle-out {
    max-width: 250px;
  }
  #wk_overlay {
    width: 100%;
  }
  .available_quant, #pkt-menge {
    margin: 0 auto;
  }
  #dyn_item_number_productdata>div:first-child, #dyn_ext_item_number_productdata>div:first-child, .DynVariSelectVarName {
    text-align: left;
  }
  #dyn_item_number, #dyn_ext_item_number {
    text-align: right;
  }
  .DynVariDiv tr, .DynVariDiv td {
    width: 140px;
  }
  #accordion1 {
    padding-left: 0;
    padding-right: 0;
  }
  #thumbs .slick_prev {
    left: 0;
  }
  #thumbs .slick_next {
    right: 0;
  }
  .full_screen {   
   display: none;
  }
}

/* ########## PRODUKTANSICHT LIVE Änderungen ########## */

#produktbeschreibung .ProductGrid {
  margin-bottom: 0;
  padding: 15px 15px 0 15px;
  margin-top: 15px;
  overflow: visible;
}

#slider_interesse .bx-viewport {
  height: 270px !important;
  overflow: visible !important;
  margin-left: -7.5px;
}

#slider_andere .bx-viewport {
  height: 270px !important;
  overflow: visible !important;
  margin-left: -7.5px;
}

#produktbeschreibung .bx-wrapper .bx-controls-direction a {
  top: 260px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #menge1 {
    padding-bottom: 10px;
    margin-top: -13px;
  }
}

@media screen and (max-width: 604px) {
  .produktslider_container form {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 769px) {
  #pkt-details {
    min-height: 300px;
  }
  .pkt-warenkorb .hvr-rectangle-out {
    width: 100%;
  }
  .DynVariSelect {
    margin-left: -5px;
  }

  .SoldOutLink {width: 100% !important;}
}

@media screen and (max-width: 360px) {
  #produktbeschreibung .table-cell, .DynVariDiv tr, .DynVariDiv td {
    width: 120px;
  }
  #thumbs {
    padding: 0;
  }
 }

/*  DEAL */

.origpreis {
  text-decoration: line-through;
  font-size: 18px;
}

div.product-discount {
  position: absolute;
  background: #FF256D;
  padding: 0 10px;
  font-weight: bold;
  color: #fff;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 65px;
  right: -21px;
}

#interessieren .product-discount, #slider_andere .product-discount {
  right: -10px;
  top: 25px;
}

/*  TOP ANGEBOTE */

.angebote {
  background-color: #131313;
  position: relative;
}

.top-offer-baseprice {
  font-size: 8px;
  color: #444444;
  margin-left: 10px;
}

#topOfferMainContainer {
  width: 100%;
  position: relative;
  display: block;
  border: 1px solid #696969;
}

.ProductBoxBGColorKlein {
  display: none;
  position: relative;
  width: 100%;
  background-color: #000;
}

#TopOfferName1, #TopOfferName2, #TopOfferName3, #TopOfferName4, #TopOfferName5 {
  padding-top: 10px;
  padding-right: 10px;
}

.toppreisspan {
  padding: 5px;
  padding-right: 30px;
  background-color: #1a1a1a;
  margin-top: -17px;
  margin-left: -7px;
  border-left: none;
  position: absolute;
}

.toppreisspan:before, .toppreisspan:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -20px;
  border-style: solid;
}

.toppreisspan:before {
  top: 0;
  border-width: 20px 20px 0 0;
  border-color: #1a1a1a transparent transparent transparent;
}

.toppreisspan:after {
  bottom: 0;
  border-width: 0 20px 20px 0;
  border-color: transparent transparent #1a1a1a transparent;
}

.topOfferAdviceSpan:before {
  content: "\A";
  border-style: solid;
  border-width: 8px 6px 10px 0;
  border-color: transparent #696969 transparent transparent;
  left: 0px;
  position: absolute;
  margin-left: 0;
  margin-top: -14px;
  z-index: -1;
}

.topofferpreis {
  font-size: 18px;
  font-weight: 500;
}

.TopOfferLinkDiv {
  height: 195px;
  margin-top: 40px;
  text-align: center;
}

#topOffer1 .TopOfferLinkDiv {
  display: block;
}

.TopOfferImageStyle {
  padding-left: 40px;
  padding-right: 40px;
}

.TopOfferLinkDiv2 {
  height: 50px;
  margin-top: 25px;
}

.TopOfferLinkDiv3 {
  margin-left: 10px;
  height: 80px;
  font-weight: lighter;
  cursor: pointer;
  position: relative;
}

.topOfferAdviceSpan {
  margin-left: 10px;
  cursor: pointer;
  padding-right: 5px;
}

.top-offer-baseprice {
  color: #f1efef;
  font-size: 10px;
  position: absolute;
  bottom: 25px;
}

.top-offer-vat {
  position: absolute;
  margin-left: 10px;
  margin-right: 10px;
  bottom: 10px;
  display: inline-block;
}

.top-offer-base-vat-container {
  position: relative;
  padding-bottom: 10px;
  height: 80px;
}


/* ##### FACEBOOK BOX ##### */

#fbheader {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #696969;
}

.feed {
  position: absolute;
  width: 100%;
  height: 0%;
  height: 345px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  color: #f1efef;
  font-size: 12px;
  word-wrap: break-word;
}

a {
  text-decoration: none;
  color: #f1efef;
}

a:hover {
  color: #24edff;
}

.fbmssage {
  font-weight: normal;
}

.fbcontainer {
  border-bottom: 1px solid #696969;
  padding: 5px 0 5px 0;
}

/* ########## KATEGORIENASICHT ########## */

.kat_banner {
  margin-bottom: 15px;
  margin-right: 2px;
  margin-left: -2px;
  max-height: 300px;
}

#container1 {  
  padding: 0;
  opacity: 0;
}

.kat_seo_txt {
  padding: 15px;
  border: 1px solid #696969;
}

#unterkategorien {
  margin-left: -5px;
  margin-right: -5px;
}

.kategorie {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.CategoryDisplay {
  width: 16.666%;
  height: 16.666%; 
  float: left;
  position: relative;  
  margin-bottom: 10px;
  padding: 5px;
  overflow: hidden;
}


.CategoryInnerDisplay {
  border: 1px solid #131313;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

#CategoryDisplay img {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.kat_streifen {
  background: rgba(26, 26, 26, 0.9);
  border-top: 1px solid #131313;
  border-bottom: 1px solid #131313;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 30px;
  padding: 7px 15px;
  color: #fff;
}

#CategoryDisplay span {
  color: #fff;
  font-weight: 100;
}

#CategoryDisplay:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#CategoryDisplay:hover span {
  color: #24edff;
  font-weight: 300;
}

@media screen and (max-width:1620px) {
  .CategoryDisplay{
    width: 20%;
    height: 20%;
  }
}

@media screen and (max-width:1350px) {
  .CategoryDisplay{
    width: 25%;
    height: 25%;
  }
}

@media screen and (max-width:991px) {
  .kategorie {
    text-align: center;
  }
}

@media screen and (max-width:630px) {
  .CategoryDisplay{
    width: 33.3333%;
    height: 33.3333%;
  }
}

@media screen and (max-width:480px) {
  .CategoryDisplay{
    width: 50%;
    height: 50%;
  }
}

/* ########## PRODUKTLISTE ########## */
#ProductPartialList {margin-left: -5px;}

.ProductGrid { 
  background: transparent;
  padding: 15px;
  min-width: 270px;
  height: 230px;
  display: inline-block;
  position: relative;
  float: left; 
  overflow: hidden;
  z-index: 1;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.produkt .pkt-img {
  float: left;
  max-height: 230px;
  position: absolute;
  bottom: 12px;
  z-index: 3;
}

.produkt .pkt-img .pkt-lupe {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 45px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.produkt .pkt-img.img_click:hover .pkt-lupe {
  opacity: 1;
}

.pkt-lupe-none {
  display: none !important;
}

.pkt-liste {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.pkt-liste-preis {
  left: 135px;
  position: absolute;
  bottom: 15px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.pkt-liste-preis>a>div {
  float: none !important;
}

.pkt-list-layer {
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  left: 0;
  position: absolute;
  z-index: 99;
  top: 0;
  background: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.intrsse .pkt-list-layer {
  height: 227px;
  margin-top: 1px;
}

.bgchngnext, .bgchngprev {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  display: none;
}

.bgchngnext {
  right: 20px;
}

.bgchngprev {
  left: 19px;
}

.bgchngnext:hover {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next_hover.svg);
  background-size: contain;
}

.bgchngprev:hover {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev_hover.svg);
  background-size: contain;
}

.bgchngnext .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.bgchngnext .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_next_hover.svg);
  background-size: contain;
}

.bgchngprev .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.bgchngprev .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/arrow_prev_hover.svg);
  background-size: contain;
}

.produktLinkListe {
  position: absolute;
  padding: 115px 86px;
  left: 50%;
  margin-left: -87px;
  z-index: 99;
}

.active_img_bg {
  background: rgba(105, 105, 105, 0.7);
  position: absolute;
  width: 290px;
  height: 230px;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.active_img {
  position: absolute;
  z-index: 3;
  height: 230px;
  width: 172.5px;
  left: 57.5px;
  top: 0;
  margin: 0;
  background-size: contain !important;
}

.btn_close {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/x.svg);
  width: 25px;
  height: 25px;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 5px;
}

.bg_stripe .btn_close {
  right: 22px;
}

.ProductGrid .menu-shoppingbag .hvr-radial-out {  
  width: 27px;
  cursor: pointer;
  margin-top: -1px;
}

.ProductGrid .menu-notepad .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/notepad_color_hover.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.ProductGrid .menu-notepad .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/notepad_color.svg);
  background-size: contain;
  width: 35px;
  height: 35px;
}

.ProductGrid .pkt-info .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/pkt_info.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.ProductGrid .pkt-info .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pkt_info_hover.svg);
  background-size: contain;
  width: 35px;
  height: 35px;
}


.pkt-info {
  display: inline-block;  
  background-color: #03ce1b;  
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 7px 5px 7px;
  border: 1px solid transparent;
  border-radius: 13px;
}

.pkt-info a {
  color: #000 !important;
}

.pkt-info a:hover {
  color: #fff !important;
  text-shadow: none !important;
}


#GlobalContentContainer .pkt-anzahl, #ProductPartialList .pkt-anzahl, #prdktbg-slider .pkt-anzahl {
  margin-bottom: 10px;
  margin-left: 15px;
  min-width: 0;
  text-align: center;
  padding: 2px;
}

.sortieren a {
  cursor: pointer;
}

.merkPopUp {
  cursor: pointer;
}

#OrderBy {
  margin-left: -2px;
  padding-bottom: 15px;
}

.shipping-link-text {
  cursor: pointer;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .ProductGrid:not(.intrsse):hover {   
    z-index: 999;
  }
}

@media screen and (max-width: 599px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 50%;
  }
}

@media screen and (min-width: 870px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 33.3%;
  }
}

@media screen and (min-width:992px) {
  .ProductPartialList {
    text-align: center;
  }
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 50%;
  }
}

@media screen and (min-width: 1390px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 33.333%;
  }
}

@media screen and (min-width: 1730px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 33.3%;
  }
}

@media screen and (min-width: 1920px) {
  #ProductList .ProductGrid, .container_middle_4 .ProductGrid {
    width: 25%;
  }
}

#katalogBeschreibung {
  margin-left: -5px;
  margin-right: -5px; 
  padding: 15px;
  background-color: #000; 
}

.SEOCatalogDescription {
  text-align: justify;
}

/* ##### INFO SEITEN ##### */

.page-border {
  /* border: 1px solid #696969; */
  padding: 15px;
  margin-bottom: 50px;
  background-color: #000;
}

.page-border h1, .page-border h2, .page-border h3 {
  text-transform: uppercase;
  font-weight: lighter;
}

.page-border h1 {
  font-size: 24px;
  margin-top: 0
}

.page-border h2 {
  font-size: 20px;
  padding: 20px 0 10px 0;
}

.page-border h3 {
  font-size: 18px;
  padding: 20px 0 10px 0;
}

#jobscontent b {
  font-size: 20px;
  font-weight: lighter;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  .page-border h1 {
    font-size: 20px;
  }
  .page-border h2, #jobscontent b {
    font-size: 18px;
  }
  .page-border h3 {
    font-size: 16px;
  }
}


/* Werkstatt */

#werkstatt .ws-row {
  float: left;
  margin-right: -15px;
}

#werkstatt .ws-img-width {
  width: 16.666666666666%;
  padding-right: 15px;
  float: left;
  margin-bottom: 15px;
}

#werkstatt a {
  color: #24edff;
}

#werkstatt>div {
  text-align: justify;
}

@media (max-width: 1400px) {
  #werkstatt .ws-img-width {
    width: 25%;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  #werkstatt .ws-img-width {
    width: 33.33333%;
  }
}

@media (max-width: 576px) {
  #werkstatt .ws-img-width {
    width: 50%;
  }
}


/* ##### SHOPDARSTELLUNG ##### */

#sID {
  display: none;
}

#shippingWindow {
  display: none;
}


/* ##### BOXEN AUSBLENDEN ##### */

#basketv3 {
  display: none;
}

a[href="https://www.afterbuy.de/Leistungen/Afterbuy-Shop"] {
  display: none !important;
}

a[href="http://www.afterbuy.de/Leistungen/Afterbuy-Shop"] {
  display: none !important;
}


/* ##### KONTAKT ##### */

#embed iframe {
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  color: #f1efef;
  font-size: 14px;
  width: 100%;
  min-height: 1280px;
  padding: 0;
  margin: 0;
  display: block;
  height: 0;
  overflow: hidden;
  ;
}

#kontaktSite {
  margin-top: 15px;
}

#contact-form .highlight {
  font-size: 18px;
  margin: 15px 15px 15px 0;
  color: #24edff;
}


/* ##### KUNDEN ANMELDESEITE ##### */

.forget_pw {
  margin-top: 10px;
  font-size: 12px
}

@media screen and (max-width: 991px) {
  #kd_anmeldung {
    margin: 15px 0;
    padding: 15px 0;
  }
}

/* #### LOGIN WINDOW #### */
div#loginWindow {
    color: #fff !important;
    padding: 10px 0 !important;
    width: 100% !important;
    display: none;
}

div[aria-describedby="loginWindow"] {
    z-index: 99999;
    border-radius: 0px;
    width: 100% !important;
    height: 250px;
    max-width: 540px !important;
    background-color: transparent !important;
    border: none !important;
}

#loginWindow .row {
    margin-right: 15px;
    margin-left: 15px;
    border-bottom: 1px solid #696969;
    margin-bottom: 15px;
}

#loginWindow .anmelden_left {
    border-right: 1px solid #696969;
}

#loginWindow .anmelden_right {
  padding-left: 30px;
}

.fontLoginWindow {
    text-transform: uppercase;
    padding-left: 0;
}

#loginWindow .anmelden {
    font-size: 18px;
}

.close_LoginWindow {
   padding: 0;
   padding-bottom: 5px;
   cursor: pointer;
}

.close_LoginWindow img {
    float: right;
    width: 25px;
    height: 25px;
}

#lost_pwd_login {
    color: #fff !important;
}

@media screen and (max-width: 540px) {
     div[aria-describedby="loginWindow"] {
        left: 0px !important;
        max-width: 100% !important;
     }
}

@media screen and (min-width: 541px) and (max-width: 767px) {
      div[aria-describedby="loginWindow"] {
      left: 50% !important;
      margin-left: -270px !important;
     }
}


@media screen and (max-width: 991px){
  #loginWindow .anmelden_left {
       border-right: none;
     }
  #loginWindow .anmelden_right {
       padding-left: 15px;
       margin-top: 25px;
     }
}

/* ##### FEHLERSEITE ##### */

.warning img {
  width: 35px;
  height: 35px;
}

.warning span {
  padding: 5px;
}

ul.err {
  padding: 0
}

.err a {
  text-decoration: underline;
}


/* ### POP UP MERKZETTEL ### */

.selected {
  background-color: #24edff;
  z-index: 100;
  display: block !important
}

.merkzettel {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(105, 105, 105, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999997;
}

.messagepop {
  background-color: #131313;
  border: 1px solid #24edff;
  position: absolute;
  text-align: center;
  width: 320px;
  left: 50%;
  margin-left: -160px;
  top: 30%;
  padding: 15px;
}

.messagepop p, .messagepop.div {
  margin: 8px 0;
}

.btn_merkOk {
  overflow: hidden;
  margin-top: 7px;
  width: 100px;
}


/* ### POP UP WARENKORB ### */

#basketExtendedMask {
  background: rgba(105, 105, 105, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99992;
}

#own_loader_bg {
  background: rgba(105, 105, 105, 0.5);
  height: 100%;
  width: 100%;
  z-index: 99991;
  position: fixed;
  top: 0;
  left: 0;
}

#specialBasketFinishWindowExtendedPreLoaderOverlay {
  background: rgba(105, 105, 105, 0.5);
  display: none;
  height: 100%;
  width: 100%;
  z-index: 99991;
  position: fixed;
  top: 0;
  left: 0;
}

#basketv3 {
  background-color: #131313;
  left: 50%;
  margin-left: -350px;
  position: fixed;
  top: 20%;
  width: 700px;
  z-index: 99999;
  display: block;
}

.btnEKB {
  cursor: pointer;
  text-align: center;
  font-weight: lighter;
}

.btnEKB:first-child {
  text-align: left;
}

.btnEKB:last-child {
  text-align: right;
}

.btnEKB>div {
  min-width: 160px;
}

#specialBasketFinishWindowExtended {
  background: #131313;
  display: none;
  width: 100%; 
  padding: 15px;
}

#specialBasketFinishWindowExtendedMainContentProductImageElement {
  max-width: 100px;
  border: none;
}

#b_rest_popup {
  font-size: 12px;
  padding-top: 10px;
}

@media screen and (max-width: 991px) {
  #basketv3 {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
  }

  #specialBasketFinishWindowExtendedMainContentProductImageElement {
    max-width: 60px !Important;
    margin: 0 auto;
  }
  .btnEKB {
    margin-top: 10px;
  }

  .btnEKB:first-child,  .btnEKB:last-child {
    text-align: center;
  }
  div#specialBasketFinishWindowExtended {
    text-align: center;
  }
}


/* ### ELASTIC SEARCH ### */

.ElasticCollumStyleImage {
  width: 40px;
  text-align: center;
  float: left;
}

.ElasticWidth {
  width: 100%;
  text-align: right
}

.ElasticPrice {
  margin-left: 5px;
  margin-right: 10px;
  color: #f1efef !important;
}

.ElasticProductInformationTable {
  width: 100%;
}

.ElasticProductName {
  margin-left: 5px;
  overflow: hidden;
  color: #f1efef !important;
}

.ElasticImage {
  max-height: 35px;
  max-width: 35px;
}

.ui-widget {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: lighter;
  color: #f1efef !important;
}

.ui-menu .ui-menu-item a:hover {
  background: rgba(61, 61, 61, 1) !important;
  border: 1px solid rgba(61, 61, 61, 1)!important;
  border-radius: 0;
  text-shadow: none;
  color: #24edff !important;
}

.ui-menu .ui-menu-item a.ui-state-focus {
  border: 0;
  border-radius: 0;
  background: #131313;
  margin: 0 !important;
}

ul.ui-autocomplete {
  background: #131313;
  padding: 0 !important;
  margin-top: 0 !important;
  border-bottom: 1px solid #696969 !important;
  border-right: 1px solid #696969 !important;
  border-left: 1px solid #696969 !important;
  border-top: 1px solid rgba(61, 61, 61, 1);
}


/* ##### KUNDENREGISTRIERUNG ##### */

#kundenregistrierung input {
  min-width: 0;
}

#kundenregistrierung input[type="text"], #kundenregistrierung input[type="password"] {
  width: 100%;
  margin-bottom: 15px;
}

#kundenregistrierung.page-border h2 {
  padding: 0;
}

#kundenregistrierung .liefer-adr {
  margin-left: 15px;
}

#CLand, #CLLand {
  width: 100%;
  padding-left: 10px;
  height: 30px;
}

label.error {
  margin-top: -10px;
  margin-bottom: 15px;
  color: #ff37c9;
  font-weight: 300;
  font-size: 12px;
}

label[for="CLand"], label[for="CLLand"] {
  margin-top: 5px;
}


/* ##### BESTELLBESTAETIGUNG ##### */

#bestellbestaetigung input {
  min-width: 0;
  color: #03ce1b !important;
}

#bestellbestaetigung input[type="text"], #bestellbestaetigung input[type="password"] {
  width: 100%;
  margin-bottom: 15px;
}

#bestellbestaetigung .liefer-adr {
  margin-left: 15px;
}

.bg-shipping-logo, .bg-payment-logo {
  margin: 0 auto;
  margin-top: 10px;
  min-height: 50px;
  background: #fff;
  padding: 5px;
  text-align: center;
}

#bestellbestaetigung .button {
  min-width: 115px;
}

#zpb {
  border: 1px solid #03ce1b;
  color: #03ce1b;
  display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#zpb:hover, #zpb:before {
  background: #03ce1b;
}


.shipping-name, .payment-name, .payment-aufschlag {
  margin-top: 10px;
  word-wrap: break-word;
}

.shipping-price {
  margin-top: 10px;
  font-size: 18px;
}

#drei_versand input[type="radio"], #zwei_zahlart input[type="radio"] {
  margin: 0;
}

.zahl {
  border: 2px solid #24edff;
  border-radius: 50%;
  height: 35px;
  min-width: 35px;
  display: inline-block;
  padding: 5px 11px;
  color: #24edff;
  font-weight: bold;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  #zwei_zahlart div[name="paymentItem"] {
    min-height: 0px !important;
  }
  #drei_versand div[name="shippingItem"] {
    min-height: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  #zwei_zahlart div[name="paymentItem"] {
    min-height: 208px;
  }
  #drei_versand div[name="shippingItem"] {
    min-height: 208px;
  }
}

@media screen and (max-width: 991px) {
  .wk_img img {
    margin: 0 auto
  }
  .gesamtStatus>.col-md-12.col-sm-12.col-xs-12 {
    padding: 0
  }
}

.order_hint {
    padding-bottom: 20px;
}

#agbborder label {
  display: block;
  position: absolute !important;
  margin-top: -45px !important;
  margin-left: 0 !important;
  line-height: 11px !important;
}

#agbborder {
  position: relative
}

#myusercomment {
  width: 100%;
  min-height: 100px;
  text-align: left;
  resize: none;
  height: auto;
}


/* ##### BESTELLSTATUS ##### */

.status input[type="radio"] {
  margin: 0;
}

.status input, textarea {
  min-width: 30px;
}

.status {
  margin: 7.5px 0 7.5px 0;
}

.stdInputField {
  margin-left: 35px;
}


/* ##### NICHT ABGESCHLOSSENE WARENKOERBE ##### */

.merkz input {
  min-width: 0;
}

.merk-trash {
  padding-right: 0;
}

.merk-shoppingbag .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/shoppingbag_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  float: right;
}

.merk-shoppingbag .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/shoppingbag_color.svg);
  background-size: contain;
}

.merk-trash .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/merk-trash_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  float: right;
}

.merk-trash .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/merk-trash.svg);
  background-size: contain;
}


/* ##### DARSTELLUNG WARENKORB ##### */

.warenkorb input {
  min-width: 0;
  height: 34px;
}

.warenkorb input[type="text"] {
  padding: 5px;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
}

.wk_hr hr {
  margin-bottom: 5px;
}

.wk_txt {
  padding: 0px 15px;
  margin-top: -4px;
}

.wk_thumb {
  max-height: 100px;
  max-width: 70px; 
}

.wk_menge {
  padding: 0;
}

.wk_reload {
  margin-left: 3px;
}

.minus {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.plus {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.minus .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/wk-minus.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
}

.minus .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/wk-minus_hover.svg);
  background-size: contain;
}

.plus .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/svg_grey/wk-plus.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
}

.plus .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/wk-plus_hover.svg);
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .wk_img, .wk_info {
    text-align: center
  }
  .wk_akt {
    text-align: right;
  }
  .wk_txt {
    text-align: center;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .wk_akt div {
    max-width: 220px;
  }
}

.imWarenkorb .button.button_hover {
  width: 180px;
}

#AmazonPayButton {
  margin-right: 5px;
}

#paypalex {
  cursor: pointer;
  margin-bottom: 15px;  
  padding: 2px;
  height: 36px;
}

#AmazonPayButton img { 
  margin-bottom: 15px;
  padding: 2px;
  max-height: 36px !important;
  height: 36px !important;
  max-width: 150px;
}

#wk_checkout {
  margin-bottom: 15px;
  margin-left: 5px;
}

.b_rest_wk {
  font-weight: 600;
}

@media screen and (max-width: 480px) {
#AmazonPayButton, #paypalexspan {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
#wk_checkout {
  margin-left: 0;
  width: 150px;
}
.paymentbuttoncont {
  text-align: center;
  }
.wk_ges_sum, .b_rest_wk {
  text-align: center !important;
}

}



@media screen and (max-width: 450px) {
  #paypalex {
    margin-right: 0px;
  }
  #AmazonPayButton img {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 436px) {
  #paypalex {
    margin-right: 0px;
  }
  #AmazonPayButton img {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 361px) {
  #paypalexspan {
    display: block;
  }
  #AmazonPayButton {
    margin-right: 0px;
  }
}

@media screen and (max-width: 280px) {
  #wk_weiter {
    width: 100%;
  }
}


/* ### VERSAND POP UP ### */

div[aria-describedby="shippingWindow"] {
  border-radius: 0;
  border: 1px solid #696969;
  z-index: 1051;
}

div[aria-labelledby="ui-id-2"], #shippingWindow {
  overflow: hidden;
}

div#shippingWindowContent {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  overflow-y: scroll;
  height: 500px !important;
}

#shippingWindow .shipping-font {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  color: #f1efef !important;
}

#shippingWindow .shipping-font .txt-bold {
  font-weight: lighter !important;
}

#shippingWindow .fg-color-gray {
  color: #f1efef;
}

.ui-widget-overlay {
  z-index: 1050 !important;
}

.ui-widget-header {
  display: none !important;
}

#shipping-window-info {
  color: #f1efef;
  font-size: 18px;
  font-weight: lighter;
  text-transform: uppercase;
}

@media screen and (max-width:991px) {
  div[aria-labelledby="ui-id-2"] {
    width: 100% !important;
    height: 400px !important;
    height: 100vh !important;
  }
}


/* ### SOCIAL MEDIA PULSE ### */

#social_media>div>a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#social_media>div>a {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto;
}

#instah2 h2 {
  padding: 0;
}

#youtube_social_site iframe {
  display: block;
  max-width: 100%;
  height: auto;
}

#youtube_social_site .ytp-title-text {
  display: none !important;
}

.pulse_fb .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pulse_fb .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/fb_color.svg);
  background-size: contain;
}

.pulse_you .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pulse_you .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/youtube_color.svg);
  background-size: contain;
}

.pulse_twi .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/twitter_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pulse_twi .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/twitter_color.svg);
  background-size: contain;
}

.pulse_goo .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/google_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pulse_goo .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/google_color.svg);
  background-size: contain;
}

.pulse_ins .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/instagram.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.pulse_ins .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/instagram_hover.png);
  background-size: contain;
}

.pulse_pin .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pinterest_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
  box-shadow: 0 0 0.01em #CB2027, 0 0 0.01em #CB2027, 0 0 0.01em #CB2027;
}

.pulse_pin .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/pinterest_color.svg);
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .mob-mar-social {
    margin-top: 65px;
    margin-bottom: 25px;
  }
}


/* ### NEWSLETTER ### */

#newsletter input, #abmeldung input {
  min-width: 220px;
}

img#recaptcha_challenge_image {
  max-width: 220px;
}

.captcha2_reload {
  margin: 15px 15px 15px 0;
}

@media screen and (max-width: 767px) {
  #newsletter input, #abmeldung input {
    min-width: 100%;
  }
}

#newsletter label.error, #abmeldung label.error {
  margin-top: 0;
  margin-bottom: 0;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader2 {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  position: fixed;
  top: 50%;
  z-index: 99999;
}

.loader1 div, .loader2 div, .loader3 div, .loader4 div {
  height: 100%;
}

.loader2, .loader2 div {
  border-radius: 50%;
  padding: 5px;
  border: 2px solid transparent;
  -webkit-animation: rotate linear 3.5s infinite;
  -moz-animation: rotate linear 3.5s infinite;
  animation: rotate linear 3.5s infinite;
  border-top-color: rgba(32, 138, 252, 1);
  border-left-color: rgba(0, 229, 51, 1);
  border-right-color: rgba(0, 229, 51, 1);
}

div:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}


/* *** DEAL *** */

@media screen and (min-width: 992px) {
  .deal {
    width: 345px;
    height: 218px;
    top: 0;
  }
}

@media screen and (max-width: 991px) {
  .deal {
    width: 100%;
  }
}

.count {
  padding: 0 2px 0 2px;
  color: #24edff;
  text-align: center;
}

.counter {
  margin-bottom: 5px;
}

.mar-right-5 {
  margin-right: 5px;
}

.rabatt {
  color: #24edff;
}


/* ### INSTAGRAM ### */

.instcont { 
  overflow: hidden;
  z-index: 99;
  padding: 1px;
  position: relative;
}

.instapic {
  padding: 7.5px;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#instagram a {
  text-decoration: none;
}

#instagram a:hover {
  text-decoration: none;
  color: #f1efef;
  text-shadow: none;
}

#instagram {
  padding: 0 10px 0 10px;
  opacity: 0;
}

.instalikes {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/heart.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 50px;
  height: 20px;
  z-index: 1;
  color: #f1efef;
}

.likes {
  position: absolute;
  left: 25px;
  bottom: 0;
}

.instatxt {
  color: #f1efef;
  background: rgba(26, 26, 26, 0.9);
  height: 102%;
  width: 100%;
  position: absolute;
  right: -1px;
  bottom: -1px;
  top: -1px;
  left: -1px;
  margin-bottom: 5px;
  padding: 10px;
  overflow: hidden;
  -webkit-transform: translateY(105%);
  transform: translateY(105%);
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 2;
  word-wrap: break-word;
}

.instapic:hover .instatxt {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#play {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/mandelbrot.jpg);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}


/* ### FEEDBACK ### */

#feedback {
  width: 450px;
  min-height: 540px; 
  position: fixed;
  opacity: 0; 
  z-index: 1045;
  top: 74px;
  background-color: #000; 
}

.feedbackOpen {
  display: block;
}

#feedback .form-control, #feedback .form-control:focus {
  width: 100%;
  margin-top: 10px;
  border-radius: 0;
  border: 0;
  background: rgba(61, 61, 61, 1);
  color: #f1efef;
  box-shadow: none;
}

#btn_feedback {
  width: 30px;
  height: 100px;
  position: fixed;
  cursor: pointer;
  padding: 6px;
  right: -2px;
  bottom: 15px;
  z-index: 1045;
  display: block;
}

.btn_feedback_hide {
  display: none !important;
}

#btn_feedback span {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/feedback.svg);
  background-size: contain;
  width: 25px;
  height: 100px;
  position: absolute;
}

.feedback_left {
  display: none;
  position: absolute;
  background-color: #000;
  border-left: 1px solid #696969;
  height: 558px;
  width: 30px;
  margin-left: -28px;
  z-index: 963;
}

.feedback_left:before {
  content: "";
  width: 23px;
  height: 50px;
  position: absolute;
  background-color: #000;
  bottom: 0;
  z-index: 999999;
  -moz-transform: rotate(34deg);
  -webkit-transform: rotate(34deg);
  transform: rotate(-34deg);
  margin-bottom: -39px;
  margin-right: -5px;
  right: 0;
  border-left: 1px solid #696969;
}

#span_feedback {
  display: none;
}

#btn_feedback.feedbackBtnOpen span {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/x.svg);
  background-size: contain;
}

.rateit {
  display: -moz-inline-box;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
}

.rateit .rateit-range {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  background: url(star.gif);
  height: 16px;
  outline: none;
}

.rateit .rateit-range * {
  display: block;
}

* html .rateit, * html .rateit .rateit-range {
  display: inline;
}


/* for IE 7 */

*+html .rateit, *+html .rateit .rateit-range {
  display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected {
  position: absolute;
  left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
  left: auto;
  right: 0px;
}

.rateit .rateit-hover {
  background: url(star.gif) left -32px;
}

.rateit .rateit-hover-rtl {
  background-position: right -32px;
}

.rateit .rateit-selected {
  background: url(star.gif) left -16px;
}

.rateit .rateit-selected-rtl {
  background-position: right -16px;
}

.rateit .rateit-preset {
  background: url(star.gif) left -48px;
}

.rateit .rateit-preset-rtl {
  background: url(star.gif) left -48px;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
  background-position: 0 -16px;
}

div.svg div.rateit-range {
  background: url('https://bilder.psywork.com/schwarzlicht-shop/img/icon/star-normal.svg');
  /* For IE 6 and 7 */
}

div.svg div.rateit-hover {
  background: url('https://bilder.psywork.com/schwarzlicht-shop/img/icon/star-hover.svg');
  /* For IE 6 and 7 */
}

div.svg div.rateit-selected {
  background: url('https://bilder.psywork.com/schwarzlicht-shop/img/icon/star-selected.svg');
  /* For IE 6 and 7 */
}

div.svg div.rateit-preset {
  background: url('https://bilder.psywork.com/schwarzlicht-shop/img/icon/star-preset.svg');
  /* For IE 6 and 7 */
}

#feedback1 {
  padding: 15px;
  position: relative;
  z-index: 1046;
}

#feedback textarea {
  resize: none;
}

#feedws {
  height: 20px;
}

#feedhead span {
  background-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/x.svg);
  background-size: contain;
  float: right;
  width: 25px;
  height: 25px;
  position: relative;
  top: -10px;
  cursor: pointer;
}

#feedhead {
  border-bottom: 1px solid #696969;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: lighter;
  font-size: 16px;
}

#feed_mail {
  height: 32px;
}

#feed_text {
  height: 70px;
}

.rateit {
  margin-bottom: 15px;
  margin-right: 10px;
  width: 60px;
  display: inline;
}

.resbttn {
  border: 1px solid #131313;
  text-align: left;
}

.ratval {
  display: inline;
}

.quest {
  padding-bottom: 5px;
  margin-top: 10px;
}

#feedresponse {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}

.feed_content>.pink-error {
  display: inline-block;
  font-size: 12px !important;
  padding-top: 15px !important;
}

.rate_user {
  color: #24edff;
}

#rating_response {
  padding: 10px;
  border: 1px solid #696969;
}

.rating_response {
  padding-bottom: 15px;
}

@media screen and (min-width: 1200px) {
  
  #feedback {
    width: 385px;
    height: 600px;
    top: 59px;
  }
 
  .feedbackOpen {
    right: 0px;
  }
  
  #btn_feedback:hover span {
    color: #24edff;
  }
 
}

@media screen and (max-width: 1199px) {
  .feedbackOpen {
    left: 50%;
    margin-left: -225px;
    -webkit-transition: right .35s ease-out;
    transition: right .35s ease-out;
  }
  #feedback {
    -webkit-transition: right .35s ease-out;
    transition: right .35s ease-out;
  }
  #feedback1 {
    width: 450px;
  }
}

@media screen and (max-width: 991px) {
  #btn_feedback {
    bottom: 0;
  }
  #feedback {
    top: 0;
    position: absolute;
  }
  .feedbackOpen {
    left: 50%;
    margin-left: -225px;
  }
}

@media screen and (max-width: 767px) {
  #feedback {   
    width: 100%;
  }
  #feedback1 {
    height: 100%;
    width: 100%;
  }
  .feedbackOpen {
    left: 0;
    margin-left: 0;
  }
  #feedhead span {
    top: -10px;
  }
}

@media screen and (max-width: 355px) {
  #feedhead {
    margin-top: 25px;
  }
  #feedhead span {
    top: -50px;
  }
}


/* ### ENTDECKERZONE ### */

#search_input {
  color: #f1efef;
  height: 37px;
  position: relative;
  width: 200px;
  display: inline-block;
  float: left;
}

#search_input input {
  width: 200px;
}

#searchstring {
  background: rgba(61, 61, 61, 1);
  color: #f1efef;
  border: 1px solid rgba(61, 61, 61, 1);
  padding: 10px;
  height: 35px;
}

.btnsearch {
  background: #131313;
}

.rndmsearch .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/random.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.rndmsearch .hvr-radial-out:hover {
  background: transparent;
}

.rndmsearch .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/random_hover.svg);
  background-size: contain;
}

.rndmsearch {
  margin-left: 10px;
}

.ezsearch .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/search_color_hover.svg);
  width: 35px;
  height: 35px;
  background-size: contain;
}

.ezsearch .hvr-radial-out:hover {
  background: transparent;
}

.ezsearch .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/search_color.svg);
  background-size: contain;
}

#img {
  margin-top: 30px;
  height: 1000px;
}

#img a {
  text-decoration: none;
}

#img a:hover {
  text-decoration: none;
  color: #f1efef;
  text-shadow: none;
}

.imgfeed:hover { 
  z-index: 10;
}

.imgcontez {
  position: relative;  
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.imgtitle {
  position: absolute;
  z-index: 9;
  color: #f1efef;
  font-size: 10px;
  text-align: center;
  background: rgba(26, 26, 26, 0.9);
  height: 0;
  right: -1px;
  bottom: -1px;
  left: -1px;
  word-wrap: break-word;
  overflow: hidden;
  opacity: 1;
  -webkit-transition-duration: 0.5s, 1.0s;
  transition-duration: 0.5s, 1.0s;
  -webkit-transition-property: height, opacity;
  transition-property: height, opacity;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.imgfeed:hover .imgtitle {
  opacity: 1;
  padding: 10px;
  height: 101%;
  margin-left: 1px;
  margin-top: 1px; 
  width: 101%;
}

#prdktezone {
  position: relative;
  padding: 15px;
  opacity: 0;
  display: none;
}

.prdktezoneins {
  border: 1px solid #696969;
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 0 15px 0;
}

#randomimg {
  margin-top: 15px;
}

#randomimg .imgfeed img {
  border: 1px solid #696969;
  width: 100%;
  height: 100%;
}

#randomimg .imgfeed {
  width: 75px;
  height: 100px;
  border: none;
  margin-bottom: 5px;
}

#mrclick {
  left: 15px;
  bottom: 50px;
  position: relative;
}

.ez_fahne {
  position: absolute;
  left: -7px;
  top: 25px;
}

.ez_fahne1 {
  position: absolute;
  left: -7px;
  top: 10px;
}

@media screen and (max-width: 1070px) {
  #mrclick {
    font-size: 12px;
  }
}


/* ### COOKIE OVERLAY ### */

#cookies {
  position: fixed;
  text-align: left;
  width: 25%;
  font-size: 12px;
  background: #000;
  border-left: none;
  border-right: none;
  padding: 10px 10px;
  bottom: -200px;
  left: 0;
  z-index: 1050;
  /* display: none !important; */
}

#cookies p {
  display: inline-block;
  position: relative;
  z-index: 1005;
}

#cookies span {
  cursor: pointer;
}

#cookbttn {
  padding: 0 5px;
  position: relative;
  z-index: 1005;
}

@media screen and (min-width: 1200px) {
  #cookbttn {
    margin-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  #cookies {
    width: 50%;
  }
}

@media screen and (max-width: 450px) {
  #cookies p {
    margin-left: 0px !important;
    font-size: 11px;
  }
}


/* ### Lieferzeiten ### */

.rzeit {
  color: #24edff;
}

#systime {
  font-size: 11px;
  position: fixed;
  top: -40px;
  z-index: 999;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

#systime_p {
  font-size: 12px;
  margin-left: -15px;
  /* margin-top: 15px; */
}

#spancont {
  position: relative;
  top: 7px;
  margin-left: 25px;
  margin-right: 25px;
  display: inline-block;
}

.spannone {
  display: none;
  opacity: 0;
}

.spanshow {
  display: inline;
}

.cont {
  position: absolute;
  width: 0px;
  height: 35px;
  z-index: 999;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}

.contback {}

.nordis {
  border: 1px solid #696969;
  border-left: none;
  border-radius: 0px;
}

.spnshow {
  opacity: 1.0;
}

#parcel {
  float: left;
  position: relative;
  z-index: 1111;
}

@media screen and (max-width: 1810px) {
  #spancont {
    top: 2px;
  }
}

@media screen and (min-width: 1200px) {
  #systime {
    border-top: none;
    margin-left: 347px;
    height: 31px;
    overflow: hidden;
    font-size: 12px;
  }
  .cont {
    width: 100%;
    height: 31px;
    overflow: hidden;
    border-bottom: 1px solid #696969;
  }
  #spancont {
    position: relative;
    top: 8px;
    margin-left: 0px;
    display: inline-block;
    width: 1790px;
    text-align: left;
    font-weight: 400;
  }
  #spancontwrap {
    margin-left: 45px;
    margin-right: 21px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    height: 30px;
  }
  #parcel:after {
    content: "";
    background: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/parcel.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    margin-top: 6px;
    margin-left: 34px;
  }
  div#parcel>img {
    display: none;
  }
  div#systime:before {
    content: "";
    height: 60px;
    width: 54px;
    border-left: 1px solid #696969;
    position: absolute;
    margin-left: 25px;
    margin-top: -6px;
    transform: rotate(34deg);
    background-color: #000;
  }
  div#systime:after {
    content: "";
    height: 60px;
    width: 54px;
    position: absolute;
    background-color: #000;
    right: 0;
    -moz-transform: rotate(-34deg);
    -webkit-transform: rotate(-34deg);
    transform: rotate(-34deg);
    border-right: 1px solid #696969;
    margin-right: 5px;
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  #parcel {
    display: none;
  }
  #systime {
    display: block;
    top: 0;
    position: relative;
    margin: 0;
  }
  .cont {
    height: 100%;
    position: relative;
    width: 100%;
    margin: 0;
  }
  .spannone {
    opacity: 1;
  }
  #spancont {
    top: -5px;
    margin-left: 15px;
    margin-right: 15px
  }
}

@media screen and (max-width: 767px) {
  #systime_p {
    margin-left: 0;
  }
}

#systime {
  display: none;
}



.pkt-anzahl, #ProductPartialList .pkt-anzahl, #prdktbg-slider .pkt-anzahl, #wk_sl .pkt-anzahl {
  margin-bottom: 10px;
  margin-left: 15px;
  min-width: 15px;
  text-align: center;
  padding: 2px;
}


/* ### Amazon Widget ### */

.checkout-table>tbody>tr>td {
  padding: 20px 30px 20px 30px;
}

.checkout-table {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #696969 !important;
}

.checkout-area {  
  max-width: 100% !important;
}

.checkout-shipping-table {
  border: none !important;
  margin-top: 15px !important;
}

.checkout-shipping-td-id {
  padding-top: 10px;
}

.checkout-shipping-td-id input {
  min-width: 25px;
  width: 25px;
  margin: 0;
}

.checkout-shipping-td-logo {
  width: 60px;
  padding: 7.5px 15px 0px 15px;
}

#OffAmazonPaymentsWidgets1IFrame, #OffAmazonPaymentsWidgets0IFrame {
  border: none !important;
  border-radius: 1px !important;
}

#AmazonAddressWidget {
  width: 49% !important;
}

#AmazonWalletWidget {
  width: 49% !important;
  float: right !important;
}

#ShippingSelector {
  border-top: 1px solid #696969; 
  margin: 30px 0 0 0;
}

.checkout-button button {
  background-color: transparent;
  border: none;
  color: #24edff;
  text-transform: uppercase;
  padding: 0;
  width: 100% !important;
  height: 36px !important;
}

.checkout-button button .btn-default {
  background-color: #131313;
}

.checkout-button button:hover {
  background-color: transparent;
  border: none;
  color: #131313 !important;
}

.checkout-button:hover:before, .checkout-button:focus:before, .checkout-button:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.checkout-button {
  width: 240px;
  margin-top: 15px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  border: 1px solid #24edff;
  padding: 0;
  text-align: center;
  font-weight: bold;
  color: #24edff;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.checkout-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #24edff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #131313 !important;
}

#NextButton .btn-default:hover {
  background-color: transparent !important;
  color: #131313 !important;
}

#NextButton .btn-default:active {
  background-color: transparent !important;
  color: #131313 !important;
}

#NextButton .btn-default:focus {
  background-color: transparent !important;
  color: #131313 !important;
}

.checkout-table .btn-default[disabled] {
  background-color: transparent !important;
}

.checkout-confirm-table {
  border: none !important;
  margin: 15px 0px 0 0px !important;
  width: 100% !important;
}

.checkout-confirm-table hr {
  display: none;
}

.checkout-confirm-tr {
  border-bottom: 1px solid #696969;
}

.checkout-tac-table {
  width: 100% !important;
  border: none !important;
  margin-top: 15px;
}

.checkout-confirm-td-picture {
  padding-bottom: 15px;
  padding-top: 15px;
}

.checkout-confirm-picture {
  height: 100px;
  border: 1px solid #696969;
  margin-right: 15px;
}

.checkout-confirm-quantity {
  margin-top: 50px;
  margin-right: 15px;
  height: 30px;
  background: rgba(61, 61, 61, 1);
  font-weight: normal;
  border: none;
}

.checkout-tac-table input {
  min-width: 10px;
  margin-right: 15px;
}

.checkout-totals-table {
  margin-bottom: 15px;
  margin-top: 15px;
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  background-color: transparent !important;
  border: none !important;
}

.btn-success:focus, .btn-success.focus {
  background-color: transparent !important;
  border: none !important;
}

@media screen and (max-width:680px) {
  .checkout-table>tbody>tr>td {
    padding: 20px 15px 20px 15px;
  }
  .checkout-shipping-table {
    width: 100% !important;
  }
  #AmazonAddressWidget {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
  #AmazonWalletWidget {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 1199px) {
  .nav-buttons-desktp {
    display: none;
  }
  .service-menu span {
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 5px 45px;
  }
  .service-menu li {
    padding: 5px 0;
  }
  .topofferpreis {
    font-size: 14px;
  }
  .top-offer-baseprice {
    bottom: 40px;
  }
}


/*------------------------------------------------------------------------*/

#cookies {
  /* display: none !important; */
}

.test_last_seen ul {
  list-style: none;
  padding-left: 0;
  text-align: justify;
  margin-bottom: 15px;
  width: 100%;
}

.test_last_seen ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.last_seen ul li img {
  border: 1px solid #696969;
  margin-right: 5px;
  margin-top: 5px;
}

.test_last_seen {
  display: none;
  padding: 10px !important;
  padding-top: 10px !important;
  min-height: 195px;  
  position: relative;
  background-color: #000;
  margin-bottom: 15px;
}

.test_last_seen > span {
    padding-left: 5px;
    padding-bottom: 5px;
    font-weight: 500;    
    display: inline-block;
    text-transform: uppercase;
}


.test_last_seen>img {
  position: absolute;
  right: 0;
  margin-right: -24px;
}

.test_last_seen ul {
  list-style: none;
  padding-left: 0;
}

.test_last_seen ul li {
  display: inline-block;
  width: 25%;
}

.test_last_seen ul li img {
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  max-height: 75px;
  cursor: pointer;
}

.test_last_seen ul li img:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 10;
}

.history_element {
  padding: 5px;
  height: 100%;
  display: inline-block;
}

.last_seen_name {
  bottom: 0px;
  width: 100%;
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  background: #000;
  padding-bottom: 5px;
  padding-top: 3px;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}

.last_seen_name>span {
  white-space: nowrap;
}

.last_seen_name_active {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .DynVariDiv {
    width: 100%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .test {
    margin-top: 15px;
  }
  .pkt-warenkorb {
    border: none;
    padding-bottom: 0;
  }
  #pkt_price_container {
    padding-bottom: 10px;
  }
  .available_quant {
    border-top: none;
    margin-bottom: 13px;
    margin-top: 0;
  }
  .available_quant .table-cell {
    padding-top: 0;
  }
  #pkt-menge .table-cell {
    padding-top: 0;
  }
  .btn_product>div {
    margin-top: 4px;
  }
  .btn_product .hvr-radial-out {
    width: 30px;
    height: 30px;
  }
  #produktbeschreibung {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .available_quant #quant {
    padding: 0;
    padding-bottom: 10px;
  }  
  #pkt-menge>.table-cell {
    padding-top: 0;
  }
}

.warenkorb-box {
  position: relative;
  width: 100%; 
  margin-bottom: 15px;
  padding: 0;
  background: #000;
  min-height: 140px;
  font-size: 12px;
  font-weight: 500;
}

.warenkorb-box-content {
  padding: 15px;
  min-height: 100px;
}

#warenkorb-icon {
  position: absolute;
  margin-right: -23px;
  margin-top: 10px;
  right: 0;
}

.basketbox-content {
  padding: 10px;
}

.menu_right .basketbox-content {
  display: none;
}

.menu-shoppingbag .basketbox-content {
  display: none;
}

.warenkorb-box span#mybasketcontent {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  border-radius: 0;
  background: none;
  color: #c8c8c8;
}

.basketbox-item {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #696969;
}

.warenkorb-box>a {
  display: none;
}


#basket_item_count {
  display: block; 
  width: 22px;
  margin-left: -4px;
  text-align: center;
}


.warenkorb-box #basket_item_count {
  display: none;
}

.basketbox-item>.hvr-radial-out {
  display: none;
}

.basket_item_price {
  position: relative;
  float: right;
}

.to-basket {
  position: relative;
  float: right;
  bottom: 15px;
  right: 15px;
  padding: 5px;
  border: 1px solid #24edff;
  background-color: #24EDFF;
  font-size: 11px;
  margin-top: 15px;
}

.to-basket a {
  color: #000 !important;
}

.warenkorb-box .hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #24edff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #000 !important;
}

.basket-item-total {
  padding-top: 10px;
  text-align: right;
}

#b_rest {
  display: inline-block;
  text-align: left;
  width: 100%;
  font-size: 10px;
  padding-top: 5px;
  margin-top: 10px;
  border-top: 1px solid #696969;
}

/* ergänzungen */

#contact-form, #kd_anmeldung, #socialmedia, #ez, #stoffdruck, #werkstatt, #rabattaktion, #jobs, #newslettercont, #impressum, #warenkorb, #kd_anmeldung, #bestellbestaetigung, .merkz, #kundenregistrierung {background: #000;}


/* mobile startpage grid */

@media screen and (max-width: 480px) {
  #start_kategorien .kontainer, .social_kontainer .kontainer  {
    width: 48%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

#start_kategorien .kontainer:nth-child(2n+0) {
     float: right !important;
  }

#start_social .kontainer:nth-child(2) {
   margin-left: 4%;
}

#bg_stripe .ProductGrid {min-width: 259px;}

}

@media screen and (min-width: 481px) and (max-width: 680px) {
  #start_kategorien .kontainer, .social_kontainer .kontainer  {
    width: 32%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

#start_kategorien .kontainer:nth-child(3n+0) {
     float: right !important;
     margin-left: 1% !important;
  }

#start_kategorien .kontainer:nth-child(3n-1) {
     margin-left: 2% !important;
  }

  #start_social .kontainer:not(:first-child) {
     margin-left: 2%;
  }

}

@media screen and (min-width: 681px) and (max-width: 991px) {
  #start_kategorien .kontainer  {
    width: 23.5%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

  #start_kategorien .kontainer:nth-child(2n) {
     margin-left: 2% !important;
  }

#start_kategorien .kontainer:nth-child(2n+1) {
     margin-left: 2% !important;
  }

#start_kategorien .kontainer:nth-child(1),#start_kategorien .kontainer:nth-child(5),
#start_kategorien .kontainer:nth-child(9), #start_kategorien .kontainer:nth-child(13) {
    margin-left: 0 !important;
  }

   #start_social .kontainer {
      width: 30% !important;
      height: 190px !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
   }

   #start_social .kontainer:not(:first-child) {
     margin-left: 5% !important;
 }
   .social_kontainer .kontainer:nth-child(3) {margin-right: 0 !important;}

   .social_kontainer .kontainer img {display: none;}

}

@media screen and (min-width: 621px) and (max-width: 991px) {
   #bg_stripe .ProductGrid:not(.deal) {
     margin: 0;
     margin-bottom: 15px;
     width: 49%;
   }

    #bg_stripe .ProductGrid:not(.deal):nth-child(2n) {
      margin-left: 2%;
    }

}

@media screen and (min-width: 992px) {
  .social_kontainer .kontainer img {display: none;}
}


/* anpassung staffelpreise */
#dyn_scaled_content_productdata {
  padding-top: 10px;
  color: #24edff;
}

#dyn_scaled_content_productdata .ScaledTitle {
   font-size: 14px;
}

#dyn_scaled_content_productdata span {
  font-size: 12px;
}

td#ScaledQty {
  /* width: 85px; */
}

span.ScaledFromQty {
  display: inline-block;
  width: 65px;
}


/* setinhalt */
#setinhalt .table-cell {
  width: 100%;
}


/*gutschein bestellbestätigung */
#gutschein_hint {
  padding-left: 0;
  padding-bottom: 10px;
}

/* #### ProductAvailabilityMailing #### */
.ProductMailConfirm {
  cursor: pointer;
  padding: 5px 15px;
}

.ProductMailingBtn .button {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ProductMailingBtnStart{
cursor: pointer;
}

.ProductMailingBtnStart .hvr-radial-out {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/avail_email.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  display: block;
  position: absolute;
  margin-left: 90px;
  margin-top: 12px;
}

.ProductMailingBtnStart .hvr-radial-out:before {
  background: url(https://bilder.psywork.com/schwarzlicht-shop/img/avail_email_hover.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
}

.ProductMailingPicInfo{
display:table;
margin:15px;
}
.ProductMailingRow{
display:table-row;
}
.ProductMailingCell1{
display:table-cell;
}
.ProductMailingCell2{
display:table-cell;
padding-left:15px;
vertical-align:middle;
}

.ProductMailingWindowHeader {
  font-size: 15px;
  font-weight: 600;
  color: #c8c8c8;
  vertical-align: middle; 
  background-color:#000;
  padding: 15px;
}

.notification-mail {
  float: left;
}

.notification-mail-close {
  float: right;
  cursor: pointer;
}

.ProductMailingPageText1 {
  color: #c8c8c8;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  text-align: justify;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.ProductMailingPageText2 {
  color: #c8c8c8;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  text-align: justify;
  margin: 15px;
}

.ProductMailingBG {
  display: none;
  z-index: 9999990;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.ProductMailingResult {
  display: none;
  z-index: 9999991;
  position: fixed;
  width: 600px;
  top: 10%;
  left: 50%;
  margin-left: -300px;
  height: 200px;
  background: none repeat scroll 0 0 #000;
  border: 1px solid #696969;
  border-radius: 2px;
}

.ProductMailingPopUp {
  display: none;
  z-index: 9999991;
  position: fixed;
  width: 600px;
  top: 10%;
  left: 50%;
  margin-left: -300px;
  height: auto;
  background: none repeat scroll 0 0 #000;
  border: 1px solid #696969;
  border-radius: 2px;
}

.ProductMailingPopUp .row {
  margin-right: 15px;
  margin-left: 15px;
}

.ProductMailingPopUp div#emailDiv {
  padding-left: 0;
  font-size: 12px;
}

.ProductMailingPopUp input#MailTo {
  width: 100%;
  min-width: 100% !important;
  margin-top: 5px;
}

.TextBoldPM {
  color: #c8c8c8; 
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: left;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#ProductMailingResult .TextBoldPM {
  font-size: 12px;
  font-weight: 400;
}


.ProductMailingBtn {
  text-align: right;
  padding-right: 0;
}

.ProductMailingErrorText {
  color: red; 
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 10px; 
}

#avail_check {
  min-width: 10px;
  margin-top: 10px;
  margin-right: 5px;
}

#avail_checkDIV {
  font-size: 10px;
  margin-bottom: 15px;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .ProductMailingPopUp, .ProductMailingResult {
    width: 100%;
    left: 0;
    margin-left: 0;
   }
  .ProductMailingPopUp div#emailDiv {
    padding-right: 0;
  }
 #scaled_discounts {
   margin: 0 auto;
 }
}

/* #### ProductAvailabilityMailing #### */


/* #### DeliveryInfo #### */

.di_head {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: lighter;
}

#delvrtme {display: none;}

#shippingItem_366496, #shippingItem_365929, #shippingItem_365941, #shippingItem_365930{display: none;}

/*TEST */
#LID {
  display: none;
}

.sprache {
  margin-right: 250px;
  margin-top: 15px;
}

.full_screen { 
  width: 90px;
}
/* ### recovery password ### */

.emptyBal1 {
  width: 150px;
  background-color: #DDDDDD;
  height: 6px
}

.short {
  color: #FF0000;
}

.shortBal1 {
  width: 20px;
  background-color: #FF0000;
  height: 6px
}

.weak {
  color: #E66C2C;
}

.weakBal1 {
  width: 50px;
  background-color: #E66C2C;
  height: 6px
}

.good {
  color: #2D98F3;
}

.goodBal1 {
  width: 90px;
  background-color: #2D98F3;
  height: 6px
}

.strong {
  color: #00CC66;
}

.strongBal1 {
  width: 150px;
  background-color: #00DD6F;
  height: 6px
}


/* ### productlist pagination ### */
.bread_order_container, .ansicht_pagi_container {
  margin-left: 0px;
  margin-right: 0px;
}

.bread_order_container {margin-bottom: 5px;}

#grid, #list {
  background: none;
}

#grid img, #list img {
  height: 12px;
}

.controls {padding-left: 0}

.controls span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.pagination_container {
  display: inline-block;
  text-align: right;
  color: #f1efef;
  font-size: 11px;
  font-weight: 600;
  padding-right: 5px; 
  padding-top: 10px; 
  height: 25px;
  margin-bottom: 15px;
}

.pagination_container a:active, .pagination_container a:visited, .pagination_container a:hover {
    color: #f1efef;
    font-size: 11px;
    font-weight: 600;
}

.pagination_container i {
    width: 20px;
}

.pagination_back {
    display: inline-block;
    width: 20px;
}

.pagination_nr {
    display: inline-block;
    text-align: center;
    color: #f1efef;
    font-size: 11px;
    font-weight: 600;

}

.pagination_forward {
    display: inline-block;
    width: 20px;
}

.pagination_forward img, .pagination_back img {
  height: 12px;
  margin-top: -3px;
}

.PageNumberSelected {
    font-size: 11px;
    font-weight: 600;
    color: #999;
}

.pagination_nr span, .pagination_nr a {
    padding: 0 2px;
}

div#OrderBy {
  padding: 5px 0 5px 5px;
  text-align: right;
  text-transform: uppercase;
  font-size: 11px;
  color: #f1efef;
  font-weight: 600;
  height: 25px;
}

div#OrderBy a {
  color: #f1efef;
  font-weight: 600;
  font-size: 11px;
  cursor: pointer;
}


/* #### TEST ## */
.ProductGrid {
  width: 25%;
  float: left;
  height: 260px;
  text-align: left;
  padding: 5px;
  position: relative;
  overflow: hidden
}


.ProductGrid {
  -ms-transition: all ease-in .2s;
  -webkit-transition:all ease-in .2s;
  transition:all ease-in .2s;
}

.PGinnerContainer {
  border: 1px solid #000;
  background: #000;
  border-radius: 2px;
  min-height: 245px;
  position: relative;
  padding: 10px;
}


.ProductGrid .short_description {
  display: none;
}

.ProductGrid .more_description {
  display: none;
}


#ProductList {
  margin-left: -5px;
  margin-right: -5px;
}

.vari_soldout a:first-child {
  font-size: 10px;
  font-weight: 600;
  color: #03ce1b;
  text-transform: uppercase;
}

.vari_soldout .sold_out, .vari_soldout { 
  color: red;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}


.pl_change {
  float: none;
  width: 100% !important;
  transform: none !important;
  height: 175px;
}

.pl_change .productListName {
  padding-left: 125px;
  font-weight: 500;
  height: 50px;
}

.pl_change .pkt-liste-preis {
    left: 0;
    position: relative;
    bottom: 15px;
    width: 100%;
    padding-left: 125px;  
}

.pl_change .productData {
  margin-top: -50px;
  position: relative;  
  width: 150px;
  height: 70px;
  float: right;
}


.pl_change .vari_soldout a:first-child {
  position: absolute;
  right: 5px;
  font-size: 10px;
  font-weight: 600;
  color: #03ce1b;
}

.pl_change .vari_soldout .sold_out {
  position: absolute;
  right: 5px;
  color: red;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}


.pl_change .PGinnerContainer {
  min-height: 120px;
  height: 160px;
  overflow: hidden;
}

.pl_change .product-picture {
  height: 120px;
  width: 90px;
  margin-left: 5px;
  margin-top: 15px;
  background-size: 90px 120px !important;
  top: 0px !important;
  cursor: default;
}


.pl_change .bgchngnext, .pl_change .bgchngprev {
display: none !important;
}

.pl_change .short_description {
  display: block;
  font-size: 11px;
  position: absolute;
  top: 95px;
  left: 135px;
  padding-right: 10px;
  text-align: justify;
  margin-right: 165px;
  margin-top: 10px;
}

.pl_change .more_description {
  display: block; 
  background-image: -o-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, #000 20%, rgba(0, 0, 0, 0) 100%);
  height: 30px;
  font-size: 11px;
  color: #24edff;
  position: absolute;
  left: 124px;
  bottom: 0;
  width: 100%;
  padding-top: 5px
}

.pl_change .more_description img {
  width: 15px;
    height: 15px;   
    margin-left: 5px;
    margin-top: 1px;
}

.pl_change .more_description span {
  cursor: pointer;
  padding: 0 10px;
  font-weight: 600;
  position: relative;
  right: 130px;
  float: right;
}

.pl_change .pkt-lupe {display: none;}

.pl_change .ProductGridButtons .PG_varilink {
margin-top: 0px;
}

.pl_change .ProductGridButtons .PG_soldout {
margin-top: 0px;
margin-right: 0px;
}

.pl_change .product-discount {
top: 20px;
}

.pl_change .preis2 {display: none}

.pl_change .pkt-info {
  position: absolute;
  right: 5px;
  bottom: 2px;
  width: 145px;
  text-align: center;
}

.pl_change .menu-shoppingbag {
  margin-top: -38px;
    position: absolute;
    right: 0;
}

.m_desc_full {
  height: 245px;
}

.m_desc_full .PGinnerContainer {
  height: 225px;
}


@media screen and (max-width: 1570px) {
  .m_desc_full {
      height: 255px;
  }

  .m_desc_full .PGinnerContainer {
      height: 235px;
  }
}

@media screen and (max-width: 1460px) {
  .ProductGrid {
      width: 50%;
  }
  .pl_change {width: 100%;}
  .m_desc_full {
      height: 280px;
  }
  .m_desc_full .PGinnerContainer {
      height: 265px;
  }
}

@media screen and (max-width: 1250px) {
  .m_desc_full {
      height: 280px;
  }

  .m_desc_full .PGinnerContainer {
      height: 265px;
  }
}

@media screen and (max-width: 1100px) {
  .m_desc_full {
      height: 300px;
  }
  .m_desc_full .PGinnerContainer {
      height: 285px;
  }
}

@media screen and (max-width: 910px) {
  .m_desc_full {
      height: 295px;
  }
  .m_desc_full .PGinnerContainer {
      height: 280px;
  }
}

@media screen and (max-width: 780px) {
  .pl_change {
    height: 255px;
  }
  .pl_change .short_description {
      top: 170px;
      margin-right: 5px;
      left: 15px;
  }
 .pl_change .PGinnerContainer {
   height: 240px;
 }

  .pl_change .ProductGridQuantity {
      top: 30px;
  }
  .m_desc_full {
    height: 325px;
  }
  .m_desc_full .PGinnerContainer {
      height: 310px;
  }
  .pl_change .more_description {
    left: 5px;
    height: 60px;   
    background-image: -o-linear-gradient(top, #000 40%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(top, #000 40%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, #000 40%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, #000 40%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%);
  }

  .pl_change .more_description span {
    /* float: right; */
    right: 10px;
    bottom: -30px;
  }

  .pl_change .product-picture {
    margin-top: 55px;
  }

  .pl_change .pkt-liste-preis {
    margin-top: 15px;
  }

  .pl_change .productListName {
    padding-left: 5px;
    height: 40px;
  }
  .pl_change .productData {
    margin-top: 0px;
  }




}

@media screen and (max-width: 690px) {
  .m_desc_full {
      height: 340px;
  }
  .m_desc_full .PGinnerContainer {
      height: 325px;
  }
  .pl_change .product-picture {
    margin-top: 55px;
}
.pl_change .pkt-liste-preis {
  margin-top: 15px;
}
.pl_change .productData {
  margin-top: 0px;
}
}


@media screen and (max-width: 630px) {
   .m_desc_full {
      height: 365px;
  }
  .m_desc_full .PGinnerContainer {
      height: 350px;
  }
}

@media screen and (max-width: 530px) {
  .m_desc_full {
     height: 375px;
 }
 .m_desc_full .PGinnerContainer {
     height: 360px;
 }
}

@media screen and (max-width: 500px) {
  .pl_change .productData {
    float: none;
    margin-top: 5px;
    margin-right: 0;   
}
.pl_change .PGinnerContainer {
  height: 240px;
}
.pl_change {
  height: 240px;
}
.m_desc_full {
  height: 375px;
}
.m_desc_full .PGinnerContainer {
  height: 360px;
}
}

@media screen and (max-width: 485px ) {
  .m_desc_full {
    height: 425px;
  }
  .m_desc_full .PGinnerContainer {
    height: 410px;
  }
}

@media screen and (max-width: 420px ) {
  .m_desc_full {
    height: 445px;
  }
  .m_desc_full .PGinnerContainer {
    height: 430px;
  }
}

@media screen and (max-width: 380px ) {
  .m_desc_full {
    height: 450px;
  }
  .m_desc_full .PGinnerContainer {
    height: 435px;
  }
}

@media screen and (max-width: 350px ) {
  .pl_change .short_description {
    top: 185px;
  }

  .pl_change .more_description {     
    background-image: -o-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, #000 20%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, #000 20%, rgba(0, 0, 0, 0) 100%);
  }

  .m_desc_full {
    height: 460px;
}

.m_desc_full .PGinnerContainer {
  height: 455px;
}
.pl_change .pkt-liste-preis {
  padding-left: 110px;
}
.pl_change .more_description { 
  height: 45px;
}

.pl_change .more_description span {
  bottom: -15px;
}

}


/* twenty css!!! */
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  border: 1px solid #000 !important;
}

/* ## infobox right ## */

.infobox_right, .infobox_right1 {
  position: relative;
  width: 100%;
  background-color: #000;
  padding: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}

.infobox_right span, .infobox_right1 span {
  display: inline-block;
  padding-bottom: 5px;
  font-size: 12px;
}



.infobox_right_head {font-size: 14px !important; text-transform: uppercase;}

.infobox_right img, .infobox_right1 img {padding-right: 10px;}

.infobox_right1 {padding-left: 0;}

.infobox_right1 ul {
  list-style-position: outside;
  list-style-image: url(https://bilder.psywork.com/schwarzlicht-shop/img/icon/check_.svg);
  font-size: 12px;
}


/* ### slider ### */

#startslider {
  margin-top: -5px;
  display: none;
}

#startslider span {
  display: block;
}


#startslider .slider_text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px 20px 20px;
  max-width: 500px;
}

#startslider .slider_text img {
  display: inline-block;
  margin-left: 2px;
  margin-top: -2px;
}

#startslider .slider_text_small img {
  display: inline-block;
  margin-left: 2px;
  margin-top: -2px;
}

#startslider .slider_text_small {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  max-width: 300px;
}

#startslider .slider_text_1 span:first-child {
  text-transform: uppercase;
  font-size: 46px;
  font-weight: 700;
}

#startslider .slider_text_1 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_1 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#startslider .slider_text_small_1 span:first-child {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

#startslider .slider_text_small_1 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_small_1 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#startslider .slider_text_2 span:first-child {
  text-transform: uppercase;
  font-size: 46px;
  font-weight: 700;
}

#startslider .slider_text_2 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_2 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#startslider .slider_text_small_2 span:first-child {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

#startslider .slider_text_small_2 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_small_2 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#startslider .slider_text_3 span:first-child {
  text-transform: uppercase;
  font-size: 46px;
  font-weight: 700;
}

#startslider .slider_text_3 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_3 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#startslider .slider_text_small_3 span:first-child {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

#startslider .slider_text_small_3 span:nth-child(2) {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

#startslider .slider_text_small_3 span:nth-child(3) {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}


@media screen and (max-width: 1240px){
  #startslider .slider_text {   
    max-width: 400px;
  }
}

@media screen and (max-width: 590px) {
  #startslider .slider_text_small {    
    max-width: 200px;  
  }
  #startslider .slider_text_small_1 span:first-child {   
    font-size: 24px;   
  }
  
  #startslider .slider_text_small_1 span:nth-child(2) {    
    font-size: 14px;   
  }
  
  #startslider .slider_text_small_1 span:nth-child(3) {   
    font-size: 12px;   
  }

  #startslider .slider_text_small_2 span:first-child {   
    font-size: 24px;   
  }
  
  #startslider .slider_text_small_2 span:nth-child(2) {    
    font-size: 14px;   
  }
  
  #startslider .slider_text_small_2 span:nth-child(3) {   
    font-size: 12px;   
  }


  #startslider .slider_text_small_3 span:first-child {   
    font-size: 24px;   
  }
  
  #startslider .slider_text_small_3 span:nth-child(2) {    
    font-size: 14px;   
  }
  
  #startslider .slider_text_small_3 span:nth-child(3) {   
    font-size: 12px;   
  }
  }

  @media screen and (max-width: 480px) {
    #startslider .slider_text_small {    
      max-width: 140px;
      padding: 10px;  
    }
    #startslider .slider_text_small_1 span:first-child {   
      font-size: 20px;   
    }
    
    #startslider .slider_text_small_1 span:nth-child(2) {    
      font-size: 12px;   
    }
    
    #startslider .slider_text_small_1 span:nth-child(3) {   
      font-size: 10px;   
    }

    #startslider .slider_text_small_2 span:first-child {   
      font-size: 20px;   
    }
    
    #startslider .slider_text_small_2 span:nth-child(2) {    
      font-size: 12px;   
    }
    
    #startslider .slider_text_small_2 span:nth-child(3) {   
      font-size: 10px;   
    }


    #startslider .slider_text_small_3 span:first-child {   
      font-size: 20px;   
    }
    
    #startslider .slider_text_small_3 span:nth-child(2) {    
      font-size: 12px;   
    }
    
    #startslider .slider_text_small_3 span:nth-child(3) {   
      font-size: 10px;   
    }
    }

/* ### start_box_middle ### */

.box_middle > div {
  background-color: #000;
  padding: 13%;
}


.box_middle span {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  padding: 5px 15px 5px 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.box_middle span img {margin-top: -2px; margin-left: 5px;}

.box_middle span {
  background-color: transparent;
}


.box_middle, .box_middle_2, .box_middle_3, .box_middle_6 {
  padding: 0;
  padding-top: 10px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.box_middle div, .box_middle_2 div {
  position: relative;
}

@media screen and (max-width: 767px ) { 
  .box_middle {width: 25%;}
 }

 @media screen and (max-width: 767px ) { 
  .box_middle {width: 33.33333%;}
 }


.container_middle_1, .container_middle_2, .container_middle_3, .container_middle_6 {
  margin-left: -22px;
  margin-right: -22px;
}

.container_middle_3 {
  margin-bottom:  20px;
}

.container_middle_4, .container_middle_5 {
  margin-left: -20px;
  margin-right: -18px;
}


.container_middle_6 {
  margin-top: 15px;
}

.box_middle_2 .middle_title {
  position: absolute;
  top: 10px;   
  padding: 5px 15px;  
  width: 60%;
  height: 95%;
}

.box_middle_2 .middle_title span:first-child {
  font-size: 14px;  
  text-transform: uppercase;
  font-weight: 700;
}

.box_middle_3 .span_first {
  display: inline-block;
  position: absolute;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px;
    font-weight: 700;
    margin-top: -26px;
    margin-left: 4px;
    background-color: #000000;
}

.box_middle_3 .span_second {
  font-size: 12px;
}

.box_middle_2 .middle_title .span_second {
  font-size: 12px;  
  font-weight: 500; 
  display: inline-block;
  padding-top: 10px;
}


.box_middle_2_button { 
  color: #000;
  text-transform: uppercase;
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border: 1px solid transparent;
  border-radius: 13px;
  background-color: #03ce1b;
  bottom: 10px;
}

@media screen and (max-width: 1440px){
  .box_middle_2 .middle_title {
    width: 75%;
  }

}

@media screen and (max-width: 1280px){
  .box_middle_2 .middle_title {
    width: 100%;
  }

  .box_middle_2 .middle_title .span_second {
    padding-top: 5px;
  }

}

@media screen and (max-width: 540px){
  .box_middle_2 {
    width: 100%;
  }
}

.container_middle_4  {
  margin-top: 15px;
}

#GlobalContentContainer, #get_topoffer {
  height: 270px;
  overflow: hidden;
}

.middle_4_header, .middle_5_header, .middle_2_header, .middle_1_header, .middle_3_header  {
  padding: 10px 10px 10px 5px;
  text-transform: uppercase;
  }

.box_middle_6 div {
    background-color: #000;
    text-align: center;
    padding: 15px;
    height: 130px;
}

.box_middle_6 img {
  margin: 0 auto;
}

.box_middle_6 span {
  display: inline-block;
    padding-top: 15px;
    text-transform: uppercase;
    color: #24edff;
    font-weight: 700;
}


.new_header {
  padding-top: 15px;
  padding-left: 5px;
}

.container_middle_1 .new_header, .container_middle_2 .new_header {
  padding-left: 2px;
}


.container_middle_3 .new_header {
  padding-top: 0px;
  padding-left: 2px;
}



@media screen and (max-width: 1340px) {
  .box_middle span {
    font-size: 12px;
  }

}


@media screen and (max-width: 1199px) {
  .container_middle_1, .container_middle_2, .container_middle_3, .container_middle_4, .container_middle_5, .container_middle_6 {
    margin-left: -8px;
  }
}



@media screen and (max-width: 1140px) {
  .box_middle span {
    font-size: 11px;
    padding: 5px 10px 5px 5px;
  }

}

@media screen and (max-width: 991px ) {
  .container_middle_1, .container_middle_2, .container_middle_3, .container_middle_6 {
    margin-left: -8px;
    margin-right: -8px;
}

.container_middle_4, .container_middle_5 {
  margin-left: -6px;
  margin-right: -6px;
}

.box_middle span {
  font-size: 12px; 
}
}

@media screen and (max-width: 790px) {
  .box_middle span {
    font-size: 11px;   
  }
}


@media screen and (max-width: 767px) {
  .box_middle span {
    font-size: 14px; 
    padding: 5px 15px 5px 5px;  
  }
}

@media screen and (max-width: 485px) {
  .box_middle span {
    font-size: 12px; 
    padding: 5px 10px 5px 5px;  
  }
  .box_middle {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
  }
  .container_middle_1 {
    margin-left: -3px;
    margin-right: -3px;
  }
  .container_middle_4 {
    margin-top: 15px;
  }
  .container_middle_1 .new_header {
    padding-left: 0;
  }

}


@media screen and (max-width: 430px ) { 
 .box_middle_2, .box_middle_3 {width: 100%;}
}

@media screen and (max-width: 420px) {
  .box_middle span {
    font-size: 11px; 
    padding: 5px;  
  }
}

/* #### deals startpage #### */

#deals {
  margin-top: 5px;
}

#deals .preis1 {
  font-size: 24px;
  font-weight: 700;
  color:#24edff;
}

#deals .sp-basic-price .font-12 {
  font-weight: 700;
}

#deals .deal_band {
  position: absolute;
  right: -42px;
  bottom: 34px;
  padding: 5px 0;
  background-color: red;
  font-weight: 700;
  transform: rotate(-45deg);

}

#deals .PGinnerContainer {
  overflow: hidden;
  border: none;
}

#deals .pkt-liste-preis {
  left: 190px;
}

#deals .product-picture {
  width: 155px;
  height: 180px;
}

#deals .product-picture {
  background-size: 155px auto !important;
}

#deals .count {
  padding: 0 3px 0 3px;
    color: #000;
    text-align: center;   
    background-color: #24edff;
    border: 2px solid #000;      
}

#deals .counter {
  margin-top: 10px;
}

#deals .counter > span {
  display: inline-block;
  margin-bottom: 5px;
}


#deals .counter:nth-child(2) {
  margin-left: -2px;
}

#deals .ProductGrid {
  width: 50%;
}

@media screen and (max-width: 1110px) {
  #deals .deal_band {
    right: -66px;
    bottom: 19px;
  }

}

@media screen and (max-width: 767px) {
  #deals .ProductGrid {
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  #deals .product-picture {
    width: 115px;
    height: 150px;
}

#deals .product-picture {
  background-size: 115px auto !important;
}

#deals .pkt-liste-preis {
  left: 140px;
  bottom: 10px;
}
}
@media screen and (max-width: 359px) {
  #deals .preis1 {
    font-size: 20px;
  }
  #deals .font-12 {
    font-size: 9px;
  }


}



.menu_right .nav>li>a,
.menu_right .nav-bar>li>a {
  padding: 0 !important;
}

.li_language>a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.menu_right .navbar-nav>li>a {
  line-height: 15px;
}


/* ### Konzept Realisierung ### */

.words {
  display: none;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}

.text {
  padding-top: 15px;
}

.coronabanner {
  margin-bottom: 15px;
  background-color: #000;
  padding: 10px;
}

.coronabanner .big {
  font-weight: 700;
    font-size: 19px;
    color: #ff00bc;
}

.coronabanner .bigcolor {
  font-weight: 700;
  color: #ff00bc;
}

/*ekomi*/
#ekw138 {
  float: none!important;
  margin: 0 auto;
}

#ekomiDE, #ekomiUS {
  display: none;
}

span.middle_poster_header.h4 {
  margin-left: -5px;
}

.poster_thumbs {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}

.poster_line {
  display: inline-block;
  text-transform:uppercase;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 700;
  background-color: #000;
  padding: 5px 10px 5px 10px;
}
.poster_line img {margin-left: 5px; margin-top: -2px;}

.poster_container {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  background-color: #000000;
  padding: 5px;
}

@media screen and (max-width: 1630px) {
  .poster_container img:nth-child(10) {display: none;}

}

@media screen and (max-width: 1480px) {
  .poster_container img:nth-child(9) {display: none;}

}

@media screen and (max-width: 1340px) {
  .poster_container img:nth-child(8) {display: none;}

}

@media screen and (max-width: 1040px) {
  .poster_container img:nth-child(7) {display: none;}

}

@media screen and (max-width: 680px) {
  .poster_container img:nth-child(6) {display: none;}

}

@media screen and (max-width: 570px) {
  .poster_container img:nth-child(5) {display: none;} 

}

@media screen and (max-width: 475px) {
  .poster_container img {max-width: 70px}
  .poster_container img:nth-child(5) {display: inline-block;} 

}

@media screen and (max-width: 405px) {
   .poster_container img:nth-child(5) {display: none;}  

}