::selection {
         background: #89cbaa;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

::-moz-selection {
         background: #89cbaa;
         color: #ffffff;
         text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

html, body {
         margin:0%;
         padding:0%;
         width:100%;
         height:100%;
}

body {
         font-family:'Montserrat', Arial, Verdana, Sans-Serif;
         font-size:14px;
         color:#888888;
         line-height:28px;
         background:#efefef;
         -webkit-text-size-adjust: none;
         overflow-x:hidden;
}

         @media screen and (min-width:0px) and (max-width:768px) {
                 body {
                         font-size:12px;
                         line-height:22px;
                 }
         }

img {
         border:none;
}

a {
         color:#888888;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

a:hover {
         color:#89cbaa;
}

h1 {
         color:#89cbaa;
         font-family:"Anton";
         font-size:50px;
         margin-top:0px;
         line-height:70px;
         font-weight:200;
         text-transform:uppercase;
         text-align:center;
}


h2 {
         color:#89cbaa;
         font-family:"Anton";
         font-size:30px;
         margin-top:0px;
         line-height:70px;
         font-weight:200;
         text-transform:uppercase;
         text-align:center;
	 position:relative;
}

h1 span.headline-highlight,
h2 span.headline-highlight {
	color:#e97791;
	font-size:35px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.10);	
	font-family: "Meow Script", cursive;
	font-weight:bold;
	text-transform:none;
	position:absolute;
	top:20px;
	left:50%;
	transform: translateX(-50%);
	overflow: hidden; 
  	text-overflow: ellipsis;
  	white-space: nowrap;
}

         @media screen and (min-width:320px) and (max-width:729px) {
                 h1 {
                         font-size:25px;
                         line-height:35px;
                 }

                 h2 {
                         font-size:20px;
                         line-height:35px;
                 }

		 h1 span.headline-highlight,
		 h2 span.headline-highlight {
			 font-size:20px;
			 top:15px;
		 }
         }

h3 {
         color:#89cbaa;
         font-family:"Montserrat";
         font-size:20px;
         line-height:40px;
         font-weight:black;
         text-transform:uppercase;
}

         @media screen and (min-width:320px) and (max-width:729px) {
                 h3 {
                         font-size:15px;
                         line-height:20px;
                 }
         }

.floatLeft {
        float:left;
}

.floatRight {
        float:right;
}

.clear {
        clear:both;
}

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

.btn {
	 border:none;
	 cursor:pointer;
         text-align:center;
         text-transform:uppercase;
         position:relative;
         border-radius:40px;
         padding:25px 75px;
         display:inline-block;;
         text-decoration:none;
         font-weight:bold;
         font-size:16px;
	 font-family:'Montserrat','Lato', 'Helvetica', Arial, Verdana, Sans-Serif;
         margin:50px 0px 50px 0px;
	 -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
}

.btn:after {
         position:absolute;
         top:4px;
         left:4px;
         border-radius:37px;
         border:2px solid #fff;
         width:calc(100% - 12px);
         height:calc(100% - 12px);
         content:" ";
}

.btn.green {
         background:#89cbaa;
         color:#ffffff;
         text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
         -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
}

.btn.green:hover {
         background:#f08c9a;
}

.btn.white {
         background:#ffffff;
         color:#89cbaa;
         text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
         -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
         box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.25);
}

.btn.white:hover {
         background:#f08c9a;
	 color:#ffffff;
	 text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.btn.white:after {
         position:absolute;
         top:4px;
         left:4px;
         border-radius:37px;
         border:2px solid #89cbaa;
         width:calc(100% - 12px);
         height:calc(100% - 12px);
         content:" ";
}

.btn.white:hover:after {
	border:2px solid #ffffff;
}

#staticBtn {
	display:none;
	width:100%;
	background: #EFEFEF;
	background: linear-gradient(0deg,rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:99;
}

#staticBtn .btn {
	width:calc(100% - 190px);
	margin:50px 20px 50px 20px;
}

         @media screen and (min-width:0px) and (max-width:768px) {	
		.btn {
         		padding:15px 50px;
         		font-size:12px;
		}

		.btn:after {
         		border:1px solid #fff;
         		width:calc(100% - 9px);
         		height:calc(100% - 9px);
		}

		.btn.green {
         		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
         		-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
         		-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
         		box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
		}

		.btn.white {
         		-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
         		-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
         		box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
		}

		.btn.white:after {
         		border:1px solid #89cbaa;
         		width:calc(100% - 9px);
         		height:calc(100% - 9px);
		}

		.btn.white:hover:after {
			border:1px solid #ffffff;
		}
		
		#staticBtn {
			display:block;
		}

		#staticBtn .btn {
			width:calc(100% - 140px);
			padding:20px 50px;
			font-size:14px;
			margin:50px 20px 50px 20px;
		}

         }


