@charset "UTF-8";
/* CSS Document */

*, *:before, *:after {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
::selection {
    background: #A2A2A2;
}
::-moz-selection {
    background: #A2A2A2; 
}

/* libre-franklin-200 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/libre-franklin-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-franklin-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-200.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-franklin-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-franklin-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* libre-franklin-700 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/libre-franklin-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-franklin-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-franklin-v13-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}

html {
	font-size: 15px;
	font-size: 0.9375rem;
}
body{
	font-family: 'Libre Franklin', Helvetica, Arial, sans-serif;
	color: #222222;
	font-weight: 400;
	line-height: 1.5;
    font-size: .8rem;
	
	padding-top: 43px;
}

.swiper-wrapper, .swiper-slide {
    height: auto;
}

h1, h2, h3, h4{
	font-weight: 400;
}
h1{
	line-height: 1.1;
	font-size: 1.6rem;
	margin: 2rem 0 1rem 0;
}
h2{
	line-height: 1.1;
	font-size: 1.33333rem;
	margin: 3rem 0 1.5rem 0;
}
h3{
	line-height: 1.1;
	font-size: 1rem;
	margin: 2rem 0 1rem 0;
}
a{
	color: #222222;
	font-weight: 400;
	cursor: pointer;
}
a:hover, a:focus, a:active{
	color: #000000;
    text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.link-style{
    font-size: .8rem;
} 
.link-style-line{
    height: 1px;
    background-color: #222;
    display: block;
    opacity: 1;
    margin-top: -1px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-top: 1px solid #e6e6e6;
}
.fa, .fas {
    vertical-align: middle;
}
/*.table-responsive{
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}*/
.table-responsive::-webkit-scrollbar {
	-webkit-appearance: none;
 	width: 10px;
	height: 10px;
}
.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #ffffff;
	background-color: rgba(0, 0, 0, .3);
}
.breadcrumb {
    padding: 1rem 0 .5rem 0;
	font-size: .73333rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	margin-bottom: 0;
}
.breadcrumb>li a{
	color: #666666;
}
.breadcrumb>li a:hover, .breadcrumb>li a:focus{
	color: #000000;
}
.breadcrumb>.active {
    color: #000000;
}
.breadcrumb>li+li:before {
    padding: 0 .5rem;
    color: #666666;
    content: "\203A";
}

.alert{
    position: fixed;
    top: 4rem;
    z-index: 100000001;
    text-align: center;
    border-radius: 2px;
    padding: .667rem 1.25rem;
    width: 90%;
}
.alert-dismissible .close {
    padding: .6rem 1.25rem;
    text-shadow: none;
}
.alert-dismissible {
    padding-right: 4rem;
}
.alert-success {
    color: #ffffff;
    background-color: rgba(34,34,34,.8);
    border-color: #222222;
}
.alert-success .close:hover {
    color: #ffffff;
}
.error {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 2px;
	clear: both;
	color: #721c24;
	max-width: 700px;
	margin-bottom: 1rem;
	padding: .667rem 1rem;
	text-align: center;
	z-index: 100000001;
}

.dropdown:focus, a:focus{
    outline: none;
}


