html[data-theme='jobportal'] {
    --main: #D61217;
    --accent: #e8935a;
    --font: #383838;
    --font-dark: #383838;
    --heading: #383838;
    --background: #ffffff;
    --background-light: #f7f7f7;
    --font-family: "BloggerSans","Poppins", sans-serif;
    --heading: var(--font);
    --gradient: linear-gradient( -45deg, rgba(71, 75, 79, 1) 0%, rgba(34, 38, 41, 1) 100% );
    --gradient-shadow: rgb(48 98 120 / 82%) 0px 7px 29px 0px;
}

@font-face {
    font-family: "BloggerSans";
    src: url("/layout/frontend/b2c/dist/fonts/BloggerSans-Medium.ttf")
      format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "BloggerSans";
    src: url("/layout/frontend/b2c/dist/fonts/BloggerSans.ttf")
      format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  .jobportal .collection_list.ausbildungsstellen .collection_container.Praktikum::after {
    right: -54px;
}

.jobportal div#privacy-policy {
    background: #f7f7f7!important;
    padding: 0;
}

.jobportal div#privacy-policy .textcontent {
    border: none;
}

.jobportal div#footer .footer1 img {
    width: 100% !important;
    height: 180px!important;
    object-fit: contain;
}

  .jobportal div#cookiewarnung {
    color: #000;
    border: 1px solid #cacaca;
}

.jobportal.full_preview .collection_content.title.custom {
    color: #000;
}

.collection_full.berufe .collection_content.title.custom {
    color: #ffffff !important;
    filter: drop-shadow(2px 4px 6px #000);
}

.collection_list.sidebuttons .collection_content.title.custom {
    color: #ffffff !important;
}

.jobportal.full_preview .collection-overlay .collection_content.title.custom {
    color: #fff;
}

.jobportal.full_preview .collection_content.job-img.stellenbild {
    padding-block-end: 2rem;
}

.jobportal .collection_full.ausbildungsstellen {
    padding-top: 1rem;
}

.jobportal div#footer__form {
    width: 100%;
    background: var(--main);
    border-radius: 17px;
    color: #fff;
}

.jobportal .cookie-option {
    border: 1px solid var(--main);
    color: #fff;
}

.jobportal_hero .row {
    position: relative;
    height: 640px;
    display: flex;
    align-items: center;
}

.jobportal #footer,
.jobportal div#privacy-policy,
.jobportal div#privacy-policy a {
    background: #fff;
    color: var(--font)!important;
}

.jobportal.home .nav__block .row {
    padding: 48px 0px 72px 0px;
    height: 430px;
}

.jobportal .collection_content.title.custom {
    color: #fff;
}

.jobportal_hero_text,
.jobportal_hero_text h6,
.jobportal_hero_text h1 {
    color: #fff;
}

.jobportal.home div#area-2 {
    background: var(--background-light) !important;
}

.jobportal div#slider-wrapper:after {
    display: none;
}

.jobportal.home .event__title-top .textcontent a:after {
    display: none;
}

.jobportal.home .nav__block .collection_list:hover {
    transform: scale(1.01);
}

.jobportal div#header:after {
    content: "";
    background: linear-gradient( 0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100% );
    width: 100%;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.7;
}

.jobportal_hero_text h1 {
    filter: drop-shadow(2px 4px 6px #000);
}

.jobportal .search_field {
    max-width: 550px;
    position: relative;
}
.jobportal #result {
    width: 100%;
    position: absolute;
    max-width: 550px;
    display: none;
}

.jobportal #search_text {
    line-height: 30px;
    position: relative;
}



.jobportal #result tr {
    width: 100%;
    display: block;
}

.jobportal div#header, .jobportal .header-wrapper {
    height: 110px;
    width: 100%;
    z-index: 10;
}

.jobportal_hero_text {
    transform: translateY(-30px);
    max-width: 1300px;
    padding-inline: 30px;
    width: 100%;
    margin: 0 auto;
}

.jobportal div#firmensuche {
    display: none;
}

.jobportal.home div#content .container {
    transform: translateY(-60px);
}

.jobportal .collection_list.ausbildungsstellen {
    padding: 15px;
}

.jobportal .jobs-overview #content, .firmen #content, 
.jobportal .stellen-overview div#content, 
.jobportal .praktika div#content {
    margin-top: -140px !important;
    z-index: 3;
}

.collection_container.Top.Job:after {
    content: "Top Job";
    padding: 5px 10px;
    background: yellow;
    position: absolute;
    display: inline-block;
    z-index: 9;
    transform: rotate(29deg);
    right: -50px;
    top: 10px;
    border-radius: 5px 5px 0px 0px;
    font-size: 16px;
    width: 160px;
    text-align: center;
}

.jobportal .collection_container.Allgemein .collection_content.field-1659970514.kurzbeschreibung-firma,
.jobportal .collection_content.field-1662110387 {
    font-size: 15px!important;
}

.jobportal .search_field:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/userdata/images/search.svg);
}


.jobportal #result td:hover {
    color: var(--main);
}

.jobportal .collection-overlay,
.jobportal .collection_content.field-1659970156.gruendungsjahr,
.jobportal .collection_content.field-1659970182.mitarbeiter-zahl,
.jobportal .field-1659970193,
.jobportal .collection-overlay span {
    color: #fff;
}


.full_preview .collection_content.field-1659970156.gruendungsjahr,
.full_preview .collection_content.field-1659970182.mitarbeiter-zahl,
.full_preview .collection_content.field-1659970193.anzahl-azubis {
    color: var(--main);
}


