/*LINK NORMAL MIT BG COLOR UND PFEIL*/
.primary-button{
    font-family: var(--EdekaFontFamily) !important;
	font-weight: 500 !important;
    font-size: 1rem;
    line-height: 100% !important;
    align-items: center;
    padding: var(--Spacing-Stytem-spacing-sm) var(--Spacing-Stytem-spacing-lg);
    border-radius: var(--Spacing-Stytem-spacing-xs);
    display: flex;
    flex-direction: row;
    gap: var(--Spacing-Stytem-spacing-xs);
    align-items: center;
    line-height: normal;
    max-width: fit-content !important;
    margin-bottom: 0px !important;
    transition: 0.15s all linear;
    padding-right: 54px !important;
    position: relative;
}

.primary-button svg{
    width: 18px;
    height: 18px;
    position: absolute;
    right: 28px;
    top: 52%;
    transform: translateY(-50%);
}

/*PRIMARY BLUE*/
.primary-button.blue{
    background: linear-gradient(180deg, var(--ek-gradient-color1) 0%, var(--ek-gradient-color2) 100%);
    /*background: var(--ek-gradient-color2) !important;*/
    color: var(--ek-white);
    
}

.primary-button.blue:hover{
    color: var(--ek-white) !important;
    border: 1px solid var(--ek-mainblue);
}

.primary-button.blue:active{
    background: linear-gradient(180deg, var(--ek-mainblue) 0%, var(--ek-mainblue) 100%) !important;
}
/*END PRIMARY BLUE*/

/*PRIMARY WHITE*/
.primary-button.white{
    background: var(--ek-white) !important;
    border: 1px solid var(--ek-mainblue);
}

.primary-button.white:hover{
    color: var(--ek-mainblue);
    border: 1px solid var(--ek-mainblue);
}

.primary-button.white:active{
    background: var(--ek-white) !important;
}
/*END PRIMARY WHITE*/

.primary-button.icon{
    padding: var(--Spacing-Extra-for-buttons) var(--Spacing-Stytem-spacing-sm) var(--Spacing-Extra-for-buttons) var(--Spacing-Stytem-spacing-lg);
}

.primary-button.centered{
    margin-left: auto;
    margin-right: auto;
}


button.primary-button{
    font-family: var(--EdekaFontFamily) !important;
	font-weight: 700 !important;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    line-height: normal;
    margin-top: 0px !important;
    letter-spacing: 1.92px !important;
    padding: var(--Spacing-Extra-for-buttons) var(--Spacing-Stytem-spacing-sm) var(--Spacing-Extra-for-buttons) var(--Spacing-Stytem-spacing-lg);
    max-width: fit-content !important;
}


button.primary-button span,.primary-button span{
    position: relative;
    top: 2px !important;
}

/*LINK TRANSPARENT MIT PFEIL HINTEN ODER VORNE*/
.secondary-button{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0px;
    font-family: var(--EdekaFontFamily) !important;
	font-weight: 500 !important;
    font-size: 1rem;
    max-width: fit-content !important;
    position: relative;
    padding-right: 35px;
    line-height: 100% !important;
}

.secondary-button svg{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 52%;
    transform: translateY(-50%);
}

.secondary-button > span{
    position: relative;
    top: 2px;
}

.secondary-button.reverse{
    flex-direction: row-reverse !important;
}

@media (min-width: 1000px){
    .secondary-button,.primary-button{
        font-size: 1.063rem;
    }
}

@media (min-width: 1299px){
    .secondary-button,.primary-button{
        font-size: 1.125rem;
    }
}