.wrapper {
	position:relative;
	margin:0px auto 0px auto;
	max-width:1200px;
}

.full-width {
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
}

         @media screen and (min-width:320px) and (max-width:767px) {
                .wrapper {
			width:90%;
			margin:0px 5% 0px 5%;
		}
         }

section {
	margin:0px auto 100px auto;
}

section#einleitung {
	text-align:center;
}

/************************************************************************************************************************
************************************************************************************************************************
         NAVIGATION STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#navBG {
         display:none;
}

#navBar {
	width:calc(100% - 40px);
	margin:0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
	height:80px;
}

#navBar #logo img {
         width:150px;
         position: absolute;
	 top:18px;
         left: 50%;
         transform: translate(-50%, 0%);
}

#navBar .navOpenBtn {
	width:17px;
	height:13px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        padding:13px 8px 7px 8px;
        background:#89cbaa;
        -moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
        cursor:pointer;
        position:fixed;
        top:25px;
	z-index:99999;
        display:block;
}

#navBar .navOpenBtn:hover {
	background:#e97791;
}

#navBar .navOpenBtn span {
	position: relative;
        top:-3px;
        display: inline-block;
        width: 100%;
        height: 7px;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

#navBar .navOpenBtn span:before {
	content: "";
        position: absolute;
        top: 2px;
        left: 0px;
        width: 100%;
        border-top: 3px solid #fff;
}

#navBar #navBG {
	width:100%;
        height:100%;
        background:rgba(0,0,0,0.25);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position:fixed;
        top:0px;
        left:0px;
        z-index:99999;
        display:none;
}

#navBar nav ul {
	width:300px;
        z-index:999999;
        position:fixed;
        left:-390px;
        top:1.25%;
        background: rgba(255,255,255,1);
        height:calc(100% - 2.5%);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        margin:0% 0px 1.25% 0px;
        padding:0px;
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomright: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
}

#navBar nav ul a.close {
	height:70px;
        cursor:pointer;
        display:block;
        position:relative;
        border-bottom:1px solid #efefef;
}

#navBar nav ul a.close:hover {
	background:none;
}

#navBar nav ul li.close a {
	background:#fff;
	padding:4% 10% 4% 10%;
	color:#888;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	font-weight:bold;
	cursor:pointer;
}

#navBar nav ul li.close a .close-icon {
	width:20px;
	height:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:block;
	background:rgba(33, 151, 213, 1);
	position:relative;
	top:5px;
	margin-right:10px;
	display:inline-block;
	overflow:hidden;
}

#navBar nav ul li.close a .close-icon:before,
#navBar nav ul li.close a .close-icon:after {
	content: '';
        position:absolute;
        height:2px;
        width:10px;
        top:50%;
        left:26%;
        margin:-1px 0px 0px 0px;
        background:#fff;
}

#navBar nav ul li.close a .close-icon:before {
	transform: rotate(45deg);
}

#navBar nav ul li.close a .close-icon:after {
	transform:rotate(-45deg);
}

#navBar nav a.close span.close-icon {
	width:30px;
	height:30px;
	background:#89cbaa;
	border-radius:100%;
	display:block;
	position:absolute;
	z-index:9;
	top:20px;
	left:50%;
	margin-left:-17px;
	cursor:pointer;
	transition: all 0.25s linear 0.25s;
	-moz-transition: all 0.25s linear 0.25s;
	-o-transition: all 0.25s linear 0.25s;
	-webkit-transition: all 0.25s linear 0.25s;
}

#navBar nav ul a.close span.close-icon:hover {
	background:#e97791;
}

#navBar nav ul a.close span.close-icon:hover {
	animation: shadow-pulse 1s infinite;
	-webkit-animation: shadow-pulse 1s infinite;
	-moz-animation: shadow-pulse 1s infinite;
	-o-animation: shadow-pulse 1s infinite;
}

#navBar nav ul a.close span.close-icon:before {
	transform: rotate(45deg);
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:17px;
	top:50%;
	left:24%;
	margin:-2px 0px 0px 0px;
	background:#fff;
	border-radius:2px;
	z-index:10;
}

#navBar nav ul a.close span.close-icon:after {
	transform:rotate(-45deg);
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:17px;
	top:50%;
	left:24%;
	margin:-2px 0px 0px 0px;
	background:#fff;
	border-radius:2px;
	z-index:10;
}

#navBar nav ul li {
	list-style:none;
	border-right:none;
	width:100%;
	padding:0px;
	margin:0px;
	position:relative;
}

#navBar nav ul li:hover {
	color:#fff;
}
			 
#navBar nav ul li:first-child,
#navBar nav ul li:nth-child(2) {
	display:block;
}

#navBar nav ul li a {
	display:block;
	border-bottom:1px solid #efefef;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:100%;
	padding:10px 0px 10px 0px;
}

#navBar nav ul li:hover a {
	background:#89cbaa;
	color:#fff;
	border-radius:0px;
}

/************************************************************************************************************************
************************************************************************************************************************
         HEADER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
header {
	position:relative;
	background:#89cbaa;
	border-radius:20px;
	width:calc(100% - 40px);
	height:600px;
	margin:0px 20px 100px 20px;
}

         @media screen and (min-width:320px) and (max-width:767px) {
                header {
			height:250px;
		}
         }

header img {
	position:absolute;
	bottom:0px;
	left:50%;
	padding:0px 20px auto 20px;
	max-width:calc(100% - 40px);
	transform: translateX(-50%);
}

/************************************************************************************************************************
************************************************************************************************************************
         ATTRIBUTES STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
ul#attributes {
		width:100%;
		margin:0px;
		padding:0px;
}

ul#attributes .slick-list .slick-slide   {
		transition: all 0.2s ease;
		filter:blur(5px);
	    	transform: scale(0.75);
		width: 100%;
		transition: all 0.5s;
		list-style:none;
		padding:0px;
		margin:0px 0px 30px 0px;
}

ul#attributes .slick-list .slick-slide.slick-current {
		float:left;
		width:calc(100% - 0px); 
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		filter:blur(0px);
	    	transform: scale(1.0);
        	max-width: initial;
}

ul#attributes .slick-list .slick-slide li .slideContentInner .text {
        	background:#ffffff;
        	-webkit-border-radius: 20px;
        	-moz-border-radius: 20px;
        	border-radius: 20px;
        	padding:60px 25px 25px 25px;
        	text-align:center;
		position:relative;
		top:-55px;
}

ul#attributes .slick-list .slick-slide li .slideContentInner .text h3 {
		line-height:30px;
		font-size:25px;
		font-family:"Anton";
		font-weight:200;
		text-shadow:none;
}

ul#attributes .slick-list .slick-slide li .slideContentInner .icon {
        	border:10px solid #efefef;
        	border-radius:100%;
        	background:#fff;
        	position:relative;
        	top:-50px;
        	left:calc(50% - 55px);
		z-index:9999;
        	width:90px;
        	height:90px;
        	display:flex;
        	align-items: center;
        	justify-content: center;
        	opacity: 0;
        	transition: all 0.5s ease-out 0s;
        	-moz-transition: all 0.5s ease-out 0s;
        	-o-transition: all 0.5s ease-out 0s;
        	-webkit-transition: all 0.5s ease-out 0s;
}

ul#attributes .slick-list .slick-slide.slick-current li .slideContentInner .icon {
         	position:relative;
         	top:0px;
         	left:calc(50% - 55px);
         	opacity: 1;
		z-index:9999;
         	transition: all 0.5s ease-out 0.3s;
         	-moz-transition: all 0.5s ease-out 0.3s;
         	-o-transition: all 0.5s ease-out 0.3s;
         	-webkit-transition: all 0.5s ease-out 0.3s;
}

ul#attributes .slick-list .slick-slide.slick-current li .slideContentInner .icon:after {
		position:absolute;
		top:2px;
		left:2px;
		width:82px;
		height:82px;
		border:2px solid #efefef;
		content:" ";
		border-radius:100%;
}

ul#attributes .slick-list .slick-slide li .slideContentInner .icon img {
         	position:relative;
         	bottom:-100px;
         	opacity: 0;
         	transition: all 0.5s ease-out 0s;
         	-moz-transition: all 0.5s ease-out 0s;
         	-o-transition: all 0.5s ease-out 0s;
         	-webkit-transition: all 0.5s ease-out 0s;
}

ul#attributes .slick-list .slick-slide.slick-current li .slideContentInner .icon img  {
         	opacity: 1;
		width:60px;
         	bottom:0px;
         	transition: all 0.5s ease-out 0.3s;
         	-moz-transition: all 0.5s ease-out 0.3s;
         	-o-transition: all 0.5s ease-out 0.3s;
         	-webkit-transition: all 0.5s ease-out 0.3s;
}

         @media screen and (min-width:320px) and (max-width:729px) {
				ul#attributes .slick-list .slick-slide li .slideContentInner .text h3 {
						line-height:20px;
						font-size:15px;
				}
         }

/************************************************************************************************************************
************************************************************************************************************************
         EIGENSCHAFTEN SLIDER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/

/********** SLIDER GENERAL **********/
.slick-slider {
         position: relative;
         display: block;
         box-sizing: border-box;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-touch-callout: none;
         -khtml-user-select: none;
         -ms-touch-action: pan-y;
         touch-action: pan-y;
         -webkit-tap-highlight-color: transparent;
}

