@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../../fonts/HelveticaNeue-BoldCond.otf') format('opentype');
    font-style: bold;
}

@font-face {
    font-family: 'HelveticaNeue-Condensed';
    src: url(../../fonts/HelveticaNeue-Condensed.otf) format('opentype');
}

#editor_body, #editorHeightDiv {
    font-family: HelveticaNeue-Condensed;
    color: rgb(51, 51, 51);
    font-size: 20px;
    line-height: 1.4em;
    margin: 0;
    padding: 20px;
    /* margin: 0 0 10px; */
}

#editor_body .content, #editorHeightDiv .content {
    padding: 20px;
}

#editor_body h1, #editorHeightDiv h1 {
    font-size: 30px;
    line-height: 33px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
    font-family: HelveticaNeueBold;
    text-transform: uppercase;
}

#editor_body .date, #editorHeightDiv .date {
    font-size: 14px;
    line-height: 20px;
}

#editor_body hr, #editorHeightDiv hr {
    width: 15%;
    border-top: 2px solid;
    padding-bottom: 0;
    margin-left: 0px;
    margin-bottom: 24px;
    /* ... */
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-left-style: inset;
    border-left-width: 1px;
    border-right-style: inset;
    border-right-width: 1px;
    border-top-color: rgb(51, 51, 51);
    border-top-style: solid;
    border-top-width: 2px;
    color: rgb(51, 51, 51);
    display: block;
    font-family: HelveticaNeue-Condensed;
    font-size: 20px;
    height: 0px;
    line-height: 28px;
    margin-block-end: 24px;
    margin-block-start: 10px;
    margin-bottom: 24px;
    margin-inline-end: 907.5px;
    margin-inline-start: 0px;
    margin-left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    unicode-bidi: isolate;
    width: 160.5px;
}

#editor_body p, #editorHeightDiv p, #editor_body text, #editorHeightDiv text, #editor_body .content, #editorHeightDiv .content, li {
    font-size: 20px;
    line-height: 1.4em;
    margin: 0 0 10px;
    text-align: left;
}

#editor_body ol, #editorHeightDiv ol {
    margin-block-start: 0;
    margin-block-end: 0;
}

#editor_body img:hover {
    cursor: move;
}

#editor_body img::selection, #editor_body h1::selection, #editor_body .date::selection, #editor_body p::selection, #editor_body b::selection, #editor_body i::selection, #editor_body u::selection, #editor_body a::selection, #editor_body font::selection {
    /*Blaue Selektion entfernen*/
    /* background-color: #f19e0570; */
    background-color: #deffb3;
}

.img-cover {
    overflow: hidden;
    width: calc(100% + 40px);
    height: 0;
    padding-top: calc(56.25% + 40px);
    margin: -20px -20px 20px -20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:28.125%;
    position:relative;
    height:0;
    width: 50%;
}

@media (max-width: 766px){
    .facebook-responsive {
        padding-bottom:56.25%;
        width: 100%;
    }
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.bg-contains {
    background-size: contain !important;
}

.bg-left {
    background-position: left;
}

.bg-right-bottom{
    background-position: right bottom !important;
}

#editorHeightDiv .img-cover {
    margin-bottom: 13px;
}

#editor_body a, #editorHeightDiv a {
    color: inherit;
    text-decoration: underline;
}

#editor_body a:hover, #editorHeightDiv a:hover {
    color: #95fe09;
    text-decoration: underline;
}

img {
    vertical-align: middle;
}

.img_align_left {
    display: block;
    float: left;
}

.img_align_right {
    display: block;
    float: right;
}

.img_align_center {
    display: block;
    margin: 0 auto;
}

.img_size_small {
    padding: 10px;
    width: calc(33.33% - 20px);
}

.img_size_medium {
    padding: 10px;
    width: calc(50% - 20px);
}

.img_size_large {
    padding: 10px;
    width: calc(100% - 20px);
}

#editorHeightDiv .img_size_small {
    padding: 10px;
    width: 33.33%;
}

#editorHeightDiv .img_size_medium {
    padding: 10px;
    width: 50%;
}

#editorHeightDiv .img_size_large {
    padding: 10px;
    width: 100%;
}

@media (max-width: 600px) {
    .img_size_small, .img_size_medium, .img_size_large {
        padding: 10px 0;
        width: 100%;
    }
    #editorHeightDiv .img_size_small, #editorHeightDiv .img_size_medium, #editorHeightDiv .img_size_large {
        padding: 10px 0;
        width: 100%;
    }
}

/*### PREVIEW ###*/

.blog_preview_container {
    position: relative;
    width: 100%;
}

#blog {
    padding-bottom: 0px;
}

#blog_preview {
    margin-top: 50px;
    height: 470px;
    /* overflow-x: hidden; */
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 0;
    /* height: 600px; */
    margin-right: 0;
    padding-top: 25px;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

#blog_preview::-webkit-scrollbar {
    width: 0px;
}

#blog_preview .sidescrollDiv {
    display: inline-block;
    width: 380px;
    min-height: 1px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    #blog_preview {
        height: 640px;
    }
    #blog_preview .sidescrollDiv {
        width: 100%;
    }
}

#blog_preview .team-box {
    padding: 20px;
    box-shadow: none;
    background-color: #f7f9fb;
}

#blog_preview .team-img {
    overflow: hidden;
    width: calc(100% + 40px);
    height: 0;
    padding-top: calc(56.25% + 40px);
    margin: -20px -20px 20px -20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#blog_preview .post-titel {
    text-align: left;
    height: 150px;
    white-space: normal;
}

#blog_preview .post-titel .date {
    font-size: 16px;
}

#blog_preview .post-titel .titel {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
}

#blog_preview .post-titel p {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    text-align: left;
    margin: 0;
    overflow: hidden;
    height: 60px;
    white-space: normal;
}

.arrows {
    width: 100%;
    position: relative;
    top: 45%;
    height: 60px;
    margin-bottom: -60px;
    /* z-index: -1; */
}

#arrow_prev, #arrow_next {
    /* height: 60px; */
    height: 100%;
    /* padding-bottom: 100%; */
    /* width: 60px; */
    position: absolute;
    content: url("../icons/arrow.png");
    /* background-size: contain; */
    transition: background-color 0.1s ease-in-out;
    cursor: pointer;
}

#arrow_prev {
    left: -70px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari */
}

#arrow_next {
    right: -70px;
}

@media(max-width: 1260px) {
    #blog_preview {
        width: 80%;
        margin-left: 10%;
    }
    #arrow_prev {
        left: -10px;
    }
    #arrow_next {
        right: -10px;
    }
}

@media(max-width: 767px) {
    .arrows {
        /* top: 33%; */
    }
    #arrow_prev {
        left: -15px;
    }
    #arrow_next {
        right: -15px;
    }
}

@media(max-width: 411px) {
    #blog_preview {
        width: 80vw;
        margin-left: 10vw;
    }
    .arrows {
        height: 10vw;
    }
    #arrow_prev {
        left: 0;
    }
    #arrow_next {
        right: 0;
    }
}

/*### POST-VIEW ###*/

.post-view {
    margin: 0 -10px !important;
}

@media (max-width: 767px) {
    .post-view {
        margin: 0 -15px !important;
    }
}