/*
    epublisher v4.0
    http://3pc.de
*/

/* Fonts
----------------------------------*/
    /* MEDIUM ITALIC - 500 */
    @font-face {
        font-family: 'District'; /* MEDIUM ITALIC */
        font-style: italic;
        font-weight: 500;
        src: url('../font/District/2493A3_0_0.eot');
        src: url('../font/District/2493A3_0_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_0_0.woff') format('woff'),
        url('../font/District/2493A3_0_0.ttf') format('truetype');
    }
    /* MEDIUM - 500 */
    @font-face {
        font-family: 'District'; /* MEDIUM */
        font-style: normal;
        font-weight: 500;
        src: url('../font/District/2493A3_1_0.eot');
        src: url('../font/District/2493A3_1_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_1_0.woff') format('woff'),
        url('../font/District/2493A3_1_0.ttf') format('truetype');
    }
    /* BLACK ITALIC - 800 */
    @font-face {
        font-family: 'District'; /* BLACK ITALIC */
        font-style: italic;
        font-weight: 800;
        src: url('../font/District/2493A3_2_0.eot');
        src: url('../font/District/2493A3_2_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_2_0.woff') format('woff'),
        url('../font/District/2493A3_2_0.ttf') format('truetype');
    }
    /* LIGHT ITALIC - 300 */
    @font-face {
        font-family: 'District'; /* LIGHT ITALIC */
        font-style: italic;
        font-weight: 300;
        src: url('../font/District/2493A3_3_0.eot');
        src: url('../font/District/2493A3_3_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_3_0.woff') format('woff'),
        url('../font/District/2493A3_3_0.ttf') format('truetype');
    }
    /* THIN - 200 */
    @font-face {
        font-family: 'District'; /* THIN */
        font-style: normal;
        font-weight: 200;
        src: url('../font/District/2493A3_4_0.eot');
        src: url('../font/District/2493A3_4_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_4_0.woff') format('woff'),
        url('../font/District/2493A3_4_0.ttf') format('truetype');
    }
    /* BOOK ITALIC - 400 */
    @font-face {
        font-family: 'District'; /* BOOK ITALIC */
        font-style: italic;
        font-weight: 400;
        src: url('../font/District/2493A3_5_0.eot');
        src: url('../font/District/2493A3_5_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_5_0.woff') format('woff'),
        url('../font/District/2493A3_5_0.ttf') format('truetype');
    }
    /* DEMI ITALIC - 600 */
    @font-face {
        font-family: 'District'; /* DEMI ITALIC */
        font-style: italic;
        font-weight: 600;
        src: url('../font/District/2493A3_6_0.eot');
        src: url('../font/District/2493A3_6_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_6_0.woff') format('woff'),
        url('../font/District/2493A3_6_0.ttf') format('truetype');
    }
    /* DEMI LIGHT - 300 */
    @font-face {
        font-family: 'District'; /* LIGHT */
        font-style: normal;
        font-weight: 300;
        src: url('../font/District/2493A3_7_0.eot');
        src: url('../font/District/2493A3_7_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_7_0.woff') format('woff'),
        url('../font/District/2493A3_7_0.ttf') format('truetype');
    }
    /* THIN ITALIC - 200 */
    @font-face {
        font-family: 'District'; /* THIN ITALIC */
        font-style: italic;
        font-weight: 200;
        src: url('../font/District/2493A3_8_0.eot');
        src: url('../font/District/2493A3_8_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_8_0.woff') format('woff'),
        url('../font/District/2493A3_8_0.ttf') format('truetype');
    }
    /* BOOK - 400 */
    @font-face {
        font-family: 'District'; /* BOOK */
        font-style: normal;
        font-weight: 400;
        src: url('../font/District/2493A3_9_0.eot');
        src: url('../font/District/2493A3_9_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_9_0.woff') format('woff'),
        url('../font/District/2493A3_9_0.ttf') format('truetype');
    }
    /* DEMI - 600 */
    @font-face {
        font-family: 'District'; /* DEMI */
        font-style: normal;
        font-weight: 600;
        src: url('../font/District/2493A3_A_0.eot');
        src: url('../font/District/2493A3_A_0.eot?#iefix') format('embedded-opentype'),
        url('../font/District/2493A3_A_0.woff') format('woff'),
        url('../font/District/2493A3_A_0.ttf') format('truetype');
    }
    /* BLACK - 800 */
    @font-face {
        font-family: 'District'; /* BLACK */
        font-style: normal;
        font-weight: 800;
        src: url('../font/District/2493A3_B_0.eot');
        src: url('../font/District/2493A3_B_0.eot?#iefix') format('embedded-opentype'),url('../font/District/2493A3_B_0.woff') format('woff'),url('../font/District/2493A3_B_0.ttf') format('truetype');
    }
    /* BOLD ITALIC - 700 */
    @font-face {
        font-family: 'District'; /* BOLD ITALIC */
        font-style: italic;
        font-weight: 700;
        src: url('../font/District/2493A3_C_0.eot');
        src: url('../font/District/2493A3_C_0.eot?#iefix') format('embedded-opentype'),url('../font/District/2493A3_C_0.woff') format('woff'),url('../font/District/2493A3_C_0.ttf') format('truetype');
    }
    /* BOLD - 700 */
    @font-face {
        font-family: 'District'; /* BOLD */
        font-style: normal;
        font-weight: 700;
        src: url('../font/District/2493A3_D_0.eot');
        src: url('../font/District/2493A3_D_0.eot?#iefix') format('embedded-opentype'),url('../font/District/2493A3_D_0.woff') format('woff'),url('../font/District/2493A3_D_0.ttf') format('truetype');
    }

