/*Whitepaper - GT */

.section.whitepaper .inner .row .col-md-6:first-child {
    flex: auto;
}

.section.whitepaper .inner .row .col-md-6:first-child .inner {
    margin-bottom: 30px;
}

.section.whitepaper .inner .row .col-md-6:last-child {
    flex: auto;
    max-width: 100%;
    padding-left: 15px;
}

.section.whitepaper .inner .row .col-md-6:first-child img {
    width: auto;
}

.section.formular .container {
    max-width: 100%;
}






/*
Form settings
 */

#downloadmodal {
    .modal-dialog {
        width: 80vw;
        max-width: unset;

        .modal-content {
            background: #fff;

            .modal-header {
                padding: 0px;
                border: none;
                padding-right: 1rem;
                padding-top: 1rem;

                #closeModal {
                    padding-top: 10px;
                    text-shadow: unset;
                    color: #000;
                    opacity: 1;
                    font-size: 70px;
                    font-weight: 100;
                    padding-right: 40px;
                }
            }

            .modal-body {
                padding: 20px 40px 45px;

                #gatedContentForm {

                    .form-group {
                        position: relative;

                        &.active .form-label {
                            top: -2px;
                            font-size: 12px;
                            color: var(--nm-primary-300);
                        }


                        .form-label {
                            display: block;
                            position: absolute;
                            top: 14px;
                            left: 12px;
                            font-size: 16px;
                            color: gray;
                            transition: 0.2s ease all;
                            pointer-events: none;
                            padding: 0 4px;
                        }

                        label {
                            display: block;
                        }

                        input {
                            padding-block: 30px 20px;
                        }
                    }

                    a {
                        font-size: unset;
                        color: unset;
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}


/* Registration without Modal */

#gatedContentForm {
    a {
        font-size: unset;
        color: unset;
        text-decoration: underline;
    }

    .form-group {
        margin-block-end: 15px;

        .form-label {
            .required {
                display: contents;
                color: gray;
            }
        }
            }
}


/* Whitepaper Theme Einstellungen */

.section.whitepaper a {
    display: inline-block;
}

.section.whitepaper p {
    margin-bottom: 2rem;
}

.section.whitepaper table {
    font-size: 16px;
}

.section.whitepaper tr {
    border-collapse: collapse;
    border-bottom: 20px solid #fff;
}

.section.whitepaper td:last-child {
    padding-left: 15px;
}

.section.whitepaper .inner .row .col-md-6:first-child {
    flex: 0 0 40%;
    text-align: center;
}

.section.whitepaper .inner .row .col-md-6:first-child .inner {
    background-color: #F8F8F8;
    padding: 30px;
}

.section.whitepaper .inner .row .col-md-6:last-child {
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 7%;
}

.section.whitepaper img.alignnone {
    margin: 0px;
}

.section.whitepaper .inner .row .col-md-6:first-child img {
    max-width: 275px;
}


.gated-content-deactive-box .gatedContent-Button {
    display: none;
}





.floating-label {
    position: relative;
    margin-top: 1.5rem;
}

.floating-label input {
    width: 100%;
    padding: 1rem 0.75rem 0.25rem 0.75rem;
    font-size: 1rem;
}

.floating-label label {
    position: absolute;
    top: 1rem;
    left: 0.75rem;
    font-size: 1rem;
    color: #666;
    pointer-events: none;
    transition: all 0.2s ease-out;
    background: white;
    z-index: 1;
    padding: 0 0.25rem;
}

/* Zustand: Fokus oder Inhalt vorhanden */
.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label {
    top: -0.5rem;
    left: 0.5rem;
    font-size: 0.75rem;
    color: #333;
    z-index: 2;
}