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

/* Akkordion-Elemente Sitemap */	
.smp_acc {margin: 0 auto; max-width: 80%;}
.smp_inner {display: none;}
.smp_accblock {position: relative; margin: 0 0 0.4em 0;}
.smp_accblock:last-child {margin-bottom: 0;}

.smp_label_title, .smp_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;}
.smp_label_title {display: block; padding: 0.325em 0; background-color: #3b3b3b; font-size: 20px; 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;}
.smp_label_title:hover {background-color: #292929; color: #f3fb1e; font-weight: 800; text-decoration: none; text-align: center; border: 1px solid #f3fb1e;}

.smp_label_title:after, .smp_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;}
.smp_label_title:after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.smp_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 0 7px 7px; border-radius: 0 0 7px 7px;}
.smp_label_content div.siteview {margin: 0; padding: 0.2em 1em 0.5em 1em; 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; }

.smp_inner:checked + .smp_label_title, .smp_inner:checked + .smp_label_title + .smp_label_content {background-color: #0366c2;}
.smp_inner:checked + .smp_label_content {border-style: solid; border-color: #ffffff; border-width: 0 1px 1px 1px;}
.smp_inner:checked + .smp_label_title:hover {background-color: #0254a1;}
.smp_inner:checked + .smp_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;}
.smp_inner:checked + .smp_label_title + .smp_label_content {max-height: 500px; cursor: default;}
.smp_inner:checked + .smp_label_title:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

/* Seiten Links */
ul.siteview_list {list-style: none; text-align: center; list-style-position: inside; font-weight: 500; font-size: 18px; line-height: 1.7;}
.siteview_list li, .siteview_list li a, .siteview_list li a:link, .siteview_list li a:visited {display: inline; padding: 3px 8px 2px 8px; margin: 0; color: #ffffff; text-decoration: none; text-align: left; 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; border: none; letter-spacing: -0.03em; position: relative;}
.siteview_list li.siteview_columne, .siteview_list li.siteview_columne a, .siteview_list li.siteview_columne a:link, .siteview_list li.siteview_columne a:visited {display: inline; padding: 3px 8px 1px 8px; margin: 0; color: #f3fb1e; font-size:18px; font-weight: 500; text-decoration: none; text-align: left; 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; border: none; letter-spacing: -0.03em; position: relative;}
.siteview_list li a:hover, .siteview_list li a:focus, .siteview_list li a:active {color: #8bfd04; text-decoration: none; text-align: left; vertical-align: middle;}
.siteview_list li.siteview_columne a:hover, .siteview_list li.siteview_columne a:focus, .siteview_list li.siteview_columne a:active {color: #78f8fa; text-decoration: none; text-align: left; vertical-align: middle;}
.siteview_list li:first-child {padding: 0 8px 1px 8px;}
.siteview_list li:last-child {padding: 3px 8px 0 8px;}

.siteview_list li a:after {background: none repeat scroll 0 0 transparent; bottom: 1px; content: ""; display: block; position: absolute; height: 0; left: 50%; background-color: #8bfd04; -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;}
.siteview_list li a:hover:after {width: 100%; left: 0; height: 1px;}
.siteview_list li.siteview_columne a:after {background: none repeat scroll 0 0 transparent; bottom: 1px; content: ""; display: block; position: absolute; height: 0; left: 50%; background-color: #78f8fa; -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;}
.siteview_list li.siteview_columne a:hover:after {width: 100%; left: 0; height: 1px;}

@media only screen and (max-width:56em) {
	ul.siteview_list {line-height: 1.6;}}

/* Drucken */	
@media print {
	.siteview_list li, .siteview_list li a, .siteview_list li a:link, .siteview_list li a:visited {color: #000000;}
	.smp_label_title, .smp_label_content {color: #000000; background-color: transparent; border: none;}
	.smp_label_content {height: auto; max-height: none; border: none;}}