/*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: 60vw;
        max-width: unset;

        .modal-content {
            background: var(--nm-surface-900);
            padding: 0 50px;

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

                #closeModal {
                    padding-top: 0px;
                    position: absolute;
                    right: 0px;
                    text-shadow: unset;
                    color: white;
                    opacity: 1;
                    font-size: 70px;
                    font-weight: 100;
                    padding-right: 40px;
                }
            }

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

                #gatedContentForm {
                    padding: 0px;

                    a {
                        font-size: unset;
                        color: unset;
                        text-decoration: underline;
                    }
                /*    .input-fields {*/
                /*        .form-group {*/
                /*            color: var(--nm-surface-900);*/
                /*            margin-block-end: 15px;*/
                /*            border-radius: 3px;*/
                /*            background: var(--nm-surface-50, #FFF);*/
                /*            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;*/
                /*            position: relative;*/

                /*            label {*/
                /*                position: absolute;*/
                /*                margin: 5px;*/
                /*                padding-left: 10px;*/
                /*                font-size: 10px;*/
                /*                top: -10px;*/
                /*                transition: opacity 0.3s ease;*/
                /*                display: none;*/
                /*            }*/

                /*            input {*/
                /*                background: unset;*/
                /*                border: unset;*/
                /*                box-shadow: unset;*/
                /*                z-index: 2;*/
                /*                position: relative;*/
                /*            }*/
                /*        }*/
                /*    }*/

                /*    .form-group {*/
                /*        color: white;*/
                /*    }*/
                }
            }
        }
    }
}


/* 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;
}

.gated-content-deactive-box  {
    a {

        border-radius: 90px;
        &.download-icon {

            background-color: var(--nm-primary-300);
            svg {
                &.rotate {
                    transform: rotate(90deg) translateY(-25%) translateX(-20%);
                    transform-origin: center;
                    transform-box: fill-box;
                }
                .stroke {
                    stroke: white;
                }
                .fill {
                    fill: white;
                }

                .fill-stroke {
                    fill: white;
                    stroke: white;
                }
            }

        }

        &:hover {
           &.download-icon {
               background-color: #DEDC00;
               svg {
                   .stroke {
                       stroke: #000;
                   }
                   .fill {
                       fill: #000;
                   }

                   .fill-stroke {
                       fill: #000;
                       stroke: #000;
                   }
               }
           }


            &.login-icon  {
                background-color: var(--nm-primary-300);
                svg {
                    .stroke {
                        stroke: #fff;
                    }
                    .fill {
                        fill: #fff;
                    }

                    .fill-stroke {
                        fill: #fff;
                        stroke: #fff;
                    }
                }

            }


        }
    }


}