@charset "utf-8";
body {
    margin: 0em;
    padding: 0em;
}

/* RAHMEN */
main {
    margin: 0 auto;
    padding: 0em;
    border: 0em;
    width: 100%;
    font-size: 16px;
    background-color: #ffffff;
}

article.hervisblog {
    display: block; /* IE-Kompatibilität */
    margin: 0 auto;
    padding: 0em;
    border: 0em;
    font-size: 16px;
    background-color: #ffffff;
}

.template-pages-blog-blogPage .blog__navigation-wrapper {
    display: none;
}

.template-pages-blog-blogPage .blog__article-wrapper {
    background-color: white;
    flex-grow: 1;
    padding: 0 1em;
}

@media (min-width: 768px) {
    main {
        margin: 0 auto;
        padding: 0em;
        border: 0em;
        font-size: 16px;
        background-color: #ffffff;
        max-width: 60em;
    }

    .template-pages-blog-blogPage .blog__main-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        padding: 20px 30px 20px 30px;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper {
        display: none;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .subNavTree {
        margin-left: 30px;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .navItem a {
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
        padding-bottom: 5px;
        line-height: 32px;
        color: #333;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .rootNavItem {
        padding: 0;
        min-height: 50px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .rootNavItem.borderBottom {
        border-bottom: 1px solid #c6c6c6;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .rootNavItem a {
        font-weight: bold;
        font-size: 16px;
        font-style: normal;
        display: block;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .subNavItem a {
        font-weight: 400;
        text-transform: none;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .navItem.selected a {
        color: #dc2300;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .collapsible {
        display: none;
    }

    .template-pages-blog-blogPage .blog__navigation-wrapper .collapsible.open {
        display: block;
    }
}

@media (min-width: 1024px) {
    .template-pages-blog-blogPage .blog__navigation-wrapper {
        display: block;
        padding: 20px 30px 30px 30px;
        box-shadow: 5px 5px 8px -4px rgba(0,0,0,0.6);
        border: 1px solid #ddd;
        margin: 15px 15px 0 0;
        min-width: 25%;
        background-color: white;
    }

    article.hervisblog {
        position: relative;
        width: calc(100% - 15em);
        margin: 0em;
        float: left;
    }
}

/*fix for IE11 */
.template-pages-blog-blogPage .htmlcomponent {
    margin: auto;
    width: auto;
}

.template-pages-blog-blogPage .slick-slide {
    height: auto;
}

.hervisblog .htmlcomponent{
    all: unset;
}

/* GRUNDLEGENDE TEXTSTILE */
.hervisblog .htmlcomponent h1, .hervisblog .htmlcomponent h2, .hervisblog .htmlcomponent h3, .hervisblog .htmlcomponent h4, .hervisblog .htmlcomponent h5, .hervisblog .htmlcomponent h6, .hervisblog .htmlcomponent p {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-style: normal;
    text-align: left;
    color: #000000;
    margin-left: 0em;
    margin-right: 0em;
}
.hervisblog .htmlcomponent p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 1em;
    margin-bottom: 1em;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}
.hervisblog .htmlcomponent h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 46px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    text-align: center;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}
.hervisblog .htmlcomponent h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}
.hervisblog .htmlcomponent h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 19.2px;
    margin-top: 2em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}
.hervisblog .htmlcomponent h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 19.2px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}
.hervisblog .htmlcomponent h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 19.2px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}
.hervisblog .htmlcomponent h6 {
    font-size: 16px;
    font-weight: normal;
    line-height: 19.2px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
}

/* LINKS */
.hervisblog .htmlcomponent a, .hervisblog .htmlcomponent a:active {
    color: #dc2300;
    text-decoration: none;
    border-bottom: 2px solid;
    border-color: transparent;
    -webkit-transition: border-color .5s linear;
    -moz-transition: border-color .5s linear;
    -ms-transition: border-color .5s linear;
    -o-transition: border-color .5s linear;
    transition: border-color .5s linear;
}
.hervisblog .htmlcomponent a:focus {
    color: #dc2300;
    text-decoration: none;
}
.hervisblog .htmlcomponent a:hover {
    color: #dc2300;
    text-decoration: none;
    border-color: #dc2300;
}
.hervisblog .htmlcomponent a:visited {
    color: #777777;
    text-decoration: none;
}

