/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


/*css reset*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /* font-family: Arial, sans-serif; */
    color: inherit;
    text-decoration: none;
}

em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd {
    font-family: inherit;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    /* font-size: 16px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* min-width:768px; */
}

strong {
    color: inherit;
    font-weight: bold;
}

u {
    text-decoration: underline;
}

em {
    font-style: italic;
}

html,
body,
main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100% !important;
    margin: 0px auto;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape while allowing user zoom */
}

body {
    font-family: 'SourceSansPro', Arial, sans-serif;
    font-weight: 400;
    color: #5a6e7f;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

button {
    border: 0;
    padding: 0;
    cursor: pointer;
    background-color: inherit;
    font-size: 16px;
    color: inherit;
    font-family: 'SourceSansPro', Arial, sans-serif;
    font-weight: 400;
}

.red {
    color: red;
}

.redOnHover:hover, .redOnHover.active
{
  color: red;
}

.addButton,
.saveButton,
.DocButton {
    height: 26px;
    width: 105px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
}


/* --------------- */


/* >>> GENERAL <<< */


/* --------------- */

section {
    padding: 12px 0;
}

.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 300px;
    padding-bottom: 96px;
}

@media (max-width: 1199px) {
    /* Desktop */
    .main {
        padding-bottom: 0;
    }
}

.opacity0 {
    opacity: 0;
}