/* Login
----------------------------------*/
    @media(min-width:0px){

        #epublisher-login {
            box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
            margin: 50px auto;
            padding: 0 30px 35px 35px;
            width: 450px;
        }
        #epublisher-login label {
            clear: left;
            float: left;
            padding: 8px 0 0;
            width: 100px;
        }
        #epublisher-login input {
            float: left;
            margin: 5px 0;
            width: 320px;
        }
        #epublisher-login button {
            float: right;
            margin: 5px 16px 0 0;
        }
        #epublisher-login a {
            background: url('/redaktion/media/icon/icon-link.png') no-repeat scroll 0 5px rgba(0, 0, 0, 0);
            color: #000;
            padding: 0 0 0 10px;
            text-decoration: none;
        }
        #epublisher-login #epublisher-logo {
            display: block;
            margin: 0 auto 30px auto;
            padding: 50px 0 0 0;
        }
    }


    #epublisher,
    .epublisher,
    .ui-widget {
        color: #000;
        font-family: 'District', sans-serif;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .47px;
        line-height: 17px;
        margin: 0;
        padding: 0;
    }

    body.epublisher {
        position: relative;
    }

/* epublisher Logo
----------------------------------*/
    @media (min-width:0px){
        #epublisher-logo {
            display: inline-block;
            background-color: rgba(255, 255, 255, 0);
            margin: 0;
            padding: 0;
            width: 260px;
            height: 50px;
        }
        #epublisher-logo a {
            background: none;
            text-decoration: none;
            line-height: 0;
            padding: 0;
        }
        .epublisher-logo {
            height: 61px;
            margin: 20px auto 20px auto;
            position: relative;
            text-align: center;
            width: 300px;
        }
        .epublisher-logo.epublisher-logo-small {
            transform: scale(1);
            width: 200px;
            height: 100%;
            margin-top: 0;
        }
        .epublisher-logo.epublisher-logo-small img{
            width: 100%
        }
        .epublisher-logo a {
            text-decoration: none;
        }


    }

