﻿.hiringgif a {
    text-decoration: none !important;
    border-bottom: none !important;
}

.career {
    position: relative;
}

.hiringgif {
    position: absolute;
    right: 0;
    top: 60px;
}

.newslettergif{
    position: absolute;
    right: 0;
    top: 0px;
}

    .hiringgif img {
        width: 280px;
        height: auto;
    }

.smallcolumn {
    max-width: 730px;
    margin: 0 auto;
    margin-top: 90px;
}

.newsletter_header {
    margin-top: 90px;
}

.careers_teasers {
    display: flex;
    max-width: 1075px;
    margin: 0 auto;
    margin-top: 90px;
}

.career_teaser {
    max-width: 300px;
}

.career_teaser {
    background-color: #f6f6f6;
}

.career_teaser--img img {
    width: 100%;
    height: auto;
}

.career_teaser h3 {
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.career_teaser--text {
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 30px;
}

.careers__quote {
    background-color: #dfdce3;
}

.careers__quote {
    margin-top: 125px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

body {
    overflow-x: hidden;
}

.careers__quote--inner {
    max-width: 1075px;
    margin: 0 auto;
    padding: 90px;
    text-align: center;
}

.careers__quote--quoteportrait {
    font-size: 36px;
    line-height: 54px;
    max-width: 730px;
    margin: 0 auto;
    margin-top: 25px;
}

.careers__quote--quoteautor {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 50px;
}

.smallcolumn h2 {
    font-weight: 400;
}

.career_teams {
    margin-top: 123px;
}

.hearts {
    position: absolute;
    bottom: 80px;
    width: 300px;
    left: 70px;
}

.teamevents {
    position: relative;
}


.careers_lead p {
    font-size: 20px !important;
    line-height: 30px !important;
    max-width: 730px;
    padding-left: 105px;
}

.career__detailimage {
    padding-left: 105px;
    width: calc(100% - 105px);
    height: auto;
}

.career ul li {
    list-style: none url(https://in4out.ch/Themes/IN4OUT.System/Content/placeholder.checklist.png);
    padding: 0 0 10px 45px;
    line-height: 30px;
}

.career ul {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 0 0 30px;
}

.marginh2 {
    margin-top: 50px;
}

.marginh2AfterUL {
    margin-top: 35px;
}

.careers_getknowus {
    position: absolute;
    right: -20px;
    top: -43px;
    width: 240px;
}

.careers_getknowuslbl {
    position: absolute;
    top: -43px;
    right: 190px;
}


@media screen and (max-width: 1140px) {
    .careers_lead {
        max-width: 600px;
    }
}

@media screen and (max-width: 1140px) {
    .career__detailimage {
        padding-left: 0px;
        width: 100%;
        height: auto;
    }

    .careers_lead p {
        padding-left: 0;
    }


    .vacation, .textmarginbottom {
        margin-bottom: 50px;
    }

    .smallcolumn {
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .careers_getknowus {
        top: 17px;
        right: 0px;
    }

    .careers_getknowuslbl {
        top: 0px;
    }

    .smallcolumn {
        margin-top: 60px;
    }

    .careers__quote--inner {
        padding: 30px;
    }

    .careers__quote, .career_teams {
        margin-top: 55px;
    }

    .career_teams {
        margin-bottom: 60px;
    }

    .marginh2 {
        margin-top: 30px;
    }

    .marginh2AfterUL {
        margin-top: 15px;
    }

    .careers_lead p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .careers_getknowus {
        top: unset;
        right: 0px;
        bottom: -60px;
    }

    .careers_getknowuslbl {
        top: unset;
        bottom: 0px;
    }

    .careers_lead p {
        padding-left: 80px;
        max-width: 100%;
    }

    .careers_lead {
        max-width: 100%;
    }

    .hiringgif {
        top: 100px;
    }

    .vacation {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 960px) {
    .careers_teasers .row .span-4 {
        max-width: 100%;
        margin-top: 50px;
    }

    .career_teaser {
        max-width: 100%;
    }

    .careers_teasers .row .span-4:first-of-type {
        margin-top: 20px;
    }

    .careers__quote--quoteportrait {
        font-size: 26px;
        line-height: 44px;
    }

    .careers__quote--quoteautor {
        margin-top: 20px;
    }
}

@media screen and (max-width: 550px) {
    .textmarginbottom {
        margin-bottom: 200px;
    }

    .careers_lead p {
        padding-left: 0px;
    }

    .careers__quote--quoteportrait {
        font-size: 20px;
        line-height: 34px;
    }
}

@media screen and (max-width: 1300px) {
    .career_header {
        margin: 0 auto !important
    }

        .career_teams, .career_header img {
            width: 100%;
        }

    .vacation {
        max-width: 730px;
        margin: 0 auto;
        margin-bottom: 30px !important;
    }

    .hearts {
        position: absolute;
        bottom: 80px;
        width: 200px;
        left: 70px;
    }

    .career_teams {
        margin-bottom: 20px;
    }

    .careers__quote--quoteportrait img {
        width: 150px;
        height: auto;
    }

    .hiringgif img {
        width: 200px;
        height: auto;
    }

    .hiringgif {
        top: 0px;
    }

    .smallcolumn {
        margin-top: 20px;
    }
}