.atlui_form_quick > .atlui_form_section[data-step-index="1"] {
    row-gap: 5px;
}

.atlui_form_quick {
    background-color: #F5F7FA;
}

button.atlui_button_back {
    background: #dedede;
    color: #000;
}

.atlui_form_wrapper{
    border-radius: 15px;
}

@media(width <= 670px) {
    button.atlui_button_back, button.atlui_button_forward, button.atlui_button_submit {
        width: 100% !important;
    }

    button.atlui_button_forward, button.atlui_button_submit {
        float: none;
    }

}

button.atlui_button_forward, button.atlui_button_back, button.atlui_button_submit {
    border-radius: 7.5px;

}

/* call to action */
@keyframes shine {
    0% {left: -100px}
    20% {left: 100%}
    100% {left: 100%}
}

button.atlui_button_forward::before, button.atlui_button_submit::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
        140deg,
        rgba(255,255,255, 0) 30%,
        rgba(255,255,255, .6),
        rgba(255,255,255, 0) 70%
    );
    top: 0;
    left: -100px;
    animation: shine 5s infinite ease-out;
}

/* hack: fix newline for validation message on checkbox (ugly, I know...) */
#confirm_invalid {
    display: block;
}

.agb-hinweis {
  background-color: #f5f5f5;
  padding: 10px;
  font-size: 0.9em;
  color: #555;
}

.agb-hinweis a {
  color: #555;
  text-decoration: underline;
}


/* progress bar */
.atlui_progress_container {
    background-color: #F5F7FA;
    height: 50px;
    width: 100%;
    padding: 20px;
}

.atlui_progress_bar {
    height: 15px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #eaeaea;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.atlui_progress_bar.atlui_progress_fill {
    width: 0%;
    margin: 0;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 10pt;
    font-weight: bold;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease;
}