#imgoverlay ol {
        margin: 0 0 0 1.2em;
        padding: 0;
    }
    
    #imgoverlay ul {
        list-style: none;
    }
    
    #imgoverlay ul li::before {
        border-width: 0 !important;
    }
    
    #showlogical {
        color: #ffffff;
        position: relative;
        z-index: 999999;
        cursor: pointer;
        margin: 10px 0 1em 0;
        padding: 7px 15px;
        font-size: 130%;
        background-color: #cc0066
    }
    
    #showlogical.open {
        position: fixed;
        top: 3em;
        right: 2em;
        z-index: 999999;
    }
    
    #phsiebenanim {
        margin: 0 auto;
        width: 65%;
        position: relative;
        line-height: 1.2em;
    }
    
    #imgoverlay {
        display: none;
    }
    
    #imgoverlay.show {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-size: 1.2vw;
        color: #666666;
    }
    
    #imgoverlay h3 {
        font-size: 15px;
        font-size: 1.25vw;
    }
    
    #imgoverlay.show {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.95);
        background-size: 30px 30px;
        z-index: 9999;
    }
    
    #imgoverlay #core.flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        position: relative;
    }
    
    #imgoverlay .core.flex {
        margin: 0 1.5%;
        border: solid 1px #666666;
    }
    
    #imgoverlay #phsiebenanim h3 {
        margin: 0 auto;
        color: #666666;
        padding: 8px 0;
        text-align: center;
        border-bottom: 1px solid #666666;
    }
    
    #phsiebenanim>.flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    .core.flex>.subcore {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    strong {
        font-weight: 700;
    }
    
    .core.flex>div>ul {
        margin: 2em 0 2em 0;
        text-align: center;
        border-top: solid 1px #cc0066;
    }
    
    .core.flex>div>ul>li>ul {
        border-top: solid 1px #cc0066;
    }
    
    .core.flex>div>ul .opener>a {
        color: #cc0066;
    }
    
    .default-header .entry-content .core.flex li {
        margin-left: 0;
    }
    
    .default-header .entry-content #ebenen li::before,
    .default-header .entry-content .core.flex li::before {
        border-left: none;
        border-bottom: none;
        bottom: 8px;
    }
    
    .default-header .entry-content .core.flex li::before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
    }
    
    .core.flex {
        position: relative;
    }
    
    .core.flex>div>ul li>div {
        color: #666666;
    }
    
    .step {
        padding: 15px;
        border: solid 1px #666666;
        border-radius: 15px;
        text-align: center;
        background-color: #ffffff;
    }
    
    .step .closer {
        float: right;
        cursor: pointer;
        margin-top: -5px;
        display: block;
        margin-left: 10px;
    }
    
    .steps {
        position: absolute;
        position: absolute;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    .stepsvertical {
        flex-direction: column;
        width: 10%;
        width: 14vw;
    }
    
    .stepshorizontal {
        left: 3%;
    }
    
    .stepstop {
        bottom: 127%;
    }
    
    .stepsbottom {
        top: 127%;
    }
    
    .stepsleft {
        top: -60%;
        left: -22%;
    }
    
    .arrow {
        position: relative;
        display: inline-block;
        width: 1px;
        height: 1em;
        border-left: 1px solid #666666;
    }
    
    .arrow::after,
    .arrow::before {
        position: absolute;
        left: -0.255em;
    }
    
    .arrow+.arrow {
        margin-left: 19.265%;
    }
    
    #arrowstop .arrowup::after {
        content: "\2191";
        top: 0.75em;
    }
    
    #arrowstop .arrowdown::after {
        content: "\2193";
        top: 0.75em;
    }
    
    #arrowsbottom .arrowup {
        margin-top: -6em;
        height: 7em;
    }
    
    #arrowsbottom .arrowup::before {
        content: "\2191";
        bottom: 6.75em;
    }
    
    #arrowsbottom .arrowdown::before {
        content: "\2193";
        bottom: 0.75em;
    }
    
    #arrowsbottom .arrow {
        bottom: -0.275em;
    }
    
    .arrows {
        width: 83%;
        white-space: nowrap;
    }
    
    #arrowsbottom {
        margin: 2% auto 0 auto;
    }
    
    #arrowstop {
        margin: 0 auto 2% auto;
        border-top: solid 1px #666666;
    }
    
    #arrowsbottom {
        border-bottom: solid 1px #666666;
    }
    
    .stepsright {
        top: -15%;
        width: 10%;
        width: 14vw;
        right: -22%;
    }
    
    .stepsvertical>div+div {
        margin-top: 20px;
    }
    
    #phsiebenanim .scaling {
        position: relative;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-outn;
        -o-transition: all 0.4s ease-in-outn;
        transition: all 0.4s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    
    #phsiebenanim .scaling:hover {
        z-index: 999;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    
    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    
    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    
    .stepshorizontal>div+div {
        margin-left: 20px;
    }
    
    #umsetzung>ul {
        width: 45.5%
    }
    
    #umsetzung>ul:first-child>li:last-child {
        border-bottom-width: 0 !important;
    }
    
    #controling>ul+ul {
        margin-left: 6%;
    }
    
    #umsetzung>ul+ul {
        margin-left: 9%;
    }
    
    #aktivitaeten {
        width: 30%;
    }
    
    #ziele {
        width: 20%;
    }
    
    #konzept {
        width: 25%;
    }
    
    #outputs {
        width: 15%;
    }
    
    #outcomes {
        width: 28%;
    }
    
    #controling #impacts {
        top: -50px;
        left: 110%;
    }
    
    #ebenen {
        position: absolute;
        top: 105%;
        left: 37%;
        width: 67%;
        padding: 15px;
        background-color: #cccccc;
        border: solid 1px #aaaaaa;
        font-size: 14px;
        font-size: 1.2vw;
    }
    
    #imgoverlay .core.flex>div li {
        border-bottom: solid 1px #cc0066;
    }
    
    #imgoverlay ul li {
        margin-left: 0 !important;
    }
    
    #imgoverlay .core.flex>div>ul>li>ul {
        margin: 1.5vw 0;
        color: #cc8aab;
    }
    
    #imgoverlay .core.flex>div>ul>li>ul li {
        padding: 5px 0;
    }
    
    #imgoverlay .accordionbutton {
        position: relative;
    }
    /*     .accordionbutton+div {
        height: 0;
        overflow: hidden;
    }
    
    .accordionbutton.on+div {
        height: auto;
        overflow: visible;
    } */
    
    .accordionbutton span {
        position: absolute;
        left: auto;
        right: 5px;
        top: 8px;
        overflow: hidden;
    }
    
    .accordionbutton span:after {
        content: " +";
        display: inline-block;
    }
    
    .accordionbutton.on span:after {
        content: " -";
        display: inline-block;
    }
    
    .accordionbutton a {
        color: #cc0066
    }
    
    .core.flex>div>ul>li {
        padding: 6px 0;
    }
    
    .core.flex>div>ul>li a {
        padding: 0 0.5vw;
    }
    
    #situation {
        width: 15%;
    }
    
    #konzeption {
        width: 32%
    }
    
    #divevaluation {
        width: 50%;
    }
    
    #divevaluation .subcore>ul {
        width: 31%;
    }
    
    #konzeption::before,
    #divevaluation::before {
        content: "\2192";
        position: absolute;
        right: 102%;
        top: 24%;
        color: #cc0066;
        font-weight: bold;
    }
    
    #divevaluation::before {
        right: 101%;
    }
    
    .subcore ul {
        position: relative;
    }
    
    .subcore>ul+ul::before {
        content: "\2192";
        position: absolute;
        right: 105%;
        top: 5%;
        color: #cc0066;
        font-weight: bold;
    }
    
    #divevaluation .subcore>ul+ul::before {
        top: 3%;
    }
    
    .hidden {
        opacity: 0;
        z-index: -99;
    }
    
    #istzustand>ul {
        width: 100%;
    }
    
    #showlogical {
        display: none;
    }
    
    @media screen and (min-width:768px) {
        .js #showlogical {
            display: block;
        }
        .js .hide-unmobile {
            display: none;
        }
    }
    
    .layer-on #tocontent,
    .layer-on #backtotop,
    .layer-on .toggle-navigation,
    .layer-on .widget_nav_menu {
        display: none;
    }