.MAINCONT {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.MAINCONTBACK {
    background-color: #FFFFFF;
}

.PLATFORM_USER_FORM {
    background-color: #FFFFFF;
}

.FORMSANDBACK {
    background-color: #FFF7F1;
}

.FORM_GREMIEN_CONTAINER {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    width: 100%;
}

.FORM_GREMIEN_TITLE {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
}

.w25 {
    width: 25%;
}

.w85 {
    width: 85%;
}

.w100 {
    width: 100%;
}

.wAuto {
    width: auto !important;
}

.h100 {
    height: 100%;
}

.container {
    width: 100%;
    max-width: 360px;
    min-width: 360px;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ellipsis {
    max-width: 500px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.off {
    display: none;
}

.hidden {
    visibility: hidden;
}

.display_none {
    display: none !important;
}

@media (min-width: 780px
/* was 768px*/

) {
    .container {
        max-width: 720px;
    }
    .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 780px
/* was 992px */

) {
    /* .container {
        max-width: 900px;
    } */
    .MAINCONTBACK {
        background-color: inherit;
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .MAINCONT {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .container {
        max-width: 1300px;
    }
}


/*Buttons / Inputs / selectboxes */

input,
select,
textarea {
    outline: none;
}

.button,
.select-box {
    width: 205px;
    height: 34px;
}

@media (max-width: 1199px
/* was 1200px*/

) {
    .button,
    .select-box {
        width: 180px;
        height: 30px;
    }
    .MAINCONT {
        margin-top: 0px !important;
    }
}

@media (max-width: 779px
/* was 992px*/

) {
    .button,
    .select-box {
        width: 170px;
    }
    .MAINCONT {
        margin-top: 0px !important;
    }

    .DOCUMENT_EDIT_FORM .FORMSANDBACK.xl_1_1.p10 {
        flex-direction: column;
    }

    .unsupported_extension_message {
        margin-top: 10px;
    }
}

.button:hover {
    outline: none;
    /* -webkit-box-shadow: inset 0px 0px 5px #918d8d;
    box-shadow: inset 0px 0px 5px #918d8d; */
    /* color: #E63023; */
}

.button:active {
    outline: none;
    -webkit-box-shadow: inset 0px 0px 5px #2b2929;
    box-shadow: inset 0px 0px 5px #2b2929;
}

.button.active {
    color: #E63023;
}

a.active,
a:hover {
    color: #E63023;
}

/*Round buttons*/

.round {
    border-radius: 50%;
}

.fa-upload::before {
    content: "" !important;
}


/*Remove default arrows select box*/

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

.select-box-container {
    position: relative;
    margin: 0;
    padding: 0;
}

.select-box select {
    background-color: #FFFFFF;
    /* color: #B9CFD7; */
    width: 100%;
    border: none;
    font-size: 14px;
    border: 2px solid #B9CFD7;
    height: 100%;
}

.select-box::before {
    /*  content: "<";
    transform: rotate(-90deg);
    position: absolute;
    top: 5px;
    right: 2px;
    width: 14%;
    height: 70%;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color:#B9CFD7;
    background-color:#FFFFFF;
    cursor: pointer;
    */
}

.select-box:hover::before {
    /*  color: #5a6e7f;*/
}

.select-box select option {
    padding: 10px;
}


/* ------------ */


/* >>> FLEX <<< */


/* ------------ */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-flow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.align-self-strech {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-self-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-grow-2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.fg1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.fg3 {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

.flex-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}


.flex-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}


/* ----------- */


/* >> FLOAT << */


/* ----------- */

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.absoloute {
    position: absolute;
}

.relative {
    position: relative;
}

.ta_center {
    text-align: center;
}

.ta_left {
    text-align: left;
}

.ta_right {
    text-align: right;
}

.ta_justify {
    text-align: justify;
}

.display_inline_block {
    display: inline-block;
}


/* -------- */


/* Spacers */


/* -------- */

.spacer-xs {
    min-width: 5px;
}

.spacer-8px {
    min-width: 8px;
}

.spacer-s {
    min-width: 10px;
}

.spacer-m {
    min-width: 20px;
}

.spacer-l {
    min-width: 30px;
}


/* -------- */


/* Paddings */


/* -------- */

.p5 {
    padding: 5px;
}

.p8 {
    padding: 8px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p50 {
    padding: 50px;
}

.pt0 {
    padding-top: 0px !important;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt8 {
    padding-top: 8px;
}

.pt16 {
    padding-top: 16px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px !important;
}

.pb8 {
    padding-bottom: 8px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb16 {
    padding-bottom: 16px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 30px;
}

.pr0 {
    padding-right: 0px !important;
}

.pr8 {
    padding-right: 8px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl40 {
    padding-left: 40px;
}


/* ------- */


/* Margins */


/* --------*/

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt65 {
    margin-top: 65px;
}

.ml3 {
    margin-left: 3px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb50 {
    margin-bottom: 50px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr6 {
    margin-right: 6px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 25px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.ml32 {
    margin-left: 32px;
}

.ml64 {
    margin-left: 64px;
}

/* ----------- */


/* >> Grill << */


/* ----------- */

div.xl_1_1 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_2 {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_3 {
    width: 33.333333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_2_3 {
    width: 66.666666666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_4 {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_3_4 {
    width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_8 {
    width: 12.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_3_8 {
    width: 37.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_5_8 {
    width: 62.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_7_8 {
    width: 87.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_6 {
    width: 16.66666666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_5_6 {
    width: 83.333333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_12 {
    width: 8.3333333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_1_24 {
    width: 4.16666666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_2_9 {
    width: 22.222222222%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_4_9 {
    width: 44.444444444%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_5_24 {
    width: 20.833333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_7_24 {
    width: 29.16666666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_17_24 {
    width: 70.833333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_6_17 {
    width: 35.2941%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_12_51 {
    width: 23.5294%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.xl_36_51 {
    width: 71.00%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* styles for '...' */

.block-with-text-ellipsis {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.6em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: left;
    /* place for '...' */
    margin-right: -1em;
    /* padding-right: 1em; */
    padding-right: 1em;
}


/* create the ... */

.block-with-text-ellipsis:before {
    /* points in the end */
    /* content: '...'; */
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}


/* hide ... if we have text, which is less than or equal to max lines */

.block-with-text-ellipsis:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: -7px;
    /* bg color = bg color under block */
    background: white;
}

@media all and (max-width: 1199px
/* was 1200px*/

) {
    div.m_1_1 {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_1_2 {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_1_3 {
        width: 33.33333333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_2_3 {
        width: 66.666666666%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_3_4 {
        width: 75%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_1_4 {
        width: 25%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_1_6 {
        width: 16.6666666666%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_5_6 {
        width: 83.33333333333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.m_1_12 {
        width: 8.333333333333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}


/* --------- */


/* >> 404 << */


/* --------- */

div.error_404 {
    min-height: 714px;
}

div.error_404 p {
    font-size: 1.4em;
    padding: 20px;
}

.button404 {
    padding: 25px;
    border-radius: 3px;
}


/* ------------ */


/* >> cursor << */


/* ------------ */

.pointer {
    cursor: pointer;
}

.grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.labelContainer {
    width: 88%;
}

.adminEdit {
    background-image: url('../images/icons/symbol_admin_bearbeiten_24x25.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    margin-top: -2px;
    cursor: pointer;
}

.nested-1 .adminEdit {
    margin-right: 105px;
}

.nested-2 .adminEdit {
    margin-right: 112px;
}

.nested-3 .adminEdit {
    margin-right: 119px;
}

.nested-4 .adminEdit {
    margin-right: 126px;
}

.adminEdit:hover {
    background-image: url('../images/icons/symbol_admin_bearbeiten_24x25.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.adminDelete {
    background-image: url('../images/icons/symbol_admin_loeschen_24x25.png');
    height: 25px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    margin-right: -75px;
    margin-top: -2px;
    cursor: pointer;
}

.adminDelete:hover {
    background-image: url('../images/icons/symbol_admin_loeschen_24x25.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.adminDeleteGrem {
    background-image: url('../images/icons/mobile_close_old.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    margin-right: -121px;
    margin-top: -6px;
    cursor: pointer;
}

.adminDeleteGrem:hover {
    background-image: url('../images/icons/mobile_close_old.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.scrollTop {
    background-image: url('../images/icons/icon_topfly_22x21.png');
    height: 21px;
    width: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    /* margin-right: 125px; */
    margin-top: -2px;
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    /* background-color: red; Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    /*border-radius: 10px; Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

.scrollTop:hover {
    background-image: url('../images/icons/icon_topfly_22x21.png');
    height: 21px;
    width: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    /*background-color: #555; Add a dark-grey background on hover */
}

.nested-1 .editingFormElement {
    width: 320px;
}

.nested-2 .editingFormElement {
    width: 265px;
}

.nested-3 .editingFormElement {
    width: 210px;
}

.nested-4 .editingFormElement {
    width: 152px;
}

.spacer {
    width: 90px;
}

.cmp_standard_dragzone {
    border: 2px dotted blue;
    background-color: rgba(255, 255, 255, 0.6);
    text-align: center;
    color: black;
    font-weight: bolder;
}

.cmp_standard_dragzone>* {
    display: inline-block;
}

.sidebar_container {
    padding-top: 40px;
}

.sidebar_heading {
    margin-top: 0px;
}

.main_content_container {
    padding-top: 80px;
}

.main_content_heading {
    margin-top: 0px;
}

.dashboard_content a {
    font-size: 16px;
}

.SPEECH_BUBBLE {
    position: relative;
    color: #FFFFFF;
    width: 250px;
    min-height: 120px;
    border-radius: 0px;
    border: solid;
    border-width: 1px;
    background-color: #FFF7F1;
    border-color: #E63023;
    padding-left: 10px;
    /* overflow: hidden;
    text-overflow: ellipsis; */
    max-width: 540px;
}

.SPEECH_BUBBLE:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    top: -1px;
    border: 20px solid;
    border-color: #E63023 #E63023 transparent transparent;
}

.SPEECH_BUBBLE:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -38px;
    top: 0;
    border: 19px solid;
    border-color: #FFF7F1 #FFF7F1 transparent transparent;
}

.SPEECH_BUBBLE_CONTENT {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    width: 100%;
    width: 99%;
    overflow-x: auto;
    padding-bottom: 10px;
}

.commentContent {
    height: 100%;
    width: 100%;
}

.delete_cancel {
    cursor: pointer;
}

.cursor_default {
    cursor: default;
}

.cursor_pointer {
    cursor: pointer;
}

button.imgButton {
    padding: 5px 10px;
}

.VERTICAL_DIVIDER {
    height: 10px;
}

:focus {
    outline-style: none !important;
}

#delete_confirm,
#delete_cancel,
#save_leave_confirm,
#save_leave_cancel {
    padding-left: 10px;
    padding-right: 10px;
}

.DELELTE_POPUP_CONTAINER .lightbox-buttonsArea,
.SAVE_LEAVE_POPUP .lightbox-buttonsArea {
    margin-top: 10px;
}


/* .list-group-item {
    height: 45px;
} */

.list-group-item .labelContainer {
    height: 45px;
}

.commentContent {
    border: none;
    background-color: #FFF7F1;
}

.list-group-item-comments {
    /* margin-bottom: 10px !important; */
}

.docListItemComments,
.ADD_COMMENT_CONTAINER {
    padding-top: 20px;
    padding-bottom: 0px;
    min-width: 825px;
    max-width: 840px;
}

.COMMENT_DELETE_BUTTON {
    min-width: 125px;
    max-width: 125px
}

.ADD_COMMENT_CONTAINER {
    padding-left: 716px;
}

textarea.commentContent {
    resize: none;
}

#flash_message {
    color: black;
    background-color: #ebc806;
    height: 33px;
    padding-left: 11px;
    padding-top: 7px;
    vertical-align: center;
}

select option:disabled {
    color: #bbbbbb;
    font-weight: 100;
}

/* ---------------------- */


/* >> RESPONSIVE CLASS << */


/* ---------------------- */

.responsiveLeft_s {
    margin-left: 10px;
}

.docListItem_Num {
    width: 26px;
}

/* was 768px*/

@media (max-width: 779px) {
    .responsiveLeft_s {
        margin-left: 0;
        margin-top: 10px;
    }
}


/* was 768px*/

@media (max-width: 779px) {
    li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .docListItem_Num {
        padding-top: 15px;
    }
    .docListItem>.docListItem_Num {
        display: none;
    }
    .docListItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .docListItem .underline,
    .docFileNameDownload {
        /* overflow-x: scroll; */
        padding-bottom: 5px;
        word-break: break-all;
    }
    .wordBreakKeepAll {
        white-space: nowrap;
        word-break: keep-all;
    }
    .EVENT_DOC_CONTAINER .docListItem {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .docListItem>div.xl_3_4 {
        width: 100%;
    }
    .docListItem>div.xl_1_8 {
        display: none;
    }
}


/* was 768px*/

@media (min-width: 780px) {
    .secondView {
        display: none;
    }
    li {
        display: block;
    }
    .docListItem_Num {
        padding-top: 0px;
    }
    li>.docListItem_Num {
        display: none;
    }
    .docListItem {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .docListItem>div.xl_3_4 {
        width: 75%;
    }
    .docListItem>div.xl_1_8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #main {
        margin-top: 85px;
    }
}


/* was 768px*/


/* was 1200px*/

@media (min-width: 780px) and (max-width: 1199px) {

    .card {
        min-height: 340px !important;
        max-width: 340px !important;
    }

    .cardContent {
        max-height: 285px !important;
        padding-top: 15px !important;
    }

    .cardContentSecond {
        padding-bottom: 5px !important;
        padding-top: 10px !important;
    }

    .swiper-slide .object-fit-cover {
        height: 135px !important;
    }

    .NAME_INST_PHONE_CONTAINER {
        max-width:274px;
        max-height: 92px;
    }
    .NAME_INST_PHONE_CONTAINER .phones {
        max-height:30px;
    }

    .docListItemComments,
    .ADD_COMMENT_CONTAINER {
        padding-top: 20px;
        padding-bottom: 0px;
        min-width: 720px;
        max-width: 720px;
    }
    .SPEECH_BUBBLE_CONTENT {
        width: 430px;
    }
    .SPEECH_BUBBLE {
        min-width: 440px;
        max-width: 440px;
    }
    .ADD_COMMENT_CONTAINER {
        padding-left: 617px;
    }
    .docListItemcomments {
        padding-top: 20px;
    }
    .commentFormContainer .categoryEditingForm-submit {
        padding-top: 20px;
        padding-left: 275px;
        margin-left: -15px !important;
        max-width: 720px;
        padding-right: 101px !important;
    }
    .COMMENT_EDIT_CONTAINER .PICTURE_CONTAINER {
        margin-right: 87px !important;
    }
    .docListItem .underline,
    .docFileNameDownload {
        overflow-x: visible;
        word-wrap: break-word;
        padding-bottom: 5px;
    }
}


/* was 768px*/

@media (max-width: 779px) {
    .main_content_container {
        padding-top: 50px;
    }
    .MAINCONT_BEFORE {
        margin-top: 17px;
    }
    .searchFormMobile>div>.mainForm>div {
        margin-bottom: 1px !important;
    }
    section {
        padding: 20px 0;
    }
    .MAINCONT {
        margin-top: 0px !important;
    }
    #main {
        margin-top: 0 !important;
    }
    .docListItemComments,
    .ADD_COMMENT_CONTAINER {
        padding-top: 20px;
        padding-bottom: 0px;
        min-width: 334px;
        max-width: 334px;
    }
    .SPEECH_BUBBLE_CONTENT {
        width: 160px;
    }
    .SPEECH_BUBBLE {
        width: 175px;
        min-width: 175px;
        max-width: 175px;
    }

    .max_255_Zeichen .PICTURE_CONTAINER {
        margin-right: 93px !important;
    }

    .ADD_COMMENT_CONTAINER {
        padding-left: 296px;
        margin-left: -41px !important;
        padding-right: 64px !important;
    }
    .list-group-item-comments {
        margin-left: -40px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        min-width: 359px;
        max-width: 359px;
    }
    .list-group-item-comments .PICTURE_CONTAINER {
        padding-left: 15px !important;
        margin-right: 40px !important;
        width: 80px;
        height: 80px;
    }
    .COMMENT_DELETE_BUTTON {
        position: relative !important;
        right: 0px !important;
        top: 0px !important;
        padding: 5px 5px 5px 5px !important;
    }
    .COMMENT_DELETE_BUTTON {
        min-width: 60px;
        max-width: 60px
    }
    .date-time-and-buttons {
        max-width: 288px;
        min-width: 288px;
    }
    .docListItemcomments {
        padding-top: 20px;
    }
    .commentFormContainer .categoryEditingForm-submit {
        padding-top: 20px;
        padding-left: 200px;
        margin-left: -41px !important;
        max-width: 360px;
        padding-right: 64px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .COMMENT_SUBMIT_BUTTON,
    .COMMENT_CANCEL_BUTTON {
        margin-right: 58px;
        width: 157px;
        margin-bottom: 10px;
    }
    .SEARCH_DOCS_CONTAINER .COMMENTS_CONTAINER {
        margin-left: -41px;
    }
    .SEARCH_DOCS_CONTAINER .GREMIENS_CONTAINER_MOBILE {
        margin-left: -15px;
        width: 360px;
    }
    /* .SEARCH_DOCS_CONTAINER .COMMENTS_CONTAINER {
        margin-left:-50px;
    } */
    .docListItem_Num {
        width: 26px;
    }
    .SEARCH_DOCS_CONTAINER .ADD_COMMENT_CONTAINER,
    .SEARCH_DOCS_CONTAINER .categoryEditingForm-submit {
        margin-left: 0px !important;
    }
    .SEARCH_DOCS_CONTAINER .COMMENTS_CONTAINER .list-group-item-comments {
        margin-bottom: 0px !important;
    }
    li[data-type=News] {
        flex-wrap: wrap;
    }
    li[data-type=News] .COMMENTS_CONTAINER {
        margin-left: -15px;
    }
    li[data-type=News] .docListItem {
        width: 95%;
    }
}


/* was 767px*/

@media ( max-width: 779px) {
    div.sm_1_1,
    .sm_1_1 {
        width: 100%;
    }
    .sm_ta_left {
        text-align: left;
    }
}

.sidebar_container {
    width: 300px;
}

.calendar_datepicker .ui-datepicker-multi {
    display: flex !important;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100% !important;
}

.calendar_datepicker .ui-datepicker-multi .ui-datepicker-group {
    display: inline-block;
    width: 100%;
    flex-grow: 1;
    float: none !important;
    clear: both !important;
}

.calendar_datepicker .ui-datepicker-multi .ui-datepicker-row-break {
    display: none;
}

.calendar_datepicker .ui-datepicker-title {
    font-size: 16px !important;
}

.calendar_datepicker td>a,
.calendar_datepicker td>span {
    text-align: center !important;
}

table.ui-datepicker-calendar {
    margin-left: 0px !important;
}

.ui-widget {
    font-family: 'SourceSansPro', Arial, sans-serif !important;
}

.MONTH_SWITCHER .ui-datepicker-prev>span.ui-icon {
    display: none;
}

.MONTH_SWITCHER .ui-datepicker-prev:before {
    content: '<';
    display: block;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-family: 'nova', Arial, sans-serif !important;
    font-stretch: condensed !important;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 25.2px;
}

.MONTH_SWITCHER .ui-datepicker-next>span.ui-icon {
    display: none;
}

.MONTH_SWITCHER .ui-datepicker-next:after {
    content: '>';
    display: block;
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    font-family: 'nova', Arial, sans-serif !important;
    font-stretch: condensed !important;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 25.2px;
}

.WORK_ZONE_CONTAINER .TREE_CONTAINER {
    min-width: 808px;
}

@media( max-width: 1199px) {
    .sidebar_container {
        width: 100% !important;
    }
    .calendar_datepicker .ui-datepicker-multi .ui-datepicker-group {
        width: 30%;
        margin-left: 1.66665%;
        margin-right: 1.66665%;
    }
    .TREE_CONTAINER .formContainer {
        position: absolute;
        top: 7px;
        left: 55px;
    }

    .news_content {
        max-width: 260px;
    }
}

@media( max-width: 779px
/* was 767px*/

) {
    .calendar_datepicker .ui-datepicker-multi .ui-datepicker-group {
        width: 100%;
    }

    .news_content, .news_title {
        max-width: 200px;
    }
}

@media (min-width: 1200px) {
    .NAME_INST_PHONE_CONTAINER {
        max-width:330px;
    }
    .NAME_INST_PHONE_CONTAINER .phones {
        max-height:35px;
    }

    .news_content {
        max-width: 380px;
    }
    .max_255_Zeichen {
        margin-left: -15px;
        margin-right: -15px;

    }
    .OVER_MAGNIFYING_GLASS {
        position: relative;
        float: right;
        height: 32px;
        width: 32px;
        margin-left: -32px;
        cursor: pointer;
    }
    .SPEECH_BUBBLE_CONTENT {
        width: 530px;
    }
    .SPEECH_BUBBLE {
        min-width: 540px;
        max-width: 540px;
    }
    .docListItemcomments {
        padding-top: 20px;
    }
    .commentFormContainer .categoryEditingForm-submit {
        padding-top: 20px !important;
        padding-left: 372px;
        margin-left: -15px !important;
        max-width: 840px;
        padding-right: 123px !important;
    }
    .COMMENT_EDIT_CONTAINER .PICTURE_CONTAINER {
        margin-right: 71px !important;
    }
    .contactContainer .main_content_heading {
        margin-right: 54px !important;
    }
    .contactContainer .sidebar_container {
        margin-left: 30px;
    }
    .contactContainer .contactFormSearchHead {
        margin-bottom: 50px !important;
    }
    .contactContainer .COMMETEE_FILTER {
        width: 196px !important;
    }
    .contactContainer .contactFormSearch {
        /* width: 420px; */
    }
}


/* (min-width: 780px /* was 771px* /) and  */

@media (max-width: 1199px
/* was 1200px*/

) {

    .DOC_TITLE {
        max-width: 190px !important;
    }

    .max_255_Zeichen {
        margin-left: -15px;
        margin-right: -15px;

    }

    .max_255_Zeichen .PICTURE_CONTAINER{
        margin-right:85px !important;
    }

    .OVER_MAGNIFYING_GLASS {
        position: relative;
        float: right;
        height: 32px;
        width: 32px;
        margin-left: -32px;
        cursor: pointer;
    }
}

@media (max-width: 779px
/* was 768px*/

) {

    .swiper-slide .object-fit-cover {
        height: 155px !important;
    }

    .cardContent {
        max-height: 305px !important;
        padding-top: 15px !important;
    }

    .DOC_TITLE {
        max-width: 190px !important;
    }
    #comment_edit .SPEECH_BUBBLE {
        /* width: 209px !important; */
        width: 265px !important;
    }

    .max_255_Zeichen .PICTURE_CONTAINER{
        margin-right:92px !important;
    }

    #delete_cancel{
        margin-top: 0px !important;
    }

    .OVER_MAGNIFYING_GLASS {
        position: absolute;
        height: 32px;
        width: 32px;
        top: 0px;
        right: 0px;
        /* background-color: teal; */
        cursor: pointer;
    }
    /* flex in column */
    /* .ADMIN_ZONE_CONTAINER {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } */

    .list-group-item .formContainer {
        background: beige !important;
        /* padding: 5px  !important;
        border: solid 1px gray !important; */
        border-radius: 5px !important;
    }

    .delete_cancel {
        height: 34px;
        margin-top: 14px;

    }

}


/* styles for gremiums '...' */

.block-with-text-ellipsis-gremium {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 21px;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 96px;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: left;
    /* place for '...' */
    margin-right: 12px;
    padding-right: 12px;

    height: max-content;
}


/* create the ... */

.block-with-text-ellipsis-gremium:before {
    /* points in the end */
    /* content: '...'; */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0px;
    bottom: 0px;
    color: #E63023;
}


/* hide ... if we have text, which is less than or equal to max lines */

.block-with-text-ellipsis-gremium:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 12px;
    height: 40px;
    margin-top: 36px;
    /* bg color = bg color under block */
    background: white;
}

.object-fit-cover{
    object-fit: cover;
    font-family: 'object-fit: cover;'; /* for ofi.min.js (object fit polyfill) */
}

@media print {
    .printable { display: block; }
    .non-printable { display: none !important; }
}