.jobportal .header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
}

.jobportal .collection_content.field-1659970514.kurzbeschreibung-firma {
    color: #fff;
}



.jobportal .header-wrapper.fixed-header #header {
    height: 90px;
}

.jobportal .field-1660053792, .field-1659970156, .field-1659970182, .field-1659970193, .field-1659970514 {
    color: var(--font);
}

.jobportal ul li {
    color: var(--font);
}

.jobportal .var-bg:nth-child(even) {
    background: var(--background-light) !important;
}

.jobportal #header_1 img {
    width: 150px !important;
}

.jobportal #header_1 img {
    padding-left: 0;
    padding-bottom: 10px;
    object-position: left;
}

.jobportal_hero img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    filter: brightness(0.8);
}

.jobportal #header > .container {
    width: 1300px;
}

.jobportal.home .nav__block .nav__bg::after {
    background: var(--main);
    top: unset;
    bottom: 0;
    height: 20%;
}

.jobportal.home .nav__block .icon-nav-wrapper .title {
    top: 7px;
}

.jobportal.home .icon-nav-wrapper .nav__bg::after {
    height: 30%;
}
.jobportal .collection_content.nav__subtitle {
    display: none;
}
.jobportal div#toggle_navigation {
    z-index: 1003;
    position: fixed;
    top: 17px;
    right: 0;
}

.jobportal .line {
    background: #000;
}

.jobportal .header-wrapper.fixed-header,
.jobportal .header-wrapper.fixed-header #header {
    /* background: #ffffff !important; */
    backdrop-filter: none!Important;
    height: 80px;
}

div#firmensuche_job {
    position: relative;
}

.collection_container.Top.Arbeitgeber{
    /* background-color: #4b4b4b; */
    position: relative;
    height: 520px;
    padding: 0;
    margin: 0;
    border-radius: 15px;
    -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.59);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
    overflow: hidden;
}

.firmen-coll.full_preview .collection_full.firmen .collection_container{
    background-color: unset;
    position: unset;
    height: unset;
    padding: 0;
    margin: 0;
    border-radius: 15px;
    /* -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); */
    /* -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.59); */
    /* box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); */
    overflow: unset;
}

.jobportal .collection_container.Stellen.Praktikum {
    top: 50px;
}

.full_preview .ausbildungsstellen .collection_container .field-1660054084, .collection_content.company.custom {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 1.4em;
    opacity: 0.9;
    color: var(--main);
}
.firmen-coll.full_preview .collection_full.firmen .collection_content.firmenlogo-firma {
    top: 70px;
    right: 15px !important;
}

.col-xs-12.jobportal_hero{
    padding: 0 !important;
}

.collection_content.field-1659970514.kurzbeschreibung-firma{
    font-size: 15px !important;
}   

.collection_content.field-1659970156, .collection_content.field-1659970193, .collection_content.field-1659970182 {
    border: 1px solid var(--main);
    width: 240px;
    border-radius: 10px;
    margin-bottom: 7px;
}

.collection-overlay .kurzbeschreibung-firma {
    min-height: 200px;
}

.jobportal .collection_content.firmenlogo-firma img{
    border-radius: unset !important;
}

.jobportal .collection_full.firmen {
    float: left;
    width: 100%;
    padding-top: 0rem;
}

.jobportal .collection_content.field-1660726819.video.\31 6413 {
    display: none;
}


/* Responsive */

@media (max-width: 1200px) {
    .jobportal.home .nav__block .row {
        height: auto;
        padding: 48px 0px 10px 0px;
    }

    .jobportal .owl-stage-outer {
        padding-bottom: 0px;
    }
}
@media (max-width: 600px) {
    .jobportal div#slider-wrapper {
        margin-top: 60px;
    }

    .jobportal #header_1 img {
        padding-left: 10px;
    }

    .jobportal div#toggle_navigation {
        top: 6px;
    }

    .jobportal_hero .row {
        height: 340px;
    }


}

/* DD 16.12.24 */
.jobportal .confetto.only-hover {
    /* color: #D61217; */
    background-color: #D61217 !important;
}

.jobportal.stellen-overview div#content {
    padding: unset !important;
    margin-top: unset !important;
}

.jobportal .collection_container.Stellen {
    top: 50px;
}

.jobportal .form-control.text {
    color:#000;
}

.jobportal .form-control.textarea {
    color:#000;
}

.saga-medien .ueber-uns div#area-5 {
    background-color: #ffffff !important;
}



.jobportal .collection_list.service__col .collection_container{
    background-color:#ffffff !important; 
    position: relative;
    height: auto ;
    padding: 24px;
    margin: 0;
    border-radius: 15px;
    -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.59);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
    overflow: hidden;
}

.jobportal .collection_content.field-1663159643{
    font-size: 17px !important;
}

.jobportal div#area-6 {
    color: var(--font);
}

.jobportal.ueber-uns div#area-3, .jobportal.ueber-uns div#area-7 {
    background: #ffffff !important;
}

.jobportal .cowork__form {
    width: 500px;
    background: transparent linear-gradient(99deg, #f7f7f7 0%,#f7f7f7 100%) 0% 0% no-repeat padding-box;
    border-radius: 17px;
    padding-top: 32px;
}

.jobportal.ueber-uns .service__col .collection_container .field-1663159582 img{
    object-fit: unset;
    filter: grayscale();
   
}