/* © Eine Welt Laden Weißwasser Stylesheet CELEBRATION ENGINE [Basis Design Safari, Chrome, Firefox, Opera, Konqueror, IE 10] eineweltladen.info 2022-01-08 */
 
/* Accordion-Buttons-Susubline */
.celebration_selector {max-width: 850px; min-width: 240px; height: auto; margin: 0 auto !important;}

.selector {margin: 2px 0; padding: 2px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

.collector1, .collector2 {font-size: 12px; margin: 2px 12px; text-align: center;}
.selector1, .selector2 {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920.87 920.87' fill='%235e5e5e' height='1.05em' width='1.05em'%3E%3Cpath d='M511.21,50.77c-254.29,0-460.44,206.15-460.44,460.44S256.92,971.64,511.21,971.64,971.64,765.5,971.64,511.21,765.5,50.77,511.21,50.77ZM718.78,540.63,416.14,843.28a36.12,36.12,0,0,1-50.92,0h0a36.12,36.12,0,0,1,0-50.92L645.59,512,365.22,231.63a36.11,36.11,0,0,1,0-50.91h0a36.11,36.11,0,0,1,50.91,0L718.78,483.36A36,36,0,0,1,729.13,512,35.94,35.94,0,0,1,718.78,540.63Z' transform='translate(-50.77 -50.77)' /%3E%3C/svg%3E") no-repeat 8px; background-size: 17px; background-color: #e0e0e0; text-align: center; padding: 0;}
.selector1:hover, .selector2:hover {background-color: #9eff25; text-align: center; padding: 0;}

.titleline {margin: 0 auto; text-align: left;}
.titleline label {padding: 2px 4px; display: block; cursor: pointer; color: #5e5e5e; line-height: 1.8; font-size: 14px; font-weight: 400; letter-spacing: 0;}
.titleline label:hover {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920.87 920.87' fill='%2345972e' height='1.05em' width='1.05em'%3E%3Cpath d='M511.21,50.77c-254.29,0-460.44,206.15-460.44,460.44S256.92,971.64,511.21,971.64,971.64,765.5,971.64,511.21,765.5,50.77,511.21,50.77Zm27.84,668a36,36,0,0,1-28.64,10.35,36,36,0,0,1-28.63-10.35L179.14,416.14a36.12,36.12,0,0,1,0-50.92h0a36.11,36.11,0,0,1,50.91,0L510.41,645.59,790.78,365.22a36.11,36.11,0,0,1,50.91,0h0a36.11,36.11,0,0,1,0,50.91Z' transform='translate(-50.77 -50.77)' /%3E%3C/svg%3E") no-repeat 8px; background-size: 17px; color: #45972e; background-color: #fff500; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; letter-spacing: 1px;}

.titleline input:checked + label, .titleline input:checked + label:hover {background-color: #c0c0c0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.titleline input:checked + label {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920.87 920.87' fill='%239eff25' height='1.05em' width='1.05em'%3E%3Cpath d='M511.21,50.77c-254.29,0-460.44,206.15-460.44,460.44S256.92,971.64,511.21,971.64,971.64,765.5,971.64,511.21,765.5,50.77,511.21,50.77ZM298.46,582.58a71.38,71.38,0,1,1,71.37-71.37A71.37,71.37,0,0,1,298.46,582.58Zm212.75,0a71.38,71.38,0,1,1,71.37-71.37A71.37,71.37,0,0,1,511.21,582.58Zm212.74.79A71.37,71.37,0,1,1,795.33,512,71.37,71.37,0,0,1,724,583.37Z' transform='translate(-50.77 -50.77)' /%3E%3C/svg%3E") no-repeat 8px; background-size: 17px; background-color: #ff9201; color: #ffffff;}
.titleline input:checked + label:hover {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920.87 920.87' fill='%233077cf' height='1.05em' width='1.05em'%3E%3Cpath d='M971.64,511.21c0-254.29-206.14-460.44-460.43-460.44S50.77,256.92,50.77,511.21,256.92,971.64,511.21,971.64,971.64,765.5,971.64,511.21ZM841.69,606.28a36.11,36.11,0,0,1,0,50.91h0a36.11,36.11,0,0,1-50.91,0L510.41,376.83,230.05,657.19a36.11,36.11,0,0,1-50.91,0h0a36.11,36.11,0,0,1,0-50.91L481.78,303.64a35.93,35.93,0,0,1,28.63-10.36,36,36,0,0,1,28.64,10.36Z' transform='translate(-50.77 -50.77)' /%3E%3C/svg%3E") no-repeat 8px; background-size: 17px; background-color: #ff9201; color: #ffffff;}
.titleline input {display: none;}

.titleline .titlecontent {background-color: #9eff25; margin: 0; overflow: hidden; height: 0px; position: relative; -webkit-transition: height .3s ease-in-out; -moz-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; -ms-transition: height .3s ease-in-out; transition: height .3s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

.titleline input:checked ~ .titlecontent {-webkit-transition: height .3s ease-in-out; -moz-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; -ms-transition: height .3s ease-in-out; transition: height .3s ease-in-out;}

.titleline input:checked ~ .titlecontent {height: 2.8em;}

@media only screen and (max-width: 720px) {
   .titleline input:checked ~ .titlecontent {height: 3.0em;}}

.titleline input:checked + .selector1, .titleline input:checked + .selector1:hover {color: #ffffff;}

/* Accordion-Buttons */
.acc_button {max-width: 100%; display: inline-block; margin: 3px !important;}
.acc_button a {width: 100%; color: #5d5d5d; padding: 3px 4px; line-height: 1.6; font-size: 14px; font-weight: 400; cursor: pointer; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.acc_button a:link, .acc_button a:visited {color: #636363; background-color: transparent; -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -ms-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all;}
.acc_button a:hover, .acc_button a:active {color: #ffffff; background-color: #3886e7;}