@charset "ISO-8859-1";
/* © Eine Welt Laden Weißwasser Stylesheet INDEX Startpage eineweltladen.info 2024-12-15 */

/* Magistral Condensed 300,400,500,700,800  Paralucent Stencil 200 500 900  Marigny 200 400 500 700 900 */

/* Index Fullsize-Bilder Grundeinstellungen */
#fullscreen_index, #fullscreen_index:visited {width: 100vw; height: auto; display: block; padding: 48px 0 !important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; margin: 0;}
#fullscreen_index .fullscreen_content_index {display: table; text-align: center; vertical-align: middle;}
#fullscreen_index:hover, #fullscreen_index:focus, #fullscreen_index:active, #fullscreen_index:visited:hover {-webkit-filter: sepia(70%) saturate(180%); filter: sepia(70%) saturate(180%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.fullsizepic_index, .fullsizepic_index:hover, .fullsizepic_index:visited {display: block; margin: 36px auto !important; padding: 6px !important; /*min-width: 320px; min-height: 80px;*/ -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; text-align: center; vertical-align:central;}
@media only screen and (max-width:96em) {
	.fullsizepic_index, .fullsizepic_index:hover, .fullsizepic_index:visited {margin: 25px 0 30px 0 !important; padding: 6px !important;}}
@media only screen and (max-width:48em) {
	.fullsizepic_index, .fullsizepic_index:hover, .fullsizepic_index:visited {margin: 15px 0 20px 0 !important; padding: 6px !important;}}

