.onvIcon {
    fill: none;
    stroke: inherit;
    stroke-width: 1.7;
    stroke-miterlimit: 10;
    stroke-miterlimit: 10;
}

.onvIconHighlight {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.onvIconNoStroke {
    fill: inherit;
    stroke: none;
    stroke-width: 1.7;
    stroke-miterlimit: 10;
    stroke-miterlimit: 10;
}

.onvIconHighlightFill {
    fill: currentColor;
}


#onvSVG-process .onvIconHighlight {
    stroke-dasharray: 9.8114, 9.8114;
}


.onvSVGsize20 .onvIcon {
    stroke-width: 1 !important;
}

center .onvSVGsize60,
.onvSVGsize40,
.onvSVGsize20 {
    position: relative;
}

.onvSVG {
    fill: #000;
    color: #000;
}


.onvSVGsize-tablet {
    width: 40px;
    height: 40px;
}

.onvSVGsize-mobile {
    width: 25px;
    height: 25px;
}

.svg-partner{
    fill: none;
    color: black;
}

.svg-partner .onvIconHighlight{
    fill: currentColor;
}

svg:hover .onvSVGorange {
    fill: #000;
    color: #ef7d00;
}

a:focus .onvSVGorange {
    color: #ef7d00;
}

.onvSVGorange.onvPrefill-yes {
    color: #ef7d00 !important;
}

svg:hover .onvSVGred {
    fill: #000;
    color: #cc0033;
}

a:focus .onvSVGred {
    color: #cc0033;
}

.onvSVGred.onvPrefill-yes {
    color: #cc0033 !important;
}

svg:hover .onvSVGblue {
    fill: #000;
    color: #007db2;
}

a:focus .onvSVGblue {
    color: #007db2;
}

.onvSVGblue.onvPrefill-yes {
    color: #007db2 !important;
}

svg:hover .onvSVGgreen {
    fill: #000;
    color: #078036;
}

a:focus .onvSVGgreen {
    color: #078036;
}

.onvSVGgreen.onvPrefill-yes {
    color: #078036 !important;
}

.onvSVGMobile {
    display: none;
}

.onvSVGTablet {
    display: none;
}

.onvSVGDesktop {
    display: none;
}


.onvSVGsize40 {
    width: 40px;
    height: 40px;
    margin: 0;
}

.onvSVGsize20 {
    width: 20px;
    height: 20px;
    margin: 0;
}

/*.kacheln-3{
    width: 75% !important;
}

.kacheln-2{
    width: 50% !important;
}

.kacheln-1{
    width: 25% !important;
}*/

.kacheln-4{
    /*max-width: 930px !important;*/
    max-width: 79.5% !important;
}

.kacheln-3{
    /*max-width: 691px !important;*/
    max-width: 59% !important;
}

.kacheln-2{
    /*max-width: 449px !important;*/
    max-width: 38% !important;
}

.kacheln-1{
    /*max-width: 211px !important;*/
    max-width: 18% !important;
}

.onvSvgCircle-yes {
    border-radius: 100%;
    padding: 22px;
    box-sizing: content-box;
}

.onvSvgCircle-yes.onvSvgCircle-black {
    border: 4px solid #000;
}

.onvSvgCircle-yes.onvSvgCircle-white {
    border: 4px solid #fff;
}

/**color adaptions**/
.onvStrokewhite {
    stroke: #fff;
    color: #fff;
    fill: #fff; 
}

.onvStrokeblack {
    stroke: #000;
    color: #000;
}

.onvStrokewhite .onvIconNoStroke  {
	stroke: none;
    color: #fff;
    fill: #fff; 
}

/**color adaptions END**/

.onv_portfolio .svgDesktop {
    display: block;
}

.onv_portfolio .svgMobile {
    display: none;
}

.onvSVGcontainer {
    display: inline-block;
    margin-bottom: 20px !important;
}

@media (min-width:1151px) {
    .onvSVGDesktop {
        display: block;
    }

    .onvSVGsize60 {
        width: 60px;
        height: 60px;
        margin: 0;
    }

    .onvSVGsize120 {
        width: 120px;
        height: 120px;
        margin: 0;
    }
	.onvSVGsize90 {
        width: 90px;
        height: 90px;
        margin: 0;
    }

}

@media only screen and (min-width:768px) and (max-width:1150px) {
    .onvSVGTablet {
        display: block;
    }

    .onvSVGsize60 {
        width: 40px;
        height: 40px;
        margin: 0;
    }
	
	.onvSVGsize90 {
        width: 70px;
        height: 70px;
        margin: 0;
    }

    .onvSVGsize120 {
        width: 100px;
        height: 100px;
        margin: 0;
    }

    .onv_portfolio .svgDesktop {
        display: block;
    }

    .onv_portfolio .svgMobile {
        display: none;
    }
    .onvSvgCircle-yes.onvSvgCircle-black {
    border: 2px solid #000;
}

.onvSvgCircle-yes.onvSvgCircle-white {
    border: 2px solid #fff;
}
}

@media (max-width:767px) {
    .onvSVGMobile {
        display: block;
    }

    .onvSVGsize60 {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    .onvSVGsize120, .onvSVGsize90 {
        width: 80px;
        height: 80px;
        margin: 0;
    }
    
    .onv_portfolio .svgDesktop {
        display: none;
    }
    
    .onv_portfolio .svgMobile {
        display: block;
    }
    .spalten-1{
        width: 57% !important;
    }
    .onvSvgCircle-yes.onvSvgCircle-black {
    border: 2px solid #000;
}

.onvSvgCircle-yes.onvSvgCircle-white {
    border: 2px solid #fff;
}
}