@charset "ISO-8859-1";
/* Stylesheet fairfruits.de site_images.css 2024-03-29 */

/* Bildcontainer */
div.conpix a, div.conpix a:link, div.conpix:link {border: none;}

/* Bilder */
img {border: none;}
img.jun_pix {max-width: 92%; max-height: 92%; vertical-align: middle; background-color: transparent; border: none; -webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; margin: 4px !important; padding: 0 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
img.jun_pix:link, img.jun_pix:visited {background-color: transparent; border: none; margin: 0px;}
img.jun_pix:hover, img.jun_pix:focus, img.jun_pix:active {background-color: rgba(41,41,41,0.7); border: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/* Insite-Bilder Zoom */
.jun_pix_zoom {display: none; position: fixed; z-index: 9988; width: 100%; height: 100%; overflow:scroll; text-align: center; top: 0px; left: 0; right: 0; background: rgba(41,41,41,0.8);}
*.scaletimer {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.jun_pix_zoom img {max-width: 100%; max-height: 100%; margin-top: 2%; margin-bottom: 2%; background: rgba(255,255,255,1); -webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px;}
.jun_pix_zoom:target {outline: none; display: block;}

@keyframes pix_scaling { 
  from {transform: scale(2); opacity: 0; margin-top: 95%;} 
  to {transform: scale(1); opacity: 1; margin-top: 3%;}}
.jun_pix_zoom img {animation: pix_scaling 1s linear;}

@media only screen and (max-width:56em) {
	.jun_pix_zoom img {margin: 0;}}

/* SVG-Logos ohne Hintergrundbild und ohne Bilderwechsel */
img {border: none;}
img.logo_pix {max-width: 160px; max-height: 160px; vertical-align: middle; background-color: transparent; border: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; margin: 4px !important; padding: 6px !important;}
img.logo_pix:link, img.logo_pix:visited {background-color: transparent; border: none; margin: 0px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
img.logo_pix:hover, img.logo_pix:focus, img.logo_pix:active {background-color: rgba(255,255,255,0.8); border: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/* Logo-Container Bildwechsel-Logos */	
.logo_container, .logo_container:link, .logo_container:visited {display: flex; background-color: transparent; border: none; width: 154px; height: 154px; margin: 0 auto; padding: 4px; vertical-align: middle; text-align: center; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.logo_container:hover, .logo_container:focus, .logo_container:active {background-color: rgba(255,255,255,0.8); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/* EWL Logo */	
.logo_ewl, .logo_ewl:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/design/ewl_wsw.svg") no-repeat center; margin: 2px auto; padding: 6px; width: 140px; height: 140px; }
.logo_ewl:hover, .logo_ewl:focus, .logo_ewl:active {border: none; background: url("https://fairfruits.de/design/ewl_wsw_max.svg") no-repeat center;}
@media print {
.logo_ewl {background: url("https://fairfruits.de/design/ewl_wsw_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Weltladen Logo */	
.logo_weltladen, .logo_weltladen:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/weltladen.svg") no-repeat center; margin: 2px auto; padding: 6px; width: 224px; height: 140px;}
.logo_weltladen:hover, .logo_weltladen:focus, .logo_weltladen:active {border: none; background: url("https://fairfruits.de/journal/design/weltladen_max.svg") no-repeat center;}
@media print {
.logo_weltladen {background: url("https://fairfruits.de/journal/design/weltladen_max.svg") no-repeat center; width: 224px; height: 140px;}}

/* WFTO Logo */	
.logo_wfto, .logo_wfto:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/wfto.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px;}
.logo_wfto:hover, .logo_wfto:focus, .logo_wfto:active {border: none; background: url("https://fairfruits.de/journal/design/wfto_max.svg") no-repeat center;}
@media print {
.logo_wfto {background: url("https://fairfruits.de/journal/design/wfto_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Fairplus Logo */	
.logo_fairplus, .logo_fairplus:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/fairplus.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px;}
.logo_fairplus:hover, .logo_fairplus:focus, .logo_fairplus:active {border: none; background: url("https://fairfruits.de/journal/design/fairplus_max.svg") no-repeat center;}
@media print {
.logo_fairplus {background: url("https://fairfruits.de/journal/design/fairplus_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Fairtrade Logo */	
.logo_fairtrade, .logo_fairtrade:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/fairtrade.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_fairtrade:hover, .logo_fairtrade:focus, .logo_fairtrade:active {border: none; background: url("https://fairfruits.de/journal/design/fairtrade_max.svg") no-repeat center;}
@media print {
.logo_fairtrade {background: url("https://fairfruits.de/journal/design/fairtrade_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Hand in Hand Logo */	
.logo_handinhand, .logo_handinhand:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/handinhand.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_handinhand:hover, .logo_handinhand:focus, .logo_handinhand:active {border: none; background: url("https://fairfruits.de/journal/design/handinhand_max.svg") no-repeat center;}
@media print {
.logo_handinhand {background: url("https://fairfruits.de/journal/design/handinhand_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* GEPA Logo */	
.logo_gepa, .logo_gepa:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/gepa.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_gepa:hover, .logo_gepa:focus, .logo_gepa:active {border: none; background: url("https://fairfruits.de/journal/design/gepa_max.svg") no-repeat center;}
@media print {
.logo_gepa {background: url("https://fairfruits.de/journal/design/gepa_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* El Puente Logo */	
.logo_elpuente, .logo_elpuente:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/elpuente.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 180px; height: 140px; }
.logo_elpuente:hover, .logo_elpuente:focus, .logo_elpuente:active {border: none; background: url("https://fairfruits.de/journal/design/elpuente_max.svg") no-repeat center;}
@media print {
.logo_elpuente {background: url("https://fairfruits.de/journal/design/elpuente_max.svg") no-repeat center; width: 180px; height: 140px;}}

/* Weltpartner Logo */	
.logo_weltpartner, .logo_weltpartner:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/weltpartner.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_weltpartner:hover, .logo_weltpartner:focus, .logo_weltpartner:active {border: none; background: url("https://fairfruits.de/journal/design/weltpartner_max.svg") no-repeat center;}
@media print {
.logo_weltpartner {background: url("https://fairfruits.de/journal/design/weltpartner_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Globo Logo */	
.logo_globo, .logo_globo:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/globo.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_globo:hover, .logo_globo:focus, .logo_globo:active {border: none; background: url("https://fairfruits.de/journal/design/globo_max.svg") no-repeat center;}
@media print {
.logo_globo {background: url("https://fairfruits.de/journal/design/globo_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* BanaFair Logo */	
.logo_banafair, .logo_banafair:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/banafair.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_banafair:hover, .logo_banafair:focus, .logo_banafair:active {border: none; background: url("https://fairfruits.de/journal/design/banafair_max.svg") no-repeat center;}
@media print {
.logo_banafair {background: url("https://fairfruits.de/journal/design/banafair_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* EU Bio Logo */	
.logo_eu_bio, .logo_eu_bio:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/biosiegel_eu.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_eu_bio:hover, .logo_eu_bio:focus, .logo_eu_bio:active {border: none; background: url("https://fairfruits.de/journal/design/biosiegel_eu_max.svg") no-repeat center;}
@media print {
.logo_eu_bio {background: url("https://fairfruits.de/journal/design/biosiegel_eu_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Deutsches Bio Logo */	
.logo_bio, .logo_bio:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/biosiegel.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_bio:hover, .logo_bio:focus, .logo_bio:active {border: none; background: url("https://fairfruits.de/journal/design/biosiegel_max.svg") no-repeat center;}
@media print {
.logo_bio {background: url("https://fairfruits.de/journal/design/biosiegel_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Demeter Logo */	
.logo_demeter, .logo_demeter:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/demeter.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_demeter:hover, .logo_demeter:focus, .logo_demeter:active {border: none; background: url("https://fairfruits.de/journal/design/demeter_max.svg") no-repeat center;}
@media print {
.logo_demeter {background: url("https://fairfruits.de/journal/design/demeter_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Bioland Logo */	
.logo_bioland, .logo_bioland:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/bioland.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_bioland:hover, .logo_bioland:focus, .logo_bioland:active {border: none; background: url("https://fairfruits.de/journal/design/bioland_max.svg") no-repeat center;}
@media print {
.logo_bioland {background: url("https://fairfruits.de/journal/design/bioland_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Naturland Logo */	
.logo_naturland, .logo_naturland:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/journal/design/naturland.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_naturland:hover, .logo_naturland:focus, .logo_naturland:active {border: none; background: url("https://fairfruits.de/journal/design/naturland_max.svg") no-repeat center;}
@media print {
.logo_naturland {background: url("https://fairfruits.de/journal/design/naturland_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Preda Logo */	
.logo_preda, .logo_preda:visited {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/mango/design/preda.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 140px; height: 140px; }
.logo_preda:hover, .logo_preda:focus, .logo_preda:active {border: none; background: url("https://fairfruits.de/mango/design/preda_max.svg") no-repeat center;}
@media print {
.logo_preda {background: url("https://fairfruits.de/mango/design/preda_max.svg") no-repeat center; width: 140px; height: 140px;}}

/* Kohlenhydrate */	
.logo_glucose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/glucose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 80px; height: 80px;}
.logo_fructose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/fructose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 80px; height: 80px;}
.logo_galactose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/galactose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 80px; height: 80px;}
.logo_maltose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/maltose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 160px; height: 80px;}
.logo_saccharose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/saccharose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 160px; height: 80px;}
.logo_lactose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/lactose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 160px; height: 80px;}
.logo_amylose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/amylose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 180px; height: 180px;}
.logo_cellulose {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/cellulose.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 300px; height: 90px;}

/* Bienen */	
.logo_koe {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/be_koe.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 90px; height: 140px;}
.logo_dro {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/be_dro.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 80px; height: 130px;}
.logo_arb {display: inline-flex; vertical-align: middle; text-align: center; border: none; background: url("https://fairfruits.de/sugar/design/be_arb.svg") no-repeat center; margin: 2px auto; padding: 2px 6px; width: 70px; height: 124px;}

/* Logo-Container Mini-PNG-Logos */	
.fl_container {background-color: rgba(200,200,200,1.00); border: none; width: 100%; height: auto; margin: 0 auto; padding: 2px; vertical-align: middle; text-align: center; -webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px;}

/* Mini-PNG- Logo */
.fl_pix, .fl_pix:visited {vertical-align: middle; text-align: center; border: none; margin: 2px auto; padding: 4px 2px; width: auto; height: 140px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.fl_pix:hover, .fl_pix:focus, .fl_pix:active {border: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.fle_pix, .fle_pix:visited {vertical-align: middle; text-align: center; border: none; margin: 2px auto; padding: 4px 2px; width: auto; height: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.fle_pix:hover, .fle_pix:focus, .fle_pix:active {border: none; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