/* AUFZÄHLUNGSLISTEN */
.hervisblog .htmlcomponent ol, .hervisblog .htmlcomponent ul {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-style: normal;
    text-align: left;
    color: #000000;
    list-style-position: outside;
    padding-inline-start: 40px;
    margin: 2em;
}
.hervisblog .htmlcomponent ol > li {
    list-style-type: decimal;
    padding: 0em;
    margin: .5em 0em .5em 0em;
    font-size: 16px;
    line-height: 24px;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}
.hervisblog .htmlcomponent ul > li {
    list-style-type: square;
    padding: 0em;
    margin: .5em 0em .5em 0em;
    font-size: 16px;
    line-height: 24px;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}

/* TABELLEN */
.hervisblog .htmlcomponent table {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-style: normal;
    text-align: left;
    color: #000000;
    font-weight: normal;
    margin: 2em 1em 2em 1em;
    padding: 1em;
    border-collapse: collapse;
    border: 2pt solid #c6c6c6;
}
.hervisblog .htmlcomponent table > caption {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-style: normal;
    text-align: left;
    color: #000000;
    font-weight: bold;
    margin: 0em 0em 1em 0em;
}
.hervisblog .htmlcomponent tbody {
    margin: 0em;
    padding: 0em;
}
.hervisblog .htmlcomponent tr {
    margin: 0em;
    padding: 0em;
}
.hervisblog .htmlcomponent td {
    margin: 0em;
    padding: .5em;
    border-collapse: collapse;
    border: 1pt solid #c6c6c6;
}

/* SONSTIGES */
.hervisblog .htmlcomponent hr {
    border: 1px solid #dc2300;
    width: 50%;
    margin: 0 auto;
    margin-top: 4em;
    margin-bottom: 4em;
}
.hervisblog .htmlcomponent pre {
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: #000000;
    background-color: #e4e4e4;
    overflow-x: scroll;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 1em;
    margin-right: 1em;
}
@media (min-width: 0em) {
    .hervisblog .htmlcomponent blockquote {
        font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 22px;
        line-height: 34px;
        text-align: center;
        color: #777777;
        border-bottom: 2px solid #dc2300;
        border-top: 2px solid #dc2300;
        padding: .5em;
        margin: 4em 15% 4em 15%;
        border: 0px;
    }
    .hervisblog .htmlcomponent blockquote > p {
        font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 22px;
        line-height: 34px;
        text-align: left;
        color: #777777;
        margin-top: .5em;
        margin-bottom: .5em;
    }}
@media (min-width: 33em) {
    .hervisblog .htmlcomponent blockquote {
        font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 22px;
        line-height: 34px;
        text-align: center;
        color: #777777;
        border-bottom: 2px solid #dc2300;
        border-top: 2px solid #dc2300;
        padding: .5em;
        margin: 4em 20% 4em 20%;
    }
    .hervisblog .htmlcomponent blockquote > p {
        font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 22px;
        line-height: 34px;
        text-align: left;
        color: #777777;
        margin-top: .5em;
        margin-bottom: .5em;
    }}
