html, body { font: normal normal 400 16px 'Rubik' !important; /* line-height: 1.3rem !important; */ }
h1 { font: normal normal normal 35px 'Permanent Marker' !important; color: #A60084; word-break: break-word; }
main#content h2 { font: normal 600 20px 'Rubik' !important; }
strong, b { font-weight: 600 !important; }
.style24 {
    font: normal normal 600 17px/22px Rubik;
}


/* Anita's Korrektur */
#c874 { padding-bottom: 1rem !important; }

a.btn-jobs { text-decoration: none; display: inline-block; background-color: #A60084; color: white; border-radius: 4px; padding: 1rem; }
a.btn-jobs:hover { color: white; }
.zitat-jobs { color: rgba(0, 90, 169, 1); font: normal normal 500 20px/24px Rubik; text-align: center; margin-bottom: 0; }
.frame-layout-1 .zitat-jobs { color: white; }
.zitat-jobs::before, .zitat-jobs::after {
    content: "\201E";
    display: block;
    font: normal normal 700 60px/66px Passion One;
}
.zitat-jobs::after {
    content: "\201D";
}
.phone-jobs, .email-jobs, .linkedin-jobs { display: flex; align-items: center; }
.email-jobs::before, .phone-jobs::before, .linkedin-jobs::before {
    content: "";
    display: block;
    height: 24px;
    margin-right: 1rem;
}
.email-jobs::before {
    background: url("/fileadmin/user_upload/seiten/jobs/icon-mail-jobs.svg") no-repeat;
    background-size: 100%;
    width: 24px;
}
.phone-jobs::before {
    background: url("/fileadmin/user_upload/seiten/jobs/icon-telefon-jobs.svg") no-repeat;
    background-size: 100%;
    width: 24px;
}
.linkedin-jobs::before {
    background: url("/fileadmin/user_upload/seiten/jobs/icon_linkedin.svg") no-repeat;
    background-size: 100%;
    width: 24px;
}

/* permanent-marker-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/jobs/permanent-marker-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../Fonts/jobs/permanent-marker-v16-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* passion-one-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Passion One';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/jobs/passion-one-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../Fonts/jobs/passion-one-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* rubik-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/jobs/rubik-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../Fonts/jobs/rubik-v28-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* rubik-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/jobs/rubik-v28-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../Fonts/jobs/rubik-v28-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* rubik-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/jobs/rubik-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('../Fonts/jobs/rubik-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

figure.hero-image { height: 200px; }
@media (min-width: 768px) {
    html, body { font-size: 17px !important; }
    h1 { font-size: 50px !important; }
    .style24 { font-size: 20px !important; }
    .email-jobs::before, .phone-jobs::before, .linkedin-jobs::before {
        width: 29px !important;
        height: 29px !important;
    }

    figure.hero-image { height: 300px; }
}
@media (min-width: 992px) {
    h1 { font-size: 60px!important; }
}
@media (min-width: 1200px) {
    figure.hero-image { height: 500px; }
}