button.cta,
article.text .inhalt .cta,
form input[type="submit"],
form button[type="submit"],
form button[type="button"],
.cta{
    color: white !important;
    background-color:var(--primaryColor);
    padding-top:var(--button_top_dis);
    padding-bottom:var(--button_bottom_dis);
    padding-left:var(--button_left_dis);
    padding-right:var(--button_right_dis);
    transition:all .4s;
    display:inline-block;

    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--button_font_size);
    line-height: var(--button_line_height);
    border:2px solid var(--primaryColor);
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cta > *{
    color:white !important;
    transition:all .4s;
}
.cta.small{
    padding-top:calc(var(--button_top_dis) / 2 );
    padding-bottom:calc(var(--button_bottom_dis) / 2 );
    padding-left:calc(var(--button_left_dis) / 2 );
    padding-right:calc(var(--button_right_dis) / 2 );
}
button.cta:hover,
.cta:hover,
form input[type="submit"]:hover,
form button[type="submit"]:hover,
form button[type="button"]:hover,
article.text .cta:hover{
    color: var(--primaryColor) !important;
    background-color:white  !important;
}
.cta:hover > *{
    color: var(--primaryColor) !important;
}
/* colors */
.cta.green{
     border-color: #155724;
     background-color: #155724;
 }
.cta.green:hover,
.cta.green:hover > *{
    color: #155724 !important;
}
.cta.red{
    border-color: #721c24;
    background-color: #721c24;
}
.cta.red:hover,
.cta.red:hover > *{
    color: #721c24 !important;
}

@media screen and (max-width:800px){
    .cta{
        width:100%;
        display:block;
        text-align: center;
    }
}

/* oval button mit i */
.cta_oval{
    color: white !important;
    background-color:var(--primaryColor);
    transition:all .4s;
    display:inline-block;
    font-size: var(--button_font_size);
    line-height: var(--button_line_height);
    border:2px solid var(--primaryColor);
    cursor:pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width:30px;
    height:30px;
    text-align: center;
    padding-left:3px;
}
.cta_oval:hover{
    background-color: white;
    color: var(--primaryColor) !important;
}