/* ----------------------------- BUTTONS ----------------------------- */
button:hover, button:focus, button:active{
	outline: none !important;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
.btn{
    -webkit-appearance: none;
}

.btn-white {
    background-color: #FFF;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
	background-color: #000;
	color: #FFF;
}

.btn-black{
	height: 40px;
	width: 100%;
	min-width: 150px;
	border-radius: 2px;
	line-height: 1;
    background-color: #222222;
    border: 1px solid #222222;
	color: #ffffff;
    padding: .9rem 1rem;
	font-size: .8rem;
}
.btn-black.hvr-sweep-to-right:before {
    background-color: #000000;
}
.btn-black.hvr-sweep-to-right:hover, .btn-black.hvr-sweep-to-right:focus, .btn-black.hvr-sweep-to-right:active {
  color: #ffffff;
}

.btn-grey{
	height: 40px;
	width: 100%;
	min-width: 150px;
	border-radius: 2px;
	line-height: 1;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
	color: #222222;
    padding: .9rem 1rem;
	font-size: .8rem;
}
.btn-grey.hvr-sweep-to-right:before {
    background-color: #e6e6e6;
}
.btn-grey.hvr-sweep-to-right:hover, .btn-grey.hvr-sweep-to-right:focus, .btn-grey.hvr-sweep-to-right:active {
    color: #222222;
}

.btn-border{
	height: 40px;
	width: auto;
	min-width: 150px;
	border-radius: 2px;
	line-height: 1;
    background-color: transparent;
    border: 1px solid #222222;
	color: #222222;
    padding: .8rem 1rem;
	font-size: .933333rem;
}

.btn.disabled, .btn:disabled {
    opacity: .8;
}
.btn-black.hvr-sweep-to-right.disabled:before {
    background-color: #222222;
}
.btn-grey.hvr-sweep-to-right.disabled:before{
    background-color: #f3f3f3;
}


.btn-saferpay{
	height: 40px;
	width: 100%;
	min-width: 150px;
	border-radius: 2px;
	line-height: 1;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
	color: #000000;
    padding: .3rem 1rem;
	font-size: .93333rem;
    margin-bottom: .8rem;
}
.btn-saferpay:hover, .btn-saferpay:focus, .btn-saferpay:active {
    color: #000000;
    background-color: #E0E0E0;
}
.btn-saferpay img{
	height: 20px;
	width: auto;
    margin-left: .2rem;
}
/* ---------------------------- / BUTTONS ---------------------------- */


/* ---------------------------- FORMULAR ---------------------------- */
form{
    font-size: .8rem;
}
input.form-control{
	height: 40px;
	line-height: 40px;
	padding: 0 1rem;
    /*font-size: .933333rem;*/
    font-size: .8rem;

	border-radius: 2px;
	color: #222222;
	box-shadow: none;
	border: 1px solid #e6e6e6;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 40px;
	padding: 0 1rem;
}
input.form-control:focus{	
	border: 1px solid #222222;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}
select.form-control {
	height: 40px;
	line-height: 40px;
    padding: 0 2rem 0 1rem;
    font-size: .8rem;
	
    width: 100%;
    color: #222222;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select.form-control::-ms-expand{
    display: none;
}
select.form-control:focus{	
	border: 1px solid #222222;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}
.select-default {
    position: relative;
}
.select-default::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.3rem;
    line-height: 1;
    font-size: .66667rem;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
    content: "\f078";
    color: #666666;
    cursor: pointer;
    pointer-events: none;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
}
textarea.form-control {
    height: 100px;
	min-height: 100px;
	max-height: 250px;
	color: #222222;
    font-size: .8rem;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    padding: .375rem 1rem;
    
	min-width: 100%;
	max-width: 100%;
}
textarea.form-control:focus{	
	border: 1px solid #222222;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}
.custom-control {
    padding-left: 1.8rem;
}
.custom-control label:hover {
    cursor: pointer;
}
.custom-control-label::before {
    top: 0;
    left: -1.8rem;
    width: 1.33333333rem;
    height: 1.33333333rem;
    border: 1px solid #888888;
}
.custom-control-label::after {
    top: 0;
    left: -1.8rem;
    width: 1.33333333rem;
    height: 1.33333333rem;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
    border-color: #222222;
    background-color: #ffffff;
}
.custom-control:hover label.custom-control-label::before {
    border-color: #222222;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../img/icons/check.svg);
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../img/icons/circle.svg);
}
.custom-radio .custom-control-label::after {
    background-size: 40% 40%;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #222222;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #f3f3f3;
    border-color: #666666;
}
.fake-label{
    font-size: .73333rem;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #e6e6e6;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #e6e6e6;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border: 1px solid #222222;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border: 1px solid #222222;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}
.hidden {
	display: none;
}
/* --------------------------- / FORMULAR --------------------------- */


/* -------------------------- HOVER-EFFEKTE -------------------------- */
/* --- Grow --- */
.hvr-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition: transform .5s ease-in;
  transition: transform .5s ease-in;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* --- Push --- */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #222222;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* --- Underline From Center --- */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #222222;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* --- Fade --- */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  /*-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -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-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ------------------------- / HOVER-EFFEKTE ------------------------- */


/* ------------------------- CONTENT PAGES ------------------------- */
.content{
	max-width: 850px;
    margin: auto;
}
.content a{
	text-decoration: underline;
}
.content a.btn{
	text-decoration: none;
}
.content .subline{
	font-size: .933333rem;
	/*line-height: 1;*/
	margin-bottom: 1rem;
}
.content .subline span{
	font-weight: 400;
	font-size: .8rem;
}
.content p{
	margin-bottom: 1rem;
}
p a{
	text-decoration: underline;
}
p a:hover, p a:focus{
	text-decoration: underline;
}
/*.content-text{
	max-width: 850px;
}*/

.seo-text hr{
	margin-top: 4rem;
	margin-bottom: 2rem;
}
.seo-text h2, .seo-text h3, .seo-text h4{
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1rem;
	color: #666666;
}
.seo-text h2{
	font-size: 1.3rem;
}
.seo-text h3{
	font-size: 1.1rem;
}
.seo-text h4{
	font-size: .93333rem;
}
.seo-text p{
	font-size: .93333rem;
	color: #666666;
}
.seo-text a{
	color: #666666;
	text-decoration: underline;
}
.seo-text a:hover, .seo-text a:focus{
	text-decoration: underline;
	color: #000000;
}
/* ------------------------ / CONTENT PAGES ------------------------ */


/* ------------------------ COOKIE-HINWEIS ------------------------ */
section.header_cookie{
	background-color: rgba(0,0,0,.85);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	color: #ffffff;
	padding: 1rem 0;
	text-align: center;
}
section.header_cookie span{
    display: inline-block;
	padding-right: .5rem;
	line-height: 1.2;
	vertical-align: middle;
	max-width: 650px;
	text-align: left;
}
section.header_cookie .btn{
    margin-top: 1rem;
}
/* ----------------------- / COOKIE-HINWEIS ----------------------- */


/* ---------------------------- HEADER ---------------------------- */
header{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
.headroom {
    will-change: transform;
    -webkit-transition: transform 200ms linear;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.shop-icons{
	display: inline-block;
}
.shop-icons ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.shop-icons ul li{
	display: inline-block;
}
.shop-icons li a{
	padding: 1rem 1rem;
	display: block;
	text-align: center;
	position: relative;
    line-height: 1;
}
.shop-icons li a.dropdown-toggle.hvr-underline-from-left, .shop-icons li a.hvr-underline-from-left{
	overflow: inherit;
}
/*.shop-icons ul>li:last-child a{
	padding-right: 0;
}
.shop-icons ul>li:last-child a.btn{
	padding: .7rem 1rem;
}
.shop-icons a span{
	vertical-align: middle;
}*/
.shop-icon-user{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-image: url(../img/icons/user.svg);
	background-repeat: no-repeat;
	background-size: contain;
	/*-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;*/
}
.shop-icon-search{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-image: url(../img/icons/search.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.shop-icon-wishlist{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-image: url(../img/icons/wishlist.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.shop-icon-bag{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-image: url(../img/icons/bag.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.navbar .shop-icon-user{
	background-image: url(../img/icons/user.svg);
}
.navbar .shop-icon-wishlist{
	background-image: url(../img/icons/wishlist.svg);
}
.navbar .shop-icon-bag{
	background-image: url(../img/icons/bag.svg);
}
.dropdown-toggle::after {
    display: none;
}
a.btn-item-delete{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	z-index: 1;
	cursor: pointer;
	padding: .25rem 0 .3rem .3rem;
    opacity: .5;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
a.btn-item-delete:hover{
	opacity: 1;
}

.art-options a.btn-item-delete{
	position: relative;
}


.search{
    position: absolute;
    width: 100%;
    left: 0;
}
.search{
    position: absolute;
    width: 100%;
    left: 0;
}
.search #form-suche-mobile2, .search #form-suche{
	width: 100%;
	position: relative;
	margin-bottom: 0;
}
.search input.form-control{
	background-color: #f3f3f3;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	font-size: .8rem;
    color: #222222;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	height: 40px;
	line-height: 40px;
	width: 100%;
    padding: 0 3rem 0 1rem;
}
.search input.form-control:focus{	
	border-bottom: 1px solid #222222;
    box-shadow: none;
}
.search .btn.btn-invis{
	min-width: auto;
	width: auto;
	padding: 0 .8rem;
    position: absolute;
    right: 0;
	top: 0;
	height: 40px;
}
.search .btn.btn-invis img{
	width: 13px;
	height: 13px;
}
/*.btn-item-delete{
	background-color: transparent;
	border: none;
	color: #222222;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	z-index: 1;
	cursor: pointer;
	padding: .25rem 0 .3rem .3rem;
}
.btn-item-delete:hover, .btn-item-delete:focus{
	outline: none;
	color: #000000;
}*/

body[data-drawer=true]{
	padding-top: 0;
    overflow: hidden;
}
[data-drawer=true] header{
	position: relative;
	z-index: auto;
}
[data-drawer=true] .headroom{
	transition: none;
	will-change: auto;
}
[data-drawer=true] .headroom--pinned {
    transform: none;
}
[data-drawer=true] .headroom--unpinned {
    transform: none;
}
drawer-menu{
	background-color: #ffffff;
	overflow: hidden;
    overflow-y: auto;
}
[data-drawer-backdrop]:before {
    /*margin-left: calc(var(--tdm-drawer-width) + 1.5rem);
	opacity: .9;
	background-color: #222222;
    border-radius: 2px;*/
    display: none;
}
.menu-logo{
    background-color: #f3f3f3;
    margin-bottom: .5rem;
}
.menu-logo a{
    /*padding: .3rem 1rem;*/
    line-height: 1;
    /*display: block;*/
	padding: .65rem .5rem .65rem 1rem;
	display: inline-block;
}
.menu-logo .click2close img {
    height: 18px;
    width: 18px;
    margin: 0;
}
.menu-logo a.click2close{
    padding-top: .8rem;
}
.menu-logo img {
   /* height: 33px;
    width: auto;
    margin-left: -55px;*/
	height: 22px;
    width: auto;
}
drawer-menu ul.navbar-nav{
	padding-top: .5rem;
}
.navbar-expand-lg drawer-menu .navbar-nav .nav-link {
    padding: 1rem 1rem;
    display: block;
	font-size: .8rem;
}
drawer-menu .nav-link .fas{
	float: right;
    font-size: .8rem;
    line-height: 1;
    margin-top: 2px;
    color: #666666;
}
drawer-menu .dropdown.show .fas.fa-angle-down{
    transform: rotate(180deg);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    top: -1px;
}
drawer-menu .navbar-nav .dropdown-menu{
	width: 100%;
	border-radius: 0px;
	margin: 0;
	padding: .5rem 0;
	border: none;
}
drawer-menu .dropdown-item.cat-headline{
	margin-top: .2rem;
    padding: .8rem 1.6rem;
    padding-top: 1rem;
	text-transform: uppercase;
	font-size: .8rem;
    line-height: 1;
    color: #666666;
}
drawer-menu .dropdown-item:focus.cat-headline, drawer-menu .dropdown-item:hover.cat-headline{
	color: #222222;
}
drawer-menu a.dropdown-item{
	line-height: 1;
	color: #222222;
	padding: .8rem 1.6rem;
    font-size: .8rem;
}
drawer-menu .dropdown-item:focus, drawer-menu .dropdown-item:hover {
    color: #000000;
    background-color: transparent;
}
.navbar{
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
	padding: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 0px 5px 0px rgba(34,34,34,.2);
    
    display: block;
}
.navbar-expand-lg .navbar-nav .nav-link {
	line-height: 1;
}
.navbar-expand-lg .navbar-nav .dropdown-menu:hover .hvr-underline-from-center:before {
  left: 0 !important;
  right: 0 !important; 
}
.nav-link.hvr-underline-from-left.active:before {
  left: 0 !important;
  right: 0 !important; 
}
.navbar-brand{
    /*padding: .3rem 0;*/
    font-size: 1em;
    line-height: 1;
    
	padding: .65rem 0;
	float: left;
    /*position: absolute;
    left: 50%;
    margin: 0;
    margin-left: -55px;*/
}
.navbar-brand img{
	/*height: 33px;*/
	width: auto;
	
	height: 22px;
}
.navbar-toggler {
    padding: .544rem .8rem;
    font-size: 1.4rem;
    border-radius: 2px;
	
	float: left;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(34, 34, 34, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    font-size: 1rem;
}
.navbar .shop-icons ul {
    margin-left: 0;
}
.navbar .shop-icons li a {
    padding: .9rem .5rem;
}
/*.navbar .shop-icons ul>li:first-child a {
    padding: .9rem .8rem .9rem .5rem;
}*/
.navbar .shop-icon-user, .navbar .shop-icon-wishlist, .navbar .shop-icon-search, .navbar .shop-icon-bag {
    width: 13px;
    height: 13px;
}
.navbar .shop-icons ul>li:last-child a {
    padding-right: .8rem;
}
.wk_zahl {
    font-size: .66667rem;
    line-height: 1;
}

.mobile-search {
	width: 100%;
}
.mobile-search #form-suche-mobile{
	width: 100%;
	position: relative;
	margin-bottom: 0;
}
.mobile-search .form-inline.suche input.form-control{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 3rem 0 1rem;
	color: #222222;
	font-size: .8rem;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	height: 40px;
	line-height: 40px;
	width: 100%;
}
.mobile-search .form-inline.suche input.form-control:focus{	
	border-bottom: 1px solid #222222;
    box-shadow: none;
}
.mobile-search .btn.btn-invis{
	min-width: auto;
	width: auto;
	padding: 0 .8rem;
    position: absolute;
    right: 0;
	top: 0;
	height: 40px;
}
.mobile-search .suche .btn.btn-invis img{
	width: 18px;
	height: 18px;
}
.mobile-menu-more{
    font-size: .8rem;
    margin-top: 2rem;
    /*position: absolute;
    bottom: 1rem;
    width: 100%;*/
}
.mobile-menu-more img{
    width: 13px;
    height: 13px;
    margin-right: .2rem;
}
.mobile-menu-more a{
    display: block;
    padding: .5rem 1rem;
}
.sprachwahl{
    font-size: .8rem;
    line-height: 1rem;
}
.sprachwahl a{
	padding-right: .2rem;
    display: inline-block;
    color: #666666;
}
.sprachwahl a:last-of-type{
	padding-left: .2rem;
}
.sprachwahl a:hover, .sprachwahl a:focus{
	color: #222222;
}
.sprachwahl a.active{
    color: #222222;
}

.dropdown-wk{
    position: absolute;
    width: 100%;
    height: auto;
    /*width: 325px;
    height: calc(100vh - 45px);*/
	right: 0;
    background-color: #ffffff;
    text-align: left;
    border: 1px solid #e6e6e6;
    border-right: none;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
}
.dropdown-wk ul{
	margin-left: 0;
}
.mini-wk-items{
	padding-top: 1rem;
}
li.mini-wk-item{
	padding: .5rem 1rem;
    border-bottom: 1px solid #e6e6e6;
}
li.mini-wk-item:last-of-type{
    border-bottom: none;
}
li.mini-wk-item a{
	padding: 0 !important;
	color: #222222;
	text-align: left;
}
li.mini-wk-item:hover .mini-wk-content p:first-of-type{
    text-decoration: underline;
}
li.mini-wk-item img{
    width: 20%;
    height: auto;
	margin-right: 5%;
}	
.mini-wk-content{
    width: 75%;
}
.mini-wk-content p{
    font-size: .73333rem;
    margin-bottom: .2rem;
    line-height: 1.2;
    padding-right: 1.5rem;
}
.mini-wk-content p:last-of-type{
    line-height: 1.6;
}
li.mini-wk-item .mini-wk-content a{
    padding: 0 !important;
}
.mini-wk-content .price{
	font-size: .8rem;
}
.mini-wk-content .price.sale span{
	text-decoration: line-through;
}
.mini-wk-content .price.sale span.saleprice{
	color: #bb011a;
	text-decoration: none;
	padding-left: .3rem;
}
.shop-icons  a.btn-item-delete img{
	width: 10px;
    height: 10px;
}
.shop-icons li.mini-wk-item a.btn-item-delete{
    position: absolute;
    text-align: right;
}
li.mini-wk-item a.btn-item-delete img {
    width: 11px;
    height: 11px;
    margin-right: 0;
}
.mini-wk-total{
    width: 100%;
}
.mini-wk-summe{
	padding: .5rem 1rem;
    font-size: .93333rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.mini-wk-summe span.mwst{
	font-size: .73333rem;
	color: #666666;
    font-weight: 400;
}
ul>li:last-child a.mini-wk-a {
    padding-right: 1rem;
    padding: .547rem 1rem .7rem 1rem;
    font-size: .93333rem;
    display: inline-block;
    line-height: 1.5;
}	
.mini-wk-total a.btn.btn-black{
    margin-top: 0;
    padding: .9rem 1rem;
}
/* ---------------------------- / HEADER ---------------------------- */



/* ---------------------------- CONTENT ---------------------------- */
.price.sale span{
	text-decoration: line-through;
}
.price.sale span.saleprice{
	color: #bb011a;
	text-decoration: none;
	padding-left: .3rem;
}
.header-image{
    height: 450px;
	margin-bottom: 1rem;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-image.header-image-2{
   background-position: top center;
}
.header-content{
	width: 100%;
	margin-bottom: 2rem;
    padding: 1rem;
}
.header-content.white {
    color: #ffffff;
    text-shadow: 1px 2px 10px #000000;
}
.header-content.black {
    color: #222222;
}
.header-content.white .link-style-line {
    background-color: #ffffff;
}
.header-content.white .hvr-underline-from-left:before {
    background: #ffffff;
}
/*.header-content.white, .header-content.black{
	color: #000000;
}*/
.header-content h1{
	font-size: 2.33333rem;
	line-height: 1;
    margin: 0 0 .5rem 0;
}
.header-content p{
	font-size: 1.2rem;
	line-height: 1;
}
.header-content .link-style{
	line-height: 1.2;
}

.theme-image{
    overflow: hidden;
}
.theme-image img{
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.theme.theme-2{
    margin-bottom: 2rem;
} 
.theme.theme-3{
    margin-bottom: 2rem;
} 
.theme.theme-2 p{
    font-size: .933333rem;
    margin-top: .5rem;
    margin-bottom: .3rem;
    line-height: 1;
} 
.theme.theme-3 p{
    font-size: .933333rem;
    margin-top: .5rem;
    margin-bottom: .3rem;
    line-height: 1;
} 


.swiper-button-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2222222'%2F%3E%3C%2Fsvg%3E");
    left: 1rem;
}
.swiper-button-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2222222'%2F%3E%3C%2Fsvg%3E");
    right: 1rem;
}
.swiper-button-next, .swiper-button-prev {
    width: 13px;
    height: 30px;
    margin-top: -30px;
    background-size: 13px 30px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .2;
}
.swiper-button-prev:focus, .swiper-button-next:focus{
	outline: none;
}
/*.swiper-container-horizontal>.swiper-pagination-bullets {
    position: relative;
    bottom: auto;
}
.swiper-pagination-bullet-active {
    background: #222222;
}*/
.swiperArtikel .item p{
    margin-bottom: .333333rem;
    min-height: 32px;
    max-height: 32px;
    overflow: hidden;
}


.item{
    margin-bottom: 2rem;
    font-size: .73333rem;
    text-align: left;
    position: relative;
}
a.item-href{
    cursor: pointer;
}
.item-image{
    overflow: hidden;
    margin-bottom: .66667rem;
}
.item-image img{
    width: 100%;
    height: auto;
    /*margin-bottom: .66667rem;*/
    -webkit-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
}
.item a.wishlist{
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    z-index: 1;
    padding: .5rem;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.item:hover a.wishlist{
    opacity: 1;
}
.item a.wishlist img{
    width: 18px;
    height: 18px;
}
.item p{
    margin-bottom: .333333rem;
    /*min-height: 32px;*/
    max-height: 32px;
    overflow: hidden;
}
.row.mx-n2.mx-lg-n3 .item p{
    min-height: 32px;
    max-height: 32px;
    overflow: hidden;
}
.item-price{
    float: left;
    line-height: 20px;
}
.color-number{
    float: left;
    background-color: #e6e6e6;
    padding: .134rem .6rem;
    border-radius: 2px;
    margin-left: .533333rem;
}
.colors{
    display: none;
    float: left;
    margin-left: .533333rem;
    min-width: 60px;
}
.color-number.color-sale, .colors.color-sale{
    margin-left: 0;
    margin-top: .2rem;
}
.item-colors{
    float: left;
    display: none;
}
.item-colors-mobile{
    float: left;
    display: block;
}
.item-colors:hover .color-number{
    display: none;
}
.item-colors:hover .colors{
    display: block;
}
.color{
    height: 20px;
    width: 20px;
    float: left;
    margin-right: .33333rem;
    border-radius: 2px;
}
.color:hover{
    cursor: pointer;
}
.color a{
    display: block;
    line-height: 1;
}
.color img{
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e6;
}
.color.active{
    border: 1px solid #222222;
}
.link-style a:hover .link-style-line {
    opacity: 0;
}

.usp-row{
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 1rem 0;
    font-size: .8rem;
    margin-top: 4rem;
}
.usp-row img{
    width: 16px;
    height: 16px;
    margin-right: .2rem;
}  
    
.nl-start{
    max-width: 650px;
    margin: auto;
}
.nl-start p{
    margin: auto;
    margin-bottom: 1.5rem;
    font-size: .8rem;
    max-width: 550px;
}
.nl-start .btn-black {
    width: 100%;
}	
.info {
    font-size: .66667rem;
    text-align: center;
    color: #666666;
    margin: 0;
}
.info a{
    color: #666666;
    text-decoration: underline;
}
.info a:hover, .info a:focus{
    color: #222222;
}

#NewsletterModal .modal-dialog{
	margin-top: 15%;
}
#NewsletterModal .modal-header{
	padding: .5rem 1rem .3rem 1rem;
}
#NewsletterModal .modal-body{
	padding: .5rem 1rem 1rem 1rem;
	text-align: center;
	font-size: 1rem;
}
#NewsletterModal .modal-title{
	margin-bottom: .5rem;
}

/* ------- ARTIKEL OVERVIEW ------- */
.artikel-filter-mobile-button{
    padding: .834rem 1rem;
    background-color: #f3f3f3;
    border-radius: 2px;
    font-size: .933333rem;
    line-height: 1;
	cursor: pointer;
    margin-bottom: 1rem;
}
.artikel-filter-mobile-button .fas{
    float: right;
    font-size: .8rem;
}
.artikel-filter-mobile-button.active .fas{
    transform: rotate(180deg);
    -webkit-transition: .15s linear;
    transition: .15s linear;
}
.artikel-filter{
	width: 100%;
}
.dropdown .btn.btn-filter .fas{
	float: right;
    font-size: .66667rem;
    margin-top: 3px;
}
.dropdown.show .btn.btn-filter .fas{
	transform: rotate(180deg);
    -webkit-transition: .15s linear;
    transition: .15s linear;
}
.btn.btn-filter{
	position: relative;
	background-color: #f3f3f3;
	text-transform: none;
	text-align: left;
	width: 100%;
	margin-bottom: 1rem;
    font-size: .8rem;
    padding: .6rem 1rem;
    border-radius: 2px;
}
.btn-filter:hover, .btn-filter:focus{
    background-color: #eaeaea;
}
.dropdown-menu.filter-options{
	width: 100%;
    background-color: #eaeaea;
    border: none;
	padding: .5rem 1rem 1rem 1rem;
	z-index: 999;
	margin-top: -.8rem;
	margin-bottom: 1rem;
	position: relative !important;
    border-radius: 0;
    font-size: .8rem;
}
.filter-options ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
    line-height: 1;
}
.filter-options li .custom-control-label {
    line-height: 20px;
    margin: .5rem 0;
}
.filter-options li a {
    padding: .5rem 0;
    display: block;
}
.filter-options li a span{
    vertical-align: middle;
}
.filter-options li a img {
    width: 20px;
    height: 20px;
    margin-right: .3rem;
    border-radius: 2px;
}
.filter-options li a:hover img {
    border: 1px solid #222222;
    box-shadow: inset 0 0 0 1px #ffffff;
    padding: 1px;
}
.filter-options li a.active img {
    border: 1px solid #222222;
    box-shadow: inset 0 0 0 1px #ffffff;
    padding: 1px;
}
.filter-chosen span{
    padding: 0 1rem;
}
.filter-chosen .link-style span{
    padding: 0;
}
.resetFilter{
    display: none;
}
/*.filter-options-header{
	border-bottom: 2px solid #dedede;
	padding: .5rem 1rem;
}
.filter-options-header p{
	padding-right: 1rem;
	font-size: .93333rem;
	color: #666666;
	margin: 0;
}
.btn-filter-delete {
    background-color: transparent;
    border: 2px solid #666666;
	border-radius: 2px;
    color: #666666;
    line-height: 1;
    cursor: pointer;
    font-size: 1.3rem;
    padding: .3rem .6rem;
}
.btn-filter-delete:hover, .btn-filter-delete:focus{
    border: 2px solid #222222;
    color: #222222;
}
.btn-filter-delete.disabled {
    opacity: .5;
	cursor: default;
}
.btn-filter-delete.disabled:hover, .btn-filter-delete.disabled:focus{
    border: 2px solid #666666;
    color: #666666;
}*/


/*.filter-option{
	height: 40px;
	border-radius: 2px;
	margin-bottom: .7rem;
	background-color: #f1f1f1;
	border: 1px solid #dedede;
}
.filter-option:hover, .filter-option:focus{
	color: #000000;
	border: 1px solid #fd8c17;
}
.filter-option.active{
	background-color: #fd8c17;
	border: 1px solid #fd8c17;
	color: #ffffff;
	font-weight: 700;
}
.filter-option label{
	width: 100%;
	padding-left: .7rem;
	line-height: 40px;
	cursor: pointer;
}
.filter-option .custom-control-label::before, .filter-option .custom-control-label::after {
    left: -1.5rem;
	top: .5rem;
}
.filter-option .custom-control-input:checked~.custom-control-label::before {
    border-color: #fff;
}*/


.filter-options-header p{
    margin-bottom: 0;
}
.filter-options-header p input {
	width: 45%;
    text-align: left;
    border: 1px solid #e6e6e6;
    background: #ffffff;
    height: 40px;
    padding: 0 1rem;
}
.filter-options-header p span{
    width: 8%;
    display: inline-block;
    text-align: center;
}
.filter-options-header p input:focus {
    outline: none;
}
.dropdown-menu.filter-options.filter-sort{
    padding: 1rem 1rem;
    width: 100%;
    min-width: auto;
}
.dropdown-menu.filter-options.filter-ansicht{
    width: 100%;
    padding: 1rem 1rem;
    min-width: 90px;
}
.filter-options.filter-ansicht li, .filter-options.filter-sort li{
    display: block;
    width: 100%;
}
.filter-options.filter-ansicht a.active, .filter-options.filter-sort a.active{
    text-decoration: underline;
}

/*.artikel-anzahl{
	font-size: .8rem;
	color: #666666;
	margin-bottom: 1rem;
}*/
.page-link{
    color: #222222;
    border: 1px solid #e6e6e6;
}
.page-link .fas{
    margin-top: -1px;
}
.page-item:focus{
    outline: none;
}
.page-link:focus {
    box-shadow: none;
}
.page-item.active .page-link{
    color: #222222;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}
.page-link:hover{
    color: #222222;
    background-color: #f3f3f3;
    border-color: #e6e6e6;
}
/* ------ / ARTIKEL OVERVIEW ------ */


/* -------- ARTIKEL DETAIL -------- */
.swiperAdImages img.img-fluid{
    width: 100%;
}
.ad-images{
    padding-right: 0;
}
.ad-images img{
    width: 100%;
    height: auto;
    margin-bottom: .66667rem;
}
.ad-images img{
    width: 100%;
    height: auto;
    margin-bottom: .66667rem;
}
.ad-images img:last-of-type{
    margin-bottom: 0;
}
.mt-6 {
    margin-top: 3rem;
}
.artd-content h1{
    font-size: .933333rem;
    margin-bottom: .3rem;
    line-height: 1.2;
    margin-top: 1rem;
}
.artd-content .price{
    font-size: .933333rem;
}
.artd-content .info{
    text-align: left;
}
.artd-content p{
    margin-top: 1rem;
    font-size: .73333rem;
}
.artd-content .colors {
    display: block;
    margin-left: 0;
    float: none;
    margin: 1rem 0;
}
.artd-content .color{
    height: 30px;
    width: 30px;
    margin-right: .5rem;
}
.modelinfo{
    font-size: .73333rem;
    margin-bottom: 1rem;
}
.titel-size{
    font-size: .73333rem;
    margin-bottom: .5rem;
}
.titel-size a{
    text-decoration: underline;
}
.sizes{
    margin-bottom: 2rem;
}
.size{
    display: inline-block;
    min-width: 30px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    margin-right: .5rem;
    text-align: center;
    font-size: .8rem;
    padding: .334rem 0;
    
    -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.size:hover{
    background-color: #e6e6e6;
    cursor: pointer;
}
.size.active{
    background-color: #e6e6e6;
    border: 1px solid #222222;
}
.size.disabled{
    opacity: .6;
    text-decoration: line-through;
}
.size.disabled:hover{
    background-color: #f3f3f3;
    cursor: default;
}
.artd-content .btn-black{
    width: 83%;
    margin-bottom: 2rem;
    float: left;
}
.artd-content .btn-black.btn-wish{
    width: 16%;
    margin-left: 1%;
    margin-bottom: 2rem;
    float: left;
    min-width: auto;
}
.artd-content .btn-black img{
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: .2rem;
}
.card{
    border: none;
}
.card-header {
	padding: 0 1rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: transparent;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.card-header.active{
    border-top: 1px solid #222222;
    border-bottom: none;
}
.card-header .btn-link{
    color: #666666;
    font-size: .8rem;
    width: 100%;
    text-align: left;
    padding: .772rem 0;
	height: auto;
    line-height: 1;
	text-transform: none;
}
.card-header .btn-link .fas{
    color: #666666;
    font-size: .73333rem;
    float: right;
}
.card-header.active .btn-link, .card-header.active .btn-link .fas{
    color: #222222;
}
.card-header .btn-link:hover, .card-header .btn-link:focus, .card-header .btn-link:active{
    color: #000000;
	text-decoration: none;
}
.card-header.active .btn-link:hover, .card-header.active .btn-link:focus, .card-header.active .btn-link:active{
    color: #222222;
}
.accordion .card:last-child .card-header {
    margin-bottom: 0;
}
.card-body {
    padding: 0 1rem 1rem 1rem;
    font-size: .73333rem;
}
.card-body a{
    text-decoration: underline;
}
.card-body ul{
    padding-left: .8rem;
    margin: 0;
    list-style-type: none;
}
.card-body ul li{
    padding: .3rem 0;
}
.card-body ul li::before {
    position: absolute;
    margin-left: -.8rem;
    content: '– ';
}
/* ------- / ARTIKEL DETAIL ------- */


/* ----------- ANMELDEN ----------- */
.anmelden{
    width: 100%;
    max-width: 400px;
}
.forgot-pwd{
	margin-top: 1rem;
}
.forgot-pwd a{
	text-decoration: underline;
}
/* ---------- / ANMELDEN ---------- */


/* ---------- KUNDENKONTO ---------- */
.kundenkonto .content h2{
	font-size: .933333rem;
	margin: 0;
}
.kundenkonto .content .table-responsive{
	margin: .7rem 0 2rem 0;
    overflow-x: scroll;
}
.table-bestellungen{
	margin: 0;
	border: 1px solid #f3f3f3;
}
.table-bestellungen thead tr{
	background-color: #f3f3f3;
}
.table-bestellungen thead th {
    border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
}
.table-bestellungen td, .table-bestellungen th {
    border-top: 1px solid #e6e6e6;
}
.table-sm.table-bestellungen td, .table-sm.table-bestellungen th {
    padding: .3rem 1rem;
}
.konto-box{
	background-color: #f3f3f3;
	padding: 1rem;
	margin-bottom: 2rem;
	
	min-height: 140px;
}
.konto-box-content{
	margin-top: .5rem;
    line-height: 1.7;
}
.konto-mobile-nav ul {
    list-style-type: none;
	padding: 0;
}
.konto-mobile-nav li a {
    padding: 1rem 0;
    display: block;
    line-height: 1;
    border-top: 2px solid #e6e6e6;
}
.konto-mobile-nav li a.active {
    color: #000000;
	font-weight: 700;
}
.konto-mobile-nav li a .fas {
    font-size: .73333rem;
    float: right;
    line-height: 1;
}
.konto-mobile-nav li a.active .fas {
    display: none;
}

.zahlungsart{
    background-color: #f3f3f3;
    margin-bottom: 1rem;
    padding: 1rem;
}
.zahlungsart img{
    height: 30px;
    width: auto;
    margin-right: .5rem;
}
.zahlungsart a.btn-item-delete{
    position: relative;
    padding: 0;
}
.zahlungsart a.btn-item-delete img{
    width: 15px;
    height: 15px;
    margin: 0;
}
.zahlungsart p{
    margin-top: .5rem;
    color: #666666;
}
.zahlungsart-add .zahlungsart{
    border-radius: 2px;
    border: 1px solid #f3f3f3;
    padding: .6rem 1rem;
}
.zahlungsart-add .zahlungsart:hover{
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}
.newsletter .btn-black{
    width: 100%;
}
.newsletter .info{
    text-align: left;
}

.kundenkonto.bestelldetails h2{
    margin: 3rem 0 1rem 0;
    font-size: 1rem;
}
.kundenkonto.bestelldetails .mini-wk-item a{
    text-decoration: none;
    margin-bottom: 1rem;
}
.kundenkonto.bestelldetails .mini-wk-item img{
    width: 20%;
    height: auto;
    margin-right: 3%;
}
.kundenkonto.bestelldetails .headline{
    margin: 3rem 0 .5rem 0;
    font-size: 1rem;
}
.kundenkonto.bestelldetails .table-summe{
    float: left;
}
.kundenkonto.bestelldetails .table-summe td{
    padding-left: 0;
}
.kundenkonto.bestelldetails .info{
    text-align: left;
}
/* --------- / KUNDENKONTO --------- */


/* ---------- WUNSCHZETTEL ---------- */
.wishlist-content .item .form-group{
	margin-top: .5rem;
    margin-bottom: .5rem;
}
.wishlist-content .item-image{
	position: relative;
}
.wishlist-content .item .btn-black{
	width: 100%;
}
.wishlist-content .item a.wishlist{
	opacity: 1;
}
.wishlist-content .item a.wishlist img {
    width: 15px;
    height: 15px;
}
.item .sold-out{
	opacity: .65;
}
.item .sold-out a{
	pointer-events: none;
}
.sold-out-info-box{
	width: 100%;
	position: absolute;
    bottom: .66667rem;
	z-index: 1;
	line-height: 1;
    /*background-color:rgba(187,1,26,.65);
	color: #ffffff;*/
    background-color:rgba(255,255,255,.65);
	color: #222222;
	padding: 1rem 0;
    opacity: 1 !important;
}
.nearly-sold-out-info-box{
	width: 100%;
	position: absolute;
    bottom: .66667rem;
	z-index: 1;
	line-height: 1;
	background-color:rgba(255,255,255,.65);
	color: #222222;
	padding: 1rem 0;
}
/* --------- / WUNSCHZETTEL --------- */


/* ----------- WARENKORB ----------- */
.wk-items-mobile{
    margin-bottom: 2rem;
}
.wk-item{
    position: relative;
    padding: .5rem 0;
    border-bottom: 1px solid #e6e6e6;
}
.wk-item.soldout .wk-image, .wk-item.soldout .wk-content p, .wk-item.soldout .wk-content .quantity, .wk-item.soldout .wk-content .price{
    opacity: .7;
}
.txt-soldout{
    color: #bb011a;
    text-align: left;
    font-size: .8rem;
    display: none;
    margin-top: .5rem;
}
.wk-item.soldout .txt-soldout{
    display: block;
}
.wk-item .wk-image{
    float: left;
    width: 27%;
    margin-right: 3%;
}
.wk-item .wk-image img{
    width: 100%;
    height: auto;
}
.wk-content{
    width: 70%;
    float: left;
    font-size: .8rem;
    padding-top: .5rem;
}
.wk-content p{
    margin-bottom: .3rem;
}
.wk-content .quantity{
    float: left;
}
.wk-content .quantity-button {
    line-height: 38px;
    text-align: left;
}
.wk-content .quantity-button.quantity-up {
    text-align: right;
}
.wk-content .quantity img {
    width: 15px;
    height: 15px;
}
.wk-content .price{
    float: right;
    text-align: right;
    line-height: 38px;
}
.wk-content .art-options a{
    color: #666666;
    font-size: .66667rem;
    padding: .5rem 0;
    display: inline-block;
}
.wk-content .art-options a:hover, .wk-content .art-options a:focus{
    color: #222222;
}
.wk-content .art-options img{
    width: 10px;
    height: 10px;
    margin-right: .2rem;
}


.table.table-wk{
    margin-bottom: 3rem;
}
.table-wk thead th{
    border-bottom: 1px solid #e6e6e6;
}
.table-wk th{
    padding: .5rem 1rem;
    font-size: .73333rem;
    border-top: none;
    font-weight: 400;
}
.table-wk th:first-of-type{
    padding-left: .2rem;
}
.table-wk th:last-of-type{
    padding-right: .2rem;
    text-align: right;
}
.table-wk tbody tr{
    border-bottom: 1px solid #e6e6e6;
}
.table-wk tbody tr.soldout .txt-soldout{
    display: block;
}
.table-wk tbody tr.soldout td{
    opacity: .7;
}
.table-wk tbody tr.soldout td:nth-of-type(2){
    opacity: 1;
}
.table-wk tbody tr.soldout p, .table-wk tbody tr.soldout .art-nr{
    opacity: .7;
}
.table-wk td{
    padding: 1rem;
    font-size: .8rem;
    vertical-align: middle;
    border-top: none;
}
.table-wk td:first-of-type{
    padding-left: .2rem;
}
.table-wk td:last-of-type{
    padding-right: .2rem;
    text-align: right;
}
.wk-image img{
    width: 100px;
    height: auto;
}
.table-wk td p{
    margin-bottom: .3rem;
}
.table-wk td a:hover p{
    text-decoration: underline;
}
.table-wk td .art-nr{
    font-size: .66667rem;
    margin-bottom: 1rem;
}
.table-wk td .art-options a{
    font-size: .66667rem;
}
.table-wk td .art-options a:hover, .table-wk td .art-options a:focus{
    color: #222222;
}
.table-wk td .art-options img{
    width: 9px;
    height: 9px;
    margin-right: .2rem;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  	-webkit-appearance: none;
  	margin: 0;
}
input[type=number]
{
  	-moz-appearance: textfield;
}
.quantity input:focus {
  	outline: 0;
    box-shadow: none;
}
.quantity-button {
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.quantity input.form-control{
    width: auto;
    max-width: 30px;
    display: inline-block;
    float: left;
    font-size: .8rem;
    padding: 0;
    text-align: center;
    border: none;
    color: #222222;
}
.quantity img {
    width: 13px;
    height: 13px;
}

.gutscheincode{
    margin-bottom: 2rem;
}
.gutscheincode .form-group{
    width: 100%;
    margin-bottom: .5rem;
}
.gutscheincode .btn-grey{
    width: 100%;
}
.gutscheincode input#InputCode.form-control {
    width: 100%;
}
.table-summe {
    font-size: .8rem;
    margin: auto;
    margin-bottom: .2rem;
    float: right;
}
.table-summe td{
    padding: .4rem 1rem;
    padding-left: 0;
    line-height: 1;
}
.table-summe td:last-child{
    text-align: right;
    padding-right: 0;
}
.table-summe tr:last-child td{
    font-weight: 700;
    color: #222222;
}
/* ---------- / WARENKORB ---------- */


/* ------------ CHECKOUT ------------ */
.head.head-checkout{
    background-color: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 0px 5px 0px rgba(34,34,34,.2);
}
.head-checkout .logo{
    padding: .8rem 0;
    line-height: 1;
}
.head-checkout .logo img{
	height: 18px;
    width: auto;
}
a.checkout-backlink{
    font-size: .73333rem;
    padding: 1.131rem 0;
    display: block;
    line-height: 1;
}
a.checkout-backlink .fas{
    font-size: .66667rem;
    margin-top: -2px;
    margin-right: .2rem;
}
.checkout-box-right.sticky {
    top: 92px;
}
.gesamtsumme-box{
    padding: 1.33333rem;
    border: 1px solid #e6e6e6;
    margin-bottom: 1rem;
    font-size: .8rem;
}
.gesamtsumme-box .h1 {
    line-height: 1;
    font-size: .933333rem;
    margin: 0;
    margin-bottom: .5rem;
}
.gesamtsumme-box .h1 span{
    color: #666666;
}
.gesamtsumme-box .wk-image{
    width: 17%;
    margin-right: 3%;
}
.gesamtsumme-box .wk-content{
    width: 50%;
    padding: 0;
}
.gesamtsumme-box .wk-content span{
    padding-right: .8rem;
}
.gesamtsumme-box .wk-content span:last-of-type{
    padding-right: 0;
}
.gesamtsumme-box .price{
    width: 30%;
    float: left;
    text-align: right;
}
.gesamtsumme-box .table-summe{
    margin-top: .6rem;
}
.gesamtsumme-box .table-summe td{
    padding-left: 0;
}
.gesamtsumme-box .headline{
    margin-bottom: .5rem;
    font-size: .933333rem;
}
.gesamtsumme-box .btn-grey{
    width: 100%;
}
.gesamtsumme-box .form-group {
    margin-bottom: .5rem;
}

/*.btns-checkout .btn-group, .btns-checkout .btn-black{
    width: 100%;
}
.btns-checkout .btn-black {
    background-color: #222222;
    color: #ffffff !important;
}
.btns-checkout .btn-black.collapsed {
    background-color: transparent;
    color: #222222 !important;
}*/


.kunde-form{
    max-width: 400px;
    margin: auto;
}
.kunde-form .btn-black{
    width: 100%;
}

.adressen{
    font-size: .8rem;
}
.adressen p{
    margin-bottom: .5rem;
    font-weight: 700;
}
.adressen address{
    line-height: 1.7;
    margin: 0;
}
.edit a{
    color: #666666;
	font-size: .73333rem;
    text-decoration: none;
}
.edit a:hover, .edit a:focus{
    color: #222222;
}
.edit .fas{
	font-size: .6rem;
}
/*.rechnungsadresse{
	margin-bottom: 2rem;
}
.rechnungsadresse .headline {
	font-weight: 700;
	text-transform: uppercase;
}
.r-adresse p{
	margin: 0;
}*/
.adresse-change .headline{
	font-weight: 700;
	margin: 2rem 0 .5rem 0;
}
.adresse-change address{
	margin: 0;
}
.adresse-change .custom-control.custom-checkbox label{
	font-weight: 400;
	padding: .3rem 0;
}
.adresse-change .checkout-option .custom-control.custom-checkbox .custom-control-label::before, .adresse-change .checkout-option .custom-control.custom-checkbox .custom-control-label::after {
    top: .3rem;
}
.adresse-change .btn {
    width: 100%;
    margin: 1rem 0 0 0;
}
.checkout-option .edit{
	margin-bottom: 1rem;
}
.checkout-option{
	padding: 0 1rem;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #e6e6e6;
    font-size: .8rem;
}
.checkout-option:hover{
    background-color: #f3f3f3;
}
.checkout-option.aktiv{
    background-color: #f3f3f3;
}
.checkout-option label{
	width: 100%;
	padding: 1rem 0;
	cursor: pointer;
    color: #222222;
}
.checkout-option .custom-control-label::before, .checkout-option .custom-control-label::after{
	top: 1.3rem;
}
.zahlungsarten{
	margin-bottom: 1.5rem;
}
.zahlungsarten .checkout-option .custom-control-label::before, .zahlungsarten .checkout-option .custom-control-label::after{
	top: 1.3rem;
}
.checkout-option img{
	height: 30px;
	width: auto;
}
.checkout-option-info{
	margin-top: .3rem;
	font-weight: 400;
    color: #666666;
    font-size: .8rem;
}
.checkout-option-info p{
	margin: 0;
}
.checkout-option-info.zahlungsart-info{
	display: none;
	margin-bottom: 1rem;
}
.checkout-option.aktiv .checkout-option-info.zahlungsart-info{
	display: block;
}
.checkout-option-info.sepa-info{
	display: none;
}
.checkout-option.aktiv .checkout-option-info.sepa-info{
	display: block;
}
.kreditkarte-form label{
	padding: 0;
}
.sepa-form .form-group:first-child label{
	padding: .5rem 0 0 0;
}
.sepa-form label{
	padding: 0;
}
.checkout-option .checkout-option-info.sepa-info .custom-control-label::before, .checkout-option .checkout-option-info.sepa-info .custom-control-label::after {
    top: 1.3rem;
}
.checkout-option .fas{
	color: #666666;
}
.popover {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-size: .73333rem;
}
.popover-body {
    color: #222222;
}

form.checkout-checks .custom-control{
    font-size: .8rem;
    margin-top: .5rem;
}
form.checkout-checks a{
    text-decoration: underline;
}
form.checkout-checks .btn-black{
    width: 100%;
}

.text-data p{
	color: #767676;
	margin-bottom: 2rem;
}
.text-data p a{
	color: #767676;
	font-weight: 700;
}
.text-data p a:hover, .text-data p a:focus{
	color: #000000;
}

.artikel-checkout-mobile.gesamtsumme-box{
    border: none;
    padding: 0;
    margin: 0;
}
.artikel-checkout-mobile.gesamtsumme-box .wk-image {
    width: 25%;
}
.artikel-checkout-mobile.gesamtsumme-box .wk-content {
    width: 42%;
}
.artikel-checkout-mobile .wk-content p {
    margin-bottom: .8rem;
}
/*.artikel-checkout-mobile .wk-items{
	max-height: 181px;
	overflow-y: auto;
	margin-bottom: 2rem;
    border-bottom: 1px solid #222222;
}
.artikel-checkout-mobile .wk-items::-webkit-scrollbar {
	-webkit-appearance: none;
 	width: 5px;
	height: 5px;
}
.artikel-checkout-mobile .wk-items::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .3);
}*/
/* ----------- / CHECKOUT ----------- */


/* ------------ SHOWROOM ------------ */
.wholesale-contact{
    margin-bottom: 2rem;
}
.wholesale-contact h2{
    margin: 1.5rem 0 .5rem 0;
}
.showroom{
    width: 100%;
    padding-top: 128%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
}
/* ----------- / SHOWROOM ----------- */



/* ------------ ÜBER UNS ------------ */
/*.content-ueberuns h1{
    margin: 3rem 0 2rem 0;
}*/
.content-ueberuns p{
    font-size: .93333rem;
}
.content-ueberuns h1{
    margin-top: 1rem;
}
.content-ueberuns h2{
    margin-top: 2rem;
}
.text-ueberuns{
    max-width: 600px;
    margin: auto;
}
.image-ueberuns{
    width: 100%;
    padding-top: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.full-image-ueberuns{
    width: 100%;
    padding-top: 35%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.textonly-uberuns-bg{
    background-color: #f3f3f3;
    padding: 2rem;
}
.textonly-uberuns{
    max-width: 750px;
    margin: auto;
}
/*.textonly-uberuns p{
    font-size: .93333rem;
}*/
/* ----------- / ÜBER UNS ----------- */



/* ---------- HILFE UND FAQ ---------- */
.faq-boxen a:hover, .faq-boxen a:focus{
	text-decoration: none;
}
.faq-box{
	height: 120px;
	background-color: #f3f3f3;
	border-radius: 2px;
	padding: 0 1rem;
	text-align: center;
	margin-bottom: 2rem;
}
.faq-box img{
	height: 22px;
	width: auto;
}
.faq-box .headline{
	color: #222222;
	margin-top: .5rem;
}
.content .faq-boxen a{
	text-decoration: none;
}
a:hover .faq-box .headline, a:focus .faq-box .headline{
	color: #000000;
	text-decoration: underline;
}
/*#accordionFAQZahlung, #accordionFAQversand, #accordionFAQRueckgabe, #accordionFAQKundenservice{
	margin-bottom: 2rem;
}*/
.accordion-faq .card-header .btn-link {
    color: #222222;
}
.accordion-faq .card-header.active .btn-link{
    font-weight: 700;
}
.accordion-faq .card-body {
    /*padding: .5rem 1rem 2rem 1rem;*/
    padding: 0;
    padding-bottom: 3rem;
    text-align: left;
    font-size: .8rem;
}
.card-header.active .fas.fa-angle-down{
    transform: rotate(180deg);
    -webkit-transition: .15s linear;
    transition: .15s linear;
	padding-left: 0;
    padding-right: .3rem;
    top: -1px;
}
.table-faq td, .table-faq th{
    padding: .5rem;
}
/* --------- / HILFE UND FAQ --------- */


/* --------- KONTAKTFORMULAR --------- */

/* -------- / KONTAKTFORMULAR -------- */


/* -------------- JOBS -------------- */
.job a{
    display: block;
    padding: 1rem;
    border-top: 1px solid #e6e6e6;
    text-decoration: none;
}
.job:last-child a{
    border-bottom: 1px solid #e6e6e6;
}
.job a:hover {
    background-color: #f3f3f3;
}
.job p{
    margin: 0;
    color: #666666;
}
.job-titel{
    font-size: .933333rem;
}
.job .fas{
    font-size: 1rem;
}
.jobs h2 {
    margin: 2rem 0 .5rem 0;
    font-size: .933333rem
}
.jobs ul {
    padding-left: .8rem;
    margin: 0;
    list-style-type: none;
}
.jobs ul li::before {
    position: absolute;
    margin-left: -.8rem;
    content: '– ';
}
.jobs ul li {
    padding: .3rem 0;
}
.jobs ul:last-of-type{
    margin-bottom: 2rem;
}
/* ------------- / JOBS ------------- */


/* ----------- DATENSCHUTZ ----------- */
.padding-to-push{
    padding-left: 2rem;
}
.datenschutz h2{
    font-size: 1.2rem;
    margin: 1rem 0 1rem 0;
}
.datenschutz h3{
    font-size: .93333rem;
    margin: 1rem 0 .5rem 0;
}
/* ---------- / DATENSCHUTZ ---------- */


/* ------- BESTELLBESTAETIGUNG ------- */
.bstb-content .mini-wk-item{
    margin-bottom: 1rem;
}
.bstb-content .mini-wk-item img{
    width: 20%;
    height: auto;
    margin-right: 3%;
}
.bstb-content .table-summe{
    margin-top: 15px;
}
.bstb-content hr{
    margin: 20px 0;
}
.bstb-content .table-summe td {
    padding-left: 0;
}
.bstb-content .info {
    text-align: right;
}
.bstb-details{
    border: 1px solid #e6e6e6;
    padding: 1rem;
    margin-top: 3rem;
}
.bstb-details h2{
    margin-top: 0;
}
.bstb-details .headline{
    margin-bottom: .5rem;
    font-weight: 700;
}
/* ------ / BESTELLBESTAETIGUNG ------ */
/* --------------------------- / CONTENT --------------------------- */



/* ---------------------------- FOOTER ---------------------------- */
.mwst-info{
	font-size: .66667rem;
	text-align: center;
	margin: 4rem 0 1rem 0;
}
.mwst-info a{
	color: #666666;
	text-decoration: underline;
}
.footer-nav{
	padding: 0;
	background-color: #ffffff;
	font-size: .8rem;
}
.headline-footer a{
	font-size: .8rem;
	line-height: 1;
	text-align: center;
	padding: 1rem 0;
	display: block;
	text-transform: uppercase;
	border-top: 1px solid #e6e6e6;
}
.headline-footer:last-child a{
	border-bottom: 2px solid #e6e6e6;
}
.headline-footer .fas.fa-angle-down{
	padding-left: .3rem;
    font-size: .66667rem;
    margin-top: -2px;
}
.open .fas.fa-angle-down{
    transform: rotate(180deg);
    -webkit-transition: .15s linear;
    transition: .15s linear;
	padding-left: 0;
    padding-right: .3rem;
    top: -1px;
}
.footer-nav ul{
	padding: .5rem 1rem 0 1rem;
	margin: 0;
	list-style-type: none;
    text-align: center;
}
.footer-nav ul{
    display: none;
}
.footer-nav div.kontakt-foot ul, .footer-nav div.kundenkarte-foot ul{
	padding: 0;
}
.footer-nav li a{
	display: block;
	line-height: 1.2;
	text-decoration: none;
	padding-bottom: 1.5rem;
}
.footer-nav li a .fas.fa-angle-right, .footer-nav li a:hover .fas.fa-angle-right{
	visibility: hidden;
	opacity: 0;
	width: 0;
}
.payment{
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
	padding: 1rem 0 .5rem 0;
}
.socials {
	text-align: center;
    margin-bottom: 1rem;
}
.socials img{
	width: 25px;
	height: 25px;
	margin: 0 .5rem;
}
.payments img{
	margin: 0 .5rem .5rem .5rem;
    height: 25px;
    width: auto;
}
.footer-socials{
    border-top: 1px solid #e6e6e6;
	font-size: .8rem;
}
.footer-links{
	text-align: center;
}
.footer-links a {
	font-size: .8rem;
	padding: .3rem 1rem;
    display: inline-block;
}
.footer-links a:hover, .footer-links a:focus{
    text-decoration: underline;
}
/* ---------------------------- / FOOTER ---------------------------- */





/* ---------------------------- Super Small devices / iPhone 5 (landscape phones, 320px and down) ---------------------------- */
@media screen and (max-width: 340px) {
.navbar-brand {
    /*padding: .5rem 0;
    margin-left: -45px;*/
	
	padding: .8rem 0
}
.navbar-brand img {
    /*height: 26px;*/
    width: auto;
	
	height: 18px;
}
.menu-logo a {
    /*padding: .52rem 1rem;*/
	padding: .65rem .5rem .65rem .5rem;
}
.menu-logo img {
    /*height: 26px;
    margin-left: -44px;*/
}
.navbar .shop-icon-user, .navbar .shop-icon-wishlist, .navbar .shop-icon-search, .navbar .shop-icon-bag {
    width: 13px;
    height: 13px;
}
.navbar .shop-icons li a {
    padding: .9rem .4rem;
}
}




/* ---------------------------- Small devices (landscape phones, 576px and up) ---------------------------- */
@media screen and (min-width: 576px) {
/* ---------------------------- CONTENT ---------------------------- */
.swiperArtikel .item p{
    min-height: auto;
}
.row.mx-n2.mx-lg-n3 .item p{
    margin-bottom: .333333rem;
    min-height: auto;
}
.footer-nav .container{
    max-width: none;
}
/* --------------------------- / CONTENT --------------------------- */
}




/* -------------------------------- Medium devices (tablets, 768px and up) -------------------------------- */
@media screen and (min-width: 768px) {
/* ------------------------ COOKIE-HINWEIS ------------------------ */
section.header_cookie .btn{
    margin-top: 0;
	width: auto;
}
/* ----------------------- / COOKIE-HINWEIS ----------------------- */
h1{
	margin: 3rem 0 1.5rem 0;
}
.alert{
    width: auto;
}
/* ---------------------------- CONTENT ---------------------------- */
.shop-icons li a{
	padding: .93333rem .5rem;
}
.navbar-brand {
    padding: .65rem 1rem .65rem 3rem;
}
.navbar-brand:last-of-type{
    padding: .65rem 1rem .65rem 1rem;
}
	
.swiper-button-next, .swiper-button-prev {
    width: 25px;
    height: 80px;
    margin-top: -40px;
    background-size: 17px 34px;
    top: calc(50% - 33px);
}
.gutscheincode .form-group{
    width: auto;
    margin-bottom: 0;
}
.gutscheincode input#InputCode.form-control {
    min-width: 250px;
}
.gutscheincode .btn-grey{
    min-width: auto;
    width: auto;
} 
.table-summe {
    max-width: 320px;
    float: right;
}
.table-summe td {
    padding-left: 1rem;
}
.content-ueberuns h2 {
    margin-top: 0;
}
.table-faq td, .table-faq th{
    padding: .75rem;
}
/* --------------------------- / CONTENT --------------------------- */
}




/* -------------------------------- Large devices (desktops, 992px and up) -------------------------------- */
@media screen and (min-width: 992px) {
body{
	/*padding-top: 0;*/
    padding-top: 46px;
}
.px-30 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
h1{
	margin: 3rem 0 1.5rem 0;
}
h2{
	margin: 3rem 0 1.5rem 0;
}
h3{
	margin: 2rem 0 1rem 0;
}
.back-to-top {
 	position: fixed;
 	bottom: 100px;
 	right: 15px;
	height: 40px;
	width: 40px;
	border-radius: 2px;
	text-align: center;
	background-color: #222222;
	color: #ffffff !important;
	z-index: 1000;
	opacity: .6;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
a.back-to-top:hover, a.back-to-top:focus{
 	color: #ffffff !important;
	outline: none;
	opacity: 1;
}
.back-to-top img{
 	width: 20px;
    height: 20px;
    margin-top: 9px;
}
/*.back-to-top .fas{
 	position: relative;
	top: 8px;
	font-size: 1.5rem;
}*/
.breadcrumb {
    padding: 2rem 0 1rem 0;
}
    
.btn-black{
	height: 40px;
	width: auto;
	min-width: 150px;
	padding: .9rem 1rem;
}
.btn-grey{
	height: 40px;
	width: auto;
}
.btn-border{
	height: 40px;
	width: auto;
}
.sticky{
	position: sticky;
	top: 97px;
}
.PageContentScreen{
    min-height: 500px;
    margin-bottom: 3rem;
}
    
/* ---------------------------- FORMULAR ---------------------------- */
input.form-control{
	height: 40px;
	line-height: 40px;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 40px;
	padding: 0 1rem;
}
select.form-control {
	height: 40px;
	line-height: 34px;
    padding: 0 2rem 0 1rem;
}
textarea.form-control {
    height: 100px;
	min-height: 100px;
	max-height: 250px;
}
/* --------------------------- / FORMULAR --------------------------- */
	
	
	
/* ---------------------------- HEADER ---------------------------- */
header{
	/*position: relative;*/
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000000;
}
header.navbar-shrink{
    /*position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000000;*/
    -webkit-box-shadow: 0px 2px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 2px 5px 0px rgba(34,34,34,.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.headroom {
    transition: none;
}
.headroom--pinned {
    transform: none;
}
.headroom--unpinned {
    transform: none;
}
	
.head{
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
}
.head .logo a{
	/*display: block;*/
	display:inline-block;
}	
.head .logo img{
	/*width: auto;
	height: 36px;*/
	
	width: auto;
	height: 32px;
}  
.head .logo a:first-child{
	margin-bottom: .5rem;
	margin-top: .3rem;
}  

#form-suche{
	position: relative;
}
.search{
    right: 0;
    left: auto;
    width: calc(100vw - 1rem);
}
.search .btn.btn-invis {
    padding: 0 2rem 0 .8rem;
}
.search input.form-control {
    padding: 0 3.5rem 0 2rem;
}
	
.shop-icons .dropdown-menu{
	width: 210px;
	right: auto;
	top: 46px;
	padding: .5rem 0;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
    left: 50%;
    margin-top: 0;
	margin-left: -105px;
    
    -webkit-box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
}
.shop-icons li.dropdown > .dropdown-menu{
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.shop-icons li.dropdown:hover > .dropdown-menu{
    opacity: 1;
}
.shop-icons .dropdown-menu li{
	padding: 0;
	display: block;
}
.shop-icons .dropdown-menu li a {
	text-transform: none;
	line-height: 1;
	padding: .6rem 1rem;
	white-space: inherit;
	font-weight: 400;
	font-size: .8rem;
}
.shop-icons .dropdown-menu li:last-child a {
    padding-right: 1rem;
}
.shop-icons .dropdown-menu>li>a:focus, .shop-icons .dropdown-menu>li>a:hover,
.shop-icons .dropdown-menu>li:hover>a {
   	background-color: transparent;
}
.shop-icons .dropdown-menu .dropdown-divider {
    margin: .3rem 0;
    border-top: 1px solid #e6e6e6;
}
.shop-icons .dropdown-menu li a .fas.fa-angle-right {
    width: 0;
    vertical-align: baseline;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .4s ease-out;
    -moz-transition: visibility 0s, opacity .4s ease-out;
    -o-transition: visibility 0s, opacity .4s ease-out;
    transition: visibility 0s, opacity .4s ease-out;
}
.shop-icons .dropdown-menu li a:hover .fas.fa-angle-right {
    width: auto;
    visibility: visible;
    opacity: 1;
    padding-right: .3rem;
}
    
.wk_text {
    font-size: .8rem;
    line-height: 1rem;
    display: inline-block;
    /*padding-top: .2rem;*/
}
/*.shop-icons ul>li:last-child a .wk_zahl{
    right: 2px;
}*/
.shop-icon-user, .shop-icon-search, .shop-icon-wishlist, .shop-icon-bag{
	width: 14px;
	height: 14px;
}
    
    
/*.shop-icons li a.btn-black{
	padding: .85rem 1rem;
}
.shop-icons ul>li:last-child a.btn-black {
    padding-right: 1rem;
}*/
/*.shop-icons .dropdown-menu.dropdown-wk{
	width: 325px;
    height: calc(100vh - 46px);
	right: -15px;
	left: auto;
	margin-left: 0;
	padding: .0;
    border-right: none;
}
.wk-header{
	padding: .5rem 1rem;
	font-size: .73333rem;
	margin-bottom: .25rem;
    border-bottom: 1px solid #e6e6e6;
}*/
.shop-icons .dropdown-wk{
    position: absolute;
	width: 325px;
    height: calc(100vh - 45px);
	right: -1rem;
    top: 45px;
    left: auto;
    background-color: #ffffff;
    text-align: left;
    border: 1px solid #e6e6e6;
    border-right: none;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
}
.shop-icons .dropdown-wk .mini-wk-total{
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;   
}
/*.shop-icons .dropdown-wk.collapse.show .mini-wk-total{
    opacity: 1;
}
.shop-icons li.dropdown .dropdown-menu.dropdown-wk{
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;  
}
.shop-icons .dropdown-wk{
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;   
}*/
/*.shop-icons .dropdown-wk.collapse.show{
    opacity: 1;
}*/
.shop-icons li.dropdown:hover > .dropdown-menu.dropdown-wk{
    opacity: 1;
}
.shop-icons li.dropdown:hover > .dropdown-menu.dropdown-wk .mini-wk-total{
    opacity: 1;
}
.dropdown-wk p.mini-wk-info{
	padding: 2rem 1rem;
    color: #666666;
    font-size: .8rem;
}
.dropdown-wk ul{
	margin-left: 0;
    overflow: hidden;
    overflow-y: auto;
}
.shop-icons .mini-wk-items{
	/*padding-top: 1rem;*/
    height: calc(100vh - 168px);
}
.shop-icons li.mini-wk-item{
	padding: .5rem 1rem;
    border-bottom: 1px solid #e6e6e6;
}
.shop-icons li.mini-wk-item:last-of-type{
    border-bottom: none;
}
.shop-icons li.mini-wk-item a{
	padding: 0 !important;
	color: #222222;
	text-align: left;
}
.shop-icons li.mini-wk-item:hover .mini-wk-content p:first-of-type{
    text-decoration: underline;
}
li.mini-wk-item img{
    width: 20%;
    height: auto;
	margin-right: 5%;
}	
.mini-wk-content{
    width: 75%;
}
.mini-wk-content p{
    font-size: .73333rem;
    margin-bottom: .2rem;
    line-height: 1.2;
    padding-right: 1.5rem;
}
.mini-wk-content p:last-of-type{
    line-height: 1.6;
}
li.mini-wk-item .mini-wk-content a{
    padding: 0 !important;
}
.mini-wk-content .price{
	font-size: .8rem;
}
.mini-wk-content .price.sale span{
	text-decoration: line-through;
}
.mini-wk-content .price.sale span.saleprice{
	color: #bb011a;
	text-decoration: none;
	padding-left: .3rem;
}
.shop-icons  a.btn-item-delete img{
	width: 10px;
    height: 10px;
}
.shop-icons li.mini-wk-item a.btn-item-delete{
    position: absolute;
    text-align: right;
}
li.mini-wk-item a.btn-item-delete img {
    width: 10px;
    height: 10px;
    margin-right: 0;
}
.mini-wk-total{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.mini-wk-summe{
	padding: .5rem 1rem;
    font-size: .93333rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
}
.mini-wk-summe span.mwst{
	font-size: .73333rem;
	color: #666666;
    font-weight: 400;
}
.shop-icons ul>li:last-child a.mini-wk-a {
    padding-right: 1rem;
    padding: .547rem 1rem .7rem 1rem;
    font-size: .8rem;
    display: inline-block;
    line-height: 1.5;
}	
.shop-icons .mini-wk-total a.btn.btn-black{
    margin-top: 0;
    padding: .9rem 1rem;
}   
    
    
.row.dropdown-menu-navbar{
    max-width: 950px;
    margin: auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 1.2rem 1rem 1rem 1rem;
    font-size: .8rem;
}
.navbar-nav .nav-link.dropdown-toggle.hvr-underline-from-left.active:before{
    width: 98%;
    margin: 0 1%;
}
li.nav-item.dropdown{
	position: inherit;
}
.navbar {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    width: 100vw;
    left: -1rem;
	background-color: #ffffff;
	border-radius: 0px;
	margin: 0;
	padding: 2rem 0;
	border: none;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
    box-shadow: 0px 5px 5px 0px rgba(34,34,34,.2);
    border-top: 1px solid #e6e6e6;
}
.navbar .dropdown-item.cat-headline{
	font-size: .73333rem;
    text-transform: uppercase;
}
.navbar .dropdown-item:focus.cat-headline, .navbar .dropdown-item:hover.cat-headline{
	color: #222222;
}
.navbar .dropdown-item{
	line-height: 1;
	color: #222222;
	padding: .4rem 0rem;
    font-size: .73333rem;
}
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #222222;
    background-color: transparent;
}
.navbar li a:hover.dropdown-item, .navbar li a:focus.dropdown-item{
    text-decoration: underline;
}
/*.navbar li a.dropdown-item .fas.fa-angle-right {
    width: 0;
    vertical-align: baseline;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .4s ease-out;
    -moz-transition: visibility 0s, opacity .4s ease-out;
    -o-transition: visibility 0s, opacity .4s ease-out;
    transition: visibility 0s, opacity .4s ease-out;
}
.navbar li a.dropdown-item:hover .fas.fa-angle-right {
    width: auto;
    visibility: visible;
    opacity: 1;
    padding-right: .3rem;
}*/
.nav-cat-image{
	background-color: #dadada;
	width: 100%;
    padding-top: 150%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5px;
}
p.nav-cat-image-p{
    margin: 0;
    font-size: .73333rem;
    line-height: 1;
}
a:hover p.nav-cat-image-p{
	text-decoration: underline;
}
/*p.nav-cat-image-p .fas.fa-angle-right{
	width: 0;
    vertical-align: baseline;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .4s ease-out;
    -moz-transition: visibility 0s, opacity .4s ease-out;
    -o-transition: visibility 0s, opacity .4s ease-out;
    transition: visibility 0s, opacity .4s ease-out;
}
a:hover p.nav-cat-image-p .fas.fa-angle-right{
	width: auto;
    visibility: visible;
    opacity: 1;
    padding-right: .3rem;
}*/
li.dropdown:hover > ul.dropdown-menu, li.dropdown:hover > .dropdown-menu, li.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    /*opacity: 1;*/
}
.shop-icons li a.btn.btn-black{
    margin-top: .5rem;
    padding: .9rem 1rem;
}
/* --------------------------- / HEADER --------------------------- */
	

	
/* ------------------------ CONTENT PAGES ------------------------ */
.content{
    min-height: 500px;
}
.sub-nav{
	margin-top: 1rem;
}
.sub-nav a{
	display: block;
	line-height: 1;
	font-size: .933333rem;
	margin-bottom: 1rem;
}
.sub-nav ul{
	list-style-type: none;
    padding-left: 1rem;
}
.sub-nav li a{
	margin-bottom: 0;
	padding-bottom: .8rem;
    font-size: .8rem;
}
.sub-nav li a.active{
	font-weight: 700;
}
.sub-nav li a:hover{
    text-decoration: underline;
}
/* ----------------------- / CONTENT PAGES ----------------------- */	
	
	
/* --------------------------- CONTENT --------------------------- */
.header-image{
    height: 700px;
	margin-bottom: 4rem;
}
.header-image.header-image-2{
    height: 500px;
}
.header-content{ 
	margin-bottom: 0;
    width: 100%;
    padding: 0 1rem;
    max-width: 1140px;
    margin: auto;
}
.header-content h1{
	font-size: 4rem;
    font-weight: 200;
}
.header-content p{
	font-size: 1.4rem;
    margin-bottom: 1.33333rem;
}
.header-content .link-style{
	font-size: 1.33333rem;
}
a .header-image:hover .header-content .link-style-line{
    opacity: 0;
}
a .header-image:hover .header-content span.hvr-underline-from-left:before{
    right: 0;    
}
    

a:hover .theme-image.image-effect img, a:hover .item-image.image-effect img{
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.theme.theme-2{
    margin-bottom: 4rem;
} 
.theme.theme-3{
    margin-bottom: 4rem;
}
.theme.theme-3 .link-style {
    font-size: .8rem;
}
.theme.theme-2 p{
    font-size: .933333rem;
    margin-top: 1rem;
    margin-bottom: .333333rem;
} 
.theme.theme-3 p{
    font-size: .8rem;
    margin-top: 1rem;
    margin-bottom: .333333rem;
} 
.theme:hover .link-style-line{
    opacity: 0;
}
.theme a:hover span.hvr-underline-from-left:before{
    right: 0;    
}
   
.swiperArtikel .item p{
    min-height: auto;
}
.row.mx-n2.mx-lg-n3 .item p{
    margin-bottom: .333333rem;
    min-height: auto;
}
    
    
    
/* --------- INSPI DETAIL --------- */

/* -------- / INSPI DETAIL -------- */
	
	
/* ------- ARTIKEL OVERVIEW ------- */
.artikel-filter.collapse:not(.show) {
    display: block;
}
.artikel-filter{
	margin-bottom: 1rem;
    position: relative;
}
.artikel-filter .dropdown {
    width: auto;
    min-width: 90px;
    display: inline-block;
    position: inherit;
}
.btn.btn-filter{ 
    margin-bottom: 0;
    text-align: center;
}
.btn-filter.dropdown-toggle::after {
	display: none;
}
.dropdown-menu.filter-options{
	width: 100%;
    background-color: #eaeaea;
    border: none;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
	margin: .2rem 0 0;
	position: absolute !important;
    padding: 1.5rem 2rem 2rem 2rem;
}
.filter-options-content{
    max-width: 650px;
    margin: auto;
    text-align: center;
}
.filter-options li{
    display: inline-block;
    width: auto;
    margin: 0 .8rem;
}
.filter-options li a{
    padding: .5rem 0;
    display: block;
}
/*.filter-options li a:hover, .filter-options li a:focus{
    text-decoration: underline;
}*/
.filter-options li a img{
    width: 20px;
    height: 20px;
    margin-right: .1rem;
}
.filter-options-content .custom-control{
    text-align: left;
}
 
.filter-options-header p input {
	width: 30%;
    text-align: center;
    border: none;
    background: transparent;
    height: auto;
}
.filter-options li.range-bg {
    border-radius: 2px;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    width: 40%;
    padding: 0;
}
.ui-slider-horizontal {
    height: .5em;
	margin: 1rem 1.6rem 1rem 1.6rem;
}
.ui-widget-header {
    border: 1px solid #e6e6e6;
    background: #666666;
	color: #222222;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-widget.ui-widget-content {
    border: 1px solid #e6e6e6;
	background-color: #ffffff;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
	border-radius: 2px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.45em;
    margin-left: -.6em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #222222;
    cursor: pointer;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #000000;
    background: #000000;
}
    
.dropdown-menu.filter-options.filter-ansicht{
    width: auto;
}
.dropdown-menu.filter-options.filter-sort{
    min-width: 10rem;
}
    
.item-colors{
    display: block;
}
.item-colors-mobile{
    display: none;
}
/* ------ / ARTIKEL OVERVIEW ------ */
	
	
/* -------- ARTIKEL DETAIL -------- */
.artd-content h1{
    margin-top: 3rem;
}
.mt-6 {
    margin-top: 4rem;
}
/* ------- / ARTIKEL DETAIL ------- */
	
	
/* ---------- WUNSCHZETTEL ---------- */
.wishlist-content .item a.wishlist{
	opacity: 0;
}
.wishlist-content .item:hover a.wishlist {
    opacity: 1;
}
.wishlist-content .item a.wishlist img {
    width: 18px;
    height: 18px;
}
.wishlist-content .item .form-group {
    margin-bottom: 1rem;
}
/* --------- / WUNSCHZETTEL --------- */
	
	
/* ----------- WARENKORB ----------- */
.gutscheincode{
    margin-bottom: 0;
} 
.gutscheincode input#InputCode.form-control {
    min-width: 280px;
}
/* ---------- / WARENKORB ---------- */
	
	
/* ------------ CHECKOUT ------------ */	
.wk-checkout{
	margin-top: 2rem;
}
.wk-checkout h1{
    margin: 2rem 0 3rem 0;
}
.adresse-change .btn {
	width: auto;
    margin: 1rem 0 1rem 0;
}
.wk-checkout form.collapse{
    margin-top: 0;
}
.checkout-option-info.zahlungsart-info{
	display: none;
}
.checkout-option.aktiv .checkout-option-info.zahlungsart-info{
	display: none;
}
/* ----------- / CHECKOUT ----------- */


/* ------------ ÜBER UNS ------------ */
.content-ueberuns h1, .content-ueberuns h2{
    margin-top: 0;
}
.content-ueberuns p{
    margin: 0;
}
.textonly-uberuns-bg{
    padding: 4rem 4rem;
    margin-bottom: 3rem;
}
.textonly-uberuns p{
    font-size: 1.06667rem;
}
/* ----------- / ÜBER UNS ----------- */
    
    
/* ---------- KUNDENKONTO ---------- */
.kundenkonto .content .table-responsive{
    overflow-x: auto;
}
/* --------- / KUNDENKONTO --------- */
/* -------------------------- / CONTENT -------------------------- */	
	
	
	
/* ---------------------------- FOOTER ---------------------------- */
.footer-nav{
	padding: 1.7rem 0 1rem 0;
	font-size: .93333rem;
}
.footer-nav .container{
    max-width: 960px;
}
.headline-footer a{
	text-align: left;
	font-size: .73333rem;
	padding: 0;
	padding-bottom: .66667rem;
	cursor: default;
	border: none;
}	
.headline-footer a:last-child{
	border: none;
}
.headline-footer a:hover, .headline-footer a:focus {
	color: #222222;
}
.footer-nav .fas.fa-angle-down{
	display: none;
}
.footer-nav ul{
	padding: 0;
    display: block;
	background-color: transparent;
    text-align: left;
}
.footer-nav li a{
	padding-bottom: .5rem;
	line-height: 1.5;
    font-size: .73333rem;
}
.footer-nav li a:hover, .footer-nav li a:focus{
	text-decoration: underline;
}
/*.footer-nav li a .fas.fa-angle-right{
	width: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s, opacity .3s ease-in-out;
	-moz-transition: visibility 0s, opacity .3s ease-in-out;
	-o-transition: visibility 0s, opacity .3s ease-in-out;
	transition: visibility 0s, opacity .3s ease-in-out;
}
.footer-nav li a:hover .fas.fa-angle-right{
	width: auto;
	visibility: visible;
	opacity: 1;
	padding-right: .3rem;
}*/
.sprachwahl{
    font-size: .73333rem;
}	

    
.payment {
    padding: 1rem 0;
    margin-top: 4rem;
}
.payments { 
	display: inline-block;
}
.payments img{ 
	display: inline-block;
    margin: 0;
	margin-right: 1.3rem;
	position: relative;
	width: auto;
    height: 30px;
}
.payments a{ 
	display: inline-block;
}
.socials {
	margin: 0;
    display: inline-block;
    text-align: left;
    padding-right: 2rem;
    margin-right: 2rem;
    border-right: 1px solid #222222;
}
.socials img{
	width: 30px;
	height: 30px;
	margin: 0;
	margin-left: 1rem;
}
.footer-socials{
    border-top: 1px solid #e6e6e6;
	font-size: .66667rem;
}
.footer-links{
    text-align: left;
}
.footer-links a {
    padding: 0 1rem;
	font-size: .73333rem;
}
.footer-links a:hover, .footer-links a:focus{
    color: #222222;
}
.mwst-info{
	font-size: .66667rem;
	text-align: left;;
	margin: 0;
}
/* ---------------------------- / FOOTER ---------------------------- */
}




/* -------------------------- Extra large devices (large desktops, 1200px and up) -------------------------- */
@media screen and (min-width: 1200px) {
.px-30 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-xl-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}
	
/* ---------------------------- HEADER ---------------------------- */	
li.dropdown:hover > ul.dropdown-menu, li.dropdown:hover > .dropdown-menu, li.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
	overflow-x: hidden;
}
.shop-icons li a {
    padding: .997rem .8rem;
}
.shop-icon-user, .shop-icon-search, .shop-icon-wishlist, .shop-icon-bag {
    margin-right: .1rem;
    margin-top: -.1rem;
}
/*.navbar-expand-lg .navbar-nav .dropdown-menu{
    left: -4rem;
}*/
	
.head .logo a{
	padding: 0 .5rem;
} 
.head .logo img{
	width: auto;
	height: 31px;
}  
.head .logo a:first-child{
	margin-bottom: 0;
	margin-top: 0;
} 
/* --------------------------- / HEADER --------------------------- */
	
    
.ad-images{
    padding-right: 1rem;
}
.footer-nav .container{
    max-width: 1140px;
}
}




/* ----------------------- Super large devices (super large desktops, 1500px and up) ----------------------- */
@media screen and (min-width: 1500px) {
.px-xxl-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}
}




/* ---------------------------- CHECKOUT HEADER ---------------------------- */
/* ---------------------------- / CHECKOUT HEADER ---------------------------- */


/* ---------------------------- CHECKOUT CONTENT ---------------------------- */
/* ---------------------------- / CHECKOUT CONTENT ---------------------------- */


#bittewarten {
	margin-top:100px; 
	margin-left:200px;
	text-align:center;
}

/* ---------------------------- CHECKOUT FOOTER ---------------------------- */
/* ---------------------------- / CHECKOUT FOOTER ---------------------------- */




/* ---------- IMPRESSUM ----------  */

/* ---------- / IMPRESSUM ---------- */



/* ---------- SUCHERGEBNISSE ---------- */
/* --------- / SUCHERGEBNISSE --------- */



/* ------------- 404-SEITE ------------- */
/* ------------ / 404-SEITE ------------ */