/******************************************************************************************/
/*
/* HINTERGRÜNDE
/*
/******************************************************************************************/

/* Hintergründe Startseite
* --------------------------------------- */
#startseite #section0 {background-image: url(../images/startseite-hg.jpg);}
.kat1 .bg-left {background-image: url(../images/kat3-backdoor-regenerating.jpg);}
.kat2 .bg-right {background-image: url(../images/kat5-1-new.jpg);} 
.kat3 .bg-left {background-image: url(../images/kat1-aqua.jpg);}

/* Hintergründe Kategorie1 - Sex & Relax
* --------------------------------------- */
#kat1 #section0 {background-image: url(../images/kat1-0.jpg);}

#kat1 #section1 .bg-left {background-image: url(../images/kat1-3.jpg);}
#kat1 #section2 .bg-right {background-image: url(../images/kat1-2.jpg);}
#kat1 #section3 .bg-left {background-image: url(../images/kat1-light.jpg);}
#kat1 #section4 .bg-right {background-image: url(../images/kat1-b-silicone.jpg);}  
#kat1 #section5 .bg-left {background-image: url(../images/kat1-man-premium-extreme_neu.jpg);}

/*#kat1 #section6 .bg-right {background-image: url(../images/kat1-man-basic-personalglide.jpg);}*/

#kat1 #section6 .bg-right {background-image: url(../images/kat1-aqua.jpg);} 
#kat1 #section7 .bg-left {background-image: url(../images/kat1-woman-aqua.jpg);}
#kat1 #section8 .bg-right {background-image: url(../images/kat1-woman-nude.jpg);}  
#kat1 #section9 .bg-left {background-image: url(../images/kat1-aloe.jpg);}
#kat1 #section10 .bg-right {background-image: url(../images/kat1-vegan2.jpg);}  
#kat1 #section11 .bg-left {background-image: url(../images/kat1-b-water.jpg);}
#kat1 #section12 .bg-right {background-image: url(../images/kat1-aqua-panthenol.jpg);}
/*
#kat1 #section12 .bg-right {background-image: url(../images/);}  
#kat1 #section13 .bg-left {background-image: url(../images/kat1-man-b-water.jpg);}
*/
/* Hintergründe Kategorie2- Stimulation
* --------------------------------------- */
#kat2 #section0 {background-image: url(../images/kat2-0.jpg);}

#kat2 #section1 .bg-left {background-image: url(../images/kat2-cool.jpg);}
#kat2 #section2 .bg-right {background-image: url(../images/kat2-2.jpg);}
#kat2 #section3 .bg-left {background-image: url(../images/kat2-myglide.jpg);}
#kat2 #section4 .bg-right {background-image: url(../images/kat2-myspray.jpg);}
#kat2 #section5 .bg-left {background-image: url(../images/kat2-xtend2.jpg);}
#kat2 #section6 .bg-right {background-image: url(../images/kat2-steel.jpg);}
#kat2 #section7 .bg-left {background-image: url(../images/kat2-superhero-serum.jpg);}
#kat2 #section8 .bg-right {background-image: url(../images/kat2-superhero-strong-spray.jpg);}
#kat2 #section9 .bg-left {background-image: url(../images/kat2-superhero-performance-spray.jpg);}
#kat2 #section10 .bg-right {background-image: url(../images/kat2-toy-lube.jpg);}
#kat2 #section11 .bg-left {background-image: url(../images/kat2-toy-clean.jpg);}

/* Hintergründe Kategorie3 - Anal Play
* --------------------------------------- */
#kat3 #section0 {background-image: url(../images/kat3-0.jpg);}