/* Info_Button */
.info_on, .info_on:visited {display: inline-block; cursor: pointer; background-color: /*#ffffff*//*#52e22b*/#9eff25/*#3077cf*/; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 42; margin: 11px 0px 0 0px !important; padding: 40px 14px 35px 14px !important; border: #111111 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #111111; height: 95px; width: 95px; text-align: center; text-decoration: none; font-size: 25px; font-weight: 500; line-height: .7; letter-spacing: .2pt; text-shadow: /*none*/0 -1px #ffffff, 1px 0 #ffffff, 0 1px #ffffff, -1px 0 #ffffff;}
.info_on:hover, .info_on:focus, .info_on:active {background-color: #018001; color: #ffffff; border: #ffffff 1px solid; text-shadow: 0 -1px #111111, 1px 0 #111111, 0 1px #111111, -1px 0 #111111;}

/* Index Bild Schriften */
/*.max_white {background: #ffffff; background: radial-gradient(ellipse at center, #9eff25 10%, #ffffff 100%); background-size: 54% 156%; background-position: center center; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/
.max_white {font-family: 'marigny',/* 'paralucent-stencil', 'magistral-web-condensed',*/ 'Helvetica Neue Light', 'Helvetica New Light', 'Helvetica Neue', 'Helvetica New', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .05px; -moz-osx-font-smoothing: grayscale; vertical-align: baseline; font-weight: 500; font-style: normal; font-size: 56px; color: /*#ffffff*//*#52e22b*/#9eff25/*#3077cf*/; text-decoration: none; margin: 1px; letter-spacing: -0.063em; text-shadow: 0 -1px #111111, 1px 0 #111111, 0 1px #111111, -1px 0 #111111; text-align: center; padding: 0 0 0 24px;}	
.max_white a, .max_white a:link, .max_white a:visited {color: /*#ffffff*//*#52e22b*/#9eff25/*#3077cf*/; font-weight: 500; text-decoration: none; -webkit-transition-property: color letter-spacing text-shadow; -moz-transition-property: color letter-spacing text-shadow; -o-transition-property: color letter-spacing text-shadow; -ms-transition-property: color letter-spacing text-shadow; transition-property: color letter-spacing text-shadow; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; letter-spacing: -0.063em; text-shadow: 0 -1px #111111, 1px 0 #111111, 0 1px #111111, -1px 0 #111111;}
.max_white a:hover, .max_white a:focus, .max_white a:active {color: #018001; text-decoration: none; letter-spacing: 3pt; text-shadow: 0 -1px #ffffff, 1px 0 #ffffff, 0 1px #ffffff, -1px 0 #ffffff;}
@media only screen and (max-width:48em) {
	.max_white {font-size: 46px;}
	.info_on {font-size: 19px; height: 85px; width: 85px; text-align: center; padding: 38px 14px 35px 14px !important;}}

/* News Container */
.newsbox {background-color: #f6ff00; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(0%, #f7fc65), color-stop(50%, #f6ff00), to(#9eff25)); background-image: -webkit-linear-gradient(top, #f7fc65, #f6ff00 50%, #9eff25); background-image: -moz-linear-gradient(top, #f7fc65, #f6ff00 50%, #9eff25); background-image: -ms-linear-gradient(top, #f7fc65, #f6ff00 50%, #9eff25); background-image: -o-linear-gradient(top, #f7fc65, #f6ff00 50%, #9eff25); background-image: -khtml-linear-gradient(top, #f7fc65, #f6ff00 50%, #9eff25); background-image: linear-gradient(to bottom, #f7fc65, #f6ff00 50%, #9eff25); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ff00', endColorstr='#9eff25',GradientType=0 ); animation: zoomnews .8s ease-in; opacity: 1;}
.welcomebox {background-color: /*#f6ff00*/#9eff25;}
#newsline {width: auto; z-index: 3001; background-color: transparent;}
#newsline_content {width: auto; padding: 0px !important; margin: 0px !important; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: transparent; z-index: 3000;}

@keyframes zoomnews {
  	0% {opacity: 0;}
	100% {opacity: 1;}}

.info_text, .info_text:visited {overflow: hidden; width: auto; height: auto; cursor: pointer; background-color: transparent; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 701; -webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; padding: 3px 2px !important; margin: 4px 8px 2px 8px !important; color: #808080; text-align: center; border: 1px transparent solid;}
.info_text a {display: block; background-color: transparent;}
.info_text:hover, .info_text:focus, .info_text:active {background-color: /*#9eff25*/#ffffff; color: #3886e7; border: 1px #018001 solid;}

.medi_grey, .medi_green, .medi_blue {font-family: 'marigny', 'Helvetica Neue Light', 'Helvetica New Light', 'Helvetica Neue', 'Helvetica New', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .05px; -moz-osx-font-smoothing: grayscale; vertical-align: baseline; font-size: 24px; font-weight: 500; font-style: normal;}

.medi_grey {color: /*#505050*/#000000; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.medi_grey a:link, .medi_grey a:visited {color: /*#505050*/#000000; 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; letter-spacing: -0.031em !important;}
.medi_grey a:hover, .medi_grey a:focus, .medi_grey a:active {color: #0457bd; text-decoration: none; letter-spacing: 1pt !important;}

.medi_orange {color: #ff2501; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.medi_orange  a:link, .medi_orange  a:visited {color: #ff2501; 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; letter-spacing: -0.031em !important;}
.medi_orange  a:hover, .medi_orange  a:focus, .medi_orange  a:active {color: #018001; text-decoration: none; letter-spacing: 1pt !important;}

.medi_green {color: #018001; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.medi_green a:link, .medi_green a:visited {color: #018001; 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; letter-spacing: -0.031em !important;}
.medi_green a:hover, .medi_green a:focus, .medi_green a:active {color: #ff6305; text-decoration: none; letter-spacing: 1pt !important;}

.medi_blue {color: #0457bd; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.medi_blue a:link, .medi_blue a:visited {color: #0457bd; 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; letter-spacing: -0.031em !important;}
.medi_blue a:hover, .medi_blue a:focus, .medi_blue a:active {color: #ff2501; text-decoration: none; letter-spacing: 1pt !important;}

.extra_grey {font-size: 16px; color: /*#606060*/#303030; font-weight: 400; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.extra_grey a:link, .extra_grey a:visited {color: /*#606060*/#303030; font-weight: 400; 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;}
.extra_grey a:hover, .extra_grey a:focus, .extra_grey a:active {color: #0457bd; font-weight: 400; text-decoration: none;}

.extra_orange {font-size: 16px; color: #ff6305; font-weight: 400; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.extra_orange a:link, .extra_orange a:visited {color: #ff6305; font-weight: 400; 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;}
.extra_orange a:hover, .extra_orange a:focus, .extra_orange a:active {color: #111111; font-weight: 400; text-decoration: none;}

.extra_green {font-size: 16px; color: #018001; font-weight: 400; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.extra_green a:link, .extra_green a:visited {color: #018001; font-weight: 400; 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;}
.extra_green a:hover, .extra_green a:focus, .extra_green a:active {color: #ff6305; font-weight: 400; text-decoration: none;}

.extra_blue {font-size: 16px; color: #0457bd; font-weight: 400; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.extra_blue a:link, .extra_blue a:visited {color: #0457bd; font-weight: 400; 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;}
.extra_blue a:hover, .extra_blue a:focus, .extra_blue a:active {color: #ff6305; font-weight: 400; text-decoration: none;}

.extra_red {font-size: 16px; color: #ff2501; font-weight: 400; text-decoration: none; margin: 1px; padding: 0 3px 0 2px; text-align: center;}	
.extra_red a:link, .extra_red a:visited {color: #ff2501; font-weight: 400; 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;}
.extra_red a:hover, .extra_red a:focus, .extra_red a:active {color: #0457bd; font-weight: 400; text-decoration: none;}

/* Schrift Footer-Adresse Index */
.in_grey {font-size: 0.85em; color: #686868; font-weight: 400; text-decoration: none; margin: 1px; letter-spacing: 0;}	
.in_grey a:link, .in_grey a:visited {color: #686868; font-weight: 400; 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; letter-spacing: 0;}
.in_grey a:hover, .in_grey a:focus, .in_grey a:active {color: #ff6305; font-weight: 400; text-decoration: underline;}

/* Bilder */
img.inpix, img.inpix:visited {vertical-align: middle; background-color: transparent; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 0px !important;  padding: 0px !important; opacity: 1; -webkit-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 4px \-1px/IE9 rgba(0,0,0,.2); -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;}
img.inpix:hover {opacity: .9;}
img.inpix:focus, img.inpix:active {margin: 0px; opacity: 1;}

/* Jubileum Mark */
#bottom_jubileum, #bottom_jubileum:visited {background: url('../design/jubileum.svg') no-repeat left top; background-size: 54px auto; position: absolute; top: 64px; right: 11px; -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; background-color: transparent; padding: 0; width: 54px; height: 54px; white-space: nowrap; z-index: 9; animation: zoom30 1.1s ease-in; opacity: 1;}
#bottom_jubileum:active, #bottom_jubileum:hover, #bottom_jubileum:focus {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1.6) translate(-4px, -2px); -moz-transform: scale(1.6) translate(-4px, -2px); -ms-transform: scale(1.6) translate(-4px, -2px); -o-transform: scale(1.6) translate(-4px, -2px); transform: scale(1.6) translate(-4px, -2px);}

/* Eqitoo Mark */
#bottom_eqitoo, #bottom_eqitoo:visited {background: url('../design/eqitoo.svg') no-repeat left top; background-size: 54px auto; position: absolute; top: 64px; right: 11px; -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; background-color: transparent; padding: 0; width: 54px; height: 54px; white-space: nowrap; z-index: 9; animation: zoom30 1.1s ease-in; opacity: 1;}
#bottom_eqitoo:active, #bottom_eqitoo:hover, #bottom_eqitoo:focus {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1.6) translate(-4px, -2px); -moz-transform: scale(1.6) translate(-4px, -2px); -ms-transform: scale(1.6) translate(-4px, -2px); -o-transform: scale(1.6) translate(-4px, -2px); transform: scale(1.6) translate(-4px, -2px);}

@keyframes zoom30 {
  0% {opacity: 0;}
100% {opacity: 1;}}

/* top right bottom left [margin, padding] */
/* box-shadow: x-verschiebung y-verschiebung blur spread color inset; */
/* text-shadow: x-verschiebung y-verschiebung blur farbe; */