@charset "ISO-8859-1";
/* Stylesheet fairfruits.de jungle_accordion.css 2019-11-24 */

/* Akkordion-Elemente */	
.jun_acc {margin: 0.4em auto; max-width: 82%;}
.jun_inner {display: none;}
.jun_accblock {position: relative; margin: 0 0 0.4em 0;}
.jun_accblock:last-child {margin-bottom: 0;}

.jun_label_title, .jun_label_content {-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -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; cursor: pointer;}
.jun_label_title {display: block; padding: 0.5em 0; background-color: #3b3b3b; font-size: 18px; color: #ffffff; font-weight: 600; text-decoration: none; text-align: center; border: 1px solid #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
.jun_label_title:hover {background-color: #292929; color: #f3fb1e; font-weight: 800; text-decoration: none; text-align: center; border: 1px solid #f3fb1e;}

.jun_label_title:after, .jun_label_title:before {content: ""; position: absolute; left: 22px; top: 13px; width: 2px; height: 20px; background-color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -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;}
.jun_label_title:after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.jun_label_content {max-height: 0; overflow: hidden; background-color: #3b3b3b; color: #ffffff; text-decoration: none; text-align: center; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; -o-border-radius: 0 07px 7px; border-radius: 0 0 7px 7px;}
.jun_label_content div {margin: 0; padding: 0.4em 1em 0.6em 1em; line-height: 1.5; border-style: solid; border-color: #ffffff; border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;}

.jun_inner:checked + .jun_label_title, .jun_inner:checked + .jun_label_title + .jun_label_content {background-color: #0366c2;}
.jun_inner:checked + .jun_label_content {border-style: solid; border-color: #ffffff; border-width: 0 1px 1px 1px;}
.jun_inner:checked + .jun_label_title:hover {background-color: #0254a1;}
.jun_inner:checked + .jun_label_title {border-style: solid; border-color: #ffffff; border-width: 1px 1px 0 1px; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;}
.jun_inner:checked + .jun_label_title + .jun_label_content {max-height: 500px; cursor: default;}
.jun_inner:checked + .jun_label_title:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

/* Linksymbole im Akkordion */	
.jun_label_content div a[href*="http"], .jun_label_content div a[href*="#"] {background: url('https://fairfruits.de/design/linker.svg') no-repeat right; background-size: 18px 18px; padding: 0 22px 0 0;}
.jun_label_content div a[href*="mailto:"] {background: url('https://fairfruits.de/design/mailer.svg') no-repeat right; background-size: 16px 16px; padding: 0 22px 0 0;}

/* Drucken */	
@media print {
	.jun_label_title, .jun_label_content {color: #000000; background-color: transparent; border: none;}
	.jun_label_content {height: auto; max-height: none; border: none;}}