/* Table-Version Menu
----------------------------------*/
    @media (min-width:0px){
        .epublisher #epublisher-menu {
            position: relative;
            background: #fff;
            margin: 0 50px;
            max-width: 1000px;
            min-width: 550px;
        }

        /* MENU - MAIN */
        .epublisher .epublisher-menu-main:after {
            /* clear fix, because the elements in this div are floating */
            clear: both;
            content: ' ';
            display: block;
        }
        .epublisher .epublisher-menu-main a {
            background: transparent;
            color: #000;
            /* float left, because the logout button has to be in the same line */
            float: left;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: .5px;
            line-height: 17px;
            text-transform: uppercase;
            margin: 0;
            padding: 15px;
            text-decoration: none;
        }
        .epublisher .epublisher-menu-main a.epublisher-menu-active {
            background-color: #1cd3a0;
            color: #fff;
        }
        .epublisher .epublisher-menu-main a:hover,
        .epublisher .epublisher-menu-main a:focus {
            background-color: #3CAF8C;
            color: #fff;
        }
        .epublisher .epublisher-menu-main a.epublisher-menu-active span {
            filter: invert(1);
        }

        .epublisher .epublisher-menu-main a.epublisher-menu-has-notice {
            position: relative;
        }

        .epublisher .epublisher-menu-main a.epublisher-menu-has-notice span.epublisher-menu-notice {
            position: absolute;
            padding: 3px 4px;
            border-radius: 14px;
            border: 2px solid white;
            filter: none;
            color: #fff;
            z-index: 100;
        }

        .epublisher .epublisher-menu-main a.epublisher-menu-has-notice span.epublisher-menu-notice.epublisher-menu-notice-error {
            bottom: -13px;
            right: -13px;
            background-color: #fc0f3e;
        }

        .epublisher .epublisher-menu-main a.epublisher-menu-has-notice span.epublisher-menu-notice.epublisher-menu-notice-inbox {
            bottom: -13px;
            right: -13px;
            background-color: #1cd3a0;
            min-width: 15px;
            text-align: center;
        }

        .epublisher .epublisher-menu-main a.epublisher-menu-has-notice span.epublisher-menu-notice span {
            margin: 0;
            filter: invert(1);
        }

        /* MENU - SUB */
        .epublisher .epublisher-menu-sub {
            clear: both;
            height: 29px;
            width: 100%;
            margin-top:15px;
        }
        .epublisher .epublisher-menu-sub a {
            background: transparent;
            color: #000;
            float: left;
            height: 15px;
            margin-right:20px;
            padding: 2px;
            text-decoration: none;
            width: auto;

            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.4px;
            line-height: 14px;
        }
        .epublisher .epublisher-menu-sub a.epublisher-menu-active {
            border-bottom: 2px solid #1cd3a0;
        }
        .epublisher .epublisher-menu-sub a:first-child {
            margin-left: 20px;
        }
        .epublisher .epublisher-menu-sub a:hover,
        .epublisher .epublisher-menu-sub a:focus {
            border-bottom: 2px solid #1cd3a0;
        }

        .epublisher .epublisher-menu-sub a.epublisher-menu-has-notice {
            color: #fc0f3e;
        }


        .epublisher .epublisher-menu-sub a.epublisher-menu-has-notice span {
            margin: 0;
        }

        /* TOP BAR WITH LOGO AND META MENU */
        .epublisher-top {
            margin: 0 50px 50px 50px;
            padding-top: 50px;
        }

        .epublisher-top .epublisher-meta {
            display: inline-block;
            width: calc(100% - 270px);
            text-align: right;
            vertical-align: top;
        }

        .epublisher-top .epublisher-meta .epublisher-meta-item {
            position: relative;
            display: inline-block;
            padding: 8px 0 18px 30px;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            vertical-align: middle;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-icon svg {
            vertical-align: top;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-icon.epublisher-dropdown-handle {
            width: 12px;
            height: 8px;
            padding-left: 7px;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-text {
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            vertical-align: middle;
            padding-left: 7px;
        }

        .epublisher-top .epublisher-meta-item span {
            color: #000;
        }

        .epublisher-top .epublisher-meta-item.epublisher-active > a > span {
            color: #1cd3a0;
        }

        .epublisher-top .epublisher-meta-item a:hover span {
            color: #3CAF8C;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-dropdown {
            position: absolute;
            z-index: 500;
            right: 0;
            top: 40px;
            width: max-content;
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(174, 174, 174);
            text-align: left;
            padding: 10px 10px 0 10px;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-dropdown .epublisher-meta-item {
            display: block;
            padding: 0 0 10px 0;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-dropdown .epublisher-meta-item .epublisher-meta-text {
            font-weight: 500;
            line-height: 16px;
        }

        .epublisher-top .epublisher-meta-item .epublisher-meta-dropdown .epublisher-meta-item .epublisher-meta-icon {
            width: 16px;
            height: 16px;
        }
    }

    /* TODO WRAPPER? */
    .epublisher .epublisher-wrapper {
        margin: 0 auto;
        max-width: 1100px;
    }
    .epublisher #epublisher-content {
        margin: 50px;
        max-width: 1000px;
        min-width: 550px;
        position: relative;
    }
    .epublisher #epublisher-content > div,
    .epublisher #epublisher-content form > div {
        /* extra div necessary because of IE shadow would work fine on the table */
        box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
        margin-bottom: 20px;
    }

    .epublisher-dialog {
        margin: 0 !important;
        min-width: 100px !important;
    }
    .epublisher-dialog > div,
    .epublisher-dialog form > div {
        box-shadow: none !important;
        margin-bottom: 0 !important;
    }
    .epublisher-dialog .ui-dialog-title .ui-icon{
        display:inline-block;
        margin-right: .5em;
        vertical-align: middle;
        margin-top: -2.5px;
    }
    
    /*.epublisher #epublisher-content table {
        border-collapse: collapse;
        margin: 0;
    }*/
    /*.epublisher #epublisher-content tbody tr:last-child {
        border: 0;
    }*/

/* Forms and Listings
----------------------------------*/
    /** {
        outline: 0 none;
    }*/
    html {
        overflow-y: scroll;
    }
    form {
        margin: 0;
    }
    iframe {
        border: 0;
        height: 500px;
        margin: 0;
        width: 100%;
    }
    strong {
        font-weight: bold;
    }
    input[type=file],
    input[type=text],
    input[type=password],
    input[type=email],
    select,
    textarea,
    input.epublisher-file {
        border: 1px solid #bebebe;
        font-family: 'District', sans-serif;
        margin: 5px 5px 5px 0;
        padding: 5px;
        width: 98%;

        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0.43px;
        line-height: 16px;
    }
    input:active,
    input:focus,
    select:active,
    select:focus,
    textarea:active,
    textarea:focus {
        /*border: 1px solid #1cd3a0;*/
    }
    select {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box;
    }
    ul {
        margin: 10px 0 0;
        padding: 5px 0 5px 14px;
    }
    ul li {
        margin: 0 0 5px 0;
    }


    /* Table */
    .epublisher #epublisher-content thead tr:not(:first-child) td {
        padding-bottom: 20px;
    }

    .epublisher #epublisher-content tfoot td {
        padding-top: 20px;
    }
    .epublisher #epublisher-content tfoot tr:last-child td {
        padding-bottom: 30px;
    }

    .epublisher-iframe {
        overflow-y: auto;
    }
    .epublisher-iframe table {
        box-shadow: none;
    }

    table {
        border-collapse: collapse;
        margin: 20px 0 20px 0;
        width: 100%;
        box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
    }
    .cke_dialog table {
        box-shadow: none;
    }
    .epublisher-dialog table {
        box-shadow: none;
        margin: 0;
    }

    /* special tr styles */
    tr.epublisher-error {
        border-bottom: 1px solid #aa1b3a;
    }
    tr.epublisher-error td {
        background: #f11a08;
        color: #fff;
    }
    tr.epublisher-special-nav {
        background: none !important;
        /*border-top: 1px solid #aaa;*/
    }
    tr.epublisher-special-nav td {
        padding: 10px 5px;
    }

    th {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: .8px;
        line-height: 29px;
        padding: 20px;
        text-align: left;
    }
    tbody{
        overflow:auto;
    }
    /* standard td style */
    td {
        padding: 0 20px;
        vertical-align: middle;
    }
    td a {
        background: url('/redaktion/media/icon/icon-link.png') no-repeat 0 5px;
        color: #000;
        display: block;
        padding: 0 0 0 10px;
        text-decoration: none;
    }
    td a.epublisher-no-link {
        background: none;
        color: inherit;
        display: inline;
        padding: 0;
        text-decoration: none;
    }
    td label {
        display: block;
        margin: 10px 0px;
    }

    .epublisher #epublisher-content div.epublisher-table-flex {
        display: flex;
        gap: 16px;
        box-shadow: none;
        align-items: flex-start;
    }

    .epublisher #epublisher-content div.epublisher-table-flex > table {
        margin: 0;
        box-shadow: 0 2px 10px rgb(174, 174, 174);
    }

    .epublisher > table tbody tr:nth-child(odd),
    .epublisher > form > table tbody tr:nth-child(odd),
    #epublisher-content tbody tr:nth-child(odd) {
        /* diese Schreibweise ist notwendig, damit das Styling nicht vom CKEditor uebernommen wird */
        background: #f2f2f2;
    }

    .epublisher > table tbody tr:nth-child(even),
    .epublisher > form > table tbody tr:nth-child(even),
    #epublisher-content tbody tr:nth-child(even) {
        /* diese Schreibweise ist notwendig, damit das Styling nicht vom CKEditor uebernommen wird */
        background: #ffffff;
    }

    /* TABLE: ON HOVER */
    /* diese Schreibweise ist notwendig, damit das Styling nicht vom CKEditor uebernommen wird */
    #epublisher-content table tbody  tr:hover{
        /*background-color: rgba(28,211,160,0.25);*/
        background-color: rgba(60, 175, 140, 0.3);
    }

    .epublisher > form > table tbody tr td:first-child, 
    #epublisher-content form table tbody tr td:first-child { 
        width: 25%; 
    }

