/* CSS Dorfmeyster 26.07.2021 */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: normal;
    color: #000;
}

a {
    color: #000;
    white-space: normal;
}

a:focus,
a:hover {
    color: #000;
    text-decoration: underline;
}

p {
    font-size: 1.6rem;
    line-height: 1.4;
}

h2 {
    font-size: 2.4rem;
    font-family: "Open Sans Bold",
        "trebuchet ms",
        sans-serif;
}



.article-title {
    font-size: 2.4rem;
    white-space: nowrap;
    font-family: "Open Sans Bold",
        "trebuchet ms",
        sans-serif;

}

.article-img-wrapper {
    object-position: center;
    object-fit: contain;
}

.article-text::before {
    content: "\a\a";
    white-space: pre;

}

h3 {
    font-size: 2rem;
    font-family: "Open Sans Bold",
        "trebuchet ms",
        sans-serif;
}

.aldryn-newsblog-list .aldryn-newsblog-article {
    border-bottom: 0.1rem solid #eee;
    -ms-flex-order: 2;
    order: 2;

}



.aldryn-newsblog-featured {
    -ms-flex-order: 0 !important;
    order: 0 !important;
}

.aldryn-newsblog-featured p .date {
    display: hidden;
}


.sidebar-inner {
    border-top: 0.1rem solid #eee;

}

article img {
    border-radius: 2rem;
}

.category,
.date,
.author,
.tags {
    font-size: 1.2rem;
    color: #000;
}

.lead {
    padding-bottom: 3rem;
}

.socialize path {
    fill: #000;
}

.socialize li a span {

    color: #000;
}

.sidebar {
    background-color: #00325F;
    color: #FFF;
    border-radius: 2rem;
    padding: 3.2rem 1.5rem 3rem;
    margin: 6rem 0 0 0;
}

.sidebar a {
    color: #FFF;
}

.btn,
form .action {
    border: #000 solid 1px;
    color: #000;
    background-color: #FFF;
}


.pager li>a,
.pager li>span {
    padding: 2rem;
    margin-bottom: 2rem;

}

.text-center {
    padding: 0;
}

.zoomable>img {
    border-radius: 2rem;
}

.vjs-poster {
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
}

.article-subtitle {
    font-family: "Open Sans ",
        "trebuchet ms",
        sans-serif;
}

.article-img-caption {
    text-align: center;
}

.form-control {
    border-color: #FFF;
}

.btn-primary {
    background-color: #000;
    border-color: #FFF;
    border-radius: 1rem;
    color: #FFF;
}

.btn-primary:hover {
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

.pager {
    text-align: left;
}

.aldryn-newsblog .aldryn-newsblog-categories {
    padding-bottom: 1.5rem;
}

b,
optgroup,
strong {
    font-style: normal;
    font-weight: 300;
    font-family: "Open Sans",
        "trebuchet ms",
        sans-serif;
}

.badge {
    background-color: #FFF;
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    font-style: bold;
    font-family: "Open Sans Bold", "trebuchet ms", sans-serif;
}

.form-control {
    border-radius: 1rem;

}



.footer-links {
    background-color: #FFF;
    color: #000;
}

.footer-links a {
    color: #000;
}

.sidebar,
.article-text {
    font-size: 1.6rem;
    hyphens: none
}

.sidebar-inner>.article-text {
    width: 100%;
}

li .active {
    text-decoration: underline;
    padding-bottom: 1.5rem;
}

.container {
    padding-top: 3rem;
}

.well {
    background-color: #000;
    color: #FFF;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.carousel {
    margin-bottom: 2rem;
}


@media (min-width: 768px) {
    .footer-links {
        padding: 0;
    }

    .footer-links>div {
        padding: 0;
    }

    .article-text {
        width: 66%;
    }

    .pager li {
        display: block;
        padding-bottom: 1rem;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .footer-links {
        padding: 0;
    }

    article {
        margin-bottom: 6rem;
    }

    .pager li {
        display: inline;
        padding-bottom: 0;
        width: auto;
    }
}

@media (min-width: 1100px) {
    .sidebar {
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin: 2.5rem 0 0 0;
    }
}

@media screen and (min-width: 1440px) {
    .row {
        margin: 0 -2.0rem 0 -2.6rem;
    }
}