<style>
/* =========================================================
   KOCH – KARRIERE / JOBPROFILE
   Einheitlicher Header für ALLE Karriere-Seiten
   ========================================================= */

.carousel.carousel-small{
    --koch-blue:#005987;
    --koch-dark:#30343a;

    position:relative;
    width:100%;
    min-height:300px;
    overflow:hidden;

    border-top:4px solid #0085CF;
    background:#fff;

    isolation:isolate;
    font-family:Arial,Helvetica,sans-serif;
}

.carousel.carousel-small *,
.carousel.carousel-small *::before,
.carousel.carousel-small *::after{
    box-sizing:border-box;
}


/* =========================================================
   HÖHE
   ========================================================= */

.carousel.carousel-small .carousel-inner,
.carousel.carousel-small .carousel-item,
.carousel.carousel-small .carousel-content{
    min-height:300px;
}

.carousel.carousel-small .carousel-item{
    position:relative;
}


/* =========================================================
   HINTERGRUNDBILD
   ========================================================= */

.carousel.carousel-small .carousel-backgroundimage-container{
    position:absolute;
    inset:0;
    z-index:1;

    width:100%;
    height:100%;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}


/* =========================================================
   INHALT
   ========================================================= */

.carousel.carousel-small .carousel-content{
    position:relative;
    z-index:3;

    width:100%;
}

.carousel.carousel-small .carousel-content-inner{
    display:flex !important;
    align-items:center !important;

    width:100%;
    max-width:1320px;
    min-height:300px;

    margin:0 auto;

    padding:35px 60px;
}


/* =========================================================
   TEXTBEREICH
   ========================================================= */

.carousel.carousel-small .carousel-text-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    width:auto !important;
    max-width:700px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;
}


/* =========================================================
   HEADLINE – ALLE KARRIERESEITEN
   ========================================================= */

.carousel.carousel-small .carousel-text-inner .carousel-item-header{
    display:inline !important;

    width:auto !important;
    max-width:620px !important;

    margin:0 !important;
    padding:0 !important;

    background:rgba(255,255,255,.88) !important;

    color:#30343a !important;
    -webkit-text-fill-color:#30343a !important;

    font-family:Arial,Helvetica,sans-serif !important;

    font-size:clamp(28px,2.55vw,46px) !important;
    line-height:1.30 !important;

    font-weight:800 !important;

    letter-spacing:.08em !important;

    text-transform:uppercase !important;
    text-align:left !important;

    text-shadow:none !important;

    box-shadow:
        10px 0 0 rgba(255,255,255,.88),
        -10px 0 0 rgba(255,255,255,.88) !important;

    box-decoration-break:clone !important;
    -webkit-box-decoration-break:clone !important;
}


/* =========================================================
   ZEILENUMBRUCH
   ========================================================= */

.carousel.carousel-small .carousel-item-header br{
    display:block !important;

    content:"" !important;

    margin-top:7px !important;
}


/* =========================================================
   SCHRIFTFARBE DER HEADLINE FEST VORGEBEN
   ========================================================= */

.carousel.carousel-small .carousel-item-header,
.carousel.carousel-small .carousel-item-header *,
.carousel.carousel-small .carousel-item-header span,
.carousel.carousel-small .carousel-item-header a{
    color:#30343a !important;
    -webkit-text-fill-color:#30343a !important;
    text-shadow:none !important;
}


/* =========================================================
   SUBHEADER
   ========================================================= */

.carousel.carousel-small .carousel-item-subheader{
    display:table !important;

    width:auto !important;

    margin:8px 0 0 !important;
    padding:6px 10px 5px !important;

    background:#005987 !important;

    color:#fff !important;

    font-family:Arial,Helvetica,sans-serif !important;

    font-size:clamp(18px,1.45vw,26px) !important;
    line-height:1.1 !important;

    font-weight:400 !important;

    letter-spacing:.08em !important;

    text-transform:uppercase !important;
    text-align:left !important;

    text-shadow:none !important;

    box-shadow:0 5px 10px rgba(0,0,0,.20) !important;
}


