hr {
    padding-bottom: 1.5rem;
}

p.error {
    color: var(--color_red);
    font-weight: 600;
}

span.grey {
    color: var(--color_grey-middle);
}

button[disabled] {
    opacity: .5;
}

.align-right {
    text-align: right;
}

input[type="checkbox"] + label {
    display: inline;
}

input.small {
    width: 20%;
}

input.small + input {
    width: 79.2%;
}

input.badge-data,
select.badge-data {
    background: var(--color_yellow);
}

span.bg-yellow {
    padding: 4px;
    border: 1px solid #FC0;
    background: var(--color_yellow);
}

div.top-corner p.headline {
    border-bottom: 1px solid var(--color_grey-dark);
}

ul.advantages li {
    font-size: 1.2em;
    padding: 0;
}

ul.advantages li::before {
     content: '\e90e';
     font-family: 'Icons';
     color: #f29100;
     padding-right: .5em;
     position: static;
}

#registrationStep1 .button {
    padding: .5em 1em;
    margin-top: 1em;
    font-size: 1.5em;
    margin-left: 1.2em;
    background-color: var(--color_main);
    text-transform: uppercase;
    font-weight: 600;
}


#registrationStep2,
#registrationTicketCode {
    border-top: 1px solid var(--color_grey-dark);
    border-bottom: 1px solid var(--color_grey-dark);
    padding: 1rem 0;
    margin-top: 2em;
}

#registrationStep2 .button,
#registrationTicketCode .button{
    background: var(--color_main);
    display: inline-block;
    text-transform: uppercase;
    color: var(--color_white);
    vertical-align: middle;
    font-size: 1.2em;
    padding: .5em 1em;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 1rem;
    width: 100%;
}

#registrationStep1 .button:hover,
#registrationStep2 .button:hover,
#registrationTicketCode .button:hover {
    background-color: var(--color_grey-dark);
}

#registrationCategorization .tile {
    height: 125px;
    background-color: var(--color_grey-dark);
    color: var(--color_white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#registrationCategorization .tile:hover,
#registrationCategorization .tile.active{
    background-color: var(--color_main);
}

#registrationCategorization .tile input {
    display: none;
}

#registrationCategorization .tile label {
    text-align: center;
}

#registrationSpecification input[type="text"] {
    width: 50px;
}

#registrationSpecification p {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.badge-download {
    margin-top: 1rem;
    padding: 0 ;
    width: 100%;
    display: flex;
}

.badge-download > a{
    padding: 1em;
    width: 85%;
    min-height: 75px;
    background: var(--color_grey-bright);
    display: flex;
    align-items: center;
    color: #000;
}

.badge-download > a img {
    padding-right: 1rem;
}

.badge-download > a span strong {
    display: block;
}

.badge-download .badge-visual {
    background-color: var(--color_main);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
}