.cls-tree-container {
    box-sizing: content-box;
    /* min-width: 250px;
    max-width: 900px;
    max-height: 80%; */
    /* margin: 0 auto; */
    position: relative;
    /* font-size: 12px; */
    border: 1px;
    border-color: #999;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
}

.cls-trunk-svg {
    position: relative;
    align-items: center;
}





/*.cls-root:hover {
    opacity: 50%;
    cursor: pointer;
}*/

.cls-leaf-svg {
    /*fill: #39B54A;*/
    position: fixed;
    animation: wiggle 1000ms infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-play-state: paused;
    /* stroke-width: 1; */
    /* stroke: #000; */
    opacity: 1.0;
}


/*.cls-leaf-svg:hover {
    animation: wiggle 150ms ;
    animation-timing-function: linear;
}*/

@keyframes wiggle {
    0% {
        /*transform: rotate(0.0deg);*/
        transform: matrix(1);
        opacity: 1;
    }
    50% {
        /*transform: rotate(-0.2deg);*/
        transform: matrix(1.5);
        opacity: 0.5;
    }
    100% {
        /*transform: rotate(0.2deg);*/
        transform: matrix(1);
        opacity: 1;
    }
}

.cls-kraft-svg {
    /*fill: #E5CCC6;*/
    fill: #414141;
    /* stroke-width: 1;
    stroke: #000; */
}

.cls-lauf-svg {
    /*fill: #BAA89B;*/
    fill: #524944;
    /* stroke-width: 1;
    stroke: #000; */
}

.cls-dummy-svg {
    /*    fill: #534439;*/
    fill: #776b62;
    /* stroke-width: 1;
    stroke: #000; */
}

.cls-line {
    stroke-miterlimit: 10;
    stroke: #999;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cls-arrow-line {
    stroke-miterlimit: 10;
    stroke: #999;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 6 6;
}

.cls-bow-line {
    stroke-miterlimit: 10;
    stroke: #999;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 6 6;
    fill: none;
}

.cls-earth-line {
    stroke-miterlimit: 10;
    stroke: #999;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-dasharray: 6 6;
}

.cls-axis-line {
    stroke: #999;
    stroke-miterlimit: 10;
    stroke: #999;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cls-legend-polygon {
    fill: #999;
}

.cls-ast-text {
    position: relative;
    font-family: "Fabrikat Normal", "Arial Narrow", sans-serif;
    /* font-weight: bold; */
}

.cls-zweig-text {
    position: relative;
}

.cls-axis-text {
    font-style: italic;
}

.cls-ground-line {
    stroke-miterlimit: 10;
    stroke: #0f5f41;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: #0f5f41;
}

.cls-tree{
    stroke: black;
    stroke-width: 2px;
}