/* Closable
----------------------------------*/
    @media (min-width:0px){
        .epublisher-closeable-closed tr {
            display: none;
        }
        .epublisher-closeable-closed thead > tr:first-child {
            display: table-row;
        }
        .epublisher-closeable-open thead tr:first-child span,
        .epublisher-closeable-closed thead tr:first-child span {
            cursor: pointer;
            display: block;
            position: relative;
        }

        .epublisher-closeable-closed thead tr:first-child span:after,
        .epublisher-closeable-open thead tr:first-child span:after {
            background-image: url('/redaktion/media/images/ui-icons.png');
            background-position: 1px -16px;
            content: '';
            cursor: pointer;
            display: block;
            height: 20px;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
        }
        .epublisher-closeable-closed thead tr:first-child span:after {
            background-position: -64px -15px;
        }

    }

/* Calender
----------------------------------*/
    @media(min-width:0px){
        .epublisher .cal_head,
        .epublisher .cal,
        .epublisher .ui-datepicker-calendar,
        .epublisher .ui-datepicker{
            margin:auto;
            width:auto;
            box-shadow:none;
            border-collapse: separate;
            border:0;
            border-radius: 0;
        }
        .epublisher .ui-datepicker{
            padding: 20px;
            box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
            margin-top: -5px;
        }
        .epublisher .ui-datepicker .ui-datepicker-title,
        .epublisher .cal_head{
            margin-bottom: 20px;
        }
        .epublisher .cal_head{
            /* 296px = width of .cal */
            width:296px;
        }

        /* days */
        .epublisher .cal .cal_days,
        .epublisher .cal_head .cal_days,
        .epublisher .ui-datepicker-calendar thead th{
            border:0;
            font-weight:600;
            text-align:center;

            color: #000;
            font-size: 14px;
            letter-spacing: .47px;
            line-height: 17px;
        }

        /* other styles for days */
        .epublisher .cal .cal_today a,
        .epublisher .ui-datepicker-calendar .ui-datepicker-today a{
            color: #1cd3a0;
            border-color: #1cd3a0;
            font-weight:500;
        }
        .epublisher .cal .cal_event_set a{
            color: #000;
            border-color: #000;
        }
        .epublisher .cal .cal_event_loose a,
        .epublisher .cal .cal_event_again a,
        .epublisher .ui-datepicker-calendar a.ui-state-hover{
            color: #fff;
            border-color: #1cd3a0;
            background:#1cd3a0;
        }
        /* left / right buttons */
        .epublisher .cal_head td{
            padding:0;
        }
        .epublisher .cal_head td a{
            border:0;
        }
        .epublisher .ui-datepicker .ui-datepicker-next-hover,
        .epublisher .ui-datepicker .ui-datepicker-prev-hover{
            border:0;
            border-radius:0;
            background:#1cd3a0;
        }

        /* calendar */
        .epublisher .cal td,
        .epublisher .ui-datepicker-calendar td{
            padding:0;
            background:#fff;
        }

        /* calender content */
        .epublisher .ui-datepicker td,
        .epublisher .ui-datepicker td a,
        .epublisher .cal td a{
            text-align:center;
            width: 30px;
            height: 30px;
            margin:4px;
            padding:0;
            line-height:30px;
        }
        /* only weekdays have border */
        .epublisher .ui-datepicker td a,
        .epublisher .cal td a{
            border:1px solid #bebebe;
        }
    }