.slick-list {
         position: relative;
         display: block;
         overflow: hidden;
         margin: 0px;
         padding: 0px;
}

.slick-list:focus {
         outline: none;
}

.slick-list.dragging {
         cursor: pointer;
         cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
         position: relative;
         top: 0px;
         left: 0px;
         display: block;
         margin-left: auto;
         margin-right: auto;
}

.slick-track:before,
.slick-track:after {
         display: table;
         content: '';
}

.slick-track:after {
         clear: both;
}

.slick-loading .slick-track {
         visibility: hidden;
}

.slick-slide {
         display: none;
         float: left;
         height: 100%;
         min-height: 1px;
}

[dir='rtl'] .slick-slide {
         float: right;
}

.slick-slide img {
         display: block;
}

.slick-slide.slick-loading img {
         display: none;
}

.slick-slide.dragging img {
         pointer-events: none;
}

.slick-initialized .slick-slide {
         display: block;
}

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

.slick-vertical .slick-slide {
         display: block;
         height: auto;
         border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
         display: none;
}

.slick-prev,
.slick-next {
         font-size: 0!important;
         line-height: 0!important;
         position: absolute!important;
         top: 50%!important;
         z-index:10!important;
         display: flex!important;
         padding: 0!important;
         -webkit-transform: translate(0, -50%)!important;
         -ms-transform: translate(0, -50%)!important;
         transform: translate(0, -50%)!important;
         cursor: pointer!important;
         color: transparent!important;
         outline: none!important;
         background: #efefef!important;
	 justify-content:center!important;
	 align-items:center!important;
         -moz-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
         -webkit-transition: all .4s ease-in;
         transition: all .4s ease-in;
	 border:none!important;
	 border-radius:50%!important;
	 width: 35px!important;
         height: 35px!important;
}

