button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
.button-primary, form .submit, .button-secondary, .box--gray-light .more a, .layout_short .more a, .layout_latest .more a, .rss_default .more a, .rss_items_only .more a, .mod_faqpage section .more a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: 0.0625rem solid transparent;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    text-decoration: none
}

.button-primary:hover, form .submit:hover, .button-secondary:hover, .box--gray-light .more a:hover, .layout_short .more a:hover, .layout_latest .more a:hover, .rss_default .more a:hover, .rss_items_only .more a:hover, .mod_faqpage section .more a:hover, .button-primary:focus, form .submit:focus, .button-secondary:focus, .box--gray-light .more a:focus, .layout_short .more a:focus, .layout_latest .more a:focus, .rss_default .more a:focus, .rss_items_only .more a:focus, .mod_faqpage section .more a:focus {
        cursor: pointer;
        text-decoration: none
    }
    
.button-primary:disabled, form .submit:disabled, .button-secondary:disabled, .box--gray-light .more a:disabled, .layout_short .more a:disabled, .layout_latest .more a:disabled, .rss_default .more a:disabled, .rss_items_only .more a:disabled, .mod_faqpage section .more a:disabled, .button-primary[disabled], form .submit[disabled], .button-secondary[disabled], .box--gray-light .more a[disabled], .layout_short .more a[disabled], .layout_latest .more a[disabled], .rss_default .more a[disabled], .rss_items_only .more a[disabled], .mod_faqpage section .more a[disabled] {
        cursor: not-allowed
    }

.button-primary, form .submit {
    background: var(--color-rosa-dunkel);
    transition: background 0.2s ease-in-out;
    border: 0.0625rem solid transparent;
    color: white
}

.button-primary:hover, form .submit:hover, .button-primary:focus, form .submit:focus {
        background: var(--color-rosa-mittel)
    }

.button-primary:disabled, form .submit:disabled, .button-primary[disabled], form .submit[disabled] {
        background: #dde1e4;
        color: #98a4ae
    }

.button-secondary, .box--gray-light .more a, .layout_short .more a, .layout_latest .more a, .rss_default .more a, .rss_items_only .more a, .mod_faqpage section .more a {
    background: white;
    transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border: 0.0625rem solid #dde1e4;
    color: #25455f
}

.button-secondary:hover, .box--gray-light .more a:hover, .layout_short .more a:hover, .layout_latest .more a:hover, .rss_default .more a:hover, .rss_items_only .more a:hover, .mod_faqpage section .more a:hover, .button-secondary:focus, .box--gray-light .more a:focus, .layout_short .more a:focus, .layout_latest .more a:focus, .rss_default .more a:focus, .rss_items_only .more a:focus, .mod_faqpage section .more a:focus {
        background: white;
        border-color: #f57a00;
        color: #f57a00
    }

.button-secondary:disabled, .box--gray-light .more a:disabled, .layout_short .more a:disabled, .layout_latest .more a:disabled, .rss_default .more a:disabled, .rss_items_only .more a:disabled, .mod_faqpage section .more a:disabled, .button-secondary[disabled], .box--gray-light .more a[disabled], .layout_short .more a[disabled], .layout_latest .more a[disabled], .rss_default .more a[disabled], .rss_items_only .more a[disabled], .mod_faqpage section .more a[disabled] {
        background: #dde1e4;
        color: #98a4ae
    }

.button--lg, form .submit {
    
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  color: #fff;

  font-size: 1rem;
  letter-spacing: 0.15rem;
  transition: all 0.3s;
  position: relative;
  /*overflow: hidden;*/
  z-index: 1;
  &:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: none;
    border-radius: 0.5rem;
  /*  border:1px solid #1d072c;*/
    z-index: 100;
  }
  &:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--color-lila);
    transition: all 0.3s;
    border-radius: 0.5rem;
    z-index: -1;
  }
  &:hover {
    color: #fff;
    &:before {
      width: 100%;
    }
  }


    
    /*padding: calc(.875rem - 0.0625rem) calc(.75rem - 0.0625rem);
    border-radius: 0.5rem;
    font-size: 1rem;
    line-height: 1.25rem*/
}

@media only screen and (min-width: 48rem) {
    .button--lg, form .submit {
        padding: calc(1rem - 0.0625rem) calc(1.25rem - 0.0625rem)
    }
}

@media only screen and (min-width: 75rem) {
    .button--lg, form .submit {
        padding: calc(1.25rem - 0.0625rem) calc(1.5rem - 0.0625rem);
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.button--md, .box--gray-light .more a, .layout_short .more a, .layout_latest .more a, .rss_default .more a, .rss_items_only .more a, .mod_faqpage section .more a {
    padding: calc(1.25rem - 0.0625rem) calc(1.5rem - 0.0625rem);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1rem
}

@media only screen and (min-width: 48rem) {
    .button--md, .box--gray-light .more a, .layout_short .more a, .layout_latest .more a, .rss_default .more a, .rss_items_only .more a, .mod_faqpage section .more a {
        padding: calc(1rem - 0.0625rem) calc(1.5rem - 0.0625rem)
    }
}

@media only screen and (min-width: 75rem) {
    .button--md, .box--gray-light .more a, .layout_short .more a, .layout_latest .more a, .rss_default .more a, .rss_items_only .more a, .mod_faqpage section .more a {
        padding: calc(1rem - 0.0625rem) calc(1.5rem - 0.0625rem);
        font-size: 1rem;
        line-height: 1.25rem
    }
}

.button--sm {
    padding: calc(.5rem - 0.0625rem) calc(.75rem - 0.0625rem);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 0.875rem
}

@media only screen and (min-width: 48rem) {
    .button--sm {
        padding: calc(.625rem - 0.0625rem) calc(.875rem - 0.0625rem)
    }
}

@media only screen and (min-width: 75rem) {
    .button--sm {
        padding: calc(.75rem - 0.0625rem) calc(1rem - 0.0625rem);
        font-size: 0.875rem;
        line-height: 1rem
    }
}

.button-group {
    display: flex;
    margin-block: 2rem;
    gap: 1rem
}