/* Helper 
----------------------------------*/
    @media(min-width:0px){
        .epublisher td.epublisher-width-0 {
            width: 0 !important;
            padding-right: 0 !important;
        }
        .epublisher .epublisher-width-5 {
            width: 5% !important;
        }
        .epublisher .epublisher-width-10 {
            width: 10% !important;
        }
        .epublisher .epublisher-width-20 {
            width: 20% !important;
        }
        .epublisher .epublisher-width-25 {
            width: 25% !important;
        }
        .epublisher .epublisher-width-30 {
            width: 30% !important;
        }
        .epublisher .epublisher-width-40 {
            width: 40% !important;
        }
        .epublisher .epublisher-width-50 {
            width: 50% !important;
        }
        .epublisher .epublisher-width-60 {
            width: 60% !important;
        }
        .epublisher .epublisher-nowrap {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .epublisher .epublisher-disabled {
            cursor: help;
            opacity: .4;
        }
        .epublisher .epublisher-align-left {
            text-align: left;
        }
        .epublisher .epublisher-align-right {
            text-align: right;
        }
        .epublisher .epublisher-align-center {
            text-align: center;
        }
        .epublisher .epublisher-align-top {
            vertical-align: top;
        }
        .epublisher .epublisher-align-bottom {
            vertical-align: bottom;
        }
        .epublisher .epublisher-clear {
            clear: both;
            font-size: 0;
            height: 1px;
            overflow: hidden;
        }

        .epublisher .epublisher-pane {
            border-width: 0;
            bottom: 0;
            padding: 10px 0;
            position: fixed;
            width: 100%;
        }
        .epublisher .epublisher-pane .epublisher-pane-buttonset {
            float: right;
            padding: 0 5px;
        }

        .epublisher .epublisher-error-msg,
        .epublisher .epublisher-error {
            color: #f11a08;
        }

        .epublisher-display {
            background: #fff;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10;
        }
        .epublisher-display div {
            padding: 15px 6px;
        }

        .epublisher-page {
            background: #fff;
            box-shadow: 0 1px 3px 3px rgba(0, 0, 0, .2);
            margin: 0 auto;
            padding: 5px 0;
            position: relative;
        }
        .epublisher-stripes {
            background: #fff url('/redaktion/media/images/epublisher-stripes.gif') repeat scroll 0 0;
        }
        .epublisher-button-on,
        .epublisher-button-on.ui-state-hover,
        .epublisher-button-on:hover {
            background: #1cd3a0 !important;
            border-color: #1cd3a0 !important;
            color: #fff !important;
        }
        .epublisher-button-on .ui-icon {
            filter: invert(1);
        } 
        .epublisher-password-bar {
            border: 2px solid #1cd3a0;
            display: inline-block;
            height: 28px;
            margin: 5px 5px 5px 0;
            width: 99%;
        }
        .epublisher-password-bar span {
            background-color: #fc0f3e;
            display: inline-block;
            height: 22px;
            margin: 3px;
            width: 0%;
        }
    }

/* Digital Asset Management
----------------------------------*/
    @media (min-width:0px){
        .epublisher-dam {
            margin: 0 auto;
            max-width: 1100px;
        }
        .epublisher-dam  *{
            box-sizing:border-box;
        }

        .epublisher .epublisher-dam-head {
            margin:50px;
            margin-bottom:0;
            max-width: 1000px;
            position: relative;
        }
        .epublisher .epublisher-dam-head .epublisher-logo{
            margin-bottom:0;
        }
        /* Logo */
        .epublisher-dam-head > div{
            width:200px;
            display:inline-block;
            vertical-align:top;
        }
        /* Buttons, Search */
        .epublisher-dam-head > form{
            width: calc(100% - 205px);
            display:inline-block;
            text-align:right;
        }
        .epublisher-dam-head > form > div{
            display:inline-block;
            vertical-align:top;
        }
        .epublisher-dam-head > form > div:not(:nth-of-type(2)) a{
            width:120px;
        }
        .epublisher-dam-head > form > div:nth-of-type(2) input{
            width:220px;
            padding-bottom: 6px;
        }
        .epublisher-dam-head > form > div:nth-of-type(2) a{
            margin-left:-11px;
        }

        .epublisher .epublisher-dam-content {
            margin: 50px;
            max-width: 1000px;
            position: relative;
            display:inline-block;
            width: 100%;
            margin-right:20px;
        }
        .epublisher-dam-content table {
            margin-top:0;
            word-break: break-all;
        }
        .epublisher #epublisher-content.epublisher-dam-content:not(.epublisher-dam-content-single){
            width:calc(100% - 335px);
            margin-left:0;
        }
        .epublisher #epublisher-content.epublisher-dam-content > div{
            box-shadow:none;
        }
        .epublisher-filter td:first-child{
            max-width: 400px;
        }
        .epublisher-dam-content td:first-child {
            width: 160px;
        }
        .epublisher-dam-content .img-container {
            /*background: url("/redaktion/media/images/epublisher-stripes.gif") repeat scroll 0 0;*/
            font-size: 0;
            height: 150px;
            margin:10px;
            position: relative;
            width: 150px;
        }
        .epublisher-dam-content .img-container img {
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .epublisher-dam-folder {
            margin: 50px;
            margin-right:20px;
            width: 200px;
            display:inline-block;
            vertical-align:top;
        }
        .epublisher-dam-folder table{
            box-shadow:none;
            margin-top:0;
        }
        .epublisher-dam-folder td{
            padding:0;
        }
        .epublisher-dam-folder ul{
            list-style-type: none;
            margin:0;
            padding:0;
        }
        .epublisher-dam-folder li {
            margin-bottom: 0;
        }
        .epublisher-dam-folder li span[class^=expander]{
            cursor: pointer;
            float: left;
            height: 15px;
            width: 16px;
            margin-top: 5px;
            font-size:18px;
        }
        .epublisher-dam-folder li span.expanderOpen:before{
            content:'▾';
        }
        .epublisher-dam-folder li span.expanderClosed:before{
            content:'▸';
        }
        .epublisher-dam-folder li span:hover{
            color: #1cd3a0;
        }
        .epublisher-dam-folder li a{
            padding:5px 0 5px 20px;
            display:inline-block;
            border-bottom: 2px solid transparent;
            padding-left:0 !important;
        }
        .epublisher-dam-folder li a:hover{
            border-bottom: 2px solid #1cd3a0;
        }

        @media(max-width:900px){
            .epublisher #epublisher-content.epublisher-dam-content:not(.epublisher-dam-content-single){
                width: calc(100% - 100px);
                margin-left:50px;
                margin-top:0;
            }
            .epublisher-dam-folder {
                width: calc(100% - 100px);
                margin-bottom:20px;
            }
            .epublisher-dam-folder table{
                box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
                margin-top:0;
            }
        }
    /*
        tr[class^=closeable-block_] span{
            display: inline-block;
        }

        tr[class^=closeable-block_] span.blockExpanderOpen{
                background-image: url("/redaktion/media/images/ui-icons_888888_256x240.png");
                background-position: 1px -16px;
                height: 20px;
                width: 20px;
                float: right;
        }
        tr[class^=closeable-block_] span.blockExpanderClosed{
                background-image: url("/redaktion/media/images/ui-icons_888888_256x240.png");
                background-position: -64px -15px;
                height: 20px;
                width: 20px;
                float: right;
        }*/
        /*.epublisher-dam-folder ul li.open {
            background-color: #1cd3a0;
        }
        .epublisher-dam-folder ul li.open > a {
            background-image: url("/redaktion/media/icon/icon-link-open.png");
        }*/



    }