#kat3 #section1 .bg-left {background-image: url(../images/kat3-backdoor-regenerating.jpg);}
#kat3 #section2 .bg-right {background-image: url(../images/kat3-backdoor-silicone.jpg);}
#kat3 #section3 .bg-left {background-image: url(../images/kat3-backdoor-water.jpg);}
#kat3 #section4 .bg-right {background-image: url(../images/kat3-3.jpg);}
#kat3 #section5 .bg-left {background-image: url(../images/kat3-analyse-water.jpg);}
#kat3 #section6 .bg-right {background-image: url(../images/kat3-backdoor-spray.jpg);}
#kat3 #section7 .bg-left {background-image: url(../images/kat3-analyse-spray.jpg);}
#kat3 #section8 .bg-right {background-image: url(../images/kat3-backdoor-serum.jpg);}
#kat3 #section9 .bg-left {background-image: url(../images/kat3-analyse-serum.jpg);}

/* Hintergründe Kategorie4 - Fetisch & Szene
* --------------------------------------- */
#kat4 #section0 {background-image: url(../images/kat4-0.jpg);}

#kat4 #section1 .bg-left {background-image: url(../images/kat4-1.jpg);}
#kat4 #section2 .bg-right {background-image: url(../images/kat4-3.jpg);}
#kat4 #section3 .bg-left {background-image: url(../images/kat4-2.jpg);}

/* Hintergründe Kategorie5 - Massage & Verführung
* --------------------------------------- */
#kat5 #section0 {background-image: url(../images/kat5-0-new.jpg);}

#kat5 #section1 .bg-left {background-image: url(../images/kat5-1-new.jpg);}
#kat5 #section2 .bg-right {background-image: url(../images/kat5-2.jpg);}
#kat5 #section3 .bg-left {background-image: url(../images/kat5-3-new.jpg);}
#kat5 #section4 .bg-right {background-image: url(../images/kat5-4-new.jpg);}  
#kat5 #section5 .bg-left {background-image: url(../images/kat5-5.jpg);}

/* Hintergründe Kategorie6 - Intimhygiene & Pflege
* --------------------------------------- */
#kat6 #section0 {background-image: url(../images/kat6-0.jpg);}

#kat6 #section1 .bg-left {background-image: url(../images/kat6-woman-aftershave.jpg);}
#kat6 #section2 .bg-right {background-image: url(../images/kat6-2.jpg);}
#kat6 #section3 .bg-left {background-image: url(../images/kat6-1.jpg);}


/* Hintergründe Kategorie7 - med
* --------------------------------------- */
#kat7 #section0 {background-image: url(../images/kat7-0.jpg);}

#kat7 #section1 .bg-left {background-image: url(../images/kat7-1.jpg);}
#kat7 #section2 .bg-right {background-image: url(../images/kat7-2.jpg);}
#kat7 #section3 .bg-left {background-image: url(../images/kat7-3.jpg);}
#kat7 #section4 .bg-right {background-image: url(../images/kat7-4.jpg);}
#kat7 #section5 .bg-left {background-image: url(../images/kat7-5.jpg);}
#kat7 #section6 .bg-right {background-image: url(../images/kat7-6.jpg);}
#kat7 #section7 .bg-left {background-image: url(../images/kat7-7.jpg);}
#kat7 #section8 .bg-right {background-image: url(../images/kat7-8.jpg);}


/******************************************************************************************/
/*
/* PRODUKTBILDER
/*
/******************************************************************************************/

/* Produktbilder Startseite
* --------------------------------------- */
#produkt1, #produkt2, #produkt3 {
  width: 100%;
  height: 100%;
  position:absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-attachment: fixed;
  -ms-background-attachment: scroll;
  background-repeat: no-repeat;
  display: flex;
  top:0;  
}

_:-ms-lang(x),
_:-webkit-full-screen,
#produkt1, #produkt2, #produkt3 {
    background-attachment: scroll;
}

.kat1 #produkt1 {background-image: url(../images/pjur_BACK-DOOR_Regenerating-neu.png);}
.kat2 #produkt2 {background-image: url(../images/pjur_SPA-cherry.png);}
.kat3 #produkt3 {background-image: url(../images/pjur_AQUA.png);}


