:root{
    --scs-blue:#1769e8;
    --scs-blue-dark:#0d52c7;
    --scs-navy:#172033;
    --scs-text:#475467;
    --scs-muted:#667085;
    --scs-border:#dbe5f1;
    --scs-soft:#f4f8fe;
    --scs-shell:1220px;
}

.scs-search,
.scs-page,
.scs-page *{box-sizing:border-box}

.scs-shell{
    width:min(var(--scs-shell),calc(100% - 40px));
    margin:0 auto;
}

.scs-page{
    color:var(--scs-text);
    font-family:inherit;
}

.scs-hero{
    padding:32px 0 30px;
    background:
        radial-gradient(circle at 88% 18%,rgba(23,105,232,.11),transparent 29%),
        linear-gradient(135deg,#f8faff,#eaf2ff);
}

.scs-hero__inner{max-width:var(--scs-shell)}

.scs-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 14px;
    color:#6b7890;
    font-size:11px;
}

.scs-breadcrumb a{color:inherit;text-decoration:none}

.scs-eyebrow{
    margin:0 0 8px;
    color:var(--scs-blue);
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.scs-hero h1{
    max-width:760px;
    margin:0;
    color:var(--scs-navy);
    font-size:clamp(28px,3.2vw,45px);
    line-height:1.08;
    font-weight:850;
    letter-spacing:-.035em;
}

.scs-intro{
    max-width:790px;
    margin-top:14px;
    color:#40506a;
    font-size:13px;
    line-height:1.62;
}

.scs-intro p{margin:0 0 9px}
.scs-intro p:last-child{margin-bottom:0}

.scs-results{
    padding:22px 0 46px;
    background:#fff;
}

.scs-filter-sticky{
    position:sticky;
    top:12px;
    z-index:50;
    padding:4px 0;
}

.admin-bar .scs-filter-sticky{top:44px}

.scs-search{
    width:100%;
    padding:14px;
    border:1px solid var(--scs-border);
    border-radius:15px;
    display:grid;
    grid-template-columns:minmax(170px,1.25fr) repeat(4,minmax(125px,1fr)) 125px;
    gap:9px;
    align-items:end;
    background:rgba(244,248,254,.96);
    box-shadow:0 12px 32px rgba(23,50,86,.09);
    backdrop-filter:blur(13px);
    font-family:inherit;
}

.scs-search__field{min-width:0}

.scs-search__field span{
    display:flex;
    justify-content:space-between;
    gap:8px;
    margin:0 0 6px;
    color:var(--scs-navy);
    font-size:10px;
    font-weight:850;
}

.scs-search input,
.scs-search select{
    width:100%;
    height:42px;
    padding:0 11px;
    border:1px solid #ccd9e8;
    border-radius:9px;
    color:var(--scs-navy);
    background:#fff;
    font:650 12px/1.2 inherit;
}

.scs-search input:focus,
.scs-search select:focus{
    outline:none;
    border-color:var(--scs-blue);
    box-shadow:0 0 0 3px rgba(23,105,232,.1);
}

.scs-search--landing select[name="sc_category"]{
    border-color:rgba(23,105,232,.48);
    background:#f7faff;
    font-weight:800;
}

.scs-search button{
    height:42px;
    border:0;
    border-radius:9px;
    color:#fff;
    background:var(--scs-blue);
    font:800 12px/1 inherit;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(23,105,232,.2);
}

.scs-search button:hover{background:var(--scs-blue-dark)}
.scs-search.is-loading{opacity:.65;pointer-events:none}

.scs-resultbar{
    display:flex;
    align-items:center;
    gap:7px;
    margin:18px 0 13px;
    color:var(--scs-muted);
    font-size:12px;
}

.scs-resultbar strong{
    min-width:28px;
    padding:6px 9px;
    border-radius:8px;
    color:var(--scs-blue);
    background:#edf4ff;
    text-align:center;
}

.scs-jobs__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.scs-job{
    position:relative;
    min-height:265px;
    padding:15px;
    border:1px solid rgba(172,194,220,.65);
    border-radius:16px;
    display:flex;
    flex-direction:column;
    box-shadow:0 10px 25px rgba(16,24,40,.06);
    overflow:hidden;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.scs-job--tone-1{background:linear-gradient(155deg,#eef5ff 0%,#f8fbff 68%,#ffffff 100%);
    border-color:rgba(23,105,232,.38);
    box-shadow:0 16px 34px rgba(16,24,40,.1);
}

.scs-job__link{position:absolute;inset:0;z-index:2}

.scs-job__badges{
    min-height:23px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.scs-job__badges span{
    padding:4px 8px;
    border-radius:999px;
    color:#166b9d;
    background:rgba(218,240,252,.88);
    font-size:8px;
    font-weight:850;
}

.scs-job__logo{
    width:116px;
    height:80px;
    margin:2px auto 8px;
    padding:8px;
    border:1px solid rgba(213,225,238,.9);
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.9);
    overflow:hidden;
}

.scs-job__logo img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
}

.scs-job__logo b{color:var(--scs-blue);font-size:24px}

.scs-job__company{
    margin:0 0 6px;
    color:#13884a;
    font-size:10px;
    font-weight:850;
    text-align:center;
}

.scs-job h3{
    margin:0;
    color:var(--scs-navy);
    font-size:15px;
    line-height:1.25;
    font-weight:850;
    text-align:center;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}

.scs-job__location{
    margin:auto 0 0;
    padding-top:8px;
    color:var(--scs-muted);
    font-size:9px;
    text-align:center;
}

.scs-job__footer{
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(218,226,236,.9);
    display:flex;
    justify-content:space-between;
    color:var(--scs-blue);
    font-size:9px;
    font-weight:850;
}

.scs-empty{
    padding:42px 22px;
    border:1px solid var(--scs-border);
    border-radius:15px;
    text-align:center;
    background:var(--scs-soft);
}

.scs-rss{
    padding:44px 0 48px;
    border-top:1px solid #edf1f6;
    background:#fff;
}

.scs-section-heading{margin-bottom:18px}

.scs-section-heading h2{
    max-width:700px;
    margin:0;
    color:var(--scs-navy);
    font-size:clamp(23px,2.8vw,34px);
    line-height:1.15;
    letter-spacing:-.025em;
}

.scs-rss__wall{
    min-height:120px;
    overflow:hidden;
    border-radius:16px;
}

.scs-content{
    padding:42px 0 48px;
    background:#f5f8fc;
}

.scs-content__inner{max-width:790px}

.scs-content h2{
    margin:24px 0 7px;
    color:var(--scs-navy);
    font-size:18px;
    line-height:1.3;
    letter-spacing:-.012em;
}

.scs-content h2:first-child{margin-top:0}

.scs-content p{
    margin:0 0 12px;
    color:#526078;
    font-size:12.5px;
    line-height:1.65;
}

.scs-content ul,
.scs-content ol{
    margin:0 0 14px 18px;
    font-size:12.5px;
    line-height:1.65;
}

.scs-related{
    padding:48px 0 58px;
    background:#fff;
}

.scs-related h2{
    margin:0 0 20px;
    color:var(--scs-navy);
    font-size:clamp(24px,3vw,34px);
    line-height:1.12;
    letter-spacing:-.028em;
}

.scs-related__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.scs-related__grid a{
    min-height:86px;
    padding:14px;
    border:1px solid var(--scs-border);
    border-radius:14px;
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:11px;
    align-items:center;
    color:var(--scs-navy);
    background:linear-gradient(145deg,#f7faff,#fff);
    text-decoration:none;
    transition:.2s ease;
}

.scs-related__grid a:hover{
    transform:translateY(-2px);
    border-color:var(--scs-blue);
    box-shadow:0 10px 25px rgba(23,105,232,.09);
}

.scs-related__icon{
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--scs-blue);
    background:#eaf2ff;
    font-size:20px;
}

.scs-related__text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.scs-related__text strong{font-size:13px;line-height:1.25}
.scs-related__text small{color:var(--scs-muted);font-size:10px}
.scs-related__arrow{color:var(--scs-blue);font-weight:850}

@media(max-width:1100px){
    .scs-search{grid-template-columns:repeat(3,minmax(0,1fr))}
    .scs-search button{grid-column:span 3}
    .scs-jobs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:782px){
    .admin-bar .scs-filter-sticky{top:58px}
}

@media(max-width:780px){
    .scs-search{grid-template-columns:repeat(2,minmax(0,1fr))}
    .scs-search button{grid-column:span 2}
    .scs-jobs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .scs-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .scs-filter-sticky{position:relative;top:auto}
    .admin-bar .scs-filter-sticky{top:auto}
}

@media(max-width:560px){
    .scs-shell{width:min(100% - 26px,var(--scs-shell))}
    .scs-hero{padding:25px 0 24px}
    .scs-hero h1{font-size:30px}
    .scs-intro{font-size:12.5px}
    .scs-search{grid-template-columns:1fr;padding:12px}
    .scs-search button{grid-column:auto}
    .scs-jobs__grid,
    .scs-related__grid{grid-template-columns:1fr}
    .scs-job{min-height:245px}
    .scs-content{padding:34px 0 40px}
}


/* Version 2.2 – Reihenfolge, CI-Farben, Arbeitgeber und FAQ */
.scs-job{
    background:linear-gradient(155deg,#edf5ff 0%,#f6faff 72%,#ffffff 100%);
    border-color:#c9dcf4;
}

.scs-job:hover{
    border-color:#76a9ec;
    box-shadow:0 16px 34px rgba(23,105,232,.12);
}

.scs-related{
    padding:42px 0 44px;
    border-top:1px solid #e7eef8;
    background:#f7faff;
}

.scs-related h2,
.scs-employers h2{
    margin:0 0 18px;
    color:var(--scs-navy);
    font-size:clamp(22px,2.4vw,30px);
    line-height:1.15;
    letter-spacing:-.025em;
}

.scs-related__grid a,
.scs-employer-card{
    border-color:#cfe0f5;
    background:linear-gradient(145deg,#edf5ff,#f9fcff);
}

.scs-related__grid a:hover,
.scs-employer-card:hover{
    border-color:#75a9ed;
    box-shadow:0 10px 25px rgba(23,105,232,.11);
}

.scs-related__icon{
    color:#1769e8;
    background:#dceaff;
}

.scs-rss{
    padding:38px 0 42px;
    border-top:1px solid #e8eef7;
    background:#fff;
}

.scs-rss .scs-section-heading{
    margin-bottom:14px;
}

.scs-rss .scs-section-heading h2{
    max-width:700px;
    margin:0;
    color:var(--scs-navy);
    font-size:clamp(20px,2.2vw,27px);
    line-height:1.18;
    letter-spacing:-.02em;
}

.scs-rss__list{
    min-height:100px;
    overflow:hidden;
    border-radius:14px;
}

.scs-employers{
    padding:42px 0 48px;
    border-top:1px solid #e8eef7;
    background:#f7faff;
}

.scs-employers__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.scs-employer-card{
    min-height:88px;
    padding:13px;
    border:1px solid #cfe0f5;
    border-radius:14px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    color:var(--scs-navy);
    text-decoration:none;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.scs-employer-card:hover{
    transform:translateY(-2px);
}

.scs-employer-card__logo{
    width:52px;
    height:52px;
    padding:5px;
    border:1px solid #d5e3f5;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    overflow:hidden;
}

.scs-employer-card__logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.scs-employer-card__logo b{
    color:#1769e8;
    font-size:22px;
}

.scs-employer-card__text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.scs-employer-card__text strong{
    color:var(--scs-navy);
    font-size:13px;
    line-height:1.25;
}

.scs-employer-card__text small{
    color:var(--scs-muted);
    font-size:10px;
    line-height:1.3;
}

.scs-employer-card__arrow{
    color:#1769e8;
    font-weight:850;
}

.scs-content{
    display:none;
}

.scs-faq{
    padding:44px 0 56px;
    border-top:1px solid #e4ebf4;
    background:#fff;
}

.scs-faq__inner{
    max-width:900px;
}

.scs-faq h2{
    margin:0 0 18px;
    color:var(--scs-navy);
    font-size:clamp(22px,2.5vw,31px);
    line-height:1.15;
    letter-spacing:-.025em;
}

.scs-faq__list{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.scs-faq__item{
    border:1px solid #cfdef1;
    border-radius:13px;
    background:#f6faff;
    overflow:hidden;
}

.scs-faq__item summary{
    min-height:54px;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    color:var(--scs-navy);
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.scs-faq__item summary::-webkit-details-marker{
    display:none;
}

.scs-faq__item summary i{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 18px;
    border-radius:50%;
    background:#e0ecff;
}

.scs-faq__item summary i::before,
.scs-faq__item summary i::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:1.5px;
    background:#1769e8;
    transform:translate(-50%,-50%);
}

.scs-faq__item summary i::after{
    transform:translate(-50%,-50%) rotate(90deg);
    transition:transform .18s ease;
}

.scs-faq__item[open] summary i::after{
    transform:translate(-50%,-50%) rotate(0deg);
}

.scs-faq__answer{
    padding:0 16px 15px;
}

.scs-faq__answer p{
    max-width:760px;
    margin:0;
    color:#526078;
    font-size:12.5px;
    line-height:1.65;
}

@media(max-width:900px){
    .scs-employers__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .scs-employers__grid{
        grid-template-columns:1fr;
    }

    .scs-related,
    .scs-rss,
    .scs-employers,
    .scs-faq{
        padding-top:34px;
        padding-bottom:38px;
    }
}

.scs-hero h1{font-size:clamp(23px,2.55vw,36px)}
.scs-search{grid-template-columns:minmax(160px,1.2fr) repeat(5,minmax(115px,1fr)) 125px}
.scs-search input[type="text"]{width:100%;height:42px;padding:0 11px;border:1px solid #ccd9e8;border-radius:9px;color:#172033;background:#fff;font:650 12px/1.2 inherit}
.scs-search__field.is-disabled{opacity:.48}
.scs-heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.scs-heading-row h2{margin:0}
.scs-all-link{color:#1769e8;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:1100px){.scs-search{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.scs-heading-row{align-items:flex-start;flex-direction:column;gap:6px}}

/* =========================================================
   SPORTCAREERS SEARCH ENGINE – STARTSEITEN-SUCHE
========================================================= */
.sc-header-search {
    --scse-blue: #1769e8;
    --scse-border: #e2e7ef;
    width: 100%;
}
.sc-header-search *, .sc-header-search *::before, .sc-header-search *::after { box-sizing: border-box; }
.sc-header-search__form {
    display: grid;
    grid-template-columns: minmax(230px,1.55fr) minmax(190px,1.05fr) minmax(210px,1.15fr) minmax(145px,.78fr) minmax(145px,.82fr);
    width: 100%; min-height: 58px; background: #fff; border: 1px solid rgba(255,255,255,.55);
    border-radius: 7px; box-shadow: 0 16px 40px rgba(12,32,67,.18); overflow: hidden;
}
.sc-header-search__field { position: relative; display: flex; align-items: center; min-width: 0; border-right: 1px solid var(--scse-border); }
.sc-header-search__icon { display: inline-flex; flex: 0 0 auto; margin-left: 18px; color: #717784; font-size: 21px; }
.sc-header-search input[type="search"], .sc-header-search input[type="text"], .sc-header-search select {
    width: 100%; height: 100%; min-height: 58px; padding: 0 18px 0 14px; border: 0; outline: 0;
    background: transparent; color: #535967; font: inherit; box-shadow: none;
}
.sc-header-search input::placeholder { color: #777d88; opacity: 1; }
.sc-header-search select { cursor: pointer; font-weight: 600; }
.sc-header-search__field--radius { padding: 8px 18px; }
.sc-header-search__field--radius label { display: flex; flex-direction: column; width: 100%; gap: 6px; color: var(--scse-blue); font-size: 14px; line-height: 1.2; }
.sc-header-search input[type="range"] { width: 100%; accent-color: var(--scse-blue); }
.sc-header-search__field--radius.is-disabled { opacity: .48; }
.sc-header-search__submit {
    margin: 0; border: 2px solid rgba(255,255,255,.78); border-radius: 6px; background: var(--scse-blue);
    color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; transition: filter .18s ease, transform .18s ease;
}
.sc-header-search__submit:hover { filter: brightness(.95); }
.sc-header-search__submit:active { transform: translateY(1px); }
.scse-fallback { padding: 70px 0; }
.scse-fallback__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.scse-fallback__grid article { padding: 24px; border: 1px solid #e4eaf2; border-radius: 16px; background: #fff; }
@media (max-width: 1050px) {
    .sc-header-search__form { grid-template-columns: 1fr 1fr; border-radius: 8px; }
    .sc-header-search__field, .sc-header-search__submit { min-height: 60px; border-bottom: 1px solid var(--scse-border); }
    .sc-header-search__submit { grid-column: 1/-1; min-height: 56px; }
    .scse-fallback__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .sc-header-search__form { grid-template-columns: 1fr; }
    .sc-header-search__field, .sc-header-search__submit { grid-column: 1; border-right: 0; }
    .sc-header-search__field--radius { min-height: 72px; }
    .scse-fallback__grid { grid-template-columns: 1fr; }
}