/* CKEditor UI Changes
----------------------------------*/
    @media (min-width:0px){
        input.cke_dialog_ui_input_text:focus,
        input.cke_dialog_ui_input_password:focus,
        textarea.cke_dialog_ui_input_textarea:focus,
        select.cke_dialog_ui_input_select:focus {
            border-color: #313131 !important;
        }
        .cke_chrome {
            border: 1px solid #d1d1d1 !important;
            margin: 5px 0 !important;
            background: red !important;
        }
        .cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_ok{
          background:#1cd3a0;
          border: 1px solid #1cd3a0;
        }
        .cke_dialog a.cke_dialog_ui_button,
        .cke_dialog input.cke_dialog_ui_input_text{
          border-radius:0;
          border: 1px solid #bebebe;
        }
        .cke_dialog a.cke_dialog_tab{
          border-radius:0;
        }
        .cke_dialog_background_cover{
          background-color:white !important;
        }       
    }


/* jQuery UI Changes
----------------------------------*/
    /* ui dialog */
    @media (min-width:0px){

        .epublisher .ui-dialog {
            border:0;
            border-radius:0;
            box-shadow: 0 2px 10px rgba(174, 174, 174, 0.5);
            padding: 20px;
        }
        .epublisher .ui-dialog .ui-dialog-titlebar{
            /*font-size: 24px;*/
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .8px;
            line-height: 29px;

            padding:0;
            margin-bottom:20px;
            text-align: left;
        }
        .epublisher .ui-dialog-titlebar .ui-dialog-titlebar-close{
            border:0;
            right:0;
            top:0;
            margin:0;
            width:30px;
            height:30px;
            outline: none;
        }
        .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
            /*background: url('/redaktion/media/icon/icon-close.png') no-repeat 0 -2px;*/
        }
        .epublisher .no-close .ui-dialog-titlebar-close {
            display: none;
        }

        .ui-dialog .ui-dialog-content {
            overflow: hidden;
            padding: 0;
        }
        .ui-dialog .ui-dialog-buttonpane {
            border:0;
            padding: 0;
        }
        .ui-widget-overlay {
            background: url('/redaktion/media/images/ui-bg_flat_75_ffffff_40x100.png') repeat-x scroll 50% 50% #fff;
            filter: Alpha(Opacity=30);
            opacity: .5;
        }
        .ui-widget-header,
        .ui-dialog-titlebar,
        .ui-dialog-content,
        .ui-dialog-titlebar{
            border:0;
            background:#fff;
            color:#000;
        }
        .epublisher-pane{
            background:#fff;
        }
    }
    /* buttons */
    @media (min-width:0px){
        .epublisher .ui-button{
            background: #fff;
            border: 1px solid #bebebe;
            border-radius: 0;

            font-size: 13px;
            font-weight: 600;
            letter-spacing: .43px;
            line-height: 16px;
            margin: 5px 5px 5px 0;
            color:#000;
        }

        .epublisher .ui-button.ui-state-hover,
        .epublisher .ui-button.ui-state-active,
        .epublisher .ui-button:hover{
            background: #BFF2E3;
        }

        .epublisher .ui-button.button-primary {
            background-color: #BFF2E3;
        }

        .epublisher .ui-button.button-primary.ui-state-hover,
        .epublisher .ui-button.button-primary.ui-state-active,
        .epublisher .ui-button.button-primary:hover,
        .epublisher .ui-buttonset .ui-button.ui-state-hover,
        .epublisher .ui-buttonset .ui-button.ui-state-active,
        .epublisher .ui-buttonset .ui-button:hover{
            background: #1cd3a0;
            border-color: #1cd3a0;
        }

        .epublisher .ui-button.button-primary.ui-state-hover .ui-button-text,
        .epublisher .ui-button.button-primary.ui-state-active .ui-button-text,
        .epublisher .ui-button.button-primary.ui-state-hover .ui-icon,
        .epublisher .ui-button.button-primary.ui-state-active .ui-icon,
        .epublisher .ui-button.button-primary:hover .ui-icon,
        .epublisher .ui-buttonset .ui-button.ui-state-hover .ui-button-text,
        .epublisher .ui-buttonset .ui-button.ui-state-active .ui-button-text,
        .epublisher .ui-buttonset .ui-button.ui-state-hover .ui-icon,
        .epublisher .ui-buttonset .ui-button.ui-state-active .ui-icon,
        .epublisher .ui-buttonset .ui-button:hover .ui-icon{
            filter: invert(1);
        }

        .epublisher .ui-state-default{
            background:#fff;
        }

        .epublisher .ui-buttonset {
            padding-left: 6px;
            margin: 0;
        }
        .epublisher .ui-buttonset .ui-button {
            margin-left: -6px;
        }

        .epublisher-tab-group .ui-button {
            margin-right: -1px;
        }

        span[class|="epublisher-span"] {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

        .epublisher-preview-button {
            padding: 4px;
        }

        .epublisher-preview-button span {
            background-size: 18px 18px;
            width: 18px;
            height: 18px;
        }

        .epublisher-preview-button.epublisher-button-on span,
        .epublisher-preview-button.button-primary.ui-state-hover span,
        .epublisher-preview-button.button-primary.ui-state-active span,
        .epublisher-preview-button.button-primary:hover span {
            filter: invert(1);
        }
    }

/* SAPLING.JQUERY 
----------------------------------*/
    .sapling-list * {
    box-sizing:border-box;
    }
    .sapling-list a {
    margin:0 !important;
    float:none !important;
    position:absolute;
    right:15px;
    top:5px;
    }
    .sapling-list li{
    padding-top: 10px !important;
    margin: 0 !important;
    padding-bottom: 10px !important;
    }
    .sapling-list li > div{
    height:40px;
    position:absolute;
    top:0;
    }
    .sapling-item.sapling-expanded{
    padding-bottom:0 !important;
    }
    .sapling-item.sapling-expanded > ul{
    margin-top:10px !important;
    }

    .sapling-list .sapling-top-level.sapling-item:first-child{
    border-top: 1px solid #a6a6a6;
    }

    .sapling-list li:hover > div{
    background-color:rgba(28, 211, 160, 0.25) !important;
    }

/* Responsive Changes
----------------------------------*/
    @media screen and (max-width: 900px) {
        .epublisher-logo {
            margin: 5px 0 0 8px;
            transform: scale(.8);
        }
        .epublisher #epublisher-menu {
            margin: 10px 38px;
        }
        .epublisher #epublisher-menu .epublisher-menu-main {
            height: 27px;
        }
        .epublisher #epublisher-menu .epublisher-menu-main a {
            font-size: 14px;
            height: 14px;
            padding: 4px 6px 9px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub {
            height: 25px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub a {
            font-size: 11px;
            height: 15px;
            padding: 5px 9px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub a:first-child {
            padding: 3px 7px 3px 5px;
        }
        .epublisher #epublisher-content {
            margin: 38px;
        }
    }
    @media screen and (max-width: 700px) {
        .epublisher-logo {
            height: 50px;
            margin: 0 0 0 -35px;
            transform: scale(.6);
        }
        .epublisher #epublisher-menu {
            margin: 10px 25px;
        }
        .epublisher #epublisher-menu .epublisher-menu-main {
            height: 21px;
        }
        .epublisher #epublisher-menu .epublisher-menu-main a {
            font-size: 12px;
            height: 10px;
            padding: 3px 5px 8px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub {
            height: 21px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub a {
            font-size: 10px;
            height: 15px;
            padding: 3px 7px 3px;
        }
        .epublisher #epublisher-menu .epublisher-menu-sub a:first-child {
            padding: 3px 7px 3px 5px;
        }
        .epublisher #epublisher-content {
            margin: 25px;
        }
    }

  .epublisher-menu-toggle{display:none;}


  @media screen and (max-width: 1000px) {
    .epublisher #epublisher-menu{
      min-width:0;
      z-index:1000;
      margin:0;
      position: fixed !important;
      height:100%;
      top:0;
      left:0;
      background-color: rgba(255,255,255,0);
      transition:background-color 1s;
    }
    .epublisher #epublisher-menu a{
      display:block;
      float:none;
    }
    .epublisher #epublisher-menu .epublisher-menu-main{
      overflow-x:scroll;
      width:100%;
      top:0;
      transition:transform 1s;
      position:fixed !important;
      padding-top:50px;
      background:#fff;
      transform:translateX(125%);
      height:100vh;
      max-width: 500px;
      right: 0;
      position: absolute;
      box-shadow: 0 2px 10px rgba(174, 174, 174, .5);
    }
    .epublisher #epublisher-menu .epublisher-menu-main > a:last-child{
      margin-bottom:200px;
    }
    .epublisher #epublisher-menu .epublisher-menu-main a{
      padding:20px 25px;
      height:auto;
    }
    .epublisher #epublisher-menu .epublisher-menu-sub a:first-child,
    .epublisher #epublisher-menu .epublisher-menu-sub a{
      margin-left:0;
      padding:10px 40px;
      height:auto;
    }
    .epublisher #epublisher-menu .epublisher-menu-sub{
      height:auto;
      margin-top:0;
    }
    .epublisher #epublisher-menu .epublisher-menu-sub a.epublisher-menu-active,
    .epublisher #epublisher-menu .epublisher-menu-sub a:hover,
    .epublisher #epublisher-menu .epublisher-menu-sub a:focus{
      background-color:transparent;
      color:#1cd3a0;
      border-bottom:0;
      text-decoration:underline;
    }
    .epublisher-menu-toggle{
      outline: 0;
      border: 0;
      padding: 0;
      border-top: 2px solid black;
      border-bottom: 2px solid black;
      background:transparent;
      text-indent:-10000px;
      width:20px;
      height:16px;
      display: block;
      position:fixed;
      top:15px;
      right:15px;
      cursor:pointer;
      background:#fff;
      z-index:1001;
    }
    .epublisher-menu-toggle:after{
      content: ' ';
      width: 20px;
      height: 16px;
      display: block;
      position: absolute;
      top: -7px;
      left: -5px;
      border: 5px solid #fff;
    }
    .epublisher-menu-toggle:before{
      content: ' ';
      width: 100%;
      height: 2px;
      background-color: #000;
      display: block;
      position: absolute;
      top: 5px;
    }

    .epublisher #epublisher-menu.epublisher-menu-open{
      width: 100%;
      background-color: rgba(255,255,255,.75);
    }
    .epublisher #epublisher-menu.epublisher-menu-open .epublisher-menu-main{
      transform:translate(0,0);
    }
    .epublisher #epublisher-menu.epublisher-menu-open .epublisher-menu-toggle:before{
    }
    .epublisher #epublisher-menu.epublisher-menu-open .epublisher-menu-toggle:hover:before{
    }

    .epublisher-top > .epublisher-meta > .epublisher-meta-item > a > .epublisher-meta-text {
        display: none;
    }

    .epublisher-top > .epublisher-meta > .epublisher-meta-item {
        padding-left: 20px;
    }
  }
  @media screen and (max-width: 500px) {
    .epublisher #epublisher-menu .epublisher-menu-main{
      transform:translateY(-125%);
    }
  }