/** d3.css styles all SVG which where createt with d3. its just style the content of the SVG NOT the SVG self.
*/
@font-face {
    font-family: notoSans;
    src: url(../font/NotoSans-Regular.ttf);
}

.lineblack{
    stroke-width: 1px;
    stroke: black;
}
.lineblack2{
    stroke-width: 2px;
    stroke: black;
}
.lineblack4{
    stroke-width: 4px;
    stroke: black;
}

.linereddotted102{
    stroke-width: 1px;
    stroke: red;
    stroke-dasharray: 10,2;
}


/*GAER STUFF*******************************/
.GEARlinereddotted102{
    stroke-width: 1px;
    stroke: red;
    stroke-dasharray: 8, 2, 1,2;
}

.linegrey{
    stroke-width: 2px;
    stroke: grey;
}

.linedotted33{
    stroke-width: 2px;
    stroke: black;
    stroke-dasharray: 3,3;
}

.pathred{
    stroke-width: 1px;
    stroke: red;
    fill: none;
}

.pathreddotted103{
    stroke-width: 1px;
    stroke: red;
    stroke-dasharray: 10,3;
    fill: none;
}
.pathdottedtec{
    stroke-width: 1px;
    stroke: black;
    stroke-dasharray: 10,2, 1,2;
    fill: none;
}
.pathdotted103{
    stroke-width: 1px;
    stroke: black;
    stroke-dasharray: 10,3;
    fill: none;
}
.pathred4{
    stroke-width: 4px;
    stroke: red;
    fill: none;
}
.pathblack{
    stroke-width: 1px;
    stroke: black;
    fill: none;
}

.textred{
    fill: red;
    font-size: 20px;
    text-anker: start;
    font-family: notoSans;
}
.textred15{
    fill: red;
    font-size: 15px;
    text-anker: start;
    font-family: notoSans;
}
.textred30{
    fill: red;
    font-size: 30px;
    text-anker: start;
    font-family: notoSans;
}
.textblack{
    fill: black;
    font-size: 30px;
    text-anker: start;
    font-family: notoSans;
}
.textblack20{
    fill: black;
    font-size: 20px;
    text-anker: start;
     font-family: notoSans;
}
.textred40{
    fill: red;
    font-size: 40px;
    text-anker: start;
    font-family: notoSans;
}
.textred20{
    fill: red;
    font-size: 20px;
    text-anker: start;
    font-family: notoSans;
}
.textblack40{
    fill: black;
    font-size: 40px;
    text-anker: start;
    font-family: notoSans;
}

.textblack30{
    fill: black;
    font-size: 30px;
    text-anker: start;
    font-family: notoSans;
}

.textblack25{
    fill: black;
    font-size: 25px;
    text-anker: start;
    font-family: notoSans;
}

.textblack20{
    fill: black;
    font-size: 20px;
    text-anker: start;
    font-family: notoSans;
}

.textblack15{
    fill: black;
    font-size: 15px;
    text-anker: start;
    font-family: notoSans;
}
.textblack10{
    fill: black;
    font-size: 10px;
    text-anker: start;
     font-family: notoSans;
}
.graphred{
    fill: none;
    stroke: red;
    stroke-width: 2px;
}
.lineRed2{
    stroke: red;
    stroke-width: 2px;
}
.lineRed{
    stroke: red;
    stroke-width: 1px;
}
.lineblackdotted102{
    stroke-width: 1px;
    stroke: black;
    stroke-dasharray: 10,2;
    fill: none;
}
.opacityredplane{
    fill: red;
    fill-opacity: 0.1;
    stroke: red;
    stroke-width: 1px;
}
.formelSVG40{
    fill: black;
    font-family: notoSans;
    font-weight: bold;
    font-size: 40px;

}
.formelSVG30{
    fill: black;
    font-family: notoSans;
    font-weight: bold;
    font-size: 30px;

}
.formelSVG20{
    fill: black;
    font-family: notoSans;
    font-weight: bold;
    font-size: 20px;

}
#triangleleftBlack{
        markerUnits: 2;
        markerWidth: 4;
        markerHeight: 3;
        fill: black;
}
#trianglerightBlack{
        markerUnits: 2;
        markerWidth: 4;
        markerHeight: 3;
        fill: black;
}
#triangleleft{
        markerUnits: 2;
        markerWidth: 4;
        markerHeight: 3;
        fill: red;
}
#triangleright{
        markerUnits: 2;
        markerWidth: 4;
        markerHeight: 3;
        fill: red;
}