/*
 Theme Name:   Superio Child
 Theme URI:    https://themeforest.net/item/superio-job-board-wordpress-theme/32180231
 Description:  Superio Child Theme
 Author:       ApusTheme
 Author URI:   http://apusthemes.com
 Template:     superio
 Version:      1.0.0
 Text Domain:  superio-child
*/
/* Beitragsbild im einzelnen Blogartikel */
.single-post .post-content img.attachment-full,
.single-post .entry-content img.attachment-full,
.single-post article img.attachment-full,
.single-post article img.size-full,
.single-post article img.unveil-image {
    width: 100% !important;
    height: 220px !important;
    max-height: 380px !important;
    object-fit: cover !important;
    border-radius: 12px;
    display: block;
}
/* Arbeitgeberlogo im Profil korrekt einpassen */
.single-employer .employer-detail-header .candidate-thumbnail {
    width: 100px !important;
    height: 100px !important;
    flex: 0 0 100px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.single-employer .employer-detail-header .candidate-thumbnail .employer-logo {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    padding: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.single-employer .employer-detail-header .candidate-thumbnail .employer-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}
/* Interne Kontaktdaten im Arbeitgeberprofil ausblenden */
.single-employer .employer-detail-header .job-email,
.single-employer .employer-detail-header .send-private-wrapper {
    display: none !important;
}
/* E-Mail in der Arbeitgeberbox des Jobinserats ausblenden */
.single-job_listing .job-detail-employer-info .employer-email {
    display: none !important;
}

/* Ablaufdatum anhand des Sanduhr-Symbols ausblenden */
.single-job_listing .job-detail-detail li:has(.flaticon-waiting) {
    display: none !important;
}
/* E-Mail-Zeile in der Arbeitgeberbox entfernen */
.single-job_listing .job-detail-employer-info .employer-email,
.single-job_listing .job-detail-employer-info .job-email {
    display: none !important;
}
/* Footer-Hintergrund und Text auf Mobilgeräten erzwingen */
@media (max-width: 767px) {

    footer,
    #apus-footer,
    .apus-footer,
    .footer-default,
    .site-footer,
    .footer-wrapper {
        background-color: #2f8fd8 !important;
        background-image: none !important;
    }

    footer,
    footer a,
    footer p,
    footer span,
    footer li,
    footer h1,
    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6,
    #apus-footer,
    #apus-footer a,
    #apus-footer p,
    #apus-footer span,
    #apus-footer li,
    #apus-footer h1,
    #apus-footer h2,
    #apus-footer h3,
    #apus-footer h4,
    #apus-footer h5,
    #apus-footer h6 {
        color: #ffffff !important;
    }

    footer a:hover,
    #apus-footer a:hover {
        color: #dbeeff !important;
    }
}
/* =========================================================
   TOP JOBS – MOBILE KOMPAKTANSICHT
   Logo links, Titel + Arbeitgeber rechts in zwei Zeilen
========================================================= */