.slick-prev {
	left:10px!important;
}

.slick-next {
	right:10px!important;
}

.slick-prev:before,
.slick-next:before {
	opacity:1!important;
	color:#a6a6a6!important;
	font-size:25px!important;
        display: flex!important;
	justify-content:center!important;
	align-items:center!important;
	font-family:"Font Awesome 6 Sharp"!important;	
	-moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
}

.slick-prev:before {
	content:"\f137"!important;
}

.slick-next:before {
	content:"\f138"!important;
}

.slick-prev:hover:before,
.slick-next:hover:before {
         color:#89cbaa!important;
}

ul.slick-dots {
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:center;
	height:20px;
}

ul.slick-dots li {
	float:left;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#e4e4e4;
	margin:0px 5px 0px 5px;
	-moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
}

ul.slick-dots li.slick-active {
	background:#e97791;
	width:15px;
	height:15px;
}

ul.slick-dots li button {
	display:none;
}

         /********** MIN. 320px - MAX. 480px **********/
         @media screen and (min-width:320px) and (max-width:480px) {
                   .slick-prev,
                   .slick-prev:hover {
                           left: -35px;
                  }

                  .slick-next,
                  .slick-next:hover {
                           right: -35px;
                  }
         }

/************************************************************************************************************************
************************************************************************************************************************
         PRODUCTS STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#product {
	text-align:center;
}

#product ul#productSlider {
	width:100%;
	padding:0px;
	margin:50px 0px 0px 0px;
	list-style:none;
	border-radius:20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

#product ul#productSlider li.sliderContent {
	background:url("img/productshadow.png") no-repeat bottom center #e4e4e4;
	aspect-ratio : 1 / 1;
  	width:100%;
	display:block;
	position:relative;
	float:left;
}

#product ul#productSlider li.sliderContent:first-child,
#product ul#productSlider li.sliderContent:first-child img {
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

#product ul#productSlider li.sliderContent:nth-child(4),
#product ul#productSlider li.sliderContent:nth-child(4) img {
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}

#product ul#productSlider li.sliderContent:last-child,
#product ul#productSlider li.sliderContent:last-child img,
#product ul#productSlider li.sliderContent:last-child a.add-to-cart {
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
}

#product ul#productSlider li.sliderContent:nth-child(5),
#product ul#productSlider li.sliderContent:nth-child(5) img,
#product ul#productSlider li.sliderContent:nth-child(5) a.add-to-cart {
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
}

         /********** MIN. 320px - MAX. 1024px **********/
         @media screen and (min-width:320px) and (max-width:1024px) {
		#product ul#productSlider {
			width:50%;
			margin:0px auto 0px auto;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: repeat(4, 1fr);
			grid-column-gap: 5px;
			grid-row-gap: 5px;
		}
	 }

         /********** MIN. 320px - MAX. 767px **********/
         @media screen and (min-width:320px) and (max-width:767px) {
		#product ul#productSlider {
			width:100%;
		}
         }

	 /********** MIN. 320px - MAX. 1024px **********/
         @media screen and (min-width:320px) and (max-width:1024px) {
		#product ul#productSlider li.sliderContent:nth-child(2),
		#product ul#productSlider li.sliderContent:nth-child(2) img {
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topright: 20px;
			border-top-right-radius: 20px;
		}

		#product ul#productSlider li.sliderContent:nth-child(4),
		#product ul#productSlider li.sliderContent:nth-child(4) img {
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;
		}

		#product ul#productSlider li.sliderContent:nth-child(5),
		#product ul#productSlider li.sliderContent:nth-child(5) img,
		#product ul#productSlider li.sliderContent:nth-child(5) a.add-to-cart {
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-bottom-left-radius: 0px;
		}

		#product ul#productSlider li.sliderContent:nth-child(7),
		#product ul#productSlider li.sliderContent:nth-child(7) img,
		#product ul#productSlider li.sliderContent:nth-child(7) a.add-to-cart {
			-webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-bottomleft: 20px;
			border-bottom-left-radius: 20px;
		}
         }

