.balken-down::after{
    position: relative;
    content: '';
    width: 5px;
    height: 44px;

    background: #212221;
    display: inline-block;
    margin-top: 10px;

}

.balken-down{
    line-height: 16px;
}

.big-balken-short-left-bottom-red,
.balken-short-left-bottom-red{
    position: relative;
}

@media (min-width: 1024px) {
    .balken-short-left-bottom-red::after{
        position: absolute;
        content: '';
        left: 0px;
        bottom: -10px;
        width: 50px;
        height: 5px;

    }

    .big-balken-short-left-bottom-red::after{
        position: absolute;
        content: '';
        left: 0px;
        bottom: -20px;
        width: 50px;
        height: 10px;

    }
}


@media (max-width: 1024px) {
     .balken-short-left-bottom-red::after{
         display: none!important;
     }

}

header nav a{
    position: relative;
}

header nav a::after{
    max-width: 0px;
    position: absolute;
    content: '';
    left: 0px;
    bottom: -10px;
    width: 50px;
    height: 5px;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

header nav  .balken-short-left-bottom-red::after{
    max-width: 100px;
}


.balken-dark-left{
    position: relative;
}

.balken-dark-left::before{
    position: absolute;
    content: '';
    left: -65px;
    top: 1em;
    width: 50px;
    height: 5px;
}


.balken-dark-right{
    position: relative;
}

.balken-dark-right::before{
    position: absolute;
    content: '';
    right: -65px;
    top: 5px;
    width: 50px;
    height: 5px;
    background: #E30613;
}


.balken-dark-top{
    position: relative;
}

.balken-dark-top::before{
    position: absolute;
    content: '';
    left: 0px;
    top: -1em;
    width: 5px;
    height: 50px;

}

.balken-dark-bottom{
    position: relative;
}

.balken-dark-bottom::before{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 5px;
    height: 50px;
    background: #E30613;
}


@media all and (max-width: 1191.98px){
    .balken-down{
        line-height: 10px;
    }

    .big-balken-short-left-bottom-red::after{
        bottom: -17px;
        height: 6px;
    }
}

@media all and (max-width: 767.98px){

    .balken-dark-left::before{
        width: 30px;
        left: -46px;
    }

    .balken-dark-right::before{
        width: 30px;
        right: -46px;
    }

    .balken-dark-bottom::before,
    .balken-dark-top::before{
        height: 30px;
    }

    header nav  .balken-short-left-bottom-red::after,
    header nav a::after{
        height: 3px;
        bottom: -7px;
    }

    .border-bottom-sm{
      border-bottom: 15px solid #FFF;
    }
}

@media all and (max-width: 575.98px){
    .big-balken-short-left-bottom-red::after{
        bottom: -10px;
    }
}