@media (max-width: 767px) {

    /* Karten deutlich kompakter */
    #sportjobs-premium-v2 .sj-card {
        min-height: 0 !important;
        padding: 18px 16px !important;
        border-radius: 14px !important;
        display: block !important;
    }

    /* Badge kleiner und weiterhin rechts oben */
    #sportjobs-premium-v2 .sj-card__badge {
        top: 10px !important;
        right: 10px !important;
        padding: 5px 8px !important;
        font-size: 9px !important;
        border-radius: 5px !important;
    }

    /* Karte horizontal aufbauen */
    #sportjobs-premium-v2 .sj-card__body {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 16px !important;
        width: 100% !important;
        text-align: left !important;
    }

    /* Logo links */
    #sportjobs-premium-v2 .sj-card__logo {
        width: 92px !important;
        height: 74px !important;
        margin: 0 !important;
        padding: 6px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #sportjobs-premium-v2 .sj-card__logo img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    /* Rechter Textbereich */
    #sportjobs-premium-v2 .sj-card__content {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        text-align: left !important;
        padding-right: 54px !important;
    }

    /* Erste Zeile: Jobtitel */
    #sportjobs-premium-v2 .sj-card__title {
        max-width: none !important;
        margin: 0 0 7px !important;
        font-size: 17px !important;
        line-height: 1.3 !important;
        font-weight: 750 !important;
        text-align: left !important;
    }

    /* Zweite Zeile: Arbeitgeber */
    #sportjobs-premium-v2 .sj-card__employer {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        color: #667085 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    /* "by" auf Mobil ausblenden */
    #sportjobs-premium-v2 .sj-card__employer::before {
        display: none !important;
    }

    /* Verifizierungs-Haken kleiner */
    #sportjobs-premium-v2 .sj-card__verified {
        width: 15px !important;
        height: 15px !important;
        font-size: 9px !important;
    }

    /* Alle Zusatzinformationen auf Mobil ausblenden */
    #sportjobs-premium-v2 .sj-card__meta,
    #sportjobs-premium-v2 .sj-card__date,
    #sportjobs-premium-v2 .sj-card__tags {
        display: none !important;
    }

    /* Weniger Abstand zwischen Karten */
    #sportjobs-premium-v2 .sj-premium__grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Hover-Effekt auf Mobil reduzieren */
    #sportjobs-premium-v2 .sj-card:hover {
        transform: none !important;
    }

    #sportjobs-premium-v2 .sj-card:hover .sj-card__logo {
        transform: none !important;
    }
}

/* Sehr kleine Smartphones */
@media (max-width: 420px) {

    #sportjobs-premium-v2 .sj-card {
        padding: 15px 13px !important;
    }

    #sportjobs-premium-v2 .sj-card__body {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 13px !important;
    }

    #sportjobs-premium-v2 .sj-card__logo {
        width: 78px !important;
        height: 64px !important;
    }

    #sportjobs-premium-v2 .sj-card__content {
        padding-right: 46px !important;
    }

    #sportjobs-premium-v2 .sj-card__title {
        font-size: 16px !important;
    }

    #sportjobs-premium-v2 .sj-card__employer {
        font-size: 13px !important;
    }
}
/* Mobile: überstehende Trennlinie im Jobsuchformular korrigieren */
@media (max-width: 767px) {

    /* Gesamtes Formular sauber begrenzen */
    .home .job-search-form,
    .home .form-search,
    .home .search-form-inner {
        overflow: hidden !important;
    }

    /* Einzelne Suchfelder auf volle Containerbreite begrenzen */
    .home .job-search-form .form-group,
    .home .job-search-form .search-field,
    .home .form-search .form-group,
    .home .form-search .search-field {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Trennlinie nur innerhalb der Box anzeigen */
    .home .job-search-form .form-group::after,
    .home .job-search-form .search-field::after,
    .home .form-search .form-group::after,
    .home .form-search .search-field::after {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }

    /* Falls die Linie als Border des ersten Feldes kommt */
    .home .job-search-form .form-group:first-child,
    .home .form-search .form-group:first-child {
        border-bottom: 1px solid #e4e7ec !important;
    }
}
/* =========================================================
   SPORT CAREERS – JOB-LISTE UND FILTERSIDEBAR
   Gilt gezielt für die Superio-Jobliste
========================================================= */

#main-container.page-job-board {
    --sc-blue: #1769e8;
    --sc-blue-dark: #0d52c7;
    --sc-heading: #172033;
    --sc-text: #475467;
    --sc-muted: #667085;
    --sc-border: #e3e9f1;
    --sc-soft-bg: #f5f8fc;
    --sc-field-bg: #ffffff;
}

/* Hauptbereich insgesamt luftiger */
#main-container.page-job-board {
    padding-top: 46px !important;
    padding-bottom: 80px !important;
    background: #ffffff !important;
}

/* Filterspalte deutlich nach unten setzen */
#main-container.page-job-board .filter-sidebar.sidebar-wrapper {
    padding-top: 34px !important;
}

