.spaltelinks,.spalterechts {text-align:left;position:relative;}
/* ----------------- spalten --------------------
    padding-bottom: 3em;*/

@media screen and (min-width:701px) {
.divflex{
    width: 100%;
    display: inline-block;
    display: flex;
    overflow: hidden;}

.spaltelinksin,.spalterechtsin {position:relative;}
.spaltelinks,.spalterechts {width: 50%;}
.spaltelinks {overflow: hidden;}
.spaltelinksin {margin:0 0 0 auto;}
.spalterechtsin {margin:0 auto 0 0;}

.spaltelinksin.htginaktiv {padding-right:2%;padding-left:6%;padding-top:.3em;}
.spaltelinksin.htginaktiv2 {padding-right:6%;padding-left:6%;padding-top:.3em;}
.spalterechtsin.htginaktiv {padding-right:6%;padding-left:6%;padding-top:.3em;}
.spaltelinksin.htgaktiv{padding-left: 10%;padding-right: 18%;}
.spalterechtsin.htgaktiv {padding-left: 10%;padding-right: 10%;}
.spaltelinksin, .spalterechtsin {max-width: 700px;}
.spaltelinksin.htgaktiv, .spalterechtsin.htgaktiv {
    padding-top: 4em;
}
.spaltelinksin.htginaktiv, .spalterechtsin.htginaktiv {
    padding-top: .4em;
    padding-bottom: 0;
}
.spaltelinksin {float: right;}
.spalterechtsin {float: left;}
.pfeil {
    position: absolute;
    margin-top: -2em;
    z-index: 2;
    width: 4em;
    height: 4em;
    top: 50%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pfeil.liblock {right:-2em;}
.pfeil.reblock {left:-2em;}
}


.spaltelinks, .spalterechts {text-align: left;padding-left:3%;padding-right:3%;}

@media screen and (min-width: 701px) {
.spaltelinks {float: left;}
.spalterechts {float: right;}
.schraegelinks,.schraegerechts{left:-4em;border-right-width: 4em;border-left: 0 solid transparent;}
.schraegelinks {
    border-top: 80vw solid transparent;top:0;}
.schraegerechts {
    border-bottom: 80vw solid transparent;bottom:0;}

.dreiecklinks,.dreieckrechts {top: 50%;margin-top: -50vw;}
.spaltendeko {
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
}
.dreiecklinks {
    border-width: 50vw 4vw 50vw 0;
    border-top: 50vw solid transparent;
    border-bottom: 50vw solid transparent;
    margin: auto;
    position: absolute;
    top: 0;
    left: -3.8vw;
    bottom: 0;
    right: auto;
    }
.dreieckrechts {
    border-width: 50vw 0 50vw 4vw;
    border-top: 50vw solid transparent;
    border-bottom: 50vw solid transparent;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
}
}



@media screen and (max-width:700px) {
.spaltendeko {
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
}

.dreiecklinks {
    top: -2em;
    left: 0;
    right: 0;
    border-width:0 50vw  2em 50vw;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    }

.dreieckrechts {
    top: 0;
    left: 0;
    right: 0;
    border-width: 2em 50vw 0 50vw;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.schraegelinks, .schraegerechts {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.schraegelinks {
    border-width: 0 100vw 40px 0;
    top: -40px;
    left: 0;
}
.schraegerechts {
    border-width: 0 0 40px 100vw;
    top: -40px;
    right: 0;
}
}










@media screen and (max-width:700px) {
.spaltelinksin,.spalterechtsin  {margin:0 3.5%;padding:3em 0;}
.pfeil{
    position: absolute;
    margin-left: -2em;
    z-index: 2;
    width: 4em;
    height: 4em;
    left: 50%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);}
.pfeil.liblock{
    bottom: -2em;}
.pfeil.reblock{
    top: -2em;}
}

/*
.spaltelinks:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 8em solid #d20000;
    border-top: 18em solid #f3f3f3;
    border-bottom: 22em solid #f3f3f3;
    width: 0em;
    margin-top: -18%;
}

.spalterechts:before {
    content: "";
    position: absolute;
    left: -8em;
    margin-top: -8em;
    z-index: 0;
    width: 16em;
    height: 16em;
    top: 50%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #f3f3f3;
} */