/* Produktbilder Kategorien
* --------------------------------------- */
#produkt-kat {
  width: 50%;
  height: 100%;
  position: absolute;
  background-size: contain;
  background-position: 50% center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  display: flex;
  top:0;
}

#produkt-kat.p-right {right:0;}

#kat1 #section1 #produkt-kat {background-image: url(../images/pjur_ORIGINAL.png);}
#kat1 #section2 #produkt-kat {background-image: url(../images/pjur_WOMAN.png);}
#kat1 #section3 #produkt-kat {background-image: url(../images/pjur_LIGHT.png);}
#kat1 #section4 #produkt-kat {background-image: url(../images/pjur_BASIC-Silicone2018.png);}
#kat1 #section5 #produkt-kat {background-image: url(../images/pjur_MAN_PREMIUM_EXTREMEGLIDE.png);}
/*#kat1 #section6 #produkt-kat {background-image: url(../images/pjur_MAN_BASIC_PERSONALGLIDE.png);}*/
#kat1 #section6 #produkt-kat {background-image: url(../images/pjur_AQUA.png);}
#kat1 #section7 #produkt-kat {background-image: url(../images/pjur_WOMAN-AQUA.png);}
#kat1 #section8 #produkt-kat {background-image: url(../images/pjur_WOMAN-Nude.png);}
#kat1 #section9 #produkt-kat {background-image: url(../images/pjur_WOMAN_aloe.png);}
#kat1 #section10 #produkt-kat {background-image: url(../images/pjur_WOMAN_vegan.png);}
#kat1 #section11 #produkt-kat {background-image: url(../images/pjur_BASIC-Waterbased.png);}
#kat1 #section12 #produkt-kat {background-image: url(../images/pjur_AQUA_Panthenol-neu.png);}

/* Produktbilder Kategorie2 - Stimulation */
#kat2 #section1 #produkt-kat {background-image: url(../images/pjur_COOL.png);}
#kat2 #section2 #produkt-kat {background-image: url(../images/pjur_superhero_Energizing-Ginko-water-based-lubricant.png);}
#kat2 #section3 #produkt-kat {background-image: url(../images/pjur_myglide.png);}
#kat2 #section4 #produkt-kat {background-image: url(../images/pjur_myspray.png);}
#kat2 #section5 #produkt-kat {background-image: url(../images/pjur_MAN_XTEND-Cream.png);}
#kat2 #section6 #produkt-kat {background-image: url(../images/pjur_MAN_STEEL-Gel.png);}
#kat2 #section7 #produkt-kat {background-image: url(../images/pjur_superhero_DELAY-serum-for-men.png);}
#kat2 #section8 #produkt-kat {background-image: url(../images/pjur_superhero_STRONG_PERFORMANCE-spray.png);}
#kat2 #section9 #produkt-kat {background-image: url(../images/pjur_superhero_PERFORMANCE-SPRAY-for-men.png);}
#kat2 #section10 #produkt-kat {background-image: url(../images/pjur_Toy-Lube.png);}
#kat2 #section11 #produkt-kat {background-image: url(../images/pjur_Toy-Clean2018.png);}

/* Produktbilder Kategorie3 - Anal Play */
#kat3 #section1 #produkt-kat {background-image: url(../images/pjur_BACK-DOOR_Regenerating-neu.png);}
#kat3 #section2 #produkt-kat {background-image: url(../images/pjur_BACK_DOOR-Relaxing-Silicone-Anal-Glide.png);}
#kat3 #section3 #produkt-kat {background-image: url(../images/pjur_BACK_DOOR-Comfort-Water-Anal-Glide.png);}
#kat3 #section4 #produkt-kat {background-image: url(../images/pjur_analyse_me-RELAXING-silicone-anal-glide.png);}
#kat3 #section5 #produkt-kat {background-image: url(../images/pjur_analyse_me-COMFORT-water-anal-glide.png);}
#kat3 #section6 #produkt-kat {background-image: url(../images/pjur_BACK_DOOR-Anal-Comfort-spray.png);}
#kat3 #section7 #produkt-kat {background-image: url(../images/pjur_analyse_me-Anal-Comfort-spray.png);}
#kat3 #section8 #produkt-kat {background-image: url(../images/pjur_BACK_DOOR-Anal-Comfort-serum.png);}
#kat3 #section9 #produkt-kat {background-image: url(../images/pjur_analyse_me-Anal-Comfort-serum.png);}

