/****************************************************************************
 * Fonts
 *
 * - font-family: fleisch-wolf, sans-serif
 *      -> 400, normal;
 *
 * - font-family: bely, serif;
 *      -> 400, normal
 *      -> 400, italic
 *      -> 700, normal
 *      -> 700, italic
 ****************************************************************************/

body {
    font-family: bely, serif;
    font-weight: 400;
}

strong em, em strong {font-size: 1.125rem;}



/****************************************************************************
 * Headlines
 ****************************************************************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: bely, serif; margin-bottom: 1rem;
    font-weight: 700; line-height: 1.2;
}
.h1, h1 {
    font-family: fleisch-wolf, sans-serif; font-weight: 400;
    font-style: normal; font-size:2rem;
    font-variant-ligatures: none;
	font-feature-settings: "locl" 0;
}
.h2, h2 {font-size:1.75rem;}
.h3, h3 {font-size:1.5rem;}
.h4, h4 {font-size:1.25rem; font-style: italic;}
.h5, h5 {font-size:1.125rem;}
.h6, h6 {font-size:1rem;}

.karriere-dropdown h3 {
	color: #00afea;
}
.karriere-listing h3{
	color: #997514;
}

.small_font {
	font-size: 0.75em;
}

.fleischwolf {
	font-family: fleisch-wolf;
	font-style:normal;
}

/****************************************************************************
 * Content Title
 ****************************************************************************/
.content_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.content_title.text-center {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.content_title.text-right {
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.content_title > * {
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
}
.content_title > *:not(p):not(div) { 
    order: 2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%; 
}
.content_title > p,
.content_title > div {
    order: 1;
}


.content_title.swap_title > p,
.content_title.swap_title > div {order:2;}

.content_title.swap_title > *:not(p):not(div) {order:1;}

/****************************************************************************
 * Content Title
 ****************************************************************************/
.content_title > p,
.content_title > div {
    font-weight: 700; font-style: italic;
    font-size: 1.0625rem; margin: 0;
}
.content_title.primary > p,
.content_title.primary > div { 
    font-size: 1.25rem;
}

.content_title.primary > *:not(p) {
    font-family: fleisch-wolf, sans-serif; font-weight: 400;
    font-style: normal; font-size: 2rem;
	font-feature-settings: "locl" 0;
}

.content_title.primary > *:not(p),
.content_title > h1,
.content_title > h2 {
    margin-bottom: 2rem;
}


.content_title.blue_color > *:not(p) { color: #00afea;}
.content_title.gold_color > *:not(p) { color: #997514;}

.content_title.has_border_bottom > *:not(p) { border-bottom: 0.1em solid currentColor;}
.content_title.has_border_bottom.blue_border > *:not(p) { border-color: #00afea;}
.content_title.has_border_bottom.gold_border > *:not(p) { border-color: #997514;}



@media screen and (min-width:40em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1, h1 {font-size:2.375rem;}
    .h2, h2 {font-size:1.9375rem;}
    .h3, h3 {font-size:1.625rem;}
    .h4, h4 {font-size:1.25rem;}
    
    /****************************************************************************
     * Content Title
     ****************************************************************************/
    .content_title.primary > *:not(p) { font-size: 2.375rem;}

    .content_title > p,
    .content_title > div { 
        font-size: 1.125rem;
    }
    .content_title.primary > p,
    .content_title.primary > div { 
        font-size: 1.4375rem;
    }

}


@media screen and (min-width:64em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1, h1 {font-size:2.5rem;}
    .h2, h2 {font-size:2.125rem;}
    .h3, h3 {font-size:1.75rem;}
    .h4, h4 {font-size:1.375rem;}
    
    /****************************************************************************
     * Content Title
     ****************************************************************************/
    .content_title.primary > *:not(p) { font-size: 2.5rem;}

    .content_title.primary > p,
    .content_title.primary > div { 
        font-size: 1.625rem;
    }
}




@media screen and (min-width:75em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1, h1 {font-size:2.75rem;}
    .h2, h2 {font-size:2.5rem;}
    .h3, h3 {font-size:1.875rem;}
    .h4, h4 {font-size:1.4375rem;}
    
    /****************************************************************************
     * Content Title
     ****************************************************************************/
    .content_title.primary > *:not(p) { font-size: 2.75rem;}
}