.hervisblog .htmlcomponent blockquote::before, .hervisblog .htmlcomponent blockquote::after {
    position: relative;
    display: block;
    font-size: 4em;
    color: #777777;
}
.hervisblog .htmlcomponent blockquote::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.4 18.4' style='enable-background:new 0 0 27.4 18.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23777777;%7D%0A%3C/style%3E%3Ctitle%3E99%3C/title%3E%3Cpath class='st0' d='M1.1,18.4L0,16.3c2.3-0.9,4.5-2.3,6.3-4c0.9-0.7,1.5-1.8,1.6-2.9c0-0.2-0.1-0.5-0.2-0.6 C7.2,8.5,6.7,8.3,6.2,8.2C4.5,7.8,3.3,6.2,3.5,4.5c0-1.2,0.5-2.4,1.3-3.2C5.7,0.5,6.9,0,8.2,0c1.2,0,2.4,0.5,3.1,1.5 c0.9,1.2,1.3,2.6,1.2,4.1c-0.1,2.6-1,5.1-2.7,7.1C8,14.9,5.1,16.8,1.1,18.4z M15.9,18.4l-1.1-2.1c2.3-0.9,4.4-2.3,6.3-4 c0.9-0.7,1.5-1.8,1.6-2.9c0-0.2-0.1-0.5-0.2-0.6c-0.4-0.2-0.9-0.4-1.4-0.5c-1.7-0.3-2.9-1.9-2.7-3.7c0-1.2,0.5-2.4,1.3-3.2 C20.6,0.5,21.8,0,23,0c1.2,0,2.4,0.5,3.1,1.5c0.9,1.2,1.3,2.6,1.2,4.1c-0.1,2.6-1,5.1-2.7,7.1C22.9,14.9,20,16.8,15.9,18.4z'/%3E%3C/svg%3E");
    width: .4em;
    left: -0.35em;
    top: 0.1em;
}
.hervisblog .htmlcomponent blockquote::after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70.7 47.6' style='enable-background:new 0 0 70.7 47.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23777777;%7D%0A%3C/style%3E%3Ctitle%3E66%3C/title%3E%3Cpath class='st0' d='M67.9,0l2.8,5.5c-6,2.3-11.5,5.8-16.1,10.3c-2.4,1.9-3.9,4.7-4.3,7.7c0,0.6,0.2,1.2,0.6,1.6 c1.1,0.6,2.4,1.1,3.7,1.3c4.4,0.9,7.4,4.9,7,9.4c0,3.1-1.2,6.1-3.5,8.3c-2.2,2.2-5.3,3.5-8.4,3.5c-3.2,0.1-6.2-1.4-8.1-3.9 c-2.3-3-3.4-6.8-3.2-10.5c0.1-6.7,2.6-13,7-18.1C50,9.2,57.5,4.2,67.9,0z M29.5,0l2.8,5.5c-6,2.3-11.5,5.8-16.1,10.3 c-2.4,1.9-3.9,4.7-4.3,7.7c0,0.6,0.2,1.2,0.6,1.6c1.1,0.6,2.4,1.1,3.7,1.3c4.4,0.9,7.4,4.9,7,9.4c0,3.1-1.2,6.1-3.5,8.3 c-2.2,2.3-5.3,3.5-8.5,3.5c-3.2,0.1-6.2-1.4-8.1-3.9C0.9,40.7-0.2,37,0,33.2c0.1-6.7,2.6-13,7-18.1C11.6,9.2,19.2,4.2,29.5,0z'/%3E%3C/svg%3E%0A");
    width: .4em;
    top: -0.1em;
    left: 100%;
}
.hervisblog .htmlcomponent address {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #000000;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 15px;
    border: 1px solid #777777;
}
.hervisblog .htmlcomponent address > p {
    font-family: open sans,OpenSans,Open Sans,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #000000;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/* BILDFORMATE */
.hervisblog .htmlcomponent img {
    width: calc(100%);
    margin: 1em 0em 1em 0em;
    border: 0em;
    padding: 0em;
}
@media (min-width: 0em) {
    .hervisblog .htmlcomponent .img-left .img-right {
        display: inline-block;
        padding: 0em;
        border: 0em;
        width: 100%;
        margin: 1em 0em 1em 0em;
    }}
@media (min-width: 37.5em) {
    .hervisblog .htmlcomponent .image-left {
        display: inline-block;
        padding: 0em;
        border: 0em;
        width: 40%;
        float: left;
        margin: 0em 1em 0em 0em;
    }
    .hervisblog .htmlcomponent .image-right {
        display: inline-block;
        padding: 0em;
        border: 0em;
        width: 40%;
        float: right;
        margin: 0em 1em 0em 0em;
    }}
.hervisblog .htmlcomponent .marginalie {
    display: inline;
    padding: 0em;
    border: 0em;
    width: 100%;
    align:center;
    margin: 0em;
}
@media (min-width: 37.5em) {
    .hervisblog .htmlcomponent .marginalie {
        width: 40%;
        float: left;
        margin: 1em 1em 1em 0em;
    }}
@media (min-width: 1024px) {
    .hervisblog .htmlcomponent .marginalie {
        width: 14em;
        margin-left: calc(100% + 1em);
        position: absolute;
    }}

/* CLEARFIX */
.hervisblog .htmlcomponent .clearfix::before,
.hervisblog .htmlcomponent .clearfix::after {
    content: "";
    display: table;
}
.hervisblog .htmlcomponent .clearfix::after {
    clear: both;
}
.hervisblog .htmlcomponent .clearfix {
    zoom: 1; /* Für IE6/IE7 */
}