/* Produktbilder Kategorie4 - Fetisch */
#kat4 #section1 #produkt-kat {background-image: url(../images/pjur_CULT.png);}
#kat4 #section2 #produkt-kat {background-image: url(../images/pjur_CULT_ULTRA_SHINE.png);}
#kat4 #section3 #produkt-kat {background-image: url(../images/pjur_POWER-Premium-Cream.png);}

/* Produktbilder Kategorie5 - SPA */
#kat5 #section1 #produkt-kat {background-image: url(../images/pjur_SPA-cherry.png);}
#kat5 #section2 #produkt-kat {background-image: url(../images/pjur_SPA-strawberry.png);}
#kat5 #section3 #produkt-kat {background-image: url(../images/pjur_SPA-vanilla.png);}
#kat5 #section4 #produkt-kat {background-image: url(../images/pjur_SPA-melon.png);}
#kat5 #section5 #produkt-kat {background-image: url(../images/pjur_SPA-neutral.png);}

/* Produktbilder Kategorie6 - Intimhygiene & Pflege */
#kat6 #section1 #produkt-kat {background-image: url(../images/pjur_WOMAN_aftershave.png);}
#kat6 #section2 #produkt-kat {background-image: url(../images/pjur_aftershave.png);}
#kat6 #section3 #produkt-kat {background-image: url(../images/pjur_clean-spray.png);}

/* Produktbilder Kategorie7 - med */
#kat7 #section1 #produkt-kat {background-image: url(../images/pjur_med_PREMIUM.png);}
#kat7 #section2 #produkt-kat {background-image: url(../images/pjur_med_SOFT.png);}
#kat7 #section3 #produkt-kat {background-image: url(../images/pjur_med_NATURAL.png);}
#kat7 #section4 #produkt-kat {background-image: url(../images/pjur_med_SENSITIVE.png);}
#kat7 #section5 #produkt-kat {background-image: url(../images/pjur_med_REPAIR.png);}
#kat7 #section6 #produkt-kat {background-image: url(../images/pjur_med_VEGAN.png);}
#kat7 #section7 #produkt-kat {background-image: url(../images/pjur_med_PRO-LONG-serum.png);}
#kat7 #section8 #produkt-kat {background-image: url(../images/pjur_med_PRO-LONG-spray.png);}


/******************************************************************************************/
/*
/* ICON-HINTERGRUND
/*
/******************************************************************************************/
#icon-bg1 {transition-duration: 2s;}
#icon-bg2 {transition-duration: 2.5s;}

/* Icon-Hintergrund Startseite 
* --------------------------------------- */
#startseite #icon-bg-wrap-right,
#startseite #icon-bg-wrap-left {
width: 50%;
height: 100%;
position: absolute;
right:0;
top:0;
background-color: #4d4d4d;
z-index: 0;
}

#startseite #icon-bg-wrap-left {left:0;}

#startseite #icon-bg1, #startseite #icon-bg2 {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-color: transparent;
background-size: 100% auto;
background-repeat: repeat;
}

#startseite #section1 #icon-bg1 {background-image:url(../images/ap-water1.svg);}
#startseite #section1 #icon-bg2 {background-image:url(../images/ap-water2.svg);}

#startseite #section2 #icon-bg1 {background-image:url(../images/cherry1.svg);}
#startseite #section2 #icon-bg2 {background-image:url(../images/cherry2.svg);}

