/****************************************************************************
 * Links
 ****************************************************************************/
a, a:visited {
    color: inherit;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
}
a:hover, a:focus {
    color: #ffcc00;
}

a:focus {
    outline: 0.125rem solid rgba(0,0,0,0.1);
}

/****************************************************************************
 * Buttons
 ****************************************************************************/
.button, .button:visited{
    /*font-family: 'PilcrowRounded-Medium';*/
    font-family: 'Maga';
    font-weight: 700; font-size: 0.875em;
    padding: 0.675em 1.5em 0.625em; border-radius: 2em;
    background-color: #ffcc00;
    color: #000000;
    text-decoration: none;
}

.button:hover,
.button:focus {
    background-color: #000000;
    color: #ffcc00;
    letter-spacing: 0.05em;
}

.black_bg .button,
.black_bg .button:visited {
    background-color: #FFFFFF;
    color: #000000;
}
.black_bg .button:hover,
.black_bg .button:focus {
    background-color: #ffcc00;
    color: #000000;
}


/****************************************************************************
 * Button-Group
 ****************************************************************************/
/*.button-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -0.3125rem;
}
*/

.button-group.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
}

.button-group > *,
.button-group > .button {
    margin: 0.3125em;
}


.button.ticket_button {
    padding-left: 3em;
    position: relative;
}
.button.ticket_button:before {
    content: '';display: inline-block;
    position: absolute; top: 0; left: 1.125em;
    bottom: 0; width: 1.5em; height: auto;
    background: url(../img/icon-ticket.svg) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
.button.ticket_button:hover:before {
    background-image: url(../img/icon-ticket-yellow.svg);
}