.organigramm--container {
    display: flex;
}

.organigramm--image {
    width: 60%;
    text-align: center;
    background-color: whitesmoke;
    padding: 50px;
    box-sizing: border-box;
}
.organigramm--image svg {
    max-width: 550px;
}

.st0{fill:#65B237;}
.st1{fill:#FFFFFF;}
.st2{fill:#9DC22D;}
.st3{fill:#1A913D;}
.st4{fill:#508F2C;}
.st5{fill:#45752E;}
.st6{fill:#043365;}
.st7{fill:#084F8F;}
.st8{fill:#137DBD;}
.st9{fill:#1BA7DE;}
.st10{fill:#080908;}
.st11{fill:#0A9640;}
.st12{fill:#65B32F;}
.st13{fill:#D0D0CF;}
.st14{fill:#037FC0;}
.st15{fill:#FEFEFE;}

.og--block {
    transition-duration: .3s;
    cursor: pointer;
}

.og--block:hover {
    opacity: .7;
}

.organigramm--text {
    width: 40%;
    background-color: #66b32f;
    overflow: hidden;
}

.organigramm--text--inner {
    display: none;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    overflow: hidden;
}

.organigramm--text .start {
    display: block;
}

.organigramm--text--inner h2 {
    color: white;
    position: relative;
    margin-bottom: 100px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.organigramm--text--inner h2:after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: -50px;
}

.organigramm--text--inner h5 {
    color: white;
}

.og0{background-color:#65B237;}
.og1{background-color:#FFFFFF;}
.og2{background-color:#9DC22D;}
.og3{background-color:#1A913D;}
.og4{background-color:#508F2C;}
.og5{background-color:#45752E;}
.og6{background-color:#043365;}
.og7{background-color:#084F8F;}
.og8{background-color:#137DBD;}
.og9{background-color:#1BA7DE;}


/* Responsive */

@media only screen and (max-width: 1068px) {
    .organigramm--image, .organigramm--text {
        width: 50%;
    }
    .organigramm--text--inner h2 {
        font-size: 25px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 900px) {
    .organigramm--container {
        display: block;
    }
    .organigramm--image, .organigramm--text {
        width: 100%;
    }
    .organigramm--image {
        padding: 30px;
    }
}