#startseite #section3 #icon-bg1 {background-image:url(../images/aqua1.svg);}
#startseite #section3 #icon-bg2 {background-image:url(../images/aqua2.svg);}


/* Icon-Hintergrund Slider 
* --------------------------------------- */
#icon-bg-wrap-right,
#icon-bg-wrap-left {
width: 50%;
height: 100%;
position: absolute;
right:0;
z-index:1;
background-color: #222;
}

#icon-bg-wrap-left {left:0;}

#icon-bg1, #icon-bg2 {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-color: transparent;
background-size: 100% auto;
background-repeat: repeat;
}

/*Kategorie 1*/
#kat1 #section1 #icon-bg1 {background-image:url(../images/original1.svg);}
#kat1 #section1 #icon-bg2 {background-image:url(../images/original2.svg);}

#kat1 #section2 #icon-bg1,
#kat1 #section10 #icon-bg1,
#kat1 #section11 #icon-bg1 {background-image:url(../images/woman1.svg);}
#kat1 #section2 #icon-bg2,
#kat1 #section10 #icon-bg2,
#kat1 #section11 #icon-bg2 {background-image:url(../images/woman2.svg);}

#kat1 #section3 #icon-bg1,
#kat1 #section4 #icon-bg1 {background-image:url(../images/silicone1.svg);}
#kat1 #section3 #icon-bg2,
#kat1 #section4 #icon-bg2 {background-image:url(../images/silicone2.svg);}

#kat1 #section5 #icon-bg1,
#kat1 #section6 #icon-bg1 {background-image:url(../images/man-silicone1.svg);}
#kat1 #section5 #icon-bg2,
#kat1 #section6 #icon-bg2 {background-image:url(../images/man-silicone2.svg);}

#kat1 #section7 #icon-bg1,
#kat1 #section12 #icon-bg1 {background-image:url(../images/aqua1.svg);}
#kat1 #section7 #icon-bg2,
#kat1 #section12 #icon-bg2 {background-image:url(../images/aqua2.svg);}

#kat1 #section8 #icon-bg1,
#kat1 #section9 #icon-bg1 {background-image:url(../images/woman-aqua1.svg);}
#kat1 #section8 #icon-bg2,
#kat1 #section9 #icon-bg2 {background-image:url(../images/woman-aqua2.svg);}

#kat1 #section13 #icon-bg1 {background-image:url(../images/man-aqua1.png);}
#kat1 #section13 #icon-bg2 {background-image:url(../images/man-aqua2.svg);}

/*Kategorie 2*/
#kat2 #section1 #icon-bg1 {background-image:url(../images/cool1.svg);}
#kat2 #section1 #icon-bg2 {background-image:url(../images/cool2.svg);}

#kat2 #section2 #icon-bg1 {background-image:url(../images/superhero1.svg);}
#kat2 #section2 #icon-bg2 {background-image:url(../images/superhero2.svg);}

#kat2 #section3 #icon-bg1 {background-image:url(../images/myglide1.svg);}
#kat2 #section3 #icon-bg2 {background-image:url(../images/myglide2.svg);}

#kat2 #section4 #icon-bg1 {background-image:url(../images/myglide1.svg);}
#kat2 #section4 #icon-bg2 {background-image:url(../images/myglide2.svg);}

#kat2 #section5 #icon-bg1 {background-image:url(../images/xtend1.svg);}
#kat2 #section5 #icon-bg2 {background-image:url(../images/xtend2.svg);}

#kat2 #section6 #icon-bg1 {background-image:url(../images/steel1.svg);}
#kat2 #section6 #icon-bg2 {background-image:url(../images/steel2.svg);}

#kat2 #section7 #icon-bg1 {background-image:url(../images/superhero1.svg);}
#kat2 #section7 #icon-bg2 {background-image:url(../images/superhero2.svg);}

