@charset "UTF-8";

/******************************** button styles ********************************/

.ui-button
{
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 44px;
    line-height: 28px !important;
    border: 2px solid var(--black) !important;
    border-radius: 6px !important;
    padding: 0px 8px;
}

.ui-button-text
{
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: 100% !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.ui-button.ui-button-text-only
{
  	padding: 6px 12px;
}

.ui-button.ui-state-disabled
{
    background-color: var(--greyish) !important;
    border: 2px solid var(--greyish) !important;
}

.ui-button.ui-state-focus
{
	box-shadow: none !important;
}

.ui-button:hover,
.ui-button:active
{
    color: white !important;
    background-color: var(--black) !important;
    border: 2px solid var(--black) !important;
}

.secondary-button,
.secondary-button:hover,
.secondary-button:active
{
    color: var(--black) !important;
    background-color: white !important;
    border: 2px solid var(--black) !important;
}

.tgic-hinweis-button,
.tgic-hinweis-button:hover,
.tgic-hinweis-button:active
{
    font-size: 12px !important;
    font-weight: 300 !important;
    height: 42px;
    line-height: 16px !important;
    border: 2px solid var(--black) !important;
    border-radius: 6px !important;
    padding: 0px 8px !important;
}

/***************************** button link styles *****************************/

.button-link,
.button-Link:hover,
.button-Link:active
{
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 44px;
    line-height: 28px !important;
    border-radius: 6px !important;
    padding: 6px 12px;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
}

.primary-button-link,
.primary-button-Link:hover,
.primary-button-Link:active
{
    color: white !important;
    background-color: var(--black) !important;
    border: 2px solid var(--black);
}

.secondary-button-link,
.secondary-button-Link:hover,
.secondary-button-Link:active
{
    color: var(--black) !important;
    background-color: white !important;
    border: 2px solid var(--black);
}