/* Login form */
body > .typo3-login {
    background: #071b3b url(images/wd_bg.jpg) no-repeat;
    background-size: cover;
}

    body .typo3-login-wrap {
        max-width: 360px;
        position: relative;
    }

    body .typo3-login-logo {
        position: absolute;
        top: -67px;
        left: 0;
        height: 67px;
        width: 100%;
        background: transparent url(/typo3conf/ext/wd_skin/images/enhanced_by_wd_with_t3_logo.svg) no-repeat 100% 0;
        background-size: 100%;
    }

        body .typo3-login-logo svg,
        body .typo3-login-logo img {
            display: none;
        }

    body .card .panel-body {
        background-color: #efefef;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    body .cropper .card .panel-body {
        background-color: transparent;
    }

    body .card #loginNews {
        border-top: 3px solid #FF8800;
        padding-top: 50px;
    }

    body #loginNews:before {
        content: 'Neuigkeiten von weber.digital';
        font-size: 13px;
        font-weight: bold;
        padding: 22px 30px 40px 30px;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--typo3-card-border-color);
        width: 100%;
        display: block;
        border-bottom: 1px solid #D5D5D5;
    }

        body .card #loginNews .carousel-item .typo3-login-news-heading {
            padding-top: 65px;
            line-height: 150%;
        }

        body .card #loginNews .carousel-item .text-muted {
            display: block;
            position: absolute;
            top: 0;
        }

        body .card #loginNews .carousel-item a {
            margin-top: 1.25em;
            text-decoration: none;
            color: #FF8800;
            display: block;
        }

            body .card #loginNews .carousel-item a:hover {
                color: #CC6D00;
                text-decoration: none;
            }


/* Backend */
.topbar-header-site-title {
    padding-left: 222px !important;
    background: transparent url(images/enhanced_by_wd.svg) no-repeat 0px 0px;
    background-size: contain;
}

.form-section.hide + .form-section:not(.hide) {
    margin-top: 0;
}

.tab-pane > .form-section.hide:first-child + .form-section:not(.hide){
    border-top: none;
}

.tab-pane > .form-section.hide:first-child + .form-section.hide + .form-section:not(.hide){
    border-top: none;
}

.tab-pane > .form-section.hide:first-child + .form-section.hide + .form-section.hide + .form-section:not(.hide){
    border-top: none;
}

@media (min-width: 600px) {
    .element-browser-main-sidebar
    {
        width: auto !important;
        max-width: 50%
    }
}
@media (min-width: 992px) {
    .element-browser-main-sidebar
    {
        width: auto !important;
        max-width: 66%
    }
}

.t3js-modal-body.modal-body .htmlarea-window {
    min-width: 100vw;
}

@media (min-width: 600px) {
    .modal-size-default .modal-content {
        width: auto;
        min-width: 600px;
    }
}

.t3-gridCell-width2 {
    width: 66%;
}

.t3-gridCell-width3 {
    width: 75%;
}

.modal-size-small .modal-content {
    height: 40vh;
    width: 40vw;
}

.modal-size-medium .modal-content {
    height: 60vh;
    width: 60vw;
}

.modal-size-large .modal-content {
    height: 80vh;
    width: 80vw;
}

#typo3-contentIframe {
    overflow: scroll !important;
}

html.sf-js-enabled {
    overflow-y: auto;
}

.t3-page-ce-header-title,
.t3-page-column-header {
    font-weight: normal !important;
}
.element-preview-content strong {
    font-weight: normal !important;
}

.t3-grid-container-inner .t3-grid-container-inner .t3-page-ce-header-icon-flag {
    padding-left: 5px;
}

.form-wizard-icon-list {
    background-color: var(--panel-heading-bg) !important;
}

:root {
    --token-color-neutral-50: #808080;
    --token-color-neutral-55: #858585;
    --token-color-neutral-60: #737373;
    --token-color-neutral-65: #696969;
    --token-color-neutral-70: #606060;
    --token-color-neutral-75: #525252;
    --token-color-neutral-80: #444444;
    --token-color-neutral-85: #363636;
    --token-color-neutral-90: #2e2e2e;
    --token-color-neutral-91: #292929;
    --token-color-neutral-92: #262626;
    --token-color-neutral-93: #222222;
    --token-color-neutral-94: #1f1f1f;
    --token-color-neutral-95: #1c1c1c;
    --token-color-neutral-96: #191919;
    --token-color-neutral-97: #161616;
    --token-color-neutral-98: #131313;
    --token-color-neutral-99: #101010;
    --token-color-neutral-100: #0d0d0d;
}

/* To make the page scrollable when debug content is displayed. */
body {
    overflow: auto;
}