@charset "ISO-8859-1";
/* Stylesheet fairfruits.de jungle_productist.css 2023-10-04 */

/* Produkticons Basis */	
#productist {display: block; z-index: 17; text-align: center !important; background-color: transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 !important; padding: 0 !important; animation: zoomproducts 1.0s ease-in; opacity: 1;}
#productist_cont {margin: 0px !important;}
#productist_hit {display: inline;}

#productist_hit ul {list-style: none; text-decoration: none; background-color: transparent; text-align: center; vertical-align: middle;}
#productist_hit li, #productist_hit li a:link, #productist_hit li a:visited {display: inline-block; padding: 0 1px; text-align: center; vertical-align: middle; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#productist_hit li a:hover, #productist_hit li a:focus, #productist_hit li a:active {text-align: center; vertical-align: middle; text-decoration: none;}

@keyframes zoomproducts {
0% {opacity: 0; /*-webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);*/ -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1);}
100% {opacity: 1;/* -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);*/ -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform:scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}}

[class*="pro_"], [class*="pro_"]:visited {background-color: transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
[class*="pro_"]:hover, [class*="pro_"]:focus, [class*="pro_"]:active {cursor: pointer; -webkit-transform: scale(1.3) rotate(10deg); -moz-transform: scale(1.3) rotate(10deg); -ms-transform: scale(1.3) rotate(10deg); -o-transform: scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}

.pro_coffee {background: url("https://fairfruits.de/design/coffee.svg") no-repeat center; background-size: contain; width: 2.063em; height: 2.375em;}
.pro_corn {background: url("https://fairfruits.de/design/corn.svg") no-repeat center; background-size: contain; width: 1.566em; height: 2.531em;}
.pro_tea {background: url("https://fairfruits.de/design/tea.svg") no-repeat center; background-size: contain; width: 2.125em; height: 2.537em;}
.pro_cacao {background: url("https://fairfruits.de/design/cacao.svg") no-repeat center; background-size: contain; width: 2.5em; height: 2.5em;}
.pro_mango {background: url("https://fairfruits.de/design/mango.svg") no-repeat center; background-size: contain; width: 1.75em; height: 2.5em;}
.pro_ananas {background: url("https://fairfruits.de/design/ananas.svg") no-repeat center; background-size: contain; width: 1.938em; height: 2.875em;}
.pro_banana {background: url("https://fairfruits.de/design/banana.svg") no-repeat center; background-size: contain; width: 2.188em; height: 2.5em;}
.pro_orange {background: url("https://fairfruits.de/design/orange.svg") no-repeat center; background-size: contain; width: 2.5em; height: 2.5em;}
.pro_tomato {background: url("https://fairfruits.de/design/tomato.svg") no-repeat center; background-size: contain; width: 2.125em; height: 2.5em;}
.pro_apple {background: url("https://fairfruits.de/design/apple.svg") no-repeat center; background-size: contain; width: 2.063em; height: 2.5em;}
.pro_rice {background: url("https://fairfruits.de/design/rice.svg") no-repeat center; background-size: contain; width: 3em; height: 2.5em;}
.pro_cocos {background: url("https://fairfruits.de/design/cocos.svg") no-repeat center; background-size: contain; width: 3.063em; height: 2.5em;}
.pro_sugar {background: url("https://fairfruits.de/design/sugar.svg") no-repeat center; background-size: contain; width: 2.063em; height: 2.375em;}
.pro_journal {background: url("https://fairfruits.de/design/journal.svg") no-repeat center; background-size: contain; width: 2.498em; height: 2.5em;}
.pro_service {background: url("https://fairfruits.de/design/service.svg") no-repeat center; background-size: contain; width: 1.5em; height: 2.5em;}

/* Weite und Hoehe x 1,5*/
@media only screen and (min-width:56em) {
.pro_coffee {background: url("https://fairfruits.de/design/coffee.svg") no-repeat center; background-size: contain; width: 3.0945em; height: 3.5625em;}
.pro_corn {background: url("https://fairfruits.de/design/corn.svg") no-repeat center; background-size: contain; width: 2.349em; height: 3.7965em;}
.pro_tea {background: url("https://fairfruits.de/design/tea.svg") no-repeat center; background-size: contain; width: 3.1875em; height: 3.8055em;}
.pro_cacao {background: url("https://fairfruits.de/design/cacao.svg") no-repeat center; background-size: contain; width: 3.75em; height: 3.75em;}
.pro_mango {background: url("https://fairfruits.de/design/mango.svg") no-repeat center; background-size: contain; width: 2.625em; height: 3.75em;}
.pro_ananas {background: url("https://fairfruits.de/design/ananas.svg") no-repeat center; background-size: contain; width: 2.907em; height: 4.3125em;}
.pro_banana {background: url("https://fairfruits.de/design/banana.svg") no-repeat center; background-size: contain; width: 3.282em; height: 3.75em;}
.pro_orange {background: url("https://fairfruits.de/design/orange.svg") no-repeat center; background-size: contain; width: 3.75em; height: 3.75em;}
.pro_tomato {background: url("https://fairfruits.de/design/tomato.svg") no-repeat center; background-size: contain; width: 3.1875em; height: 3.75em;}
.pro_apple {background: url("https://fairfruits.de/design/apple.svg") no-repeat center; background-size: contain; width: 3.0945em; height: 3.75em;}
.pro_rice {background: url("https://fairfruits.de/design/rice.svg") no-repeat center; background-size: contain; width: 4.5em; height: 3.75em;}
.pro_cocos {background: url("https://fairfruits.de/design/cocos.svg") no-repeat center; background-size: contain; width: 4.5945em; height: 3.75em;}
.pro_sugar {background: url("https://fairfruits.de/design/sugar.svg") no-repeat center; background-size: contain; width: 3.0945em; height: 3.5625em;}
.pro_journal {background: url("https://fairfruits.de/design/journal.svg") no-repeat center; background-size: contain; width: 3.747em; height: 3.75em;}
.pro_service {background: url("https://fairfruits.de/design/service.svg") no-repeat center; background-size: contain; width: 2.25em; height: 3.75em;}}

/* Weite und Hoehe x 2*/
/* @media only screen and (min-width:96em) {
.pro_coffee {background: url("https://fairfruits.de/design/coffee.svg") no-repeat center; background-size: contain; width: 4.126em; height: 4.75em;}
.pro_corn {background: url("https://fairfruits.de/design/corn.svg") no-repeat center; background-size: contain; width: 3.132em; height: 5.062em;}
.pro_tea {background: url("https://fairfruits.de/design/tea.svg") no-repeat center; background-size: contain; width: 4.25em; height: 5.074em;}
.pro_cacao {background: url("https://fairfruits.de/design/cacao.svg") no-repeat center; background-size: contain; width: 5em; height: 5em;}
.pro_mango {background: url("https://fairfruits.de/design/mango.svg") no-repeat center; background-size: contain; width: 3.5em; height: 5em;}
.pro_ananas {background: url("https://fairfruits.de/design/ananas.svg") no-repeat center; background-size: contain; width: 3.876em; height: 5.75em;}
.pro_banana {background: url("https://fairfruits.de/design/banana.svg") no-repeat center; background-size: contain; width: 4.376em; height: 5em;}
.pro_orange {background: url("https://fairfruits.de/design/orange.svg") no-repeat center; background-size: contain; width: 5em; height: 5em;}
.pro_tomato {background: url("https://fairfruits.de/design/tomato.svg") no-repeat center; background-size: contain; width: 4.25em; height: 5em;}
.pro_apple {background: url("https://fairfruits.de/design/apple.svg") no-repeat center; background-size: contain; width: 4.126em; height: 5em;}
.pro_rice {background: url("https://fairfruits.de/design/rice.svg") no-repeat center; background-size: contain; width: 6em; height: 5em;}
.pro_cocos {background: url("https://fairfruits.de/design/cocos.svg") no-repeat center; background-size: contain; width: 6.126em; height: 5em;}
.pro_sugar {background: url("https://fairfruits.de/design/sugar.svg") no-repeat center; background-size: contain; 4.126em; height: 4.75em;}
.pro_journal {background: url("https://fairfruits.de/design/journal.svg") no-repeat center; background-size: contain; width: 4.996em; height: 5em;}
.pro_service {background: url("https://fairfruits.de/design/service.svg") no-repeat center; background-size: contain; width: 3em; height: 5em;}}*/

/* EWL Logo */	
#prod_ewl, #prod_ewl:visited {background: url("https://fairfruits.de/design/ewl.svg") no-repeat center; background-size: contain; width: 2.125em; height: 2.5em; position: fixed; bottom: 22px; left: 22px; padding: 0; margin: 0; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; animation: zoomewl 2s ease-in;}
#prod_ewl:hover, #prod_ewl:focus, #prod_ewl:active {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

@keyframes zoomewl {
  0% {opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}}