/* © Eine Welt Laden Weißwasser Stylesheet CELEBRATION PULLDOWN ENGINE eineweltladen.info 2026-05-08 */
 
/* Accordion-Buttons-Susubline */
.celebration_selector {max-width: 850px; min-width: 120px;}

.collector {font-size: 12px; text-align: center; background-color: #e0e0e0; }

.selector {-webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; 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;}
.selector:hover {background-color: #9eff25;}

.titleline {text-align: left;}
.titleline label {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: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; letter-spacing: 1px;}

.titleline input:checked + label, .titleline input:checked + label:hover {background-color: #9eff25; -webkit-border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; -khtml-border-radius: 9px 9px 0 0; -o-border-radius: 9px 9px 0 0; border-radius: 9px 9px 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: 0; position: relative;  -webkit-border-radius: 0 0 9px 9px; -moz-border-radius: 0 0 9px 9px; -khtml-border-radius: 0 0 9px 9px; -o-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px;}

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

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

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

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