#product ul#productSlider li.sliderContent:after {
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	border:10px solid #e4e4e4;
	content:" ";
	display:none;
}

#product ul#productSlider li.sliderContent img {
	position:absolute;
	bottom:0px;
	left:50%;
	transform: translateX(-50%);
	aspect-ratio : 1 / 1;
	display:block;
}

         /********** MIN. 320px - MAX. 1024px **********/
         @media screen and (min-width:320px) and (max-width:1024px) {
		#product ul#productSlider li.sliderContent img {
			width:100%;
	 	}
         }

#product ul#productSlider li.sliderContent span.ml {
	position:absolute;
	top:10px;
	left:10px;
	z-index:999;
	width:50px;
	height:50px;
	border-radius:100%;
	border:5px solid #efefef;
	background:#ffffff;
	font-size:10px;
	display: flex;
        justify-content: center;
        align-items: center;
}

         /********** MIN. 320px - MAX. 1024px **********/
         @media screen and (min-width:320px) and (max-width:767px) {
		#product ul#productSlider li.sliderContent span.ml {
			width:35px;
			height:35px;
			border:5px solid #efefef;
			font-size:8px;
		}
         }

#product ul#productSlider li.sliderContent a.add-to-cart {
	display:block;
	background:#e4e4e4;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;	
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	padding:10px 0px 10px 0px;
}