/* Eigentliche Sidebar */
#main-container.page-job-board .filter-sidebar .sidebar.sidebar-left {
    position: relative;
    padding: 0 !important;
    background: transparent !important;
}

/* Filter-Widget als moderne Karte */
#main-container.page-job-board .filter-sidebar .widget {
    margin: 0 !important;
    padding: 30px 26px 28px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow:
        0 3px 8px rgba(16, 24, 40, 0.03),
        0 18px 48px rgba(16, 24, 40, 0.07) !important;
}

/* Filterüberschrift */
#main-container.page-job-board .filter-sidebar .widget-title {
    margin: 0 0 28px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #edf0f5 !important;
    color: var(--sc-heading) !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -0.35px !important;
}

#main-container.page-job-board .filter-sidebar .widget-title span {
    color: inherit !important;
}

/* Formular selbst */
#main-container.page-job-board .filter-job-form {
    margin: 0 !important;
}

/* Einzelne Filtergruppen */
#main-container.page-job-board .filter-job-form .form-group {
    margin: 0 0 24px !important;
    padding: 0 !important;
}

/* Überschriften der Felder */
#main-container.page-job-board .filter-job-form .heading-label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 9px !important;
    color: var(--sc-heading) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

/* Feldcontainer */
#main-container.page-job-board .filter-job-form .form-group-inner {
    position: relative !important;
    width: 100% !important;
}

/* Textfelder */
#main-container.page-job-board .filter-job-form input[type="text"],
#main-container.page-job-board .filter-job-form input[type="search"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 11px !important;
    outline: none !important;
    color: var(--sc-heading) !important;
    background: var(--sc-field-bg) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}

#main-container.page-job-board .filter-job-form input::placeholder {
    color: #98a2b3 !important;
    opacity: 1 !important;
}

/* Normale Select-Felder */
#main-container.page-job-board .filter-job-form select.form-control {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 11px !important;
    outline: none !important;
    color: var(--sc-text) !important;
    background-color: var(--sc-field-bg) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

/* Select2-Container von Superio */
#main-container.page-job-board
.filter-job-form
.select2-container {
    width: 100% !important;
}

#main-container.page-job-board
.filter-job-form
.select2-container
.select2-selection--single {
    height: 52px !important;
    min-height: 52px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 11px !important;
    background: var(--sc-field-bg) !important;
    box-shadow: none !important;
}

#main-container.page-job-board
.filter-job-form
.select2-container
.select2-selection--single
.select2-selection__rendered {
    height: 50px !important;
    padding: 0 42px 0 16px !important;
    color: var(--sc-text) !important;
    font-size: 14px !important;
    line-height: 50px !important;
}

#main-container.page-job-board
.filter-job-form
.select2-container
.select2-selection--single
.select2-selection__arrow {
    top: 50% !important;
    right: 14px !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
}

/* Fokuszustände */
#main-container.page-job-board .filter-job-form input:focus,
#main-container.page-job-board .filter-job-form select:focus,
#main-container.page-job-board
.filter-job-form
.select2-container--focus
.select2-selection--single,
#main-container.page-job-board
.filter-job-form
.select2-container--open
.select2-selection--single {
    border-color: var(--sc-blue) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(23, 105, 232, 0.1) !important;
}

/* Distanzbereich */
#main-container.page-job-board
.filter-job-form
.search_distance_wrapper {
    margin-top: 2px !important;
    padding: 17px 16px 20px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 12px !important;
    background: var(--sc-soft-bg) !important;
}