/* =========================================================
   JETZT BEWERBEN!
   GLEICHE GRÖSSE WIE AUF DEN ANDEREN SEITEN
   ========================================================= */

.carousel.carousel-small .koch-career-hero__button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    margin:10px 0 0 !important;

    padding:12px 16px 11px !important;

    background:#005987 !important;
    background-color:#005987 !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-family:Arial,Helvetica,sans-serif !important;

    font-size:clamp(18px,1.35vw,25px) !important;
    line-height:1 !important;

    font-weight:400 !important;

    letter-spacing:.04em !important;

    text-transform:uppercase !important;
    text-decoration:none !important;

    border:0 !important;
    border-radius:0 !important;

    opacity:1 !important;

    box-shadow:0 8px 14px rgba(0,0,0,.35) !important;

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.carousel.carousel-small .koch-career-hero__button:hover,
.carousel.carousel-small .koch-career-hero__button:focus{
    background:#005987 !important;
    background-color:#005987 !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    text-decoration:none !important;

    transform:translateY(-2px);

    box-shadow:0 11px 17px rgba(0,0,0,.40) !important;
}


/* =========================================================
   GÄRTNER
   NUR DAS FOTO SPIEGELN
   ========================================================= */

#carousel-54 .carousel-backgroundimage-container{
    transform:scaleX(-1) !important;
    background-position:center center !important;
}


/* =========================================================
   BESTEHENDER SPEZIELLER BILDAUSSCHNITT
   ========================================================= */

#carousel-backgroundimage-138-36{
    background-attachment:scroll !important;
    background-position:center 35% !important;
    background-size:cover !important;
}


/* =========================================================
   BEWERBUNGSSEITE
   ========================================================= */

body.page-31 .breadcrumb-section{
    display:none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1199.98px){

    .carousel.carousel-small,
    .carousel.carousel-small .carousel-inner,
    .carousel.carousel-small .carousel-item,
    .carousel.carousel-small .carousel-content{
        min-height:290px;
    }

    .carousel.carousel-small .carousel-content-inner{
        min-height:290px;

        padding:32px 45px;
    }

    .carousel.carousel-small .carousel-text-inner .carousel-item-header{
        max-width:540px !important;

        font-size:clamp(27px,3vw,38px) !important;
    }

    .carousel.carousel-small .koch-career-hero__button{
        margin-top:10px !important;

        padding:11px 15px 10px !important;

        font-size:clamp(18px,2vw,23px) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767.98px){

    .carousel.carousel-small{
        min-height:270px;

        border-top-width:4px;
    }

    .carousel.carousel-small .carousel-inner,
    .carousel.carousel-small .carousel-item,
    .carousel.carousel-small .carousel-content{
        min-height:270px;
    }

    .carousel.carousel-small .carousel-content-inner{
        min-height:270px;

        padding:28px 20px;
    }

    .carousel.carousel-small .carousel-text-inner{
        width:100% !important;
        max-width:100% !important;
    }

    .carousel.carousel-small .carousel-text-inner .carousel-item-header{
        max-width:330px !important;

        color:#30343a !important;
        -webkit-text-fill-color:#30343a !important;

        font-size:27px !important;
        line-height:1.24 !important;

        letter-spacing:.055em !important;

        box-shadow:
            8px 0 0 rgba(255,255,255,.88),
            -8px 0 0 rgba(255,255,255,.88) !important;
    }

    .carousel.carousel-small .carousel-item-header br{
        margin-top:5px !important;
    }

    .carousel.carousel-small .carousel-item-subheader{
        margin-top:6px !important;

        padding:5px 8px 4px !important;

        font-size:17px !important;
    }

    .carousel.carousel-small .koch-career-hero__button{
        margin-top:8px !important;

        padding:11px 14px 10px !important;

        background:#005987 !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:17px !important;
    }


    /* Gärtner bleibt gespiegelt */

    #carousel-54 .carousel-backgroundimage-container{
        transform:scaleX(-1) !important;
        background-position:center center !important;
    }
}
</style>