#kat2 #section8 #icon-bg1 {background-image:url(../images/superhero1.svg);}
#kat2 #section8 #icon-bg2 {background-image:url(../images/superhero2.svg);}

#kat2 #section9 #icon-bg1 {background-image:url(../images/superhero1.svg);}
#kat2 #section9 #icon-bg2 {background-image:url(../images/superhero2.svg);}

#kat2 #section10 #icon-bg1 {background-image:url(../images/toy1.png);}
#kat2 #section10 #icon-bg2 {background-image:url(../images/toy2.png);}

#kat2 #section11 #icon-bg1 {background-image:url(../images/toy1.png);}
#kat2 #section11 #icon-bg2 {background-image:url(../images/toy2.png);}

/*Kategorie 3*/
#kat3 #section2 #icon-bg1,
#kat3 #section4 #icon-bg1 {background-image:url(../images/ap-silicone1.svg);}
#kat3 #section2 #icon-bg2,
#kat3 #section4 #icon-bg2 {background-image:url(../images/ap-silicone2.svg);}

#kat3 #section1 #icon-bg1,
#kat3 #section3 #icon-bg1,
#kat3 #section5 #icon-bg1 {background-image:url(../images/ap-water1.svg);}
#kat3 #section1 #icon-bg2,
#kat3 #section3 #icon-bg2,
#kat3 #section5 #icon-bg2 {background-image:url(../images/ap-water2.svg);}

#kat3 #section6 #icon-bg1,
#kat3 #section7 #icon-bg1 {background-image:url(../images/ap-spray1.svg);}
#kat3 #section6 #icon-bg2,
#kat3 #section7 #icon-bg2 {background-image:url(../images/ap-spray2.svg);}

#kat3 #section8 #icon-bg1,
#kat3 #section9 #icon-bg1 {background-image:url(../images/ap-serum1.svg);}
#kat3 #section8 #icon-bg2,
#kat3 #section9 #icon-bg2 {background-image:url(../images/ap-serum2.svg);}

/*Kategorie 4*/
#kat4 #section1 #icon-bg1 {background-image:url(../images/dressing1.svg);}
#kat4 #section1 #icon-bg2 {background-image:url(../images/dressing2.svg);}

#kat4 #section2 #icon-bg1 {background-image:url(../images/shine1.svg);}
#kat4 #section2 #icon-bg2 {background-image:url(../images/shine2.svg);}

#kat4 #section3 #icon-bg1 {background-image:url(../images/power1.svg);}
#kat4 #section3 #icon-bg2 {background-image:url(../images/power2.svg);}

/*Kategorie 5*/
#kat5 #section1 #icon-bg1 {background-image:url(../images/cherry1.svg);}
#kat5 #section1 #icon-bg2 {background-image:url(../images/cherry2.svg);}

#kat5 #section2 #icon-bg1 {background-image:url(../images/strawberry1.svg);}
#kat5 #section2 #icon-bg2 {background-image:url(../images/strawberry2.svg);}

#kat5 #section3 #icon-bg1 {background-image:url(../images/vanilla1.svg);}
#kat5 #section3 #icon-bg2 {background-image:url(../images/vanilla2.svg);}

#kat5 #section4 #icon-bg1 {background-image:url(../images/melon1.svg);}
#kat5 #section4 #icon-bg2 {background-image:url(../images/melon2.svg);}

#kat5 #section5 #icon-bg1 {background-image:url(../images/neutral1.svg);}
#kat5 #section5 #icon-bg2 {background-image:url(../images/neutral2.svg);}

/*Kategorie 6*/
#kat6 #section1 #icon-bg1,
#kat6 #section2 #icon-bg1,
#kat6 #section3 #icon-bg1 {background-image:url(../images/intim1.svg);}
#kat6 #section1 #icon-bg2,
#kat6 #section2 #icon-bg2,
#kat6 #section3 #icon-bg2 {background-image:url(../images/intim2.svg);}

/*Kategorie 7 - hat keine Icons*/