/*v2022-07-25  Mehrzeiliger Treeview, responsive+linebreak*/
.treeview treeicon {display:inline-block;cursor:pointer;vertical-align:middle;}
.treeview LABEL{cursor:pointer;}
.treeview input[type=checkbox]{display:none;}
.treeview input[type=checkbox]~treeline>LABEL .closed{display:inline}
.treeview input[type=checkbox]~treeline>LABEL .open{display:none}
.treeview input[type=checkbox]:checked~treeline>LABEL .closed{display:none}
.treeview input[type=checkbox]:checked~treeline>LABEL .open{display:inline}
.treeview input[type=checkbox]~treeblock{display:none;}
.treeview input[type=checkbox]:checked~treeblock{display:block}
.treeview input[type=checkbox]:not(:checked)~treeline{background-image:none !important;}
.treeview treeblock{display:block}
.treeview treeline{display:block}
.treeview treehtml{display:inline-block;vertical-align:text-top;box-sizing:border-box;}

/* Untergruppen-Hover-Effekt */
.treeview treeblock:hover>treeline treehtml:hover{background-color:#bbb;}
.treeview treeblock:hover>treeline>treehtml{background-color:#eee;color:#000;}

treeicon{width:20px;height:20px;background-position: center center;}
treeicon.branch{background-image:var(--tree_branch);}
treeicon.branchbottom{background-image:var(--tree_branchbottom);}
treeicon.folder{background-image:var(--tree_folder);}
treeicon.folder-expanded{background-image:var(--tree_folder-expanded);}
treeicon.line{background-image:var(--tree_line);}
treeicon.minus{background-image:var(--tree_minus);}
treeicon.minus-noline{background-image:var(--tree_minus-noline);}
treeicon.minusbottom{background-image:var(--tree_minusbottom);}
treeicon.plus{background-image:var(--tree_plus);}
treeicon.plus-noline{background-image:var(--tree_plus-noline);}
treeicon.plusbottom{background-image:var(--tree_plusbottom);}

:root {
--tree_branch:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAACVBMVEUAAACEgoT///+v4VuCAAAAAXRSTlMAQObYZgAAABhJREFUCNdjYOBgAAEWIB4QtouLCz3tBQDK+AG9VxAIbwAAAABJRU5ErkJggg==');
--tree_branchbottom:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAQMAAADE/0iYAAAABlBMVEUAAACEgoSgO7djAAAAAXRSTlMAQObYZgAAABRJREFUCNdjAAEmIKYqvWoBA5UAAGlGAWFSR89GAAAAAElFTkSuQmCC');
--tree_folder:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAADFBMVEUAAAD///+AgIAhISFzrUwQAAAAAXRSTlMAQObYZgAAAC1JREFUCNdjoC5gWrUARIbmAEmuVatWMTBwhoaGHSCeBOs6wMDw//9/IEl9AABbRhjl43ItRAAAAABJRU5ErkJggg==');
--tree_folder-expanded:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAM1BMVEUAAAD8/vy0srRsa2wkIiQ0MjSEgoR8fnx0dnTk4uS8urykoqT08vTc3tzEwsS8vry0trQYX7aXAAAAAXRSTlMAQObYZgAAAFZJREFUKM/tzVsKgDAMRNFOrenL1/5Xa9CERqrgAno/DwPjRi/N0hP9lUUiReIUoQiAwiemqZWyoEcrV8EIU1xuLLvBrTD2U8G6GjwiY/fPKAWbG/3rBClAAoY2/7Q6AAAAAElFTkSuQmCC');
--tree_line:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAfQAgMAAAC/OZeyAAAACVBMVEUAAAD///+EgoR2mo3dAAAAAXRSTlMAQObYZgAAADdJREFUaN7txrEJAAAIxMAvLNx/YnUKmwsELqlcvTMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzf3kAEUUu4e8bpcEAAAAASUVORK5CYII=');
--tree_minus:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAACVBMVEUAAAAAAACEgoSGP+dsAAAAAXRSTlMAQObYZgAAAB1JREFUCNdjgAIOIKYhGxOIhoZCSI4OMBsd0Mg9AHCHA0ZjMJooAAAAAElFTkSuQmCC');
--tree_minus-noline:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAQMAAADE/0iYAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABBJREFUCNdjoDao/wDH1AAAQG4ETpPCC68AAAAASUVORK5CYII=');
--tree_minusbottom:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAACVBMVEUAAAAAAACEgoSGP+dsAAAAAXRSTlMAQObYZgAAABtJREFUCNdjgAIOIKYhGxOIhoZCSI4OMJtOAABnxwMOuiN4sQAAAABJRU5ErkJggg==');
--tree_plus:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAACVBMVEUAAAAAAACEgoSGP+dsAAAAAXRSTlMAQObYZgAAACJJREFUCNdjgAIOIKYmGwFEsZOioaEQkqMDROJSCQZUdBsAswcD3gzfnvUAAAAASUVORK5CYII=');
--tree_plus-noline:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAQMAAADE/0iYAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABVJREFUCNdjoBSwo+H6DzCMLkcWAABQ1gSGMWjyigAAAABJRU5ErkJggg==');
--tree_plusbottom:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAgMAAACDXzJIAAAACVBMVEUAAAAAAACEgoSGP+dsAAAAAXRSTlMAQObYZgAAACBJREFUCNdjgAIOIKYmGwFEsZOioaEQkqMDROJSSW0AAKynA67K0NfRAAAAAElFTkSuQmCC');
--tree_spacer:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoAQMAAADE/0iYAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjGOQAAACgAAH4BzM6AAAAAElFTkSuQmCC');
}