/*
    epublisher v4.0
    http://3pc.de
    last changes:
    Manuel Klose: 13.01.2016
    Stephan Betke: 08.09.2015
*/


/* 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: 35px 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 {
        margin: 0 auto 30px auto;
        padding-top: 15px;
    }
}

#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;
}


/* epublisher Logo
----------------------------------*/

@media (min-width:0px) {
    #epublisher-logo {
        background-color: rgba(255, 255, 255, 0);
        height: 50px;
        margin: 0 auto 50px auto;
        padding-top: 50px;
        width: 260px;
    }
    #epublisher-logo a {
        background: none;
        text-decoration: none;
        padding: 0;
    }
    #epublisher-logo-canvas {
        background-color: rgba(255, 255, 255, 0);
        display: block;
        height: 50px;
        position: absolute;
        width: 260px;
    }
    #epublisher-logo-dom-overlay-container {
        display: block;
        height: 50px;
        left: 0px;
        overflow: hidden;
        top: 0px;
        pointer-events: none;
        position: absolute;
        width: 260px;
    }
    .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 {
        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 .epublisher-menu-right {
        float: right;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-logout {
        background: url(/redaktion/media/icon/icon-logout.png) no-repeat 12px 16px;
        padding: 15px 15px 30px 25px;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler {
        background-color: #fff;
        padding: 15px 12px 14px 12px;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler span {
	    background-image: url(/redaktion/media/images/ui-icons.png);
        background-position: -176px -96px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: block;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial {
        background-color: #fff;
        padding: 15px 12px 14px 12px;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial span {
	    background-image: url(/redaktion/media/images/ui-icons.png);
        background-position: -128px -128px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: block;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-logout:hover,
    .epublisher .epublisher-menu-main a.epublisher-menu-logout:focus,
    .epublisher .epublisher-menu-main a.epublisher-menu-active,
    .epublisher .epublisher-menu-main a:hover,
    .epublisher .epublisher-menu-main a:focus {
        background-color: #1cd3a0;
        color: #fff;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-logout:hover,
    .epublisher .epublisher-menu-main a.epublisher-menu-logout:focus {
        background-image: url(/redaktion/media/icon/icon-logout-inverted.png);
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler:hover,
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler:focus {
        background-color: #1cd3a0;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial:hover,
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial:focus {
        background-color: #1cd3a0;
    }
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler:hover span,
    .epublisher .epublisher-menu-main a.epublisher-menu-recycler:focus span,
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial:hover span,
    .epublisher .epublisher-menu-main a.epublisher-menu-ai-trial:focus span,
    .epublisher .epublisher-menu-main a.epublisher-menu-active span,
    .epublisher .epublisher-menu-main a.epublisher-menu-active span {
        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;
    }
}


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


/* Forms and Listings
----------------------------------*/

html, body {
    position: relative;
}

form {
    margin: 0;
}

iframe {
    border: 0;
    height: 500px;
    margin: 0;
    width: 100%;
}

strong {
    font-weight: bold;
}

input[type=text],
input[type=password],
input[type=email],
input[type=file],
select,
textarea{
    background: #fff;
    border: 1px solid #bebebe;
    font-family: 'District', sans-serif;
    margin: 5px 5px 5px 0;
    padding: 6px;
    width: 98%;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.43px;
    line-height: 16px;
}

a:active,
a:focus,
button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 1px solid #1cd3a0;
    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-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 rgb(174, 174, 174);
}

.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-top: 4px;
}

.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;
}


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

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


/* Spielplan Kalender */

.cal a,
.cal_head a {
    background: none;
}


/* 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 .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:hover {
        background: #1cd3a0 !important;
        border-color: #1cd3a0 !important;
        color: #fff !important;
    }
    .epublisher-button-on.ui-state-hover {
        color: #000 !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;
        padding-top: 4px;
    }
    .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;
        display: table-cell;
        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: table-cell;
        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;
        }
    }
}


/* 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: #1cd3a0;
        border-color: #1cd3a0;
    }
    .epublisher .ui-button.ui-state-hover .ui-button-text,
    .epublisher .ui-button.ui-state-active .ui-button-text,
    .epublisher .ui-button.ui-state-hover .ui-icon,
    .epublisher .ui-button.ui-state-active .ui-icon,
    .epublisher .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;
    }
}


/* 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-menu div a.epublisher-menu-logout {
        background-position: 0 6px;
        padding: 4px 6px 9px 20px;
    }
    .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-menu div a.epublisher-menu-logout {
        background-position: 0 4px;
        padding: 3px 5px 8px 20px;
    }
    .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 #epublisher-menu .epublisher-menu-right {
        float: none;
    }
    .epublisher #epublisher-menu .epublisher-menu-recycler {
        display: inline-block;
    }
    .epublisher #epublisher-menu .epublisher-menu-ai-trial {
        display: inline-block;
    }
    .epublisher #epublisher-menu div a.epublisher-menu-logout {
        margin-left: 0;
        padding: 28px 33px;
        background-position: 25px 21px;
        display: inline-block;
    }
    .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 {}
}

@media screen and (max-width: 500px) {
    .epublisher #epublisher-menu .epublisher-menu-main {
        transform: translateY(-125%);
    }
}