#product ul#productSlider li.sliderContent a.add-to-cart:hover {
	background:#89cbaa;
	color:#fff;
}

         /********** MIN. 320px - MAX. 1024px **********/
         @media screen and (min-width:320px) and (max-width:1024px) {
		#product ul#productSlider li.sliderContent a.add-to-cart {
			padding:5px 0px 5px 0px;
	 	}
         }


/************************************************************************************************************************
************************************************************************************************************************
         KUNDENSTIMMEN STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#kundenstimmen {
	text-align:center;
}

#kundenstimmen .wrapper .reviewSlider {
	width:100%;
}

         /********** MIN. 320px - MAX. 480px **********/
         @media screen and (min-width:320px) and (max-width:480px) {
		#kundenstimmen .wrapper .reviewSlider:after {
			content:" ";
			position:absolute;
			top:0px;
			left:0px;
			z-index:99;
			height:100%;
			width:50px;
			background: #EFEFEF;
			background: linear-gradient(90deg,rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
		}

		#kundenstimmen .wrapper .reviewSlider:before {
			content:" ";
			position:absolute;
			top:0px;
			right:0px;
			z-index:99;
			height:100%;
			width:50px;
			background: #EFEFEF;
			background: linear-gradient(270deg,rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
		}
         }


#kundenstimmen .wrapper .reviewSlider .slideContent {
	width:calc(100% - 20px);
	margin:0px 10px 40px 10px;
	padding-top:40px;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner {
	background:#fff;
	border-radius:20px;
	text-align:center;
	padding:0px 20px 20px 20px;
	width:calc(100% - 40px);
	font-size:12px;
	max-height:300px;
	min-height:300px;
	transition: transform 500ms;
	position:relative;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner:hover {
	transform: translateY(-20px);		
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner:after {
	background: #ffffff;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	content:" ";
	width:100%;
	height:100px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:99;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner .icon {
	max-width:25px;
	max-height:25px;
	border-radius:100%;
	padding:5px;
	background:#fff;
	border:3px solid #efefef;
	position:relative;
	top:-20px;
	left:calc(50% - 16.5px);
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner .rating {
	display:block;
	width:100%;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner .rating span {
	margin:0px 2.5px 10px 2.5px;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner .rating span.checked {
	color:#ffd050;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner span.name {
	font-weight:bold;
}

#kundenstimmen .wrapper .reviewSlider .slideContent .slideContentInner p {
	margin-top:0px;	
	line-height:25px;
}

/************************************************************************************************************************
************************************************************************************************************************
         KUNDENSTIMMEN STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#upsell {
	background:#89cbaa;
	width:calc(100% - 40px);
	margin:0px 20px 100px 20px;
	padding:50px 0px 0px 0px;
	border-radius:20px;
	text-align:center;
	color:#ffffff;
}

#upsell h2 {
	color:#ffffff;
}

/************************************************************************************************************************
************************************************************************************************************************
         FAQ STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
#faq {
         width:768px;
         margin:0px auto 0px auto;
         text-align:center;
}

ul.accordion {
        margin-bottom:50px;
        list-style:none;
        padding:0px;
        width:570px;
        text-align:left;
         margin:50px auto 50px auto;
}

ul.accordion li {
        list-style:none;
        width:100%;
        border-bottom:1px solid #dddddd;
        margin-bottom:20px;
        padding-bottom:20px;
}

ul.accordion li span.question {
        background:none;
        color:#888888;
        border:none;
        display:block;
        font-family:'Montserrat';
        text-transform:none;
        font-weight:400;
        font-size:14px;
        cursor:pointer;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin:0px;
        padding:0px;
        position:relative;
}

ul.accordion li span.question span.number {
         margin-right:10px;
         font-weight:600;
}

ul.accordion li span.question.ui-state-active {
        font-weight:600;
}

ul.accordion li span.question span.ui-accordion-header-icon {
         display:none;
}

ul.accordion div.answer {
        color:#a6a6a6;
        padding-top:20px;
        padding-bottom:10px;
        padding-left:30px;
		border:none;
		background:none;
		font-family:"Montserrat";
		font-size:14px;
		line-height:28px;
}

         @media screen and (min-width:0px) and (max-width:768px) {
                  #faq {
                           width:100%;
                  }

                  ul.accordion {
                          width:100%;
                  }

                  ul.accordion li {
                         margin-bottom:15px;
                         padding-bottom:15px;
                  }

                  ul.accordion li span.question {
                          font-size:12px;
                  }

		  ul.accordion div.answer {
			padding-top:15px;
			padding-bottom:5px;
			padding-left:30px;
			font-size:12px;
			line-height:20px;
		 }
         }

/************************************************************************************************************************
************************************************************************************************************************
         FOOTER STARTS HERE
************************************************************************************************************************
************************************************************************************************************************/
footer {
	width:calc(100% - 40px);
	margin:0px 20px 0px 20px;
	padding:0px 0px 20px 0px;
}

footer #footer-inner {
	background:#fff;
	width:calc(100% - 40px);
	padding:20px;
	border-radius:20px;
}

footer #footer-inner img {
	width:120px;
	float:left;
}

footer #footer-inner ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}

footer #footer-inner ul li {
	float:left;
}

footer #footer-inner ul li a {
	text-decoration:none;
	text-transform:uppercase;
	margin:0px 10px 0px 10px;
	font-size:10px;
}

         @media screen and (min-width:0px) and (max-width:768px) {	
		footer {
			text-align:center;
			padding:0px 0px 150px 0px;	
		}
		
		footer #footer-inner img {
			float:none;
		}
		
		footer #footer-inner ul {
			margin-top:20px;
			float:none;	
		}
		
		footer #footer-inner ul li {
			width:100%;
		}

		footer #footer-inner ul li a {
			margin:0px;
		}
         }