/* this file contains style for editor */

body, body.cke_editable { color: #565957; font-family: 'Libre Franklin', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.4; }
hr { background: #D0D0D0; border: none; box-sizing: content-box; clear: both; display: block; height: 2px; margin: 40px 0; text-align: left; overflow: visible; }

/* font */
h1, .h1 {font-size: 48px;font-weight: 700;margin: 0 0 15px;line-height: 1.5;}
h2, .h2 {font-size: 36px;font-weight: 400;margin: 0 0 25px;line-height: 1.5;}
h3, .h3 { font-size: 30px; font-weight: 700; margin: 0 0 20px; line-height: 1.5; }
h4, .h4 { font-size: 22px; font-weight: 600; margin: 0 0 20px; line-height: 1.5; }
h5, .h5 { font-size: 16px; font-weight: 400; margin: 0 0 20px; line-height: 1.5; }
h6, .h6 { font-size: 16px; font-weight: 400; margin: 0 0 20px; line-height: 1.5; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; }
/* h1:last-child, h2:last-child, .h1:last-child, .h2:last-child { margin-bottom: 60px; } */

h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 30px; }
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h1:last-child,
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h2:last-child,
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h3:last-child,
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h4:last-child,
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h5:last-child,
.row.two-columns--4-8 .col .frame .ce-textpic .ce-bodytext h6:last-child { margin-bottom: 0px; }

header {
    hyphens: manual;
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    position: relative;
}

p { margin: 0 0 20px; line-height: 1.7; }
p:first-child {}
p:last-child { margin-bottom: 0; }
#mainFooter .footerTopRight p { line-height: 1.4; }


/** lists */
.cke_editable ul:not(:last-child),
.ce-bodytext ul:not(:last-child),
.cke_editable ol:not(:last-child),
.ce-bodytext ol:not(:last-child) { margin-bottom: 20px; }
/* ul */
.cke_editable ul,
.ce-bodytext ul,
.content ul.ce-bullets { list-style: none; }
.cke_editable ul > li::before,
.ce-bodytext ul > li::before,
.content ul.ce-bullets > li::before,
.news-single .news-text-wrap ul li:before {
    content: "";
    /* border: solid #565957;
    border-width: 1px 1px 0 0;
    display: inline-block;
    height: 7px;
    width: 7px;
    transform: rotate(45deg); */
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 8px;
    font-weight: 900;
    color: var(--primary-color);
    /* z-index: 10;
    margin-right: 5px; */
}
.cke_editable ul > li, .ce-bodytext ul > li, .content ul.ce-bullets > li {
    padding: 0 0 0 35px;
    position: relative;
    margin: 0;
    line-height: 34px;
}


/* link */
h1, h1 a, .h1, .h1 a { color: var(--primary-color); }
h2, h2 a, .h2, .h2 a { color: #565957; }
h3, h3 a, .h3, .h3 a { color: #565957; }
h4, h4 a, .h4, .h4 a { color: #565957; }
h5, h5 a, .h5, .h5 a { color: #565957; }
h6, h6 a, .h6, .h6 a { color: #565957; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { text-decoration: none; }
.header a, .csc-header a { text-decoration: none; }

a { color: var(--primary-color); text-decoration: none; }
a:hover { text-decoration: underline; }
a, a:hover, a:focus, a:visited {}

#mainHeader .header-meta .langselect a  { color: #FFF; }
#mainFooter a { color: #565957; }

/* external link */
a.link-external {}
a.link-external::after { content: "\f35d"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 70%; font-weight: 900; line-height: 1; margin-left: 5px; position: relative; top: -1px; display: none; }

i.fa-brands.fa-linkedin-in {
    cursor: pointer;
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-size: 22px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    z-index: 10;
    margin: 0 8px 0 5px;
    font-style: normal;
}

/* .btn / .more */
.btn, .more, .more-big { display: inline-table; font-size: 22px; font-weight: 500; margin: 20px 0 0; position: relative; z-index: 1; overflow: hidden; text-decoration: none; /* text-transform: uppercase; */ }

.btn { background: var(--primary-color); border: 1px solid var(--primary-color); color: #FFF; padding: 8px 20px 6px; text-align: center; }
.btn:hover {}
body.cke_editable .btn:hover { color: #FFF; }
.btn::after { content: ""; /* background: #565957; */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transform: scale(1,1); transition: all .4s ease; }
html:not(.touch) .btn:hover { color: #565957; }
html:not(.touch) .btn:hover::after { transform: scale(0,0); }

.btn + .btn, p .btn + .btn { margin: 10px 0 10px 10px; }
p + .btn, p > .btn,
p + .more, p > .more { margin-top: 0; }
p + .more-big, p > .more-big { margin-top: 0; }
p .btn + .btn { /* margin: 10px; */ }

/* Vorher */
.more, .more-big { color: #565957; padding: 0; /* white-space: nowrap; */ }
.more::before, .more-big::before { content: "\f105"; color: #565957; font-family: "Font Awesome 5 Free"; float: right; font-size: 16px; font-weight: 900; line-height: 1.4; margin-left: 10px; transition: all .2s ease; }
.more:hover, .more:hover::before { color: #202121; }

.btn.more, .btn.more-big { font-size: 22px; font-weight: 600; background: none; border: none; overflow: visible; /* margin-top: 20px; */ margin-top: 0; text-transform: none; text-align: left; padding-right: 45px; }
.btn.more, .btn.more::before, .btn.more-big, .btn.more-big::before { color: #565957; }
.btn.more::after, .btn.more-big::after { display: none; }
.btn.more::before,
.btn.more-big::before {
    content: url(../Img/Icons/Icon-Arrow-big-right.svg);
    position: absolute;
    z-index: 1000;
    top: 5px;
    right: 0;
}
.btn.more:hover, .btn.more:hover::before, .btn.more-big:hover, .btn.more-big:hover::before {}
html:not(.touch) .btn.more:hover, html:not(.touch) .btn.more:hover::before { color: var(--primary-color); }

.btn:focus, .btn.focus {
    box-shadow: none;
    outline: 0;
}

/* Nachher */
.more { color: #565957; padding: 0; }
.more::before { content: "\f105"; color: #565957; font-family: "Font Awesome 5 Free"; float: right; font-size: 16px; font-weight: 900; line-height: 1.4; margin-left: 10px; transition: all .2s ease; }
.more:hover, .more:hover::before { color: #202121; }

.btn.more { font-size: 17px; font-weight: 400; background: none; border: none; overflow: visible; /* margin-top: 20px; */ margin-top: 0; text-transform: none; text-align: left; padding-right: 30px; }
.btn.more, .btn.more::before { color: #565957; }
.btn.more::after { display: none; }
.btn.more::before {
    content: url(../Img/Icons/Icon-Arrow-small-right.svg);
    position: absolute;
    z-index: 1000;
    top: 2px;
    right: 0;
}
.btn.more:hover::before {
    content: url(../Img/Icons/Icon-Arrow-small-orange.svg);
}
.btn.more:hover, .btn.more:hover::before {}
html:not(.touch) .btn.more:hover, html:not(.touch) .btn.more:hover::before { color: var(--primary-color); }

.more-big { color: #565957; padding: 0; }
.more-big::before { content: "\f105"; color: #565957; font-family: "Font Awesome 5 Free"; float: right; font-size: 16px; font-weight: 900; line-height: 1.4; margin-left: 10px; transition: all .2s ease; }
.more-big:hover, .more-big:hover::before { color: #202121; }

.btn.more-big { font-size: 22px; font-weight: 600; background: none; border: none; overflow: visible; /* margin-top: 20px; */ margin-top: 0; text-transform: none; text-align: left; padding-right: 45px; }
.btn.more-big, .btn.more-big::before { color: #565957; }
.btn.more-big::after { display: none; }
.btn.more-big::before {
    content: url(../Img/Icons/Icon-Arrow-big-right.svg);
    position: absolute;
    z-index: 1000;
    top: 2px;
    right: 0;
}
.btn.more-big:hover::before {
    content: url(../Img/Icons/Icon-Arrow-big-orange.svg);
    position: absolute;
    z-index: 1000;
    top: 2px;
    right: 0;
}
.btn.more-big:hover, .btn.more-big:hover::before {}
html:not(.touch) .btn.more-big:hover, html:not(.touch) .btn.more-big:hover::before { color: var(--primary-color); }

/* backlink */
.backlink-wrap { clear: both; margin: 30px 0; overflow: hidden; }
.backlink-wrap .back,
a.back { background: none; border: none; color: #565957; line-height: 1; margin: 0; padding: 0; overflow: overlay; position: relative; text-decoration: none; /* text-transform: uppercase; */ white-space: nowrap; font-size: 18px; padding-left: 25px; font-weight: 400; }
.backlink-wrap .back:hover,
a.back:hover { background: none; border: none; color: var(--primary-color); }

.backlink-wrap .back::before,
a.back::before {
    content: url(../Img/Icons/Icon-Arrow-small-right.svg);
    position: absolute;
    z-index: 9;
    left: 0;
    top: -1px;
    transform: rotate(180deg);
}
a.back:hover::before { content: url(../Img/Icons/Icon-Arrow-small-orange.svg); }
.backlink-wrap .back::after,
a.back::after { display: none; }

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x), #root .btn { background: #565957; color: #FFF; }
_:-ms-lang(x), #root .btn:hover { background: #FFF; color: #565957; }
_:-ms-lang(x), #root .btn::after { display: none !important; }


/* colors */
.btn-default, .powermail_fieldwrap_type_submit .powermail_field input { background: var(--primary-color); color: #FFF; padding: 13px 45px; border-radius: 5px; }
#mainContent .site-content .frame-contact-orange .btn-default,
#mainContent .site-content .job-teaser .btn-default,
#mainContent .site-content .frame-background-orange-right .btn-default,
#mainContent .site-content .frame-background-orange-left .btn-default,
#mainContent .site-content .frame-contact-orange .powermail_fieldwrap_type_submit .powermail_field input { border: solid 1px #FFF;  }
#mainContent .site-content .frame-contact-orange .powermail_fieldwrap_type_submit .powermail_field input { width: fit-content;  }
.btn-default::after, .powermail_fieldwrap_type_submit .powermail_field::after { display: none !important; }
.btn-default:hover, html:not(.touch) .btn:hover, .powermail_fieldwrap_type_submit .powermail_field input:hover { /* background: #FFF; */ border-color: var(--primary-color); color: var(--primary-color); }
.btn-default:hover { background: #FFF; border: solid 1px; }
#mainFooter .btn-default, .powermail_fieldwrap_type_submit .powermail_field input { color: #FFF; }
#mainFooter .btn-default:hover { color: var(--primary-color); }
.powermail_fieldwrap_type_submit .powermail_field input:hover { color: var(--primary-color); }
.btn-primary:hover, .btn-outline-primary:hover {
    color: var(--primary-color);
    background-color: #FFF;
    border-color: unset;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active {
    color: #FFF;
    background-color: var(--primary-color-medium);
    border-color: var(--primary-color-medium);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

form input[type="submit"], form button[type="submit"] {}

@media screen and (max-width: 550px) {
    #mainContent .site-content .frame-contact-orange .powermail_fieldwrap_type_submit .powermail_field input { width: 100%; }
}

/* Cookie Box */
#CookieBox .cookie-btn, #CookieBox .btn { border-radius: 5px; }
#CookieBox .cookie-btn { padding: 8px 20px 6px; margin: 0; }
#CookieBox .cookie-accept a { display: block; padding: 8px 20px 6px;  }
#CookieBox .cookie-fix .text-back-right { width: 100%; margin-right: 0; }
#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse { width: 100%; padding: 5px; }
#CookieBox .cookie-fix .cookie-save { margin: 0; width: 100%; }
#CookieBox .cookie-fix .cookie-save .btn { width: 100%; padding: 5px; }

#CookieBox .cookie-btn, #CookieBox .btn,
#CookieBox .cookie-btn,
#CookieBox .cookie-accept a,
#CookieBox .cookie-fix .text-back-right,
#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse,
#CookieBox .cookie-fix .cookie-save,
#CookieBox .cookie-fix .cookie-save .btn { hyphens: manual; -webkit-hyphens: manual; -moz-hyphens: manual; }

/* screen sizes */
@media screen and (max-width: 1023px) {
    #mainHeader .header-meta .langselect a, #mainHeader .header-meta .langselect .language-navigation.language-menu div::after { color: #565957; }
    #mainNav ul.menu.nav-menu.menu-level-1 li a, .header-mobile-nav ul.menu.nav-menu.menu-level-1 li a, #mainNav ul.menu.nav-menu.menu-level-1 li > span:first-child, .header-mobile-nav ul.menu.nav-menu.menu-level-1 li > span:first-child { color: #565957; }
}

@media screen and (max-width: 834px) {
    body, body.cke_editable { font-size: 16px; }
    h1, .h1 { font-size: 36px; font-weight: 700; margin: 0 0 25px; line-height: 1.5; }
    h2, .h2 { font-size: 26px; font-weight: 400; margin: 0 0 25px; line-height: 1.5; }
    h3, .h3 { font-size: 22px; font-weight: 700; margin: 0 0 20px; line-height: 1.5; }
    h4, .h4 { font-size: 18px; font-weight: 600; margin: 0 0 20px; line-height: 1.5; }
    h5, .h5 { font-size: 18px; font-weight: 400; margin: 0 0 20px; line-height: 1.5; }
    h6, .h6 { font-size: 18px; font-weight: 400; margin: 0 0 20px; line-height: 1.5; }

    h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
        margin-bottom: 10px;
    }

    .btn.more { font-size: 18px; }
    .btn.more-big { font-size: 18px; }
    .btn.btn-default { font-size: 16px; }
    .btn-default, .powermail_fieldwrap_type_submit .powermail_field input { padding: 8px 45px; }

    p { font-size: 16px; line-height: 30px; }

    .powermail_fieldwrap_type_submit .powermail_field input,
    #mainContent .site-content .frame-contact-orange .powermail_fieldwrap_type_submit .powermail_field input,
    #CookieBox .cookie-btn, #CookieBox .btn,
    #CookieBox .cookie-btn,
    #CookieBox .cookie-accept a,
    #CookieBox .cookie-fix .text-back-right,
    #CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse,
    #CookieBox .cookie-fix .cookie-save,
    #CookieBox .cookie-fix .cookie-save .btn { font-size: 16px; }

}

@media screen and (max-width: 550px) {
    .btn.btn-default { width: 100%; }
    .btn + .btn, p .btn + .btn { margin: 10px 0 0; }
}

/* eof */