#main-container.page-job-board
.filter-job-form
.search-distance-label {
    margin-bottom: 15px !important;
    color: var(--sc-muted) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#main-container.page-job-board
.filter-job-form
.search-distance-label
.text-distance {
    color: var(--sc-blue) !important;
    font-weight: 800 !important;
}

/* Slider-Linie */
#main-container.page-job-board
.filter-job-form
.search-distance-slider {
    height: 5px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: #dbe6f7 !important;
}

/* Slider-Fortschritt */
#main-container.page-job-board
.filter-job-form
.search-distance-slider
.ui-slider-range {
    border-radius: 20px !important;
    background: var(--sc-blue) !important;
}

/* Slider-Griff */
#main-container.page-job-board
.filter-job-form
.search-distance-slider
.ui-slider-handle {
    top: 50% !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: -8px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    outline: none !important;
    background: var(--sc-blue) !important;
    box-shadow: 0 2px 8px rgba(23, 105, 232, 0.35) !important;
}

/* Radio- und Checkboxbereiche */
#main-container.page-job-board
.filter-job-form
.toggle-field .form-group-inner,
#main-container.page-job-board
.filter-job-form
.form-group-filter-posted-date .form-group-inner {
    padding-top: 3px !important;
}

#main-container.page-job-board
.filter-job-form
.list-item,
#main-container.page-job-board
.filter-job-form
.checkbox,
#main-container.page-job-board
.filter-job-form
.radio {
    margin: 0 0 11px !important;
    color: var(--sc-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Eigene Checkbox-/Radiooptik */
#main-container.page-job-board
.filter-job-form
input[type="checkbox"],
#main-container.page-job-board
.filter-job-form
input[type="radio"] {
    width: 17px !important;
    height: 17px !important;
    margin-right: 9px !important;
    accent-color: var(--sc-blue) !important;
}

/* Mehr anzeigen */
#main-container.page-job-board
.filter-job-form
.toggle-filter-list {
    display: inline-flex !important;
    margin-top: 7px !important;
    color: var(--sc-blue) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Suchbutton, falls im Widget aktiviert */
#main-container.page-job-board
.filter-job-form
button.button {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #ffffff !important;
    background: var(--sc-blue) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 9px 22px rgba(23, 105, 232, 0.2) !important;
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

#main-container.page-job-board
.filter-job-form
button.button:hover {
    color: #ffffff !important;
    background: var(--sc-blue-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(23, 105, 232, 0.28) !important;
}

/* =========================================================
   RECHTER STELLENBEREICH
========================================================= */

/* Etwas Abstand oberhalb der Resultate */
#main-container.page-job-board .content-listing {
    padding-top: 34px !important;
}

/* Resultate- und Sortierungszeile */
#main-container.page-job-board .jobs-alert-ordering-wrapper,
#main-container.page-job-board .results-count,
#main-container.page-job-board .job-results-count {
    color: var(--sc-muted) !important;
    font-size: 14px !important;
}

/* Sortierung */
#main-container.page-job-board .jobs-ordering select,
#main-container.page-job-board .sort-my-jobs select,
#main-container.page-job-board .select-sortby {
    min-height: 46px !important;
    padding: 0 40px 0 15px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 10px !important;
    color: var(--sc-text) !important;
    background: #ffffff !important;
    font-size: 14px !important;
}

/* Jobkarten leicht hochwertiger */
#main-container.page-job-board .job-list {
    gap: 22px !important;
}

#main-container.page-job-board .job-list .job-listing,
#main-container.page-job-board .job-listing-card,
#main-container.page-job-board .job-list-grid .job-grid {
    border: 1px solid var(--sc-border) !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow:
        0 2px 5px rgba(16, 24, 40, 0.02),
        0 12px 30px rgba(16, 24, 40, 0.05) !important;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

#main-container.page-job-board .job-list .job-listing:hover,
#main-container.page-job-board .job-listing-card:hover,
#main-container.page-job-board .job-list-grid .job-grid:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(23, 105, 232, 0.28) !important;
    box-shadow:
        0 5px 12px rgba(16, 24, 40, 0.04),
        0 18px 38px rgba(16, 24, 40, 0.09) !important;
}

/* =========================================================
   TABLET UND MOBIL
========================================================= */

@media (max-width: 991px) {

    #main-container.page-job-board {
        padding-top: 24px !important;
    }

    #main-container.page-job-board .filter-sidebar.sidebar-wrapper,
    #main-container.page-job-board .content-listing {
        padding-top: 0 !important;
    }

    #main-container.page-job-board .filter-sidebar .widget {
        padding: 24px 20px !important;
        border-radius: 15px !important;
    }
}

