@charset "ISO-8859-1";
/* Stylesheet eineweltladen.info side_menue.css 2026-05-05 */

/* Menue-Hamburger */	
.closer_sign, .closer_sign:visited {position: absolute; left: 0; top: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 328' fill='%23ffffff' height='1.625em' width='1.625em'%3E%3Cpath d='M762,652h0a24.07,24.07,0,0,1-24,24H286a24.07,24.07,0,0,1-24-24h0a24.07,24.07,0,0,1,24-24H738A24.07,24.07,0,0,1,762,652ZM738,348H286a24.07,24.07,0,0,0-24,24h0a24.07,24.07,0,0,0,24,24H738a24.07,24.07,0,0,0,24-24h0A24.07,24.07,0,0,0,738,348Zm0,140H286a24.07,24.07,0,0,0-24,24h0a24.07,24.07,0,0,0,24,24H738a24.07,24.07,0,0,0,24-24h0A24.07,24.07,0,0,0,738,488Z' transform='translate(-262 -348)' /%3E%3C/svg%3E") no-repeat center; background-color: transparent; margin: 11px 22px; padding: 0; width: 1.625em; height: 1.625em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; z-index: 1710;}
.closer_sign:hover, .closer_sign:focus, .closer_sign:active {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 328' fill='%238bfd04' height='1.625em' width='1.625em'%3E%3Cpath d='M762,652h0a24.07,24.07,0,0,1-24,24H286a24.07,24.07,0,0,1-24-24h0a24.07,24.07,0,0,1,24-24H738A24.07,24.07,0,0,1,762,652ZM738,348H286a24.07,24.07,0,0,0-24,24h0a24.07,24.07,0,0,0,24,24H738a24.07,24.07,0,0,0,24-24h0A24.07,24.07,0,0,0,738,348Zm0,140H286a24.07,24.07,0,0,0-24,24h0a24.07,24.07,0,0,0,24,24H738a24.07,24.07,0,0,0,24-24h0A24.07,24.07,0,0,0,738,488Z' transform='translate(-262 -348)' /%3E%3C/svg%3E") no-repeat center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

/* Search-Button */	
.search_sign, .search_sign:visited {position: absolute; right: 0; top: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 962.83 948' fill='%23ffffff' height='1.875em' width='1.875em'%3E%3Cpath d='M983.71,896.74,686,613.68A360.39,360.39,0,0,0,758,397C758,197.07,595.93,35,396,35S34,197.07,34,397,196.07,759,396,759a360.68,360.68,0,0,0,240.32-91.27l276.44,302c17.15,18.74,48.11,17.62,68.24-3.09h0C1001.14,945.92,1002.09,914.21,983.71,896.74ZM396,687c-160.16,0-290-129.84-290-290S235.84,107,396,107,686,236.84,686,397,556.16,687,396,687Z' transform='translate(-34 -35)' /%3E%3C/svg%3E") no-repeat center; background-color: transparent; margin: 11px 22px; padding: 0; width: 1.875em; height: 1.875em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 111; cursor: pointer;}
.search_sign:hover, .search_sign:focus, .search_sign:active {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 962.83 948' fill='%238bfd04' height='1.875em' width='1.875em'%3E%3Cpath d='M983.71,896.74,686,613.68A360.39,360.39,0,0,0,758,397C758,197.07,595.93,35,396,35S34,197.07,34,397,196.07,759,396,759a360.68,360.68,0,0,0,240.32-91.27l276.44,302c17.15,18.74,48.11,17.62,68.24-3.09h0C1001.14,945.92,1002.09,914.21,983.71,896.74ZM396,687c-160.16,0-290-129.84-290-290S235.84,107,396,107,686,236.84,686,397,556.16,687,396,687Z' transform='translate(-34 -35)' /%3E%3C/svg%3E") no-repeat center; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1);}

/* Menue-Closer */	
.cross_sign, .cross_sign:visited {position: absolute; left: 0; top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510.14 510.14' fill='%23ffffff' height='1.5em' width='1.5em'%3E%3Crect x='162' y='486' width='700' height='52' rx='26' transform='translate(255.07 -469.01) rotate(45)'/%3E%3Crect x='162' y='486' width='700' height='52' rx='26' transform='translate(-469.01 255.07) rotate(-45)'/%3E%3C/svg%3E") no-repeat center; background-color: transparent; margin: 10px 0 0 10px; padding: 2px; width: 2.55em; height: 2.55em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 123; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.cross_sign:hover, .cross_sign:focus, .cross_sign:active {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510.14 510.14' fill='%233b3b3b' height='1.5em' width='1.5em'%3E%3Crect x='162' y='486' width='700' height='52' rx='26' transform='translate(255.07 -469.01) rotate(45)'/%3E%3Crect x='162' y='486' width='700' height='52' rx='26' transform='translate(-469.01 255.07) rotate(-45)'/%3E%3C/svg%3E") no-repeat center; background-color: #fac537;}

/* Menue-Backer */	
.back_sign, .back_sign:visited {position: absolute; left: 0; top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 369.89 686.89' fill='%23ffffff' height='1.5em' width='1.5em'%3E%3Crect x='262' y='325.5' width='500' height='56' rx='28' transform='translate(-427.06 297.02) rotate(-45)'/%3E%3Crect x='262' y='642.5' width='500' height='56' rx='28' transform='translate(297.02 -334.21) rotate(45)'/%3E%3C/svg%3E") no-repeat center; background-color: transparent; margin: 10px 0 0 10px; padding: 2px; width: 2.55em; height: 2.55em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 124; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.back_sign:hover, .back_sign:focus, .back_sign:active {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 369.89 686.89' fill='%233b3b3b' height='1.5em' width='1.5em'%3E%3Crect x='262' y='325.5' width='500' height='56' rx='28' transform='translate(-427.06 297.02) rotate(-45)'/%3E%3Crect x='262' y='642.5' width='500' height='56' rx='28' transform='translate(297.02 -334.21) rotate(45)'/%3E%3C/svg%3E") no-repeat center; background-color: #8bfd04;}

/* Haupt Navigation Mitte */	
.nav_con {position: fixed; z-index: 120; width: 100%; min-height: 100%; padding: 30px 50px; background: none; -webkit-transition: -webkit-transform 0.5s; -webkit-backface-visibility: hidden;}
.nav_con_layer {display: none; background-color: #018001; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=50); animation: layerzoom .6s ease-in; }
.nav_con_layer, .nav_con_layer a {position: fixed; top: 0; bottom: 0; left: 0; right: 0;}

@keyframes layerzoom {
  0% {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
100% {opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}}

span.area a, span.area a:link, span.area a:visited {display: block; padding: 3px 0 2px 0; margin: 10px 0 2px 0; font-size: 20px; color: #8bfd04; font-weight: 500; text-decoration: none; text-align: center; vertical-align: middle; -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; background-color: transparent; letter-spacing: -0.06em;}
nav#nav_left span.area a, nav#nav_left span.area a:link, nav#nav_left span.area a:visited {color: #fac537;}
span.area a:hover, span.area a:active, span.area a:focus {color: #ffffff; font-weight: 700; text-decoration: none; text-align: center; vertical-align: middle; letter-spacing: -0.03em;}
nav#nav_left span.area a:hover, nav#nav_left span.area a:active, nav#nav_left span.area a:focus {color: #ffffff;}

#navicenter {margin: 0 auto; width: 300px;}
nav {position: /*fixed*/absolute; overflow: auto; top: 12px; bottom: 12px; -webkit-transform: translate3d(0, -110%, 0); -moz-transform: translate3d(0, -110%, 0); -ms-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; width: 300px; opacity: 1; background: #0457bd; -webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; z-index: 5500;/* border-width: 1px; border-style: solid; border-color: #ffffff;*/}

nav#nav_left {background: #de2c03;}
nav ul {margin: 0; padding: 2px; list-style: none; border-width: 0 0 1px 0; border-style: solid; border-color: #ffffff;}
nav ul:last-child {border: none;}
nav li, nav li a, nav li a:link, nav li a:visited {display: block; padding: 2px 0; margin: 0; font-size: 17px; color: #ffffff; font-weight: 400; text-decoration: none; text-align: center; vertical-align: middle; -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; letter-spacing: -0.03em; position: relative;}
nav li a:hover, nav li a:active, nav li a:focus {display: block; color: #f3fb1e; font-weight: 700; text-decoration: none; text-align: center; vertical-align: middle; letter-spacing: -0.01em;}

nav li a:after {background: none repeat scroll 0 0 transparent; bottom: 1px; content: ""; position: absolute; height: 0; left: 50%; background-color: #f3fb1e; -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s; -o-transition: width 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: width 0.3s ease 0s, left 0.3s ease 0s; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
nav li a:hover:after {width: 100%; left: 0; height: 1px;}

nav li span.area a:after {background: none repeat scroll 0 0 transparent; bottom: 1px; content: ""; position: absolute; height: 0; left: 50%; background-color: #f3fb1e; -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s; -o-transition: width 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: width 0.3s ease 0s, left 0.3s ease 0s; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
nav li span.area a:hover:after {width: 0%; left: 0; height: 1px;}

nav:target {z-index: 122; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
nav:target ~ .nav_con .nav_con_layer {display: block;}

@media only screen and (max-width:48em) {
	nav li, nav li a, nav li a:link, nav li a:visited {padding: 3px 0;}
	nav, #navicenter {width: 80%; }}

nav li.back_button a {color: #ffffff; font-weight: 400; text-decoration: none; width: auto; background-color: transparent;}
nav li.back_button a:hover {color: #f3fb1e; font-weight: 400; text-decoration: none; width: auto;}
nav li.back_button a:after {background: none repeat scroll 0 0 transparent; bottom: 1px; content: ""; position: absolute; height: 0; left: 50%; background-color: #f3fb1e; -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: width 0.3s ease 0s, left 0.3s ease 0s; -o-transition: width 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: width 0.3s ease 0s, left 0.3s ease 0s; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
nav li.back_button a:hover:after {width: 100%; left: 0; height: 1px;}

/* Drucken */	
@media print {
	nav {display: none; visibility: hidden;}
}

/* Current Highlighted Websites Textstyle HAUPTSEITEN */
#site_index #side_index a, #site_shop_index #side_shop_index a, #site_news_index #side_news_index a, #site_projects_index #side_projects_index a, #site_ware_index #side_ware_index a, #site_bio_index #side_bio_index a, #site_magazine_index #side_magazine_index a, #site_sam_index #side_sam_index a, #site_worldview_index #side_worldview_index a, #site_service_index #side_service_index a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle SHOP Wir */
#site_welcome #side_shop_shop_welcome a, #site_katalog #side_shop_shop_katalog a, #site_we #side_shop_shop_we a, #site_initiative #side_shop_shop_initiative a, #site_laden #side_shop_shop_laden a, #site_history #side_shop_shop_history a, #site_gallery #side_shop_shop_gallery a, #site_video #side_shop_shop_video a, #site_kids #side_shop_shop_kids a, #site_social #side_shop_shop_social a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle NEWS Neues */
#site_news_shop #side_news_news_news_shop a, #site_news_ware #side_news_news_news_ware a, #site_news_projects #side_news_news_news_projects a, #site_news_fairtrade #side_news_news_news_fairtrade a, #site_news_online #side_news_news_news_online a, #site_news_year #side_news_news_news_year a, #site_news_advent #side_news_news_news_advent a, #site_news_xmas #side_news_news_news_xmas a, #site_cel #side_news_news_cel a {color: #f3fb1e; font-weight: 500; text-decoration: none ;font-style: italic;}

/* Current Highlighted Websites Textstyle PROJECTS Projekte */
#site_idea #side_projects_projects_idea a, #site_kino #side_projects_projects_kino a, #site_courage #side_projects_projects_courage a, #site_kiosk #side_projects_projects_kiosk a, #site_coffee_parcours #side_projects_projects_coffee_parcours a, #site_tea_project #side_projects_projects_tea_project a, #site_cacao_project #side_projects_projects_cacao_project a, #site_fruit_project #side_projects_projects_fruit_project a, #site_spice_project #side_projects_projects_spice_project a, #site_noodle_project #side_projects_projects_noodle_project a, #site_fairplay_project #side_projects_projects_fairplay_project a, #site_trade_project #side_projects_projects_trade_project a, #site_global_learning #side_projects_projects_global_learning a, #site_tip #side_projects_projects_tip a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle WARE Fair Handeln */
#site_fairtrade #side_ware_ware_fairtrade a, #site_faironline #side_ware_ware_faironline a, #site_worldshops #side_ware_ware_worldshops a, #site_organisations #side_ware_ware_organisations a, #site_fairweek #side_ware_ware_fairweek a, #site_fairplay #side_ware_ware_fairplay a, #site_clothes #side_ware_ware_clothes a, #site_childlabour #side_ware_ware_childlabour a, #site_manila #side_ware_ware_manila a, #site_coop #side_ware_ware_coop a, #site_vorort #side_ware_ware_vorort a, #site_bio #side_ware_ware_bio a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle BIO Alles Bio */
#site_bio_food #side_bio_bio_food a, #site_bio_label #side_bio_bio_label a, #site_bio_tea #side_bio_bio_tea a, #site_rapunzel #side_bio_bio_rapunzel a, #site_landgarten #side_bio_bio_landgarten a, #site_regional #side_bio_bio_regional a, #site_fairbio #side_bio_bio_fairbio a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle MAGAZINE Magazin */
#site_coffee #side_magazine_magazine_coffee a, #site_cacao #side_magazine_magazine_cacao a, #site_tea #side_magazine_magazine_tea a, #site_rooibos #side_magazine_magazine_rooibos a, #site_honey #side_magazine_magazine_honey a, #site_fruits #side_magazine_magazine_fruits a, #site_veg #side_magazine_magazine_veg a, #site_cocos #side_magazine_magazine_cocos a, #site_nuts #side_magazine_magazine_nuts a, #site_oil #side_magazine_magazine_oil a, #site_spices #side_magazine_magazine_spices a, #site_wine #side_magazine_magazine_wine a, #site_vinegar #side_magazine_magazine_vinegar a, #site_mustard #side_magazine_magazine_mustard a, #site_sugar #side_magazine_magazine_sugar a, #site_milk #side_magazine_magazine_milk a, #site_food #side_magazine_magazine_food a, #site_nutrition #side_magazine_magazine_nutrition a #site_cook #side_magazine_magazine_cook a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle SAM Wissen */
#site_energy #side_sam_sam_energy a, #site_phone #side_sam_sam_phone a, #site_climate #side_sam_sam_climate a, #site_rain #side_sam_sam_rain a, #site_plastic #side_sam_sam_plastic a, #site_paper #side_sam_sam_paper a, #site_cotton #side_sam_sam_cotton a, #site_water #side_sam_sam_water a, #site_felt #side_sam_sam_felt a, #site_foodwaste #side_sam_sam_foodwaste a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle WORLDVIEW Weltsicht */
#site_rights #side_worldview_worldview_rights a, #site_world #side_worldview_worldview_world a, #site_human #side_worldview_worldview_human a, #site_asyl #side_worldview_worldview_asyl a, #site_norass #side_worldview_worldview_norass a, #site_nuclear #side_worldview_worldview_nuclear a, #site_peace #side_worldview_worldview_peace a, #site_poor #side_worldview_worldview_poor a, #site_hunger #side_worldview_worldview_hunger a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}

/* Current Highlighted Websites Textstyle SERVICE */
#site_contact #side_service_service_contact a, #site_way #side_service_service_way a, #site_impress #side_service_service_impress a, #site_safedata #side_service_service_safedata a, #site_search #side_service_service_search a, #site_help #side_service_service_help a, #site_links #side_service_service_links a, #site_sites #side_service_service_sites a, #site_downloads #side_service_service_downloads a, #site_projects #side_service_service_projects a, #site_work #side_service_service_work a, #site_way #side_service_service_way a, #site_themes #side_service_service_themes a, #site_library #side_service_service_library a, #site_album #side_service_service_album a, #site_intern #side_service_service_intern a {color: #f3fb1e; font-weight: 500; text-decoration: none; font-style: italic;}