/****************************************************************************
 * Body
 ****************************************************************************/
body {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
}
h1, h2, h3, h4, h5 {
	word-wrap: normal !important;
	overflow-wrap: normal !important;
}
p { line-height: 1.6; }

ul {
    list-style-position: inside;
	overflow-wrap: normal;
}

.wrapper .bold { font-weight: 700;}
.wrapper .italic { font-style: italic;}

.wrapper .work_sans {font-family: 'Work Sans', sans-serif;}
.wrapper .lora {font-family: 'Lora', serif;}
.wrapper .playfair_display {font-family: 'Playfair Display', serif;}
.wrapper .dm_serif_display {font-family: 'DM Serif Display', serif; font-weight: 400 !important}


/****************************************************************************
 * Headlines
 ****************************************************************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    font-weight: 400; font-style: normal; line-height: 1.2;
    color: inherit; margin-bottom: 1rem;
}

h1:not(:first-child), .h2:not(:first-child), .h3:not(:first-child), .h4:not(:first-child), .h5:not(:first-child), .h6:not(:first-child), 
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
    margin-top: 2rem;
}

.h1 {font-size:2.5rem; line-height: 1.1;}
.h1_small {font-size:2.25rem; line-height: 1.1;}
.content_title.title_h2 > *:not(p), .h2, h2, h1 {font-size:1.75rem;}
.h3, h3 {font-size:1.375rem;}
.h4, h4 {font-size:1.25rem;}
.h5, h5 {font-size:1.125rem;}
.h6, h6 {font-size:1rem;}


/****************************************************************************
 * Content_title
 ****************************************************************************/
.content_title > p {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
}
.content_title > *:not(p) {
    margin-top: 0;
}

.content_title:not(.section_padding_bottom):not(.no_padding_bottom) {
    padding-bottom: 1rem;
}

/****************************************************************************
 * Reverse Title
 *
 * INFO: Reihenfolge im .content_title umdrehen - Subtitle (i.d.R. ein <p>)
 *       zuerst, Headline danach. Klasse wahlweise direkt am .content_title
 *       oder an einem beliebigen Vorfahren (Section, Row, Spalte).
 ****************************************************************************/
.content_title.reverse_title,
.reverse_title .content_title {
    display: flex;
    flex-flow: column nowrap;
}
.content_title.reverse_title > p,
.reverse_title .content_title > p {
    order: -1;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.content_title.reverse_title > *:not(p),
.reverse_title .content_title > *:not(p) {
    margin-top: 0;
}


@media screen and (min-width:40em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1 {font-size:3.75rem;}
	.h1_small {font-size:2.75rem;}
    .content_title.title_h2 > *:not(p), .h2, h2, h1 {font-size:2.125rem;}
    .h3, h3 {font-size:1.5rem;}
    .h4, h4 {font-size:1.375rem;}
}




@media screen and (min-width:64em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1 {font-size:5rem;}
	.h1_small {font-size:3.25rem;}
    .content_title.title_h2 > *:not(p), .h2, h2, h1 {font-size:2.5rem;}
    .h3, h3 {font-size:1.75rem;}
    .h4, h4 {font-size:1.5rem;}
	
	/****************************************************************************
     * Headlines in Image
     ****************************************************************************/
	.row.content_row.content_in_image.in_image .content_column .content_title h2, 
	.item .row.item_inner.content_in_image.in_image .item_content .content_title h2 {
		font-size: 2rem;
        margin-bottom: 0;
	}
}


@media screen and (min-width:75em){
    /****************************************************************************
     * Headlines
     ****************************************************************************/
    .h1 {font-size:6.5rem;}
	.h1_small {font-size:3.75rem;}
}