@media (max-width: 767px) {

    #main-container.page-job-board {
        padding-bottom: 50px !important;
    }

    #main-container.page-job-board .filter-sidebar .widget-title {
        font-size: 20px !important;
    }

    #main-container.page-job-board .filter-job-form .form-group {
        margin-bottom: 20px !important;
    }

    #main-container.page-job-board .filter-job-form input[type="text"],
    #main-container.page-job-board .filter-job-form select.form-control,
    #main-container.page-job-board
    .filter-job-form
    .select2-selection--single {
        height: 50px !important;
        min-height: 50px !important;
    }
}
#main-container.page-job-board .filter-sidebar.sidebar-wrapper {
    padding-top: 34px !important;
}
/* =========================================================
   SPORTCAREERS – MODERNE ARBEITGEBER-SIDEBAR
========================================================= */

.single-employer {
    --sc-blue: #1769e8;
    --sc-blue-dark: #0d52c7;
    --sc-heading: #172033;
    --sc-text: #475467;
    --sc-muted: #667085;
    --sc-border: #e4eaf2;
    --sc-soft-blue: #f3f7fd;
}

/* Abstand und Position der rechten Spalte */
.single-employer .employer-content-area .sidebar-job {
    padding-left: 28px;
}

/* Sidebar beim Scrollen sichtbar halten */
@media (min-width: 992px) {
    .single-employer .employer-content-area .sidebar-job {
        position: sticky;
        top: 105px;
        align-self: flex-start;
    }
}

/* Jedes Widget als moderne Karte */
.single-employer .sidebar-job .widget {
    margin: 0 0 24px !important;
    padding: 26px !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow:
        0 3px 8px rgba(16, 24, 40, 0.03),
        0 18px 42px rgba(16, 24, 40, 0.07) !important;
    overflow: hidden;
}

/* Überschriften der Sidebar-Karten */
.single-employer .sidebar-job .widget-title {
    margin: 0 0 22px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #edf1f6 !important;
    color: var(--sc-heading) !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: -0.25px;
}

/* Informationswidget */
.single-employer
.sidebar-job
.job-detail-employer-info {
    color: var(--sc-text);
}

