.intro-banner {
    padding: 50px 0;
}

.intro-banner .banner-headline h3 span, .intro-banner .banner-headline h3 strong {
    font-size: 40px;
    line-height: 80px;
}.footer-top-section {
    padding-top: 180px;
}

.blogs .section-headline h4 span, .blogs .section-headline h4 strong {
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
}

.blogs .section-headline h4 span {
    font-weight: var(--font-weight-normal);
}

.blogs .section-headline h4 strong {
    font-weight: var(--font-weight-bold);
}

.sidebar-widget h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: var(--font-weight-bold);
}

.blog-post-date {
    padding: 0;
}

.blog-post-date, .blog-post-info-list .blog-post-info {
    background-color: transparent;
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
    color: var(--category-color);
}

.widget-tabs .widget-text span {
    background: transparent;
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
    color: var(--apprenticeship-color);
}

.widget-tabs .widget-text h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
}

.blog-post-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: var(--font-weight-medium);
}

.blog-post-content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
}

.blog-compact-item-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: var(--font-weight-bold);
}

.blog-compact-item, .blog-post, .widget-content {
    border-radius: 0;
}

.orientierung.blog-item-tag {
    background-color: var(--internship-color) !important;
}

.bewerbung.blog-item-tag {
    background-color: var(--study-color) !important;
}

.tipps.blog-item-tag {
    background-color: var(--study-color) !important;
}

.lifestyle.blog-item-tag {
    background-color: var(--apprenticeship-color) !important;
}

.widget-text .orientierung {
    color: var(--internship-color) !important;
}

.widget-text .bewerbung {
    color: var(--study-color) !important;
}

.widget-text .tipps {
    color: var(--study-color) !important;
}

.widget-text .lifestyle {
    color: var(--apprenticeship-color) !important;
}

.blog-compact-item-content .blog-post-tags .orientierung, .blog-post-date.orientierung {
    color: var(--internship-color) !important;
}

.blog-compact-item-content .blog-post-tags .bewerbung, .blog-post-date.bewerbung {
    color: var(--study-color) !important;
}

.blog-compact-item-content .blog-post-tags .tipps, .blog-post-date.tipps {
    color: var(--study-color) !important;
}

.blog-compact-item-content .blog-post-tags .lifestyle, .blog-post-date.lifestyle {
    color: var(--apprenticeship-color) !important;
}

.single-post .blog-post-content h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-bold);
}

.single-post .blog-post-content h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: var(--font-weight-medium);
}

.single-post .blog-post-content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
}

.single-post .blog-post-info-list .blog-post-info {
    background: transparent;
    color: var(--category-color);
    font-weight: var(--font-weight-normal);
}

.background-blog-image-container {
    background: url("/assets/images/job_img_background_hell_2x.jpg")
}

#posts-nav li a span {
    background: transparent;
    color: var(--internship-color);
    font-weight: var(--font-weight-normal);
}

.next-post a strong, .prev-post a strong {
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--font-weight-medium);
}

.next-post a span, .prev-post a span {
    font-size: 18px;
    line-height: 30px;
    font-weight: var(--font-weight-normal);
}

span.blog-item-tag {
    border-radius: 0;
    font-weight: 500;
}

ul.blog-post-tags li {
    color: var(--category-color);
}

#posts-nav li a:hover span {
    color: var(--category-color);
    background-color: transparent;
}

span.blog-item-tag {
    font-size: 18px;
    line-height: 26px;
}

.basic-table {
    margin-bottom: 30px !important;
}

@media (max-width: 480px) {
    .blog-carousel {
        left: 0;
    }

    .blog-carousel .slick-prev {
        left: -15px;
    }

    .blog-carousel .slick-next {
        right: -15px;
    }

    .blog-post-content h3 {
        line-height: 28px;
    }

    .section-headline h4, .section-headline span {
        color: black;
    }

    .blog-post-content h3, .blog-post-content h3 a {
        margin-bottom: 30px;
    }

    .single-post .blog-post-content h3 {
        font-size: 24px;
        line-height: 30px;
    }
}