/*

removed, comes back after styling in theme..

TODO:::::

@mixin pseudoinput {
    content: '';
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-left: 1px solid #c4c4c4;
    position: absolute; 
    right: -5px;
    bottom: 0;
    z-index: -1;
    background-image: url(../src/img/drop.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% auto;
}

.acad-anfrage-form {

.col-md-4.border-bottom {
        border-bottom: 1px solid #f1f1f1;
    }

    @media screen and (max-width: 750px) {
        .col-xs-12 {
            // padding: 10px 5px 5px 5px;
            padding-top: 15px;
            // bottom not allowed because of pseudoinput elements
        }
    }

    progress {
        width: 100%;
    }

    .required-notice {
        // font-size: 14px;
    }

    .validation-error {
        color: red;
        font-size: 12px;
        padding-top: 4px;
    }

    .js-attachment-replace {
        display: none;
    }

    input:focus,
    select:focus {
        box-shadow: none;
        border: 1px solid #2962ff !important;
        color: rgb(16, 16, 16) !important;
    }

    .form-label {
        display: block;
        font-size: 14px !important;
        font-weight: 400;
        font-family: 'Josefin Sans', sans-serif !important;
    }

    .form-entry {
        input, textarea, select {
            font-size: 16px !important;
        }
    }

    .label-required,
    .entry-required .form-label {
        &:after {
            content: '*';
            font-size: 18px;
            color: red;
            position: absolute;
            top: 0;

        }
    }

    .check-label {
        padding-left: 10px;
    }

    .entry-legend {
        padding-top: 20px;
    }

    .entry-textarea {
        textarea {
            min-height: 60px;

        }
    }

    .entry-radio .entries > * {
        padding-right: 20px;
    }

    .entry-captcha {
        padding: 10px 0;
    }

    .entry-radio {
        input {
            margin-left: 1px; opacity: 0;
        }

        label {
            position: relative;

            &:before {
                content: '';
                width: 20px;
                height: 20px;
                display: block;
                position: absolute;
                opacity: 1;
                background: white;
                bottom: 0;
                left: 0;
                border: 1px solid #c4c4c4;
            }

            &.is-selected {
                &:before {
                    background: #2962ff;
                    background-image: url(../src/img/check.svg);
                    background-repeat: no-repeat;
                    background-position: right;
                    background-size: 100% auto;
                }
            }
        }
    }

    .btn-submit {
        width: 100%;

        &.is-disabled {
            background: #c4c4c4;
            border-color: #c4c4c4;
        }
    }

    .btn-upload {
        background: #D4E0FF !important;
        border: 0px #D4E0FF solid !important;
        font-size: 18px;
        font-weight: 400 !important;
        color: #2962ff !important;
        font-size: 11px !important;
        font-family: 'Josefin Sans', sans-serif;
        text-transform: uppercase;
        width: 100%;
    }

    .row {
        margin-bottom: calc(10px + 2vh);
    }

    .file-row {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        justify-content: space-between;
        padding: 5px;
        word-break: break-all;
        // delete button
        button {
            $size: 22px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: block;
            background: none;
            font-family: sans-serif;
            border-radius: 50%;
            width: $size;
            height: $size;
            border: 1px solid #c4c4c4;
            line-height: $size - 5px;
            text-align: center;
            color: #c4c4c4;
            font-size: 12px;
        }
    }

    .modal {
        // display: block;
        background: rgba(255,255,255, 0.6);

        .close {
            height: 20px;
            width: 20px;
            display: block;
            position: relative;
            opacity: 0.8;
            top: 1rem;

            &:before,
            &:after {
                content: '';
                top: 7.5px;
                width: 15px;
                height: 1px;
                display: block;
                background: black;
                position: absolute;
                left: 0;
            }

            &:before {
                transform: rotate(45deg);
            }
            &:after {
                transform: rotate(-45deg);
            }
        }

        .modal-dialog {
            top: 50%;
            transform: translateY(-50%);
        }

        .modal-header,
        .modal-footer,
        .modal-content {
            border: none;
        }

        .modal-footer {
            text-align: center;
        }

    }

}

 */

/*# sourceMappingURL=main.css.map */