/* Jede Informationszeile */
.single-employer
.sidebar-job
.job-detail-employer-info
> div:not(.employer-website):not(.job-employer-header) {
    min-height: 46px;
    padding: 12px 0 !important;
    border-bottom: 1px solid #edf1f6;
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

/* Letzte Infozeile ohne Trennlinie */
.single-employer
.sidebar-job
.job-detail-employer-info
> div:nth-last-child(2) {
    border-bottom: 0;
}

/* Feldbezeichnungen */
.single-employer
.sidebar-job
.job-detail-employer-info
.title {
    margin: 0 !important;
    color: var(--sc-heading) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

/* Werte */
.single-employer
.sidebar-job
.job-detail-employer-info
.value {
    min-width: 0;
    color: var(--sc-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: right;
    overflow-wrap: anywhere;
}

.single-employer
.sidebar-job
.job-detail-employer-info
.value a {
    color: var(--sc-muted) !important;
    text-decoration: none !important;
}

.single-employer
.sidebar-job
.job-detail-employer-info
.value a:hover {
    color: var(--sc-blue) !important;
}

/* Interne Platzhalter-E-Mail vollständig ausblenden */
.single-employer
.sidebar-job
.job-detail-employer-info
.job-email {
    display: none !important;
}

/* Kopfbereich im Info-Widget, falls Stil Avatar verwendet wird */
.single-employer
.sidebar-job
.job-employer-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf1f6;
    display: flex;
    align-items: center;
    gap: 14px;
}

.single-employer
.sidebar-job
.job-employer-header
.employer-thumbnail {
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    padding: 7px;
    border: 1px solid var(--sc-border);
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-employer
.sidebar-job
.job-employer-header
.employer-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.single-employer
.sidebar-job
.job-employer-header
.employer-title {
    margin: 0 0 5px !important;
    color: var(--sc-heading) !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

/* Social-Media-Symbole */
.single-employer
.sidebar-job
.social-employer
.apus-social-share {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.single-employer
.sidebar-job
.social-employer
.apus-social-share a {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sc-blue) !important;
    background: #edf5ff;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

.single-employer
.sidebar-job
.social-employer
.apus-social-share a:hover {
    color: #fff !important;
    background: var(--sc-blue);
    transform: translateY(-2px);
}

/* Website-Button */
.single-employer
.sidebar-job
.employer-website {
    margin-top: 20px;
}

.single-employer
.sidebar-job
.employer-website
.btn {
    width: 100%;
    min-height: 48px;
    padding: 10px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: var(--sc-blue) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 9px 22px rgba(23, 105, 232, 0.2);
    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.single-employer
.sidebar-job
.employer-website
.btn:hover {
    color: #fff !important;
    background: var(--sc-blue-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(23, 105, 232, 0.28);
}

/* Karten-Widget */
.single-employer .sidebar-job .widget_apus_employer_maps {
    padding-bottom: 20px !important;
}

.single-employer .sidebar-job .map-container,
.single-employer .sidebar-job .apus-maps {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Kontaktformular */
.single-employer .sidebar-job .widget_apus_employer_contact_form input,
.single-employer .sidebar-job .widget_apus_employer_contact_form textarea {
    width: 100% !important;
    border: 1px solid var(--sc-border) !important;
    border-radius: 9px !important;
    color: var(--sc-heading) !important;
    background: var(--sc-soft-blue) !important;
    font-size: 14px !important;
}

.single-employer .sidebar-job .widget_apus_employer_contact_form input {
    min-height: 48px !important;
    padding: 0 14px !important;
}

.single-employer .sidebar-job .widget_apus_employer_contact_form textarea {
    min-height: 120px !important;
    padding: 13px 14px !important;
    resize: vertical;
}

.single-employer
.sidebar-job
.widget_apus_employer_contact_form
input:focus,
.single-employer
.sidebar-job
.widget_apus_employer_contact_form
textarea:focus {
    outline: none !important;
    border-color: var(--sc-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 232, 0.1) !important;
}

.single-employer
.sidebar-job
.widget_apus_employer_contact_form
button,
.single-employer
.sidebar-job
.widget_apus_employer_contact_form
.btn {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: var(--sc-blue) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Hauptinhalt ebenfalls etwas hochwertiger */
.single-employer
.employer-content-area
.list-content-candidate {
    color: var(--sc-text);
}

.single-employer
.employer-content-area
.list-content-candidate
.widget-title,
.single-employer
.employer-content-area
.list-content-candidate
.title {
    color: var(--sc-heading);
}

/* Tablet und Mobil */
@media (max-width: 991px) {

    .single-employer .employer-content-area .sidebar-job {
        margin-top: 36px;
        padding-left: 15px;
        position: static;
    }

    .single-employer .sidebar-job .widget {
        padding: 22px !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 480px) {

    .single-employer
    .sidebar-job
    .job-detail-employer-info
    > div:not(.employer-website):not(.job-employer-header) {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .single-employer
    .sidebar-job
    .job-detail-employer-info
    .value {
        text-align: left;
    }

    .single-employer
    .sidebar-job
    .social-employer
    .apus-social-share {
        justify-content: flex-start;
    }

/* =========================================================
   SPORTCAREERS – PREMIUM-JOBKARTEN DESKTOP KOMPAKTER
   Reduziert die Kartenhöhe auf Desktop/Tablet um ca. 30–40 %
   Mobile Darstellung bleibt durch die vorhandenen Regeln erhalten
========================================================= */

@media (min-width: 768px) {

    /* Gesamthöhe der Premium-Karten reduzieren */
    #sportjobs-premium-v2 .sj-card {
        min-height: 315px !important;
        height: 315px !important;
        padding: 18px 20px 16px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Karteninhalt kompakter anordnen */
    #sportjobs-premium-v2 .sj-card__body {
        flex: 1 1 auto !important;
        padding: 8px 0 4px !important;
        gap: 7px !important;
    }

    /* Logo kleiner darstellen */
    #sportjobs-premium-v2 .sj-card__logo {
        width: 96px !important;
        height: 68px !important;
        margin: 0 auto 12px !important;
        padding: 6px !important;
    }

    #sportjobs-premium-v2 .sj-card__logo img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    /* Jobtitel kompakter */
    #sportjobs-premium-v2 .sj-card__title {
        margin: 6px 0 7px !important;
        line-height: 1.22 !important;
    }

    /* Arbeitgeber und Metadaten enger setzen */
    #sportjobs-premium-v2 .sj-card__employer {
        margin: 0 0 5px !important;
    }

    #sportjobs-premium-v2 .sj-card__meta,
    #sportjobs-premium-v2 .sj-card__date {
        margin-top: 3px !important;
        margin-bottom: 4px !important;
    }

    /* Tags am unteren Kartenrand halten */
    #sportjobs-premium-v2 .sj-card__tags {
        margin-top: auto !important;
        padding-top: 8px !important;
    }

    /* Premium-Badge etwas kompakter */
    #sportjobs-premium-v2 .sj-card__badge {
        top: 12px !important;
        right: 12px !important;
    }

    /* Abstand zwischen den Karten leicht reduzieren */
    #sportjobs-premium-v2 .sj-premium__grid {
        gap: 20px !important;
    }
}
	/* =========================================================
   SPORTCAREERS – RSS-FEED ÜBER GESAMTE JOBSEITENBREITE
========================================================= */

@media (min-width: 992px) {

    /*
     * Der RSS-Feed befindet sich in der rechten Ergebnisspalte.
     * Wir erweitern ihn um die Breite der linken Filterspalte
     * inklusive Spaltenabstand.
     */
    #main-container.page-job-board .content-listing .rss-feed,
    #main-container.page-job-board .content-listing .rss-feed-wrapper,
    #main-container.page-job-board .content-listing .feedzy-rss,
    #main-container.page-job-board .content-listing .wp-rss-aggregator,
    #main-container.page-job-board .content-listing .wprss-feed,
    #main-container.page-job-board .content-listing .rss-aggregator,
    #main-container.page-job-board .content-listing iframe[src*="rss"],
    #main-container.page-job-board .content-listing iframe[src*="feed"] {
        width: calc(100% + 330px) !important;
        max-width: none !important;
        margin-left: -330px !important;
        box-sizing: border-box !important;
    }

    /* Falls der Feed ein Karten- oder Grid-Element enthält */
    #main-container.page-job-board .content-listing .rss-feed ul,
    #main-container.page-job-board .content-listing .rss-feed-grid,
    #main-container.page-job-board .content-listing .feedzy-rss ul,
    #main-container.page-job-board .content-listing .wp-rss-aggregator ul {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Tablet und Smartphone normal einspaltig lassen */
@media (max-width: 991px) {

    #main-container.page-job-board .content-listing .rss-feed,
    #main-container.page-job-board .content-listing .rss-feed-wrapper,
    #main-container.page-job-board .content-listing .feedzy-rss,
    #main-container.page-job-board .content-listing .wp-rss-aggregator,
    #main-container.page-job-board .content-listing .wprss-feed,
    #main-container.page-job-board .content-listing .rss-aggregator,
    #main-container.page-job-board .content-listing iframe[src*="rss"],
    #main-container.page-job-board .content-listing iframe[src*="feed"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }