/* pt-sans-regular - latin-ext_latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/pt-sans-v12-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/pt-sans-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/pt-sans-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/pt-sans-v12-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin-ext_latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/pt-sans-v12-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/pt-sans-v12-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/pt-sans-v12-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/pt-sans-v12-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin-ext_latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/pt-sans-v12-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/pt-sans-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/pt-sans-v12-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/pt-sans-v12-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin-ext_latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/pt-sans-v12-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/pt-sans-v12-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/pt-sans-v12-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/pt-sans-v12-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/pt-sans-v12-latin-ext_latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

#container-jobs {
    display: grid;
    grid-template-columns: 1fr 14fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
            ". jobs-intro ."
            ". jobs-angebote .";
    color: black;
    font-family: 'PT Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 40px 0px 40px 0px;
    /* width: 100%; */
}

#jobs-intro {
    grid-area: jobs-intro;
    padding: 10px;
}

#jobs-intro h1 {
    font-size: 2.7rem;
    font-style: italic;
}

#jobs-intro p {
    font-size: 2.0rem;
    text-align: justify;
    text-align-last: left;
}

#jobs-angebote {
    grid-area: jobs-angebote;
    overflow-x: hidden;
}

.job-ausschreibung {
    /* background-color: rgb(83, 177, 83); */
    background-color: rgb(109, 177, 109);
    /* background-color: rgb(139, 196, 139); */
    border: 2px solid black;
    border-radius: 7px;
    font-size: 2.0rem;
    list-style-type: circle;
    list-style-position: inside;
    width: 100%;
    padding: 20px;
}

.job-ausschreibung h1 {
    font-size: 2.7rem;
}

.job-ausschreibung h2 {
    font-size: 2.5rem;
}

/* ******************************************************************************* */
/* Responsive Regeln für den container-jobs
/* ******************************************************************************* */

/* bei Auflösung ab 625 Pixeln: */
@media screen and (min-width: 625px){
    #container-jobs {
        grid-template-columns: 2fr 12fr 2fr;
    }

    #jobs-intro h1 {
        font-size: 3.3rem;
    }

    #jobs-intro p {
        font-size: 2.3rem;
    }

    .job-ausschreibung {
        font-size: 2.3rem;
    }

    .job-ausschreibung h1 {
        font-size: 3.5rem;
    }

    .job-ausschreibung h2 {
        font-size: 2.8rem;
    }

}

/* bei Auflösung ab 1081 Pixeln: */
@media screen and (min-width: 1081px){
    #container-jobs {
        grid-template-columns: 4fr 14fr 4fr;
    }

    #jobs-intro h1 {
        font-size: 3.6rem;
    }

    #jobs-intro p {
        font-size: 2.3rem;
    }

}