/*!
Theme Name: jube25_hff
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jube25_hff
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jube25_hff is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/



/* ==========================================================================
   Farben

# Text
 - #083a47;

# Heading
 - #083a47; (60%)
 - rgba(8,58,71,0.60); (60%)

# Header und Footer Background
 - background-color: #083a47;
 - background-color: rgba(8,58,71,0.06);

# Buttons und Links (ROT)
 - #e03831   *NEU* (a11y) #de2d23   //   #cd0006 (dunkelROT)
 - rgba(224,56,49,1)

# Kapitel 1
 - Hopbush
 - #cf6b97

# Kapitel 2
 - Half Baked
 - #98bfd8

# Kapitel 3
 - Celery
 - #b3cf60

# Kapitel 4
 - Fountain Blue Kopie
 - #5ca0c2

# Kapitel 5
 - East Side
 - #ac8dc0

# Kapitel 6
 - Monte Carlo
 - #7ec6b0

# Kapitel 7
 - Wedgewood
 - #4d7c9a

# Kapitel 8
 - Hurricane
 - #8e8583

# Kapitel 9
 - Bali Hai
 - #89a0b6

# Kapitel 10
 - Chelsea Cucumber
 - #8cb75d

# Hot Topics Slider
 - Lavender Gray
 - #c5afd6 / 70% opacity
 - rgba(197,175,214,0.70) / 70% opacity




   ========================================================================== */



/* ==========================================================================
   Fonts
   ========================================================================== */

/* ----- Barlow ----- */

/* Webfont: Barlow-Light */@font-face {
    font-family: 'BarlowLight';
    src: url('fonts/Barlow/Barlow-Light.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-LightItalic */@font-face {
    font-family: 'BarlowLightItalic';
    src: url('fonts/Barlow/Barlow-LightItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-Regular */@font-face {
    font-family: 'BarlowRegular';
    src: url('fonts/Barlow/Barlow-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-Italic */@font-face {
    font-family: 'BarlowItalic';
    src: url('fonts/Barlow/Barlow-Italic.woff2') format('woff2');
    font-style: italic;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-Medium */@font-face {
    font-family: 'BarlowMedium';
    src: url('fonts/Barlow/Barlow-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-MediumItalic */@font-face {
    font-family: 'BarlowMediumItalic';
    src: url('fonts/Barlow/Barlow-MediumItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-SemiBold */@font-face {
    font-family: 'BarlowSemiBold';
    src: url('fonts/Barlow/Barlow-SemiBold.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-SemiBoldItalic */@font-face {
    font-family: 'BarlowSemiBoldItalic';
    src: url('fonts/Barlow/Barlow-SemiBoldItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-Bold */@font-face {
    font-family: 'BarlowBold';
    src: url('fonts/Barlow/Barlow-Bold.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

/* Webfont: Barlow-BoldItalic */@font-face {
    font-family: 'BarlowBoldItalic';
    src: url('fonts/Barlow/Barlow-BoldItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: normal;
    font-display: block;
}

@font-face {
	font-family: 'Sora';
	src: url('fonts/Sora/Sora-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}

@font-face {
	font-family: 'Sora';
	src: url('fonts/Sora/Sora-VariableItalic.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
}


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* Font size adjust
	 ========================================================================== */

html { font-size: 16px; }

@media screen and (max-width: 1024px) {

    html {
        font-size: 15px;
    }

}

@media screen and (min-width: 1200px) {
	
	html {
		font-size: 16px;
	}
	
}

@media screen and (min-width: 1800px) {
	
	html {
		font-size: 20px;
	}
	
}

@media screen and (min-width: 2100px) {
	
	html {
		font-size: 24px;
	}
	
}

@media screen and (min-width: 2400px) {
	
	html {
		font-size: 26px;
	}
	
}

@media screen and (min-width: 2800px) {
	
	html {
		font-size: 32px;
	}
	
}

@media screen and (min-width: 3400px) {
	
	html {
		font-size: 40px;
	}
	
}

@media screen and (min-width: 4000px) {
	
	html {
		font-size: 50px;
	}
	
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/* Accessibility Schwarz-Weiß-Modus */
/*
body.a11y-mode {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
*/

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup,
.footnotes .number {
	font-size: 62%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
    font-family: "BarlowSemiBold", sans-serif;
    color: #de2d23;
    padding-left: 0.175em;
    font-style: normal;
}

.footnotes .number {
	padding-left: 0.05em;
}

sub {
	bottom: -0.25em;
}

sup,
.footnotes .number {
	top: -0.45em;
}

sup::before {
    content: "\2060";
}

blockquote sup,
em + sup {
    white-space: nowrap;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #083a47;
	font-family: "BarlowRegular", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
}

body em,
body i,
textarea em,
textarea i {
    font-family: "BarlowItalic", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    line-height: 1.25;
	font-family: "Sora", sans-serif;
    color: rgba(8,58,71,0.70);
	font-weight: 700;
    margin-top: 2.5rem;
	margin-bottom: 1rem;
}

@media screen and (max-width: 480px) {
    
    h1,
    h2,
    h3,
    h4,
    .text_block,
    .teaser_block .key_messages .entry.grid-item .text {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;

        -webkit-hyphenate-limit-before: 3; /* For Safari */
        -webkit-hyphenate-limit-after: 4; /* For Safari */
        -ms-hyphenate-limit-chars: 7 3 4;
        hyphenate-limit-chars: 7 3 4;
    }
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	font-family: "Sora", sans-serif;
    font-style: italic;
}

h1 {
    font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 2.4rem;
}

.main-content .entry-header h1.entry-title .number {
    margin-right: 1rem;
    /* filter: brightness(0.75) saturate(1.2); */
}

@media screen and (max-width: 880px) {
    
    h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 520px) {
    
    h1 {
        font-size: 1.8rem;
    }
}

h3 {
    font-size: 1.525rem;
	line-height: 1.4;
}

h4 {
    font-family: "BarlowMedium", sans-serif;
    color: rgba(8,58,71,0.80);
    font-weight: normal;
    font-size: 1.45rem;
	line-height: 1.4;
    margin-top: 1.8rem;
}

h4 em {
    font-family: "BarlowMediumItalic", sans-serif;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */

:root {
	--color: red; /* set a value "red" to the "color" variable */
	
    --header-background-color-chapter1: rgba(207,107,151,1.00); /* KAP-COLOR 100% */
	--background-color-chapter1: rgba(207,107,151,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter1: rgba(207,107,151,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter1: rgba(207,107,151,1.00); /* KAP-COLOR 100% */
	--font-color-chapter1: rgba(207,107,151,1.00); /* KAP-COLOR 100% */
	
    --header-background-color-chapter2: rgba(152,191,216,1.00); /* KAP-COLOR 100% */
	--background-color-chapter2: rgba(152,191,216,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter2: rgba(152,191,216,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter2: rgba(152,191,216,1.00); /* KAP-COLOR 100% */
	--font-color-chapter2: #6D9AB7; /* KAP-COLOR 100% + */

    --header-background-color-chapter3: rgba(179,207,96,1.00); /* KAP-COLOR 100% */
	--background-color-chapter3: rgba(179,207,96,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter3: rgba(179,207,96,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter3: rgba(179,207,96,1.0); /* KAP-COLOR 100% */
	--font-color-chapter3: #829F29; /* KAP-COLOR 100% + */
	
    --header-background-color-chapter4: rgba(92,160,194,1.00); /* KAP-COLOR 100% */
	--background-color-chapter4: rgba(92,160,194,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter4: rgba(92,160,194,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter4: rgba(92,160,194,1.00); /* KAP-COLOR 100% */
	--font-color-chapter4: #599DBF; /* KAP-COLOR 100% + */
	
    --header-background-color-chapter5: rgba(172,141,192,1.00); /* KAP-COLOR 100% */
	--background-color-chapter5: rgba(172,141,192,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter5: rgba(172,141,192,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter5: rgba(172,141,192,1.00); /* KAP-COLOR 100% */
	--font-color-chapter5: #A07EB6; /* KAP-COLOR 100% + */
	
    --header-background-color-chapter6: rgba(126,198,176,1.00); /* KAP-COLOR 100% */
	--background-color-chapter6: rgba(126,198,176,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter6: rgba(126,198,176,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter6: rgba(126,198,176,1.00); /* KAP-COLOR 100% */
	--font-color-chapter6: #58A18C; /* KAP-COLOR 100% + */
	
    --header-background-color-chapter7: rgba(77,124,154,1.00); /* KAP-COLOR 100% */
    --header-background-color-chapter7: rgba(90,143,176,1.00); /* KAP-COLOR 100% lighter */
    --header-background-color-chapter7: rgba(79,132,166,1.00); /* KAP-COLOR 100% medium */
	--background-color-chapter7: rgba(79,132,166,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter7: rgba(79,132,166,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter7: rgba(79,132,166,1.00); /* KAP-COLOR 100% */
	--font-color-chapter7: rgba(79,132,166,1.00); /* KAP-COLOR 100% */
	
    --header-background-color-chapter8: rgba(142,133,131,1.00); /* KAP-COLOR 100% */
	--background-color-chapter8: rgba(142,133,131,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter8: rgba(142,133,131,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter8: rgba(142,133,131,1.00); /* KAP-COLOR 100% */
	--font-color-chapter8: rgba(142,133,131,1.00); /* KAP-COLOR 100% */
	
    --header-background-color-chapter9: rgba(137,160,182,1.00); /* KAP-COLOR 100% */
	--background-color-chapter9: rgba(137,160,182,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter9: rgba(137,160,182,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter9: rgba(137,160,182,1.00); /* KAP-COLOR 100% */
	--font-color-chapter9: #7F97AE; /* KAP-COLOR 100% + */
	
    --header-background-color-chapter10: rgba(140,183,93,1.00); /* KAP-COLOR 100% */
	--background-color-chapter10: rgba(140,183,93,0.60); /* KAP-COLOR 60% */	
	--light-background-color-chapter10: rgba(140,183,93,0.30); /* KAP-COLOR 30% */	
	--border-color-chapter10: rgba(140,183,93,1.00); /* KAP-COLOR 100% */
	--font-color-chapter10: #71A23B; /* KAP-COLOR 100% + */

}


body {
	background: #FFF;
}


.chapter-header,
.site-header {
	background-color: rgba(8,58,71,0.06);
}

.chapter1 .chapter-header,
.chapter1 .site-header {
	background-color: var(--header-background-color-chapter1);
}

.chapter2 .chapter-header,
.chapter2 .site-header {
	background-color: var(--header-background-color-chapter2);
}

.chapter3 .chapter-header,
.chapter3 .site-header {
	background-color: var(--header-background-color-chapter3); 
}

.chapter4 .chapter-header,
.chapter4 .site-header {
	background-color: var(--header-background-color-chapter4); 
}

.chapter5 .chapter-header,
.chapter5 .site-header {
	background-color: var(--header-background-color-chapter5);
}

.chapter6 .chapter-header,
.chapter6 .site-header {
	background-color: var(--header-background-color-chapter6);
}

.chapter7 .chapter-header,
.chapter7 .site-header {
	background-color: var(--header-background-color-chapter7); 
}

.chapter8 .chapter-header,
.chapter8 .site-header {
	background-color: var(--header-background-color-chapter8); 
}

.chapter9 .chapter-header,
.chapter9 .site-header {
	background-color: var(--header-background-color-chapter9); 
}

.chapter10 .chapter-header,
.chapter10 .site-header {
	background-color: var(--header-background-color-chapter10); 
}

hr {
	background-color: var(--background-color);  /* get a color from the "--color" variable */
	border: 0;
	height: 0.5rem;
    width: 3rem;
	margin: 2rem auto 2rem 0;
}

.footnotes hr {
	margin: 4rem auto 2rem 0;
}

.chapter1 hr {
    background-color: var(--light-background-color-chapter1);
}

.chapter2 hr {
    background-color: var(--light-background-color-chapter2);
}

.chapter3 hr {
    background-color: var(--light-background-color-chapter3);
}

.chapter4 hr {
    background-color: var(--light-background-color-chapter4);
}

.chapter5 hr {
    background-color: var(--light-background-color-chapter5);
}

.chapter6 hr {
    background-color: var(--light-background-color-chapter6);
}

.chapter7 hr {
    background-color: var(--light-background-color-chapter7);
}

.chapter8 hr {
    background-color: var(--light-background-color-chapter8);
}

.chapter9 hr {
    background-color: var(--light-background-color-chapter9);
}

.chapter10 hr {
    background-color: var(--light-background-color-chapter10);
}

ul,
ol {
	margin: 0 0 1rem 0;
    padding: 0 0 0 1.25rem;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin-bottom: 0.5rem;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	display: block;
	height: auto;
	width: 100%;
	/* max-width: 100%; */
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #cd0006;
	text-decoration: none;
    transition: all 0.2s ease;
}

p a {
	color: #cd0006;
	text-decoration: none;
    transition: all 0.2s ease;
	display: inline;
	line-height: 1.5rem;
	height: 1.5rem;
}

.sitemap-navigation a {
	color: #cd0006;
	text-decoration: none;
    transition: all 0.2s ease;
	display: inline-block;
	line-height: 1.5rem;
	height: 1.5rem;
}

.sitemap-navigation a {
	height: 100%;
}

a:visited {
	color: #cd0006;
}

a:hover,
a:focus,
a:active {
	color: #083a47;
}

a:focus {
	outline: thin dotted;
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

.site-footer a {
	color: #083a47;
}

.site-footer a:focus-visible {
    padding: 0.1rem 0.2rem;
    margin-left: -0.2rem;
}

.site-footer a:visited {
	color: #083a47;
}

.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color: #cd0006;
}

a:focus-visible {
    outline: solid 0.15rem #000!important;
    border-radius: 0.6rem!important;
}

.logo a {
	display: block;
	height: 100%;
}

.logo a:focus-visible {
    padding-top: 2rem;
}

.logo span.text {
    display: none;
}

/* Forms
--------------------------------------------- */
button:not(.toggleButton),
input[type="button"],
input[type="reset"],
input[type="submit"] {
/*	border: 1px solid;
	border-color: #ccc #ccc #bbb; */
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button.toggleButton {
	background: transparent !important;
	width: 100%;
	border-color: rgba(255,255,255,0.2) !important;
	border: none;
	color: #fff;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	font-family: "BarlowMedium", sans-serif;
	font-size: 0.86rem;
	letter-spacing: 0.06em;
	line-height: 1.2;l
}


button.toggleButton:focus-visible {
  outline: 2px solid #ffffff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: inherit;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: inherit;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #121212;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0.25rem 0.65rem 0.3rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.site-header .container,
.site-main .container,
.site-footer .container {
	margin: 0 auto;
}

.site-header .container,
.site-footer .container,
.site-main .container {
	max-width: 100%;
}

.archive .site-main .main-content .container {
	padding-top: 4rem;
}

@media screen and (max-width: 880px) {
    .archive .site-main .main-content .container {
        padding-top: 2.4rem;
    }
}

.site-main .container article {
	max-width: 50rem;
    margin: 0 auto 0 0;
}

.home .site-main .container article {
	max-width: 100%;
}

.bericht-template-page-bericht-kapitel .site-main .container article {
	max-width: none;
}

.bericht-template-page-bericht-kapitel .site-main .container article .text_block {
	max-width: 50rem;
    margin: 0 auto 0 0;
}


/* Header Language 
--------------------------------------------- */

.language-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	margin: 0 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.3;
    font-size: 0;
}

.language-navigation ul li {
	display: inline-block;
	margin: 0;
    font-size: 0.9rem;
}

.language-navigation ul li::before {
    content: "•";
    color: #de2d23;
    padding: 0 0;
}

.language-navigation ul li:first-of-type::before {
    content: "";
    padding: 0;
}

.language-navigation ul li a {
    color: #121212;
    font-family: "BarlowMedium", sans-serif;
    transition: all 1s ease;
}

.language-navigation ul li.wpml-ls-current-language a,
.language-navigation ul li a:hover {
    font-family: "BarlowBold", sans-serif;
}

.language-navigation ul .wpml-ls-menu-item a,
.language-navigation ul .toggle-a11y a {
	display: inline-block;
	padding: 0.25rem 0.4rem;
}

.language-navigation ul li.toggle-a11y a:hover,
body.a11y-mode .language-navigation ul li.toggle-a11y a {
    font-family: "BarlowBold", sans-serif;
}

/* Header
--------------------------------------------- */

.site-header {
	background-color: #083a47;
	background-color: rgba(8,58,71,0.06);
	padding: 1.5rem 4rem 4rem 4rem;
    border-top: 0.3rem solid #de2d23;
}

.home .site-header {
	padding: 1.5rem 4rem 2rem 4rem;
}

@media screen and (max-width: 880px) {
    
    .site-header {
        padding: 1.4rem 2.4rem 2.4rem 2.4rem;
    }

	.home .site-header {
		padding: 1.5rem 2.4rem 1.75rem 2.4rem;
	}

}

@media screen and (max-width: 640px) {
	
    .site-header {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        min-height: 8.75rem;
    }
	
	.home .site-header {
		padding: 1.5rem 1.6rem 1.25rem 1.6rem;
	}
}

.site-header .columns {
	display: flex;
	position: relative;
	width: 100%;
}

.site-header .columns .branding-column {
	width: calc(100% - 28rem);
	flex: 0 0 auto;
}

.site-header .branding-column .site-branding {
	max-width: 20rem;
    margin-top: 0.2rem;
}

.site-header .columns .search-column {
	width: 19rem;
	flex: 0 0 auto;
}

@media screen and (max-width: 880px) {

	.site-header .columns .search-column {
		width: 16rem;
		margin: 0 0 0 2rem;
	}

	.site-header .columns .branding-column {
		width: calc(100% - 27rem);
	}

}

@media screen and (max-width: 780px) {
    
    .site-header .columns .search-column {
        width: auto;
        flex: 0 0 calc(100% - 9rem);
		margin: 1.4rem 9rem 0 auto;
    }

	.site-header .columns .branding-column {
		width: calc(100% - 10rem);
	}

}

@media screen and (max-width: 780px) {

    .site-header .columns .branding-column {
        position: absolute;
        top: -2.6rem;
        left: 0;
        width: 70%;
        height: auto;
    }
}

.site-header .columns .navigation-column {
	width: 8rem;
	flex: 0 0 auto;
	text-align: right;
	position: absolute;
	right: 0;
}

@media screen and (max-width: 520px) {
    
    .site-header .columns .search-column {
        flex: 0 0 calc(100% - 8rem);
		margin: 1.4rem 8rem 0 auto;
    }

	.site-header .columns .navigation-column {
        width: 7rem;
    }
}

.site-header .columns .navigation-column.active {
	width: 100%;
}

.site-header .columns .navigation-column.active ul#mega-menu-menu-1 > li {
	width: 100% !important;
}

.site-header .columns .navigation-column.active ul#mega-menu-menu-1 > li > a {
	/*width: 100% !important; */
	text-align: right !important;
}

.navigation-column #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	display: flex;
	justify-content: space-between;
	height: 2.4rem !important;
	width: auto !important;
	margin: 0 0 0 auto !important;
}

.navigation-column.active #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	height: 4rem !important;
	width: 2rem !important;
	padding: 0 2.6rem 0 0;
}

.navigation-column #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a:focus-visible.mega-menu-link {
    border-radius: 999px!important;
}

.navigation-column.active #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a:focus-visible.mega-menu-link {
	height: 3.8rem !important;
	width: 2rem !important;
	padding: 0 2.6rem 0 1.3rem;
    margin-left: -2.6rem;
    margin-bottom: 0.2rem!important;
}

.navigation-column #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link > span {
	display: block;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0.65rem 0 0.65rem 0.45rem;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
}

.menu-main-navigation-de-container {
    width: 30%;
}


/* sections
--------------------------------------------- */


section.bg_gray {
	background-color: rgba(8,58,71,0.06);
}

.home section > .container {
	position: relative;
	min-height: 32.5rem;
}


/* site-main sections
--------------------------------------------- */

.site-main section .container {
	width: 72rem;
    padding: 4rem 4rem 4rem 4rem;
}

.site-main section.text_block:not(:first-child) .container,
.site-main section.text_img_block:not(:first-child) .container {
    padding: 0 4rem 4rem 4rem;
}

@media screen and (max-width: 880px) {
    
    .site-main section.text_block:not(:first-child) .container,
    .site-main section.text_img_block:not(:first-child) .container {
	    padding: 0 2.4rem 4rem 2.4rem;
    }
}

@media screen and (max-width: 640px) {
    
    .site-main section.text_block:not(:first-child) .container,
    .site-main section.text_img_block:not(:first-child) .container {
	    padding: 0 1.6rem 4rem 1.6rem;
    }
}

.page .site-main section.main-content > .container {
	width: 72rem;
    padding: 0;
}

.site-main section.chapter-header .container {
	padding: 4rem 4rem 3rem 4rem;
}

.home .site-main section .container {
	max-width: 72rem;
	width: auto;
    padding: 5rem 4rem 4rem 4rem;
}

.site-main section.footer-title .container {
	max-width: 100%;
    padding: 2rem 4rem 4rem 4rem;
}

@media screen and (max-width: 1280px) {
    
    .home section.header_img_block > .container {
        min-height: 22rem;
    }
}

@media screen and (max-width: 1024px) {
    
    .home section.header_img_block > .container {
        min-height: 20rem;
        padding-top: 2rem;
    }
}

@media screen and (max-width: 880px) {
    
    .site-main section .container {
        width: 100%;
        padding: 2.4rem;
    }

    .site-main section.chapter-header .container {
        padding: 2.4rem 2.4rem 1.75rem 2.4rem;
    }
    
    .home .site-main section.header_img_block .container {
        padding: 2rem 2.4rem 4rem 2.4rem;
    }
    
    .home section.header_img_block > .container {
        min-height: 18rem;
    }

    .home .site-main section .container {
        width: auto;
        padding: 3rem 2.4rem 2.4rem 2.4rem;
    }
    
    .site-main section.hot_topics_block .container {
        padding-top: 3rem;
    }

    .site-main section.footer-title .container {
        padding: 1.2rem 2.4rem 4rem 2.4rem;
    }
}

@media screen and (max-width: 640px) {
	 
    .site-main section .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .site-main section.chapter-header .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    
    .home .site-main section.header_img_block .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .home .site-main section .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    
    .site-main section.hot_topics_block .container {
        padding-top: 2rem;
    }

    .site-main section.footer-title .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

}

@media screen and (max-width: 520px) {
    
    .home .site-main section.header_img_block .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
	 
    .home section.header_img_block > .container {
        min-height: 14rem;
    }
}

@media screen and (max-width: 420px) {
    
    .home .site-main section.header_img_block .container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
	 
    .home section.header_img_block > .container {
        min-height: 11rem;
        margin-bottom: 2rem;
    }
}



/* Print Section
--------------------------------------------- */

section.print_block {
    min-height: 32.5rem;
}
	
section.print_block .header_area {
    position: absolute;
    top: 5rem;
}

section.print_block .button_area {
    position: absolute;
    bottom: 6rem;
}

@media screen and (max-width: 880px) {
	
    section.print_block .header_area {
        top: 3rem;
    }

    section.print_block .button_area {
        bottom: 4rem;
    }
}

section.print_block .image {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}
	
.button a {
    display: inline-block;
    margin: 0 0 1.2rem 0;
    background-color: #de2d23;
    padding: 0.6rem 1.4rem 0.7rem 1.4rem;
    color: #FFF;
    border-radius: 999px;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
}
	
.button a:focus-visible {
    border-radius: 999px !important;
}
	
.button:last-of-type a {
    margin: 0 0 0 0;
}
	
.button a:hover {
    background-color: #cd0006;
}

section.print_block > .container > .image {
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}

@media screen and (max-width: 680px) {
	
    section.print_block > .container > .image {
        background-position: center right;
    }
}


/* header img block
--------------------------------------------- */

.header_img_block {
    background-image: linear-gradient(180deg,rgba(8,58,71,0.06) 0%, rgba(8,58,71,0.06) 74%, rgba(255, 255, 255, 1) 74%, rgba(255, 255, 255, 1) 100%);
}

@media screen and (max-width: 1024px) {
    
    .header_img_block {
        background-image: linear-gradient(180deg,rgba(8,58,71,0.06) 0%, rgba(8,58,71,0.06) 72%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 1) 100%);
    }
}

.site-main section.header_img_block .container {
    max-width: 82rem;
}

.header_img_block .img_list {
	position: relative;
	height: 25rem;
}

@media screen and (max-width: 1280px) {
    
    .header_img_block .img_list {
        height: 22rem;
    }
}

@media screen and (max-width: 1024px) {
    
    .header_img_block .img_list {
        height: 21rem;
    }
}

@media screen and (max-width: 880px) {
    
    .header_img_block .img_list {
        height: 20rem;
    }
}

@media screen and (max-width: 720px) {
    
    .header_img_block .img_list {
        height: 18rem;
    }
}

.header_img_block .img_list .image {
	border-radius: 0.6rem;
	overflow: hidden;
}

.header_img_block .img_list .image.image_4 {
	border-radius: 0;
}

.header_img_block .img_list .image_1 {
	position: absolute;
	left: 0;
	bottom: 3rem;
	width: 35%;
	z-index: 3;
}

.header_img_block .img_list .image_2 {
	position: absolute;
	left: 31.25%;
	bottom: 0;
	width: 35%;
	z-index: 1;
}

.header_img_block .img_list .image_3 {
	position: absolute;
	right: 0;
	bottom: 8rem;
	width: 37.5%;
	z-index: 4;
}

.header_img_block .img_list .image_4 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%;
	z-index: 4;
}

@media screen and (max-width: 1024px) {
    
    .header_img_block .img_list .image_1 {
        bottom: 2rem;
    }

    .header_img_block .img_list .image_3 {
        bottom: 5rem;
    }
}

@media screen and (max-width:640px) {

	
	.header_img_block .img_list {
    	height: 16rem;
	}

    .header_img_block .img_list .image_3 {
        bottom: 4rem;
    }
}

@media screen and (max-width:520px) {

	
	.header_img_block .img_list {
    	height: 12rem;
	}

    .header_img_block .img_list .image_3 {
        bottom: 3.4rem;
    }
}

@media screen and (max-width:480px) {

	
	.header_img_block .img_list {
    	height: 10rem;
	}

    .header_img_block .img_list .image_3 {
        bottom: 3rem;
    }
}


/* Chapter Header
--------------------------------------------- */

.chapter-header {
    display: flex;
    position: relative;
    align-items: flex-end;
}

.single-bericht .chapter-header {
    min-height: 20rem;
}

.chapter-header .chapter-title {
    font-size: 3rem;
    font-weight: 300;
    color: #121212;
    width: 74%;
    margin: 0;
    position: relative;
    z-index: 2;
    line-height: 1.25;
}

.chapter-header .container .chapter_number {
    font-size: 20rem;
    color: #FFF;
    font-family: "Sora", sans-serif;
    font-weight: 200;
    line-height: 0.62;
    letter-spacing: -0.04em;
    right: 10%;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

@media screen and (max-width:880px) {
    
    .chapter-header .chapter-title,
    .home .chapter_list_block h1.title {
        font-size: 2.5rem;
        font-weight: 320;
        line-height: 1.25;
    }
}

@media screen and (max-width:640px) {
    
    .chapter-header .chapter-title,
    .home .chapter_list_block h1.title {
        width: 100%;
    }
    
    .chapter-header .container .chapter_number {
        opacity: 0.5;
    }
}

@media screen and (max-width:520px) {
    
    .chapter-header .chapter-title,
    .home .chapter_list_block h1.title {
        font-size: 2.2rem;
        font-weight: 340;
    }
}


/* Hot-Topic Pages
--------------------------------------------- */


.archive .chapter-header .container {
	display: flex;
	align-items: flex-end;
}

.archive .header-image {
	width: 30%;
}

.archive .chapter-header h1.page-title {
    font-size: 3rem;
    font-weight: 400;
    color: #121212;
    width: 70%;
    margin: 0;
    position: relative;
    z-index: 2;
    line-height: 1.25;
}

.archive .chapter-header h1.page-title .label {
    font-weight: 200;
}

@media screen and (max-width:880px) {
    
    .archive .header-image {
        width: 40%;
    }

    .archive .chapter-header h1.page-title {
        font-size: 2.5rem;
        font-weight: 420;
        width: 60%;
    }

    .archive .chapter-header h1.page-title label {
        font-weight: 220;
    }
}

@media screen and (max-width:520px) {
    
    .archive .chapter-header .container {
        flex-direction: column-reverse;
    }
    
    .archive .header-image {
        width: 70%;
        margin: 0 auto 3rem;
    }
    
    .archive .chapter-header h1.page-title {
        font-size: 2.2rem;
        font-weight: 440;
        width: 100%;
    }

    .archive .chapter-header h1.page-title label {
        font-weight: 240;
    }
}

@media screen and (max-width:420px) {
    
    .archive .header-image {
        width: 84%;
        margin: -1rem auto 2rem;
    }
}

.archive .archive-description {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.archive .image_block .image_frame,
.page-template-page-image_list .image_block .image_frame {
    border-color: rgba(172,141,192,0.6);
}

.archive .image_block .number,
.page-template-page-image_list .number {
    margin-top: 0.7rem;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 0.2rem;
}

.archive .image_block .title,
.page-template-page-image_list .title {
    font-family: "Sora", sans-serif;
    font-size: 1.3rem;
    color: #083a47;
    margin: 0;
    font-weight: 600;
    line-height: 1.3;
}

.page-template-page-image_list h3.title {
    font-size: 1rem;
    line-height: 1.4;
}

.archive h2.title {
    font-size: 2.5rem;
    color: rgba(170,136,191,1);
    margin: 0 0 3rem 0;
    line-height: 1.25;
}

.archive section.bg_gray:not(.hot_topics_block) h2.title {
    color: rgba(162,127,183,1);
}

.archive .chapter-navigation h2.title {
    color: #083a47;
}

@media screen and (max-width: 880px) {
	
    .archive h2.title {
        margin: 0 0 2rem 0;
    }
}

.archive h2.title .label {
    font-weight: 300;
    color: #083a47;
}

@media screen and (max-width:520px) {
    
    .archive h2.title {
        font-size: 2.2rem;
    }
    
    .archive h2.title .label {
        font-weight: 340;
    }
}

.archive .chapter-navigation h2.title,
.archive .hot_topics_block h2.title {
    color: #083a47;
    hyphens: none;
}

.archive article.bericht {
    max-width: 72rem;
    margin-bottom: 1rem;
}

.archive article.bericht a, 
.archive .article_list a {
	font-family: "BarlowMedium", sans-serif;
    color: #083a47;
}

.archive .article_list a:focus-visible {
    padding: 0.2rem 0.4rem;
    margin-left: -0.4rem;
}

.archive article.bericht a em, 
.archive .article_list a em {
	font-family: "BarlowMediumItalic", sans-serif;
}

.archive .article_list .entry {
    margin-bottom: 1rem;
}

.archive article.bericht a:hover, 
.archive .article_list a:hover {
    color: #cd0006;
}

.archive .article_list .number {
	display: table-cell;
	width: 3rem;
	font-family: "BarlowBold", sans-serif;
}

.archive .article_list .title {
	display: table-cell;
}

.archive .site-main section.chapter-navigation .container {
    padding-top: 4rem;
}

@media screen and (max-width: 880px) {
    
    .archive .site-main section.chapter-navigation .container {
        padding-top: 3rem;
    }
}




/* medien_echo_list
--------------------------------------------- */

.medien_echo_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.medien_echo_list ul li {
	margin-bottom: 4rem;
}

.medien_echo_list .meta-info {
	margin: 0 0 0.75rem 0;
}

.medien_echo_list .autor {
	display: flex;
	font-size: 1.05rem;
	line-height: 1.35;
}

.medien_echo_list .meta-info .divider::before {
	margin: 0 0.5rem;
    content: "•";
    color: #de2d23;
    padding: 0 0;
}
	
.medien_echo_list h3.title {
	font-weight: normal;
    font-weight: 600;
	font-size: 1.4rem;
    line-height: 1.3;
	margin: 0 0 0.75rem 0;
	color: #083a47;
}

.medien_echo_list .flex {
	display: flex;
}

.medien_echo_list .flex .divider {
	width: 1.2rem; 
}

.medien_echo_list .language {
	display: inline-block;
	margin: 0 0 0 0.5rem;
}


/* Toolbox Navi
--------------------------------------------- */

.toolbox {
	position: fixed;
	width: 22rem;
    height: auto;
	top: 30%;
	background-color: #de2d23;
	padding: 1.4rem 3rem 1.2rem 1.2rem;
	z-index: 999;
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    right: -17rem;
    transition: all 0.4s ease;
    color: #FFF;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    transition: all 0.4s ease;
    
    background-image: url("imgs/x_close.svg");
    background-repeat: no-repeat;
    background-position: top 1.8rem right 2rem;
    background-size: 0.8rem;
}
	
.toolbox.active {
    right: 0; /* fährt herein */
	padding: 2rem 2rem 2rem 2rem;
}

@media screen and (max-width: 840px) {
    
    .toolbox {
        top: 64%;
        right: -19.25rem;
    }
    
    .toolbox.active {
        top: 30%;
    }
    
    .single-bericht #ajaxsearchliteres3 {
        display: none!important;
    }
    
    .single-bericht .toolbox div.asp_m .probox .proloading {
        display: none!important;
    }
    
    .single-bericht .toolbox div.asp_m .probox:focus .proclose {
        display: block!important;
    }
}
	
.toolbox div.search,
.toolbox div.hot_topics,
.toolbox div.link_block {
    display: none;
}
	
.toolbox.active div.search,
.toolbox.active div.hot_topics,
.toolbox.active div.link_block {
    display: block;
}
	
.toolbox.active div.search form.search-form {
    display: none; /* SEARCH ALT */
}

.toolbox #toggleButton {
	cursor: pointer;
}

.toolbox.active #toggleButton {
  /*  margin-bottom: -1.7rem; */
}
	
.toolbox #toggleButton .title {
    height: 1rem;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    opacity: 1;
    transition: all 0.4s ease;
}
	
.toolbox.active #toggleButton .title {
    opacity: 0;
    height: 0;
	overflow: hidden;
}

.toolbox .image {
    width: 2.4rem;
    width: 2.6rem;
    margin: -0.6rem 0 1rem -0.35rem;
}

@media screen and (max-width: 840px) {
    
    .toolbox:not(.active) #toggleButton .title {
        transform:rotate(-90deg);
        height: 3.2rem;
        width: 4.8rem;
        margin: 0 0 0.8rem -1.1rem;
    }
    
    .toolbox:not(.active) #toggleButton .title br {
        display: none;
    }
    
    .toolbox:not(.active) .image {
        width: 1.6rem;
        width: 1.8rem;
        margin: -0.5rem 0 1rem -0.65rem;
    }
}

.toolbox a {
	color: #ffffff;
}

.toolbox .search {
	margin: 0 0 2rem 0;
}

.toolbox .search input.search-field,
.widget_search input.search-field {
    border-radius: 999px;
    border: solid 0.2rem #FFF;
    outline: none;
    margin: 2rem 0;
    width: calc(100% - 1rem);
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    font-family: "BarlowMedium", sans-serif;
}

.widget_search input.search-field {
    margin: 0 0 2.5rem 0!important;
    width: 100%!important;
}

section.toolbox .search input.search-field:focus,
.widget_search input.search-field:focus {
    border: solid 0.2rem rgba(224,56,49,0.40);
}

section.toolbox .search input.search-field:focus-visible,
.widget_search input.search-field:focus-visible {
    border: solid 0.2rem rgba(224,56,49,0.40);
}

section.toolbox .search input.search-submit,
.widget_search input.search-submit {
    display: none;
}

section.toolbox .hot_topics ul {
    list-style: none;
    margin: 0.75rem 0 1.7rem;
    padding: 0;
    font-size: 0;
}

section.toolbox .hot_topics ul li {
    display: inline-block;
    font-size: 0.86rem;
    text-transform: none;
    letter-spacing: 0.02em;
    margin: 0 0.3rem 0.4rem 0;
}

section.toolbox .hot_topics ul li a {
    display: inline-block;
    background-color: #FFF;
    color: #cd0006;
    border-radius: 999px;
    width: auto;
    padding: 0.2rem 0.6rem 0.275rem;
}

section.toolbox .hot_topics ul li a:hover {
    color: #121212;
}

section.toolbox .download,
section.toolbox .report_pdf {
    filter: opacity(1);
    transition: all 0.2s ease;
}

section.toolbox .download:hover,
section.toolbox .report_pdf:hover {
    filter: opacity(1);
}

section.toolbox .download a,
section.toolbox .report_pdf a {
    display: inline-block;
    margin-bottom: 0.75rem;
}

.main-navigation .report_pdf {
	text-transform: uppercase;
	font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    transition: all 0.4s ease;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

section.toolbox .download a::before,
section.toolbox .report_pdf a::before,
.main-navigation .report_pdf a::before {
    display: inline-block;
    content: url("imgs/pictogram-download.svg");
    width: 0.9rem;
    height: auto;
    margin-right: 0.6rem;
    margin-left: 0.05rem;
}

section.toolbox .report_pdf a {
    /* margin-left: -0.1rem; */
}

section.toolbox .report_pdf a::before,
.main-navigation .report_pdf a::before {
    content: url("imgs/pictogram-PDF.svg");
    width: 1rem;
}

section.toolbox .report_pdf a,
.main-navigation .report_pdf a {
    margin-bottom: 0;
}


/* Breadcrumb Navi
--------------------------------------------- */

.breadcrumb {
    line-height: 1.3;
    margin-bottom: 6rem;
    margin-top: -1.6rem;
}

.breadcrumb a {
    font-size: 1rem;
    color: #083a47;
}

.breadcrumb a:hover {
    font-size: 1rem;
    color: #cd0006;
}

.single-bericht .breadcrumb a:first-of-type,
.breadcrumb .bread_head,
.breadcrumb a .number,
.breadcrumb .separator {
    font-family: "BarlowBold", sans-serif;
}

.breadcrumb .separator {
    font-size: 1.2rem;
    margin: 0 0.4rem;
    color: #cd0006;
    line-height: 1;
}

.breadcrumb a .number {
    margin: 0 0.4rem 0 0;
}

.single-bericht .authors {
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: 4.2rem;
    margin-top: -1.5rem;
}

@media screen and (max-width: 880px) {
    
    .breadcrumb {
        margin-top: -0.1rem;
    }
	
    .single-bericht .authors {
        margin-top: 0;
    }
}

.single-bericht .authors .meta-title {
    display: block;
    font-family: "BarlowMedium", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    word-spacing: 0.125em;
    margin-bottom: 0.4rem;
}

.single-bericht .authors .author_list strong {
    font-family: "BarlowSemiBold", sans-serif;
    letter-spacing: 0.01em;
}

@media screen and (max-width: 640px) {
    
    .single-bericht .authors {
        padding-right: 1.2rem;
    }
}


/* Post Navi
--------------------------------------------- */

section.prev-next-navigation {
	margin-top: 1rem;
	background-size: 100% 101%;
}

.search-results nav.posts-navigation {
	margin-top: 4rem;
    margin-bottom: 2rem;
}

.chapter1 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter1) 50%);
}

.chapter2 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter2) 50%);
}

.chapter3 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter3) 50%);
}

.chapter4 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter4) 50%);
}

.chapter5 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter5) 50%);
}

.chapter6 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter6) 50%);
}

.chapter7 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter7) 50%);
}

.chapter8 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter8) 50%);
}

.chapter9 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter9) 50%);
}

.chapter10 section.prev-next-navigation {
    background-image: linear-gradient(to bottom, #FFF 50%, var(--background-color-chapter10) 50%);
}

section.prev-next-navigation .container,
.search-results nav.posts-navigation .container {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.post-navigation .nav-next a::before,
.search-results nav.posts-navigation .nav-next a::before {
    display: inline-block;
    content: url("imgs/arr_left.svg");
    width: 0.6rem;
    height: auto;
    margin-right: 1rem;
}

.post-navigation .nav-previous a::after,
.search-results nav.posts-navigation .nav-previous a::after {
    display: inline-block;
    content: url("imgs/arr_right.svg");
    width: 0.6rem;
    height: auto;
    margin-left: 1rem;
}

.menu-main-navigation-de-container,
.post-navigation .nav-previous,
.post-navigation .nav-next,
.search-results nav.posts-navigation .nav-previous,
.search-results nav.posts-navigation .nav-next {
    display: flex;
    align-items: center;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.search-results nav.posts-navigation .nav-previous a,
.search-results nav.posts-navigation .nav-next a {
    display: inline-block;
    margin: 0 0 0 0;
    background-color: #de2d23;
    padding: 0.6rem 1.4rem 0.7rem 1.4rem;
    border-radius: 999px;
}

.post-navigation .nav-next a,
.search-results nav.posts-navigation .nav-next a {
    padding: 0.6rem 1.4rem 0.7rem 1.2rem;
}

.post-navigation .nav-previous a,
.search-results nav.posts-navigation .nav-previous a {
    padding: 0.6rem 1.2rem 0.7rem 1.4rem;
}

.menu-main-navigation-de-container a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.search-results nav.posts-navigation .nav-previous a:hover,
.search-results nav.posts-navigation .nav-next a:hover {
	background-color: #cd0006;
}

.menu-main-navigation-de-container a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.search-results nav.posts-navigation .nav-previous a,
.search-results nav.posts-navigation .nav-next a {
	color: #FFF;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
	font-size: 0.86rem;
    letter-spacing: 0.06em;
	line-height: 1.2;
}

.menu-main-navigation-de-container a:focus-visible,
.post-navigation .nav-previous a:focus-visible,
.post-navigation .nav-next a:focus-visible,
.search-results nav.posts-navigation .nav-previous a:focus-visible,
.search-results nav.posts-navigation .nav-next a:focus-visible {
    border-radius: 999px!important;
}

@media screen and (max-width: 480px) {
    
    .post-navigation .nav-next a::before,
    .search-results nav.posts-navigation .nav-next a::before {
        margin-right: 0;
    }

    .post-navigation .nav-previous a::after,
    .search-results nav.posts-navigation .nav-previous a::after {
        margin-left: 0;
    }
    
    .post-navigation .nav-previous a span.text,
    .post-navigation .nav-next a span.text,
    .search-results nav.posts-navigation .nav-previous a span.text,
    .search-results nav.posts-navigation .nav-next a span.text {
        display: none;
    }
}
    

/* Footnotes
--------------------------------------------- */

.footnotes ul {
    font-size: 1rem;
    list-style: none;
    padding: 0;
}

.footnotes li {
    display: table-row;
}

.footnotes .number {
    display: table-cell;
    color: #083a47;
    width: 1.6rem;
	/* top: -0.4em; */
    top: 0;
    font-size: 100%;
    font-family: "BarlowRegular", sans-serif;
}

.footnotes .text {
    display: table-cell;
    padding-bottom: 0.4rem;
}

.footnotes .text p {
	display: inline;
}

.footnotes .text .text_container {
    margin-right: 0.3em; 
}

.footnotes .text .text_container a {
    color: #083a47;
    text-decoration: underline;
    text-decoration-color: rgba(8,58,71,0.30);
    text-decoration-thickness: 0.0.75em;
    text-underline-offset: 0.2rem;
}

.footnotes .text .text_container a:hover {
    color: #cd0006;
    text-decoration-color: rgba(224,56,49,0.30);
}

.footnotes .list a.back-to-text {
    content: "";
    display: inline-block;
    height: 0.85rem;
    width: 0.85rem;
    
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(224,56,49,1.00)"><path d="M12 0c-3.31 0-6.291 1.353-8.459 3.522l-2.48-2.48-1.061 7.341 7.437-.966-2.489-2.488c1.808-1.808 4.299-2.929 7.052-2.929 5.514 0 10 4.486 10 10s-4.486 10-10 10c-3.872 0-7.229-2.216-8.89-5.443l-1.717 1.046c2.012 3.803 6.005 6.397 10.607 6.397 6.627 0 12-5.373 12-12s-5.373-12-12-12z"/></svg>');
    background-size: contain;
    filter: grayscale(0) brightness(1);
    transition: all 0.2s ease;
}

.footnotes .list a:hover.back-to-text {
    filter: grayscale(1) brightness(0.5);
}

/* Footnote Highlight (span around) */

.fn_hilite {
    position: absolute;
    display: inline;
}

.fn_hilite::after {
    position: relative;
    display: block;
    content: "";
    /* background-color: transparent;
    border: solid 1px rgba(205,0,6,0.60); */
    background-color: rgba(255,225,0,0.60);
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    margin: -1.65rem 0 0 -0.3rem;
    z-index: -1;
}


/* Search | Search Results
--------------------------------------------- */

.search-results h2.entry-title {
    line-height: 1.3;
    font-family: "Sora", sans-serif;
    color: #083A47;
    font-size: 1.4rem;
    font-weight: 600;
}

.search-results h2.entry-title a {
    color: #083A47;
}

.search-results h2.entry-title a:hover {
    color: #cd0006;
}

.search-results .entry-summary::after {
    display: block;
    content: "";
    background-color: rgba(224,56,49,0.3);
    width: 100%;
    height: 3px;
    border-radius: 999px;
    margin-top: 2.5rem;
}

.search-results article:last-of-type .entry-summary::after {
    display: none;
}


/* Masonry key messages
--------------------------------------------- */

.grid {
    display: flex;
    justify-content: space-between;
}

.grid-sizer, 
.grid-item {
    width: calc(50% - 1.2rem);
    margin-bottom: 2.4rem;
}

.gutter-sizer {
    width: 2.4rem;
}

.page-template-page-image_list .grid-sizer,
.page-template-page-image_list .grid-item {
    margin-bottom: 2.2rem!important;
}

.grid-item:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 880px) {
	
    .grid-sizer, 
    .grid-item {
        width: 100%;
        margin-bottom: 1.8rem;
    }
}

@media screen and (max-width: 640px) {
	
    .grid-sizer, 
    .grid-item {
        margin-bottom: 1.6rem;
    }
}

.page-template-page-image_list .grid-sizer,
.page-template-page-image_list .grid-item {
    width: calc(33.3333333% - 1.6rem)!important;
}

@media screen and (max-width: 880px) {
	
    .page-template-page-image_list .grid-sizer,
    .page-template-page-image_list .grid-item {
        width: calc(50% - 1.2rem)!important;
    }
}

@media screen and (max-width: 500px) {
	
    .page-template-page-image_list .grid-sizer,
    .page-template-page-image_list .grid-item {
        width: 100%!important;
        margin-bottom: 2rem!important;
    }
}


/* Content Blöcke
--------------------------------------------- */

.text_block,
.image_block {
	margin: 0 auto 2rem 0;
}

.quote_list .text_block {
	margin: 0 auto 2.4rem 0;
}

.quote_list .text_block:last-of-type {
	margin: 0 auto 0 0;
}

@media screen and (max-width:880px) {
    
    .quote_list .text_block {
        margin: 0 auto 1.8rem 0;
    }
    
    .quote_list .text_block:last-of-type {
        margin: 0 auto 0 0;
    }
}

.infobox .text_block,
.archive .image_block,
.page-template-page-image_list .image_block {
	margin: 0 auto 0 0;
}


/* Text-Block */

.text_block blockquote {
    display: flex;
    padding: 1.5rem 1.6rem 1.7rem;
    border-radius: 0.6rem;
    margin: 1.4rem 0 1.3rem;
    background-color: rgba(8,58,71,0.06);
    font-family: "BarlowItalic", sans-serif;
    font-style: italic;
}

.archive .text_block blockquote {
    background-color: rgba(197, 175, 214, 0.6);
    margin: 0;
}

.archive .quote_list {
    margin: 4rem 0 1rem 0;
}

@media screen and (max-width:880px) {
    
    .archive .quote_list {
        margin: 3rem 0 1.6rem 0;
    }
}

.text_block blockquote em {
    font-family: "BarlowRegular", sans-serif;
    font-style: normal;
}

.text_block blockquote::before {
    content: '”';
    font-family: "Sora", sans-serif;
    font-size: 4rem;
    font-weight: 700;
    font-style: normal;
    color: rgba(8,58,71,0.2);
    margin-right: 1.2rem;
    line-height: 1;
    margin-bottom: -2rem;
}

.archive .text_block blockquote::before {
    color: #FFF;
}

.text_block blockquote p {
    display: block;
    margin: 0;
}

.text_block blockquote sup {
    font-style: normal;
}

.text_block blockquote strong {
    font-style: normal;
    font-weight: normal;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.text_block blockquote strong:last-of-type::before {
    content: "—⁠";
}

.archive .text_block blockquote strong {
    display: block;
    margin-top: 0.8rem;
}

.archive .text_block blockquote strong::before {
    content: "";
}

.archive .text_block blockquote p strong {
    display: inline;
    margin-top: 0;
}

span.apos {
    margin-right: -0.35em;
}

.text_block .infobox {
    padding: 2.4rem 2.4rem 2.6rem 2.8rem;
    border-radius: 0.6rem;
    margin: 2rem 0;
}

.text_block .infobox h3,
.text_block .infobox h4 {
    font-family: "BarlowRegular", sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    color: #083a47;
    line-height: 1.4;
    margin: 0 0 1.4rem 0;
}

.text_block .infobox .text_block blockquote {
	margin-right: 0.4rem;
}

@media screen and (max-width: 880px) {
    
    .text_block .infobox {
        padding: 1.8rem 1.8rem 2rem 2.2rem;
    }
    
    .text_block .infobox h3,
    .text_block .infobox h4 {
        font-size: 1.5rem;
        line-height: 1.35;
        margin: 0 0 1.2rem 0;
    }
}

@media screen and (max-width: 640px) {
    
    .text_block .infobox {
        padding: 1.2rem 1.2rem 1.4rem 1.6rem;
    }
    
    .text_block .infobox h3,
    .text_block .infobox h4 {
        font-size: 1.4rem;
        margin: 0 0 1rem 0;
    }
}

.text_block .infobox p:last-of-type {
    margin-bottom: 0;
}

.chapter1 .text_block .infobox,
.chapter1 .text_block .infobox {
    background-color: var(--light-background-color-chapter1);
}

.chapter2 .text_block .infobox {
    background-color: var(--light-background-color-chapter2);
}

.chapter3 .text_block .infobox {
    background-color: var(--light-background-color-chapter3);
}

.chapter4 .text_block .infobox {
    background-color: var(--light-background-color-chapter4);
}

.chapter5 .text_block .infobox {
    background-color: var(--light-background-color-chapter5);
}

.chapter6 .text_block .infobox {
    background-color: var(--light-background-color-chapter6);
}

.chapter7 .text_block .infobox {
    background-color: var(--light-background-color-chapter7);
}

.chapter8 .text_block .infobox {
    background-color: var(--light-background-color-chapter8);
}

.chapter9 .text_block .infobox {
    background-color: var(--light-background-color-chapter9);
}

.chapter10 .text_block .infobox {
    background-color: var(--light-background-color-chapter10);
}


/* Image Block */

.image_block .image_frame {
	padding: 1.5rem 2rem;
	border-width: 0.175rem;
	border-style: solid;
	border-radius: 0.6rem;
	background-color: #ffffff;
}

.image_block .image_frame figcaption {
	display: none;
}

.chapter1 .image_block .image_frame {
	border-color:var(--border-color-chapter1);
}

.chapter2 .image_block .image_frame {
	border-color:var(--border-color-chapter2);
}

.chapter3 .image_block .image_frame {
	border-color:var(--border-color-chapter3);
}

.chapter4 .image_block .image_frame {
	border-color:var(--border-color-chapter4);
}

.chapter5 .image_block .image_frame {
	border-color:var(--border-color-chapter5);
}

.chapter6 .image_block .image_frame {
	border-color:var(--border-color-chapter6);
}

.chapter7 .image_block .image_frame {
	border-color:var(--border-color-chapter7);
}

.chapter8 .image_block .image_frame {
	border-color:var(--border-color-chapter8);
}

.chapter9 .image_block .image_frame {
	border-color:var(--border-color-chapter9);
}

.chapter10 .image_block .image_frame {
	border-color:var(--border-color-chapter10);
}

.image_block h4.title {
    margin-top: 0.5rem;
    color: #083a47;
    font-size: 0.9rem;
}

.image_block h4.title .number {
}

.image_block h4.title .text {
    font-weight: 400;
}

.image_block .wp-caption {
    margin-bottom: 0;
}

.image_block .source {
    font-size: 0.85rem;
    margin-top: 0.4rem;
}

.image_block .chapter_link,
.image_block .download_link,
.team_block .profile_link {
    line-height: 1.35;
}

.image_block .chapter_link a,
.image_block .chapter_link a:visited,
.image_block .download_link a,
.image_block .download_link a:visited,
.team_block .profile_link a,
.team_block .profile_link a:visited,
.medien_echo_list .entry a,
.medien_echo_list .entry a:visited {
    display: inline-flex;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    padding: 0.15rem 0 0.15rem;
    line-height: 1.35;
    color: #083a47;
}

.image_block .chapter_link a:hover,
.image_block .download_link a:hover,
.team_block .profile_link a:hover,
.medien_echo_list .entry a:hover {
    color: #cd0006;
}

.image_block .chapter_link a::before,
.image_block .download_link a::before,
.team_block .profile_link a::before,
.medien_echo_list .entry a::before {
    display: inline-flex;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.2rem;
    margin-left: -0.1rem;
    
    background-color: #083a47;

    -webkit-mask: url("imgs/pictogram-link-int.svg") no-repeat center / contain;
    mask: url("imgs/pictogram-link-int.svg") no-repeat center / contain;
}

.image_block .download_link a::before {
    
    -webkit-mask: url("imgs/pictogram-link-dl.svg") no-repeat center / contain;
    mask: url("imgs/pictogram-link-dl.svg") no-repeat center / contain;
}

.team_block .profile_link a::before,
.medien_echo_list .entry a::before {
    
    -webkit-mask: url("imgs/pictogram-link-ext.svg") no-repeat center / contain;
    mask: url("imgs/pictogram-link-ext.svg") no-repeat center / contain;
}

.image_block .chapter_link a:hover::before,
.image_block .download_link a:hover::before,
.team_block .profile_link a:hover::before,
.medien_echo_list .entry a:hover::before {
    background-color: #cd0006;
}

.page-template-page-image_list h3.title + .links {
    margin-top: 0.5rem;
}

.team_list .entry .text + .profile_link {
    margin-top: 0.75rem;
}

.medien_echo_list .entry .flex + .external {
    margin-top: 0.5rem;
}

/* Teaser Block */

.teaser_block .key_messages h2.title {
    color: #b3cf60;
    line-height: 1.2;
    font-weight: 700;
    font-size: 2.5rem;
    filter: brightness(0.925);
    margin-bottom: 2.8rem;
    hyphens: none;
}

@media screen and (max-width:520px) {
    
    .teaser_block .key_messages h2.title {
        font-size: 2.2rem;
    }
}

.chapter1 .teaser_block .key_messages h2.title,
.chapter1 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter1);
}

.chapter2 .teaser_block .key_messages h2.title,
.chapter2 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter2);
}

.chapter3 .teaser_block .key_messages h2.title,
.chapter3 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter3);
}

.chapter4 .teaser_block .key_messages h2.title,
.chapter4 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter4);
}

.chapter5 .teaser_block .key_messages h2.title,
.chapter5 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter5);
}

.chapter6 .teaser_block .key_messages h2.title,
.chapter6 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter6);
}

.chapter7 .teaser_block .key_messages h2.title,
.chapter7 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter7);
}

.chapter8 .teaser_block .key_messages h2.title,
.chapter8 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter8);
}

.chapter9 .teaser_block .key_messages h2.title,
.chapter9 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter9);
}

.chapter10 .teaser_block .key_messages h2.title,
.chapter10 .main-content .entry-header h1.entry-title .number {
	color: var(--font-color-chapter10);
}

.teaser_block .key_messages .list {
    margin-bottom: 2.5rem;
}

.teaser_block .key_messages .entry.grid-item .text {
    padding: 2rem 2.4rem 2.2rem;
    border-radius: 0.6rem;
    position: relative;
}

.teaser_block .key_messages .entry.grid-item .text::before {
    position: absolute;
    top: 2.7rem;
    display: block;
    content: "";
    height: 0.5rem;
    width: 1.4rem;
    margin: 0 auto 0 -2.4rem;
}

.chapter1 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter1);
}

.chapter2 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter2);
}

.chapter3 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter3);
}

.chapter4 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter4);
}

.chapter5 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter5);
}

.chapter6 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter6);
}

.chapter7 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter7);
}

.chapter8 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter8);
}

.chapter9 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter9);
}

.chapter10 .teaser_block .key_messages .entry.grid-item .text {
    background-color: var(--light-background-color-chapter10);
}

/* -- */

.chapter1 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter1);
}

.chapter2 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter2);
}

.chapter3 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter3);
}

.chapter4 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter4);
}

.chapter5 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter5);
}

.chapter6 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter6);
}

.chapter7 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter7);
}

.chapter8 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter8);
}

.chapter9 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter9);
}

.chapter10 .teaser_block .key_messages .entry.grid-item .text::before {
    background-color: var(--font-color-chapter10);
}

.teaser_block .key_messages .entry.grid-item .text p {
    margin: 0 0 1rem 0;
}

.teaser_block .key_messages .entry.grid-item .text p:last-of-type {
    margin: 0 0 0 0;
}


/* Sitemap-Navi
--------------------------------------------- */

section.sitemap-navigation {
    padding: 1rem 0;
    width: 100%;
    max-width: none;
}

@media screen and (max-width: 880px) {
    
    section.sitemap-navigation {
        padding: 4rem 0;
    }
}

.chapter1 section.sitemap-navigation {
	background-color: var(--background-color-chapter1); 
}

.chapter2 section.sitemap-navigation {
	background-color: var(--background-color-chapter2); 
}

.chapter3 section.sitemap-navigation {
	background-color: var(--background-color-chapter3); 
}

.chapter4 section.sitemap-navigation {
	background-color: var(--background-color-chapter4); 
}

.chapter5 section.sitemap-navigation {
	background-color: var(--background-color-chapter5); 
}

.chapter6 section.sitemap-navigation {
	background-color: var(--background-color-chapter6); 
}

.chapter7 section.sitemap-navigation {
	background-color: var(--background-color-chapter7); 
}

.chapter8 section.sitemap-navigation {
	background-color: var(--background-color-chapter8); 
}

.chapter9 section.sitemap-navigation {
	background-color: var(--background-color-chapter9); 
}

.chapter10 section.sitemap-navigation {
	background-color: var(--background-color-chapter10); 
}

.sitemap-navigation .container > ul {
    padding: 2.8rem 3.2rem 3rem;
    background-color: #FFF;
    border-radius: 0.6rem;
    font-family: "BarlowBold", sans-serif;
    position: relative;
}

.sitemap-navigation .container > ul li .title em {
    font-family: "BarlowBoldItalic", sans-serif;
}

.sitemap-navigation .container {
    padding-top: 0;
    padding-bottom: 0;
}

.sitemap-navigation .chapter_number {
    font-size: 20rem;
    color: rgba(255,255,255,0.30);
    font-family: "Sora", sans-serif;
    font-weight: 200;
    line-height: 0.5;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: -8rem;
}

.sitemap-navigation h2.chapter-title {
    font-size: 2.5rem;
    color: #FFF;
    font-family: "Sora", sans-serif;
    text-align: center;
    hyphens: none;
}

body.a11y-mode .sitemap-navigation h2.chapter-title {
    color: #121212;
}

@media screen and (max-width:520px) {
    
    .sitemap-navigation h2.chapter-title {
        font-size: 2.2rem;
    }
}

.sitemap-navigation .container a,
.sitemap-navigation .container a:visited {
    color: #083a47;
}

.sitemap-navigation .container a:hover,
.sitemap-navigation .container li.current-page > a,
.sitemap-navigation .container li.current-page > a:visited  {
    color: #cd0006;
}

.sitemap-navigation .container a:focus-visible {
    padding: 0.1rem 0.2rem;
    margin-left: -0.2rem;
}

.sitemap-navigation .container > ul::before {
    position: absolute;
    top: 3.4rem;
    display: block;
    content: "";
	height: 0.5rem;
    width: 1.6rem;
	margin: 0 auto 0 -3.2rem;
}

@media screen and (max-width: 880px) {
    
    .sitemap-navigation .container > ul {
        padding: 2rem 2.4rem 2.2rem;
    }
    
    .sitemap-navigation .container > ul::before {
        top: 2.7rem;
        width: 1.4rem;
        margin: 0 auto 0 -2.4rem;
    }
}

.chapter1 .sitemap-navigation h2.chapter-title,
.chapter1 .sitemap-navigation .container > ul {
    display: none;
}

.chapter1 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter1);
}

.chapter2 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter2);
}

.chapter3 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter3);
}

.chapter4 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter4);
}

.chapter5 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter5);
}

.chapter6 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter6);
}

.chapter7 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter7);
}

.chapter8 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter8);
}

.chapter9 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter9);
}

.chapter10 .sitemap-navigation .container > ul::before {
	background-color: var(--background-color-chapter10);
}

.sitemap-navigation ul {
    font-size: 1.125rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sitemap-navigation ul ul {
    font-family: "BarlowRegular", sans-serif;
}

.sitemap-navigation li {
    display: table-row;
}

.sitemap-navigation li ul {
    margin-left: 3rem;
}

@media screen and (max-width: 640px) {
    
    .sitemap-navigation li ul {
        margin-left: 0;
    }
}

.sitemap-navigation li .number {
    display: table-cell;
    width: 3rem;
}

.sitemap-navigation li .title {
    display: table-cell;
}


/* Chapter Navigation
--------------------------------------------- */

.chapter-navigation a {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

.site-main section.chapter-navigation .container {
	padding: 0 4rem;
}

.site-main section.chapter-navigation {
	background-size: 100% 101%;
}

@media screen and (max-width: 880px) {
    
    .site-main section.chapter-navigation .container {
        padding: 0 2.4rem;
    }
}

@media screen and (max-width: 640px) {
    
    .site-main section.chapter-navigation .container {
        padding: 0 1.6rem;
    }
}

.chapter-navigation .chapter {
    position: relative;
    top: 0;
    transition: all 0.2s ease;
}

.chapter-navigation .chapter:hover,
.chapter-navigation .chapter.current-chapter {
    top: -1.2rem;
}

.chapter1 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter1) 60%, #FFF 40%);
}

.chapter2 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter2) 60%, #FFF 40%);
}

.chapter3 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter3) 60%, #FFF 40%);
}

.chapter4 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter4) 60%, #FFF 40%);
}

.chapter5 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter5) 60%, #FFF 40%);
}

.chapter6 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter6) 60%, #FFF 40%);
}

.chapter7 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter7) 60%, #FFF 40%);
}

.chapter8 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter8) 60%, #FFF 40%);
}

.chapter9 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter9) 60%, #FFF 40%);
}

.chapter10 .chapter-navigation {
    background-image: linear-gradient(to bottom, var(--background-color-chapter10) 60%, #FFF 40%);
}

.chapter-navigation .container {
    padding-top: 0;
    padding-bottom: 0;
}

.chapter-navigation .container .chapter_list {
    display: flex;
    justify-content: space-between;
    height: 20rem;
}

.chapter-navigation .chapter_list .chapter {
    width: 9.55%;
    border-radius: 0.6rem;
    height: 100%;
}

.chapter_list .chapter.chapter1 {
    background-color: #cf6b97;
	/* a11y 
    background-color: #a66081;*/
}

.chapter_list .chapter.chapter2 {
    background-color: #98bfd8;
	/* a11y 
    background-color: #667989;*/
}

.chapter_list .chapter.chapter3 {
    background-color: #b3cf60;
	/* a11y 
    background-color: #717b4c;*/
}

.chapter_list .chapter.chapter4 {
    background-color: #5ca0c2;
}

.chapter_list .chapter.chapter5 {
    background-color: #ac8dc0;
}

.chapter_list .chapter.chapter6 {
    background-color: #7ec6b0;
}

.chapter_list .chapter.chapter7 {
    background-color: #4d7c9a;
    /* a11y + */
    background-color: #5a8fb0;
    background-color: #4F84A6;
}

.chapter_list .chapter.chapter8 {
    background-color: #8e8583;
}

.chapter_list .chapter.chapter9 {
    background-color: #89a0b6;
}

.chapter_list .chapter.chapter10 {
    background-color: #8cb75d;
}

.chapter-navigation .container .chapter_list .chapter .box {
    padding: 0.7rem;
    padding-top: 12rem;
    height: 100%;
    overflow: hidden;
}

@media screen and (max-width: 880px) {
    
    .chapter-navigation .container .chapter_list {
        height: auto;
        flex-wrap: wrap;
    }

    .chapter-navigation .chapter_list .chapter {
        width: 19.2%;
        margin-bottom: 1%;
        transform: scale(1);
        transition: all 0.3s ease;
    }

    .chapter-navigation .chapter:hover,
    .chapter-navigation .chapter.current-chapter {
        top: 0;
        transform: scale(0.9);
}
    
    .chapter-navigation .container .chapter_list .chapter .box {
        padding-top: 4rem;
    }
}

@media screen and (max-width: 480px) {
    
    .chapter-navigation .container .chapter_list .chapter .box {
        padding: 0.4rem;
        padding-top: 4rem;
    }
}

.chapter_list .chapter .title {
    color: #FFF;
    text-transform: uppercase;
    font-family: "BarlowSemiBold", sans-serif;
	font-size: 0.7rem;
    letter-spacing: 0.06em;
	line-height: 1.2;
}

body.a11y-mode .chapter_list .chapter .title {
	/* a11y */
	color: #000;
}

.chapter_list .chapter .number {
    color: #FFF;
    font-family: "Sora", sans-serif;
    font-size: 4rem;
	font-weight: 400;
	line-height: 1.1;
    letter-spacing: -0.04em;
}

body.a11y-mode .chapter_list .chapter .number {
	/* a11y */
	color: #121212;
}

@media screen and (max-width: 480px) {
    
    .chapter-navigation .chapter_list .chapter .title {
        font-size: 0.65rem;
    }
    
    .chapter-navigation .chapter_list .chapter .number {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 400px) {
    
    .chapter-navigation .chapter_list .chapter .title {
        letter-spacing: 0.04em;
    }
    
    .chapter-navigation .chapter_list .chapter .number {
        font-size: 3.1rem;
    }
}

section.footer-title .container {
    padding-top: 1.6rem;
}

section.footer-title .container .meta-title {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    word-spacing: 0.125em;
	line-height: 1.3;
    color: #121212;
}

section.footer-title .container .title {
    font-size: 1.75rem;
    letter-spacing: 0.01em;
	line-height: 1.2;
    color: #121212;
}



/* Footer
--------------------------------------------- */

.site-footer {
	padding: 4rem;
	background-color: #083a47;
	background-color: rgba(8,58,71,0.06);
    border-bottom: 0.3rem solid #de2d23;
}

@media screen and (max-width: 880px) {
    
    .site-footer {
        padding: 4rem 2.4rem;
    }
}

@media screen and (max-width: 640px) {
	
    .site-footer {
        padding: 4rem 1.6rem;
    }
}

.site-footer .container {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: baseline;
}

.site-footer .container .footer-navigation {
    flex: 0 0 auto;
}

.site-footer .container .footer-branding {
    flex: 0 1 50%;
}

.site-footer .container .footer-branding .logo {
    width: 70%;
    margin: 0 0 0 auto;
}

@media screen and (max-width: 1280px) {
    
    .site-footer .container {
        align-items: flex-end;
    }
    
    .site-footer .container .footer-navigation {
        display: flex;
        flex: 0 0 40%;
        flex-direction: column;
        line-height: 2;
    }
}

@media screen and (max-width: 880px) {
    
    .site-footer .container .footer-branding .logo {
        width: 90%;
    }
}

@media screen and (max-width: 640px) {
    
    .site-footer .container {
        display: block;
    }
    
    .site-footer .container .footer-branding .logo {
        width: 70%;
        margin: 2.4rem 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    
    .site-footer .container .footer-branding .logo {
        width: 100%;
    }
}


/* -- sticky footer -- */

.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.logged-in .site {
    min-height: calc( 100vh - 32px );
}

.site-main {
    flex: 1 0 auto;
}

.site-footer {
    flex-shrink: 0;
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.main-navigation {
	display: block;
	width: 100%;
}

@media screen and (max-width: 780px) {
    
    .main-navigation {
        margin-top: 1.4rem;
    }
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	/* width: 200px; */
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
    margin-bottom: 0.8rem;
}

.main-navigation a {
	display: inline;
	text-decoration: none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    text-align: right;
    padding: 0px;
	width: 100%;
	display: block;
}

.main-navigation ul.max-mega-menu {
    position: absolute!important;
	background-color: #de2d23!important;
	z-index: 99999!important;
    border-top-left-radius: 1.2rem!important;
    border-top-right-radius: 1.2rem!important;
    color: #FFF!important;	
    font-family: "BarlowMedium", sans-serif!important;
    font-size: 1rem!important;
    letter-spacing: 0.01em!important;
    line-height: 1.2!important;
	transition: all 0s ease!important;
}

.navigation-column:not(.active) .main-navigation ul.max-mega-menu {
    border-radius: 999px!important;
}

.navigation-column .main-navigation ul.mega-sub-menu  {
	display: none !important;
}

.navigation-column.active .main-navigation ul.mega-sub-menu  {
	display: block !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
  margin: 0;
  display: block;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    margin: 0.55rem 0.2rem 0 0;
}

.navigation-column.active #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    margin: 1.6rem 0 0 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
		margin: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after {
    content: url("imgs/x_close.svg");
	width: 0.9em;
	width: 2.5rem;
    padding: 1.65rem 1.5rem 0.5rem 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    content: url("imgs/arr_down.svg");
	width: 0.7rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.text {
	display: none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    line-height: 1.4rem;
    height: 0.8rem;
    padding: 0 1rem 0 1rem;
    margin: 1.8rem 1.8rem 1.2rem 0;
	display: flex;
}

.site-header .columns .navigation-column ul#mega-menu-menu-1 > li > a {
	width: auto;
	text-align: right !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    font-size: 1rem;
    line-height: 1.25;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul li.separate::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul li#menu-item-241::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul li#menu-item-335::before {
    display: block;
    content: "";
    background-color: #cd0006;
    width: 2.4rem;
    height: 0.14rem;
    border-radius: 0.07rem;
    margin: 1.4rem auto 1rem 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget p {
    font-family: "BarlowRegular", sans-serif!important;
    font-size: 1.2rem;
    line-height: 1.4;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    font-weight: normal;
    padding: 0 0 2rem 0;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

@media screen and (max-width: 1200px) {
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-5 h4.mega-block-title,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-6 h4.mega-block-title {
        padding: 3rem 0 2rem 0;
    }

}

@media screen and (max-width: 640px) {
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
        padding: 3rem 0 2rem 0;
    }

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-8 h4.mega-block-title,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-9 h4.mega-block-title,

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-5 h4.mega-block-title,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-6 h4.mega-block-title {
  display: flex;
  align-items: center;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-8 h4.mega-block-title::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-5 h4.mega-block-title::before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("/wp-content/uploads/2026/01/Piktogram-Fokusthemen.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	margin: 0 0.5rem 0 -0.15rem;
}
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-nav_menu-6 h4.mega-block-title::before,

#mega-menu-item-nav_menu-9 h4.mega-block-title::before
{
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("/wp-content/uploads/2026/01/Piktogram-Zusatzinformationen.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
	margin: 0 0.5rem 0 0 ;
}
	

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    border-bottom-left-radius: 1.2rem!important;
    border-bottom-right-radius: 1.2rem!important;
    padding: 0.2rem 3rem 3rem;
    margin-top: -0.2rem;
}

.main-navigation ul.mega-sub-menu {
	background-color: #de2d23 !important;
}

.main-navigation .menu-sub-menu-de-container ul,
.main-navigation .menu-sub-menu-fr-container ul,
.main-navigation .menu-hot-topics-container ul {
	list-style: none;
    padding: 0;
}

.main-navigation ul.mega-sub-menu,
li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.main-navigation ul.mega-sub-menu a {
	 color: #fff;
}

.main-navigation ul.mega-sub-menu a:hover,
.main-navigation ul.mega-sub-menu li.current-menu-item a,
.main-navigation ul.mega-sub-menu li.current-bericht-ancestor a {
	 color: rgba(255,255,255,0.60);
}

body.a11y-mode .main-navigation ul.mega-sub-menu a:hover,
body.a11y-mode .main-navigation ul.mega-sub-menu li.current-menu-item a,
body.a11y-mode .main-navigation ul.mega-sub-menu li.current-bericht-ancestor a {
	 color: #000;
}

.main-navigation ul.mega-sub-menu a:focus-visible,
.main-navigation ul.mega-sub-menu li.current-menu-item a:focus-visible,
.main-navigation ul.mega-sub-menu li.current-bericht-ancestor a:focus-visible {
    padding: 0.2rem 0.4rem;
    margin-left: -0.4rem;
}

.mega-sub-menu .textwidget img {
	display: block;
    width: 90%;
    border-radius: 0.075rem;
    filter: drop-shadow(0.5rem 0.5rem 0.3rem rgba(0,0,0,.1));
    border-bottom: solid 0.25rem rgba(212,212,212,0.35);
    border-right: solid 0.25rem rgba(212,212,212,0.35);
}

@media screen and (max-width: 640px) {
    
	.mega-sub-menu .textwidget img {
        width: 50%;
    }
	
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0.5rem 1.5rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .asp_w_container {
    margin-bottom: 2.575rem!important;
    padding-left: 1.1rem;
    min-width: 100%!important;
}

.not-found .asp_w_container_1 {
	max-width: 500px;
    margin-bottom: 2rem;
}

@media screen and (max-width: 1200px) {

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu #mega-menu-49-0  > ul.mega-sub-menu {	
		display: flex !important;
		flex-wrap: wrap;
	}
	
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
        width: 50%;
    }
	
}

@media screen and (max-width: 880px) {
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
        padding: 0 2rem 3rem;
    }
    
}

@media screen and (max-width: 640px) {

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .asp_w_container {
        padding-left: 0;
    }
	
	 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
        width: 100%;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-49-0-0.mega-menu-columns-3-of-12,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-49-0-1.mega-menu-columns-3-of-12,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-49-0-2.mega-menu-columns-3-of-12,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-49-0-3.mega-menu-columns-3-of-12,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-49-0-4.mega-menu-columns-3-of-12 {
		width: 100% !important;
    }

}

@media screen and (max-width: 480px) {
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
        padding: 0 0.6rem 2rem;
    }
    
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 10rem) {

	.menu-toggle {
		display: none;
	}

	.main-navigation > ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
    justify-content: space-between;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 0 0 auto;
    margin: 0 0 0 auto;
	order: 2;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 0 0 auto;
	order: 1;
}


/* Footer navigation
--------------------------------------------- */

.site-footer .footer-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
    font-size: 0;
}

.site-footer .footer-navigation ul li {
	display: inline-block;
	padding: 0;
	margin: 0 1.4rem 0 0;
    font-size: 1rem;
}

.site-footer .footer-navigation ul li:first-of-type {
    font-family: "BarlowSemiBold", sans-serif;
}

.site-footer .footer-navigation ul li:last-of-type {
	margin: 0 0 0 0;
}


/* Start page
--------------------------------------------- */

.home .site-main section.chapter_list_block > .container {
    padding-top: 0;
}

.chapter_list_block .entry {
	min-height: 20rem;
    border-radius: 0.6rem;
    background-image: url("imgs/arr_s_r.svg");
    background-repeat: no-repeat;
    background-position: top 1.8rem right 1.5rem;
    background-size: 0.8rem 1.6rem;
    filter: brightness(1) saturate(1);
    transition: all 0.2s ease;
}

body.a11y-mode .chapter_list_block .entry {
	background-image: url("imgs/arr_s_r_b.svg");
}

body.a11y-mode .chapter_list_block .entry a * {
	/* a11y */
	color: #000 !important;
}

.chapter_list_block .entry:hover {
    filter: brightness(1.075) saturate(0.9);
}

.chapter_list_block .entry a {
	display: block;
	height: 100%;
    padding: 1.6rem;
}

.chapter_list_block .entry .text {
    font-family: "Sora", sans-serif;
    font-size: 1.5rem;
	font-weight: 400;
    color: #FFF;
    line-height: 1.25;
    margin-top: 0.7rem;
    padding-right: 2%;
}

.chapter_list_block .entry .text em {
    font-family: "Sora", sans-serif;
    font-style: italic;
}

.chapter_list_block .entry.empty,
body.a11y-mode .chapter_list_block .entry.empty {
	min-height: 6.5rem;
	height: 6.5rem;
	background-image: none;
}

@media screen and (max-width: 880px) {
    
    .chapter_list_block .entry {
        height: auto;
        min-height: 2rem;
    }
	
    .chapter_list_block .entry.empty {
        display: none;
    }
}

.chapter_list_block .meta_title,
.home .entry-content .header .sub_title,
.home .entry-content .header .sub_title,
.archive .container .header .sub_title,
.hot_topics_block .sub_title,
.team_block .sub_title,
.print_block .sub_title {
    font-family: "BarlowMedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    word-spacing: 0.125em;
	line-height: 1.3;
}

.home .chapter_list_block .meta_title {
    color: #121212;
}

.chapter_list_block h1.title {
    font-size: 3rem;
    font-weight: 300;
    color: #121212;
    line-height: 1.3;
    margin-top: 1rem;
    margin-bottom: 2rem;
    width: 74%;
    min-width: 500px;
}

@media screen and (max-width: 950px) {
    
    .chapter_list_block h1.title {
        width: 100%;
        min-width: 100%;
    }
}

.home .entry-content .header h2.title,
.home .entry-content .header h3.title,
.archive .container .header h3.title,
.home .entry-content .header .sub_title,
.archive .container .header .sub_title,
.hot_topics_block .sub_title,
.hot_topics_block h2.title,
.team_block h2.title,
.print_block h3.title,
.more_block h3.title,
.more_block_3 h3.title {
    font-size: 2.5rem;
    color: #083a47;
    margin: 0 0 0.5rem 0;
    line-height: 1.25;
}



@media screen and (max-width: 520px) {
    
    .home .entry-content .header h2.title,
    .home .entry-content .header h3.title,
    .archive .container .header h3.title,
    .home .entry-content .header .sub_title,
    .archive .container .header .sub_title,
    .team_block h3.title,
    .print_block h3.title,
    .more_block h3.title,
    .more_block_3 h3.title {
        font-size: 2.2rem;
    }
}

.more_block,
.more_block_3 {
    padding-bottom: 3.5rem;
}
/*
.more_block .grid-item:not(:nth-of-type(2)) {
    margin-top: 4rem;
}*/

.more_block .entry.grid-item {
    margin-top: 4rem;
}

.more_block a,
.more_block_3 a {
    display: block;
}

@media screen and (max-width: 880px) {
	
    .more_block .grid-item,
    .more_block .entry.grid-item {
        margin-top: 0;
    }
    
    .more_block .entry.grid-item {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    
    .more_block .entry.grid-item:last-of-type {
        margin-bottom: 0;
    }

}

.more_block .entry.grid-item h4 {
	font-family: "Sora", sans-serif;
    font-size: 1.5rem;
    color: #083a47;
    margin: 1.6rem 0 0.8rem;
    font-weight: 600;
    line-height: 1.3;
}

.more_block .entry.grid-item .text {
    color: #083a47;
    font-family: "BarlowMedium", sans-serif;
    line-height: 1.4;
}


/* more_block_3 */

.more_block_3 h3.title {
    margin: 0 0 2.5rem 0;
}

.more_block_3 .flex {
	display: flex;
	flex-wrap: wrap;
}

.more_block_3 .flex .entry {
	flex: 0 0 30%;
	margin: 0 5% 3rem 0;
}

.more_block_3 .flex .entry:nth-of-type(3n) {
	margin: 0 0 0 0;
}

.more_block_3 h4 {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-top: 1.25rem;
}

@media screen and (max-width: 580px) {

	
.more_block_3 .flex {
	display: block;
	flex-wrap: wrap;
}
	
}

/* --- */


.home .entry-content .header .sub_title,
.archive .container .header .sub_title,
.hot_topics_block .sub_title,
.home .team_block .sub_title,
.home .print_block .sub_title {
    font-size: 1.125rem;
    font-family: "BarlowMedium", sans-serif;
    font-weight: normal;
}

.home .entry-content .header .text,
.archive .container .header .text,
.hot_topics_block .header .text {
    font-family: "BarlowMedium", sans-serif;
    margin-top: 0.4rem;
}

.home .entry-content .header .text em,
.archive .container .header .text em,
.hot_topics_block .header .text em {
    font-family: "BarlowMediumItalic", sans-serif;
}

.more_block .entry.grid-item a .image {
    filter: opacity(1);
    transition: all 0.3s ease;
}

.more_block .entry.grid-item a:hover .image {
    filter: opacity(0.85);
}

.more_block .entry.grid-item a h4,
.more_block .entry.grid-item a .text,
.more_block_3 .entry a h4,
.more_block_3 .entry a .text {
    color: #083a47;
    transition: all 0.2s ease;
}

.more_block .entry.grid-item a:hover h4,
.more_block .entry.grid-item a:hover .text,
.more_block_3 .entry a:hover h4,
.more_block_3 .entry a:hover .text {
    color: #cd0006;
}

/* the_content / text_block */

.site-main .the_content .container,
.site-main .text_block .container {
	max-width: 50rem;
	margin: 0 auto 0 0;
}



/* text_img_block */

.text_img_block .container .flex {
	display: flex;
}

.text_img_block .container .flex .image {
	flex: 0 0 30%;
	margin: 0 2.4rem 0 0;
    
    filter: drop-shadow(0.1rem 0.1rem 0.3rem  rgba(0,0,0,.1));
}

.text_img_block .container .flex .text {
	flex: 0 0 calc(70% -2.4rem);
	max-width: 50rem;
	margin: 0;
}

@media screen and (max-width: 880px) {

    .text_img_block .container .flex .image {
        margin: 0 1.6rem 0 0;
    }

    .text_img_block .container .flex .text {
        flex: 0 0 calc(70% -1.6rem);
    }
}

@media screen and (max-width: 520px) {
    
    .text_img_block .container .flex {
        flex-direction: column;
    }

    .text_img_block .container .flex .image {
        margin: 0 0 2.4rem 0;
        width: 50%;
    }
}



/* Hot Topics */

.hot_topics_block {
    background-color: rgba(8,58,71,0.06);
}

.home .hot_topics_block {
    margin-top: -7.5rem;
    padding-top: 3.5rem;
}

.hot_topics_block .header {
    display: flex;
}

.hot_topics_block .header .columns,
.hot_topic_list .columns {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.hot_topics_block .header .columns .column_title.column {
    width: 40%;
}

.hot_topics_block .header .columns .column_text.column {
    width: 60%;
    margin-top: 0.15rem;
}

.hot_topic_list .column_space {
    flex: 0 0 40%;
}

.hot_topic_list .column_terms {
    flex: 0 0 60%;
}

@media screen and (max-width: 880px) {
	
    .home .hot_topics_block {
        margin-top: -6rem;
        padding-top: 5.5rem;
    }
    
    .hot_topics_block .header .columns,
    .hot_topic_list .columns {
        flex-direction: column;
    }
    
    .hot_topics_block .header .columns .column_title.column {
        width: 100%;
    }

    .hot_topics_block .header .columns .column_text.column {
        width: 100%;
        margin-top: 1.2rem;
    }

    .hot_topic_list .column_space {
        flex: 0 0 100%;
    }

    .hot_topic_list .column_terms {
        flex: 0 0 100%;
    }
	
}

.hot_topic_list ul {
    list-style: none;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0;
    margin-top: 1.2rem;
    margin-bottom: 0;
}

.hot_topic_list ul a,
.hot_topic_list ul a:visited {
    font-family: "BarlowMedium", sans-serif;
    color: #083a47;
	display: inline-block;
	height: 100%;
}

.hot_topic_list ul a:focus-visible {
    padding: 0.1rem 0.2rem;
    margin-left: -0.2rem;
}

.hot_topic_list ul a:hover {
    color: #cd0006;
}

.hot_topic_list li {
    display: inline-flex;
	width: 48%;
    margin-bottom: 0.5rem;
    margin-right: 1%;
}

@media screen and (max-width: 540px) {
	
    .hot_topic_list li {
        width: 100%;
        margin-right: 0;
    }
}

.hot_topic_list li::before {
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    background-image: url("imgs/arr_s_r_v.svg");
    background-position: top;
    background-repeat: no-repeat;
    width: 0.55rem;
    height: auto;
    margin-right: 0.6rem;
    margin-top: 0.4rem;
}

/* Swiper-slide */

.swiper-wrapper {
	margin: 2.8rem 0;
	border-radius: 0.6rem;
}

.swiper-slide .topic {
	position: relative;
	height: 100%;
	width: 100%;
}

.swiper-slide a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	color: #FFF;
	/* a11y */
	color: #121212;
}

.swiper-slide {
    width: 100%;
    height: 18rem;
    background-color: rgba(197,175,214,0.60);
    border-radius: 0.6rem;
	opacity: 0 !important;
}

.swiper-slide.swiper-slide-visible {
	opacity: 1 !important;
}

.swiper-slide .text {
    font-family: "BarlowMedium", sans-serif;
    font-size: 1.8rem;
    position: absolute;
    bottom: 1.8rem;
    right: 2.8rem;
}

.swiper-slide .image {
    position: absolute;
    left: 4rem;
    top: -2rem;
    height: 100%;
    width: 24rem;
}

@media screen and (max-width: 840px) {

    .swiper-slide {
        height: 20rem;
    }

    .swiper-slide .text {
        display: block;
        font-size: 1.8rem;
        position: relative;
        bottom: auto;
        right: auto;
        margin: -1.8rem auto 0;
        text-align: center;
        align-self: flex-end;
    }

    .swiper-slide .image {
        position: relative;
        margin: -2rem auto 0;
        left: auto;
        top: auto;
        width: 20rem;
    }
}

@media screen and (max-width: 480px) {
    
    .swiper-slide {
        height: 19rem;
    }

    .swiper-slide .text {
        font-size: 1.6rem;
    }

    .swiper-slide .image {
        width: 18rem;
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: rgba(255,255,255,0.50);
	transition: all 0.2s ease;
	/* a11y */
	color: rgba(0,0,0,0.6);

}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: rgba(255,255,255,1.00);
	/* a11y */
	color: rgba(0,0,0,1.0);
}

.swiper-pagination-bullet {
    background: #FFF;
    opacity: 1;
    width: 0.5rem;
    height: 0.5rem;
    transition: all 0.2s ease;
	/* a11y */
    background: rgba(197,175,214,0.80);
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
    background: rgba(224,56,49,1.00);
    transform: scale(1.4);
}

.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-horizontal.swiper-pagination-bullets {
  & .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0.6rem);
  }
}


.swiper-pagination-bullet {
	display: inline-block;
	position: relative;
}

.swiper-pagination-bullet::before {
	content: "";
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	position: absolute;
	margin-left: -0.75rem;
	margin-top: -0.5rem;
}

:root {
  --swiper-navigation-size: 2rem;
}


/* Team list */

.team_block {
    padding-bottom: 1rem;
}

.team_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.team_list .entry {
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}

@media screen and (max-width: 950px) {
	
    .team_list .entry {
        flex: 0 0 33.333333333333%;
    }
}

@media screen and (max-width: 680px) {
	
    .team_list .entry {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 480px) {
	
    .team_list .entry {
        flex: 0 0 100%;
    }
}

.team_list .image img {
    width: 70%;
    border-radius: 50%;
    margin: 0 auto 0.6rem auto;
}

.team_list .entry .name {
    font-size: 1rem;
    font-family: "BarlowSemiBold", sans-serif;
}

.team_list .entry .name::after {
    display: block;
    content: "";
    background-color: rgba(197,175,214,1.00);
	border: 0;
	height: 0.5rem;
    width: 3rem;
	margin: 0.65rem auto 1rem;
}

.team_list .entry .text {
    font-size: 1rem;
    line-height: 1.4;
}

/* More block */

.more_block .image {
    display: flex;
    aspect-ratio: 3 / 2;
}

@media screen and (max-width: 880px) {
	
    .more_block .image {
        aspect-ratio: 5 / 2;
    }
}

@media screen and (max-width: 480px) {
	
    .more_block .image {
        aspect-ratio: 3/ 2;
    }
}

.more_block img {
    border-radius: 0.6rem;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.more_block .image::before {
    display: block;
    content: url("imgs/arr_s_r.svg");
    width: 0.8rem;
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    filter: drop-shadow(0 0 0.3rem rgba(0,0,0,.4));
}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.image_block .wp-caption .wp-caption-text {
    margin-bottom: 0.35rem;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Search Auto-Complete
--------------------------------------------- */

#ajaxsearchprores1_1,
#ajaxsearchprores1_2,
#ajaxsearchprores1_3,
#ajaxsearchprores1_4,
#ajaxsearchprores1_5 {
    line-height: 1.3!important;
    bottom: 1rem;
	height: 17.5rem !important;
}

#ajaxsearchprores1_2 {
    z-index: 999999999999 !important;
}

#ajaxsearchprores1_1 .results,
#ajaxsearchprores1_2 .results,
#ajaxsearchprores1_3 .results,
#ajaxsearchprores1_4 .results,
#ajaxsearchprores1_5 .results {
	height: 17.5rem !important;
}

div.asp_w .probox .proinput input::placeholder {
    font-family: "BarlowMedium", sans-serif!important;
}
	
.bericht-template div.asp_w .probox .proinput input::placeholder,
.single-bericht div.asp_w .probox .proinput input::placeholder {
    font-family: "BarlowMedium", sans-serif!important;
	color: #FFF !important;	
}
	
body.a11y-mode .bericht-template div.asp_w .probox .proinput input::placeholder,
body.a11y-mode.single-bericht div.asp_w .probox .proinput input::placeholder {
    color: #000 !important;	
}

.single-bericht .navigation-column.active div.asp_w .probox .proinput input::placeholder {
    color: #083a47 !important;	
}

.bericht-template div.asp_w .probox:focus-within .proinput input::placeholder,
.single-bericht div.asp_w .probox:focus-within .proinput input::placeholder {
	color: rgba(0,0,0,0.8) !important;	
}

.home div.asp_w .probox .proinput input::placeholder,
.archive div.asp_w .probox .proinput input::placeholder,
.search div.asp_w .probox .proinput input::placeholder {
	color: rgba(0,0,0,.8) !important;	
}

div.asp_r.vertical {
    padding: 0 1rem 0.9rem 1.2rem!important;
    border-radius: 1.2rem!important;
    border: 0!important;
    box-shadow: 0 0.4rem 0.4rem 0.4rem rgba(0,0,0,.05)!important;
}

#ajaxsearchpro1_1 .probox .proinput, 
div.asp_w .probox .proinput {
    font-family: "BarlowMedium", sans-serif!important;
    color: #083A47!important;
    font-size: 0.9rem!important;
    margin: 0 0 0 0.3rem!important;
    padding: 0 0.2rem 0.15rem 0.3rem !important;
}

#ajaxsearchpro1_1 .probox .proinput input, 
div.asp_w .probox .proinput input {
    font-weight: normal;
    color: #000;
    font-size: 0.9rem!important;
    letter-spacing: 0.02em!important;
    font-family: "BarlowMedium", sans-serif!important;
}

body #ajaxsearchpro1_1 .probox .proinput input.orig, 
body #ajaxsearchpro1_2 .probox .proinput input.orig, 
body div.asp_m.asp_m_1 .probox .proinput input.orig {
    margin: -0.15rem 0 0 0 !important;
}

body #ajaxsearchpro1_1 .probox .proinput input.autocomplete, 
body #ajaxsearchpro1_2 .probox .proinput input.autocomplete, 
body div.asp_m.asp_m_1 .probox .proinput input.autocomplete {
    margin-left: 0!important;
}

body #ajaxsearchpro1_1 .probox .proinput input:focus-visible.orig, 
body #ajaxsearchpro1_2 .probox .proinput input:focus-visible.orig, 
body div.asp_m.asp_m_1 .probox .proinput input:focus-visible.orig {
    outline: none!important;
}
	
body.single-bericht #ajaxsearchpro1_1 .probox:not(:focus-within) .proinput input.orig {
    color: #FFF!important;
}
	
body.a11y-mode.single-bericht #ajaxsearchpro1_1 .probox:not(:focus-within) .proinput input.orig {
    color: #000!important;
}
	
div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder {	
    font-size: 0.9rem!important;
    letter-spacing: 0.02em!important;
}

div.asp_m .probox .proinput input {
    height: 1.75rem!important;
}

#ajaxsearchpro1_1 .probox,
div.asp_w .probox {
    padding: 0.2rem!important;
    height: 1.75rem!important;
    /* border: solid 0.15rem #FFF!important; */
    border-radius: 999px!important;
}

section.no-results #ajaxsearchpro1_3 {
    max-width: 400px;
}

section.no-results #ajaxsearchpro1_3 .probox {
    border: solid 0.15rem #de2d23!important;
}

.site-header #ajaxsearchpro1_1 .probox {
    background-color: transparent !important;
    border: solid 0.15rem #FFF !important;
    transition: all 0.2s ease;
}

body.a11y-mode.single-bericht .site-header #ajaxsearchpro1_1 .probox {
    background-color: #FFF !important;
}

#ajaxsearchpro1_1 {
    background: transparent !important;
}

body:not(.single-bericht) .site-header #ajaxsearchpro1_1 .probox,
body:not(.single-bericht) .site-main #ajaxsearchpro1_2 .probox {
    border: solid 0.15rem #de2d23!important;
}

.site-header #ajaxsearchpro1_1 .probox:focus-within {
    background-color: #FFF!important;
}

div.asp_m .probox .promagnifier .innericon svg, 
div.asp_m .probox .prosettings .innericon svg, 
div.asp_m .probox .proloading svg {
    width: 1.375rem!important;
}

#ajaxsearchpro1_1 .probox .promagnifier .innericon,
#ajaxsearchpro1_2 .probox .promagnifier .innericon, 
div.asp_m.asp_m_1 .probox .promagnifier .innericon {
    width: 1.75rem!important;
    height: 1.75rem!important;
}

#ajaxsearchpro1_1 .probox .proloading, #ajaxsearchpro1_1 .probox .proclose, #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_1 .probox .prosettings, #ajaxsearchpro1_2 .probox .proloading, #ajaxsearchpro1_2 .probox .proclose, #ajaxsearchpro1_2 .probox .promagnifier, #ajaxsearchpro1_2 .probox .prosettings, div.asp_m.asp_m_1 .probox .proloading, div.asp_m.asp_m_1 .probox .proclose, div.asp_m.asp_m_1 .probox .promagnifier, div.asp_m.asp_m_1 .probox .prosettings {
    flex: 0 0 1.75rem!important;
}

div.asp_w .probox .promagnifier .innericon svg {
    fill: rgba(224,56,49,0.7)!important;
    transition: all 0.2s ease;
}

.site-header div.asp_w .probox .promagnifier .innericon svg {
    fill: rgba(0,0,0,0)!important;
}

.single-bericht .site-header div.asp_w .probox .promagnifier .innericon svg:hover {
    fill: rgba(255,255,255,1)!important;
}

body.a11y-mode.single-bericht .site-header div.asp_w .probox .promagnifier .innericon svg:hover {
    fill: rgba(224,56,49,1)!important;
}

.site-header div.asp_w .probox:focus-within .promagnifier .innericon svg,
.site-header .navigation-column.active div.asp_w .probox .promagnifier .innericon svg {
    fill: rgba(224,56,49,0.7)!important;
}

.site-header div.asp_w .probox:focus-within .promagnifier .innericon svg:hover {
    fill: rgba(224,56,49,1)!important;
}

div.asp_w .probox .promagnifier .innericon svg:hover {
    fill: rgba(224,56,49,1)!important;
}

div.asp_m.asp_m_1 .probox .promagnifier:focus-visible {
    outline: solid 0.15rem #000!important;
    border-radius: 999px!important;
}

div.asp_w .probox .promagnifier {
    width: 1.75rem!important;
    height: 1.75rem!important;
    box-shadow: none!important;
}

div.asp_w .probox .proloading, 
div.asp_w .probox .proclose, 
div.asp_w .probox .promagnifier, 
div.asp_w .probox .prosettings {
    width: 1.75rem!important;
    height: 1.75rem!important;
}

div.asp_m .probox .proclose svg {
    background: rgba(224,56,49,0.7)!important;
    transition: all 0.2s ease;
    width: 1.125rem!important;
    height: 1.125rem!important;
    margin-top: -0.5625rem!important;
    left: 50%;
    margin-left: -0.5625rem!important;
    fill: #FFF!important;
    padding: 0.25rem!important;
    box-shadow: none!important;
}

div.asp_m .probox .proclose svg:hover {
    background: rgba(224,56,49,0.95)!important;
}

div.asp_r .results .item {
    padding: 0.1rem!important;
    border-left: 0!important;
    border-right: 0!important;
    border-bottom: none!important;
}

div.asp_r .results .item .asp_content {
    padding: 0 0 1rem 0!important;
    margin-top: 0.6rem!important;
}

div.asp_r .results .item:first-of-type .asp_content {
    margin-top: 1rem!important;
}

div.asp_r .results .item .asp_content h3,
div.asp_r .results .item .asp_content h3 a {
    display: block;
    font-family: "BarlowMedium", sans-serif!important;
    color: #083A47!important;
    font-size: 1rem!important;
    line-height: 1.3!important;
    margin: 0 0 0.3rem 0!important;
	font-weight: normal !important;
}

div.asp_r .results .item .asp_content h3 a:hover {
    color: #cd0006!important;
}

div.asp_r .results .item .asp_content .asp_desc {
    margin-top: 0!important;
    font-size: 0.85rem!important;
    line-height: 1.3!important;
}

div.asp_r.vertical .results {
    scrollbar-color: rgba(224,56,49,0.5) rgb(255,255,255)!important;
}

div.asp_r.asp_w.vertical .results .item::after {
    height: 3px!important;
    width: 97%!important;
    border-radius: 999px!important;
    background: rgba(224,56,49,0.3)!important;
}

#ajaxsearchprores1_1 .asp_nores,
#ajaxsearchprores1_2 .asp_nores,
div.asp_r.asp_r_1 .asp_nores {
	padding: 1.1rem 1rem!important;
	font-family: "BarlowMedium", sans-serif !important;
	color: #083A47 !important;
	font-size: 1rem !important;
	line-height: 1.3 !important;
	text-align: center !important;
	box-shadow: none !important;
}

.asp_nores .asp_nores_header {
	display: block;
	text-align: center !important;
	width: 100%;
}


/* add css for pro */

#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
#ajaxsearchpro1_1 .probox, 
#ajaxsearchpro1_2 .probox {	
	margin: 0 !important;
	border: none !important;
}

div.asp_r.asp_r_1 .results .item div.asp_content .asp_res_text {
	color: #083A47 !important;
	margin-top: 0 !important;
	font-size: 0.85rem !important;
	line-height: 1.3 !important;
	font-family: "BarlowRegular", sans-serif !important;
}


/* display-nones
--------------------------------------------- */

.site-title,
.edit-link {
    display: none;
}


/* mega menu  */

#mega-menu-wrap-menu-1 .menu-jugendbericht-2026-fr-container ul,
#mega-menu-wrap-menu-1 .menu-jugendbericht-2025-container ul {
    padding: 0;
    padding-left: 1.5rem;
    list-style: decimal-leading-zero;
    color: rgba(255,255,255,1.0)
}

body #mega-menu-wrap-menu-1 .menu-jugendbericht-2025-fr-container ul,
body #mega-menu-wrap-menu-1 .menu-jugendbericht-2025-container ul {
    color: rgba(255,255,255,1)
}

/* 
#mega-menu-wrap-menu-1 .menu-jugendbericht-2025-container ul li:hover {
    color: rgba(255,255,255,0.60);
} */

li#mega-menu-item-49.mega-toggle-on {
	
}

/* mega menu debugging */




/*--------------------------------------------------------------
# Photoswipe
--------------------------------------------------------------*/


.slideshow .image .details {
	display: none;
}

figure {
    margin: 0;
}

button {
    border-radius: 0;
} 

.pswp__bg {
    background: rgb(255, 255, 255, 1)!important;
}

.pswp__caption {
    background-color: rgba(255, 255, 255, 0)!important;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption {
        padding-left: 0;
    }
	
}

.pswp__caption .pswp__caption__center {
    display: table;
    margin-left: 0;
    margin-right: 0;
	padding: 1rem 2rem;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.925);
	text-align: center;
    /* min-height: 3.2rem; */
    color: #121212;
    position: absolute;
    bottom: 0;
    line-height: 1.1!important;
}

.pswp__counter {
    display: none;
}

.pswp__caption .pswp__caption__center .title {
    display: inline-block;
    font-weight: normal;
    font-family: "BarlowRegular", sans-serif;
    font-size: 1rem;
    line-height: 1.35;
    padding-top: 0.4rem;
}

.pswp__caption .pswp__caption__center .number {
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption .pswp__caption__center {
        text-align:center;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        border-left: none;
    }
	
}

.pswp__caption .pswp__caption__center div {
	margin: 0 0 0 0;
}

.pswp__caption .pswp__caption__center div:last-of-type {
	margin: 0 0 0 0;
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(255,255,255,0);
}

.pswp--svg .pswp__top-bar .pswp__button,
.pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before {
    background-image: url(/wp-content/themes/jube25_hff/js/photoswipe/hws-skin/skin.svg);
		
}
.pswp__button, 
.pswp__button--arrow--left::before, 
.pswp__button--arrow--right::before,
.pswp--svg button.pswp__button--arrow--left::before,
.pswp--svg button.pswp__button--arrow--right::before
{
    background: url(/wp-content/themes/jube25_hff/js/photoswipe/hws-skin/skin.svg) 0 0 no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0px;
        background-position-y: 0px;
    background-image: url(/wp-content/themes/jube25_hff/js/photoswipe/hws-skin/skin.svg);
        background-size: auto;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

.pswp--svg button.pswp__button--arrow--right::before {
	right: 0;
}

.pswp__button--close,
.pswp__button--fs {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    content: '';
    top: 35px;
    background-color: rgba(255, 255, 255, 0.3);
    height: 44px;
    width: 44px;
    position: absolute;
	overflow: hidden;
}

.pswp__button.pswp__button--fs {
    float: left;
}

button.pswp__button--arrow--left::before {
    left: 0px;
    background-position: -134px -36px !important;
}

button.pswp__button--arrow--right::before {
    right: 0px;
    background-position: -88px -36px !important;
}

/* debugging */
.pswp__caption.pswp__ui--idle, .pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 1;
}

.pswp__caption {
    background-color: rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.3);
}

.pswp__top-bar {
    background-color: rgba(0,0,0,0);
}

.pswp__caption .img_container .caption {
	height: auto;
}

.pswp__caption .tecrec div {
/*	white-space: nowrap; */
}

.img_container figcaption {
	display: none;
}

.pswp__caption__center {
    display: table;
    max-width: none;
    width: auto;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--close,
.pswp__ui--idle .pswp__button--fs,
.pswp__ui--idle .pswp__button {
    opacity: 0;
}


#wpadminbar {
    z-index: 999999;
}

#wp-admin-bar-under-construction-page img {
    display: inline-block;
}




/* --- Filter --- */

.site-main section.filter-navigation .container > .label {
    display: block;
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-bottom: 1.6rem;
}

.site-main section.filter-navigation .container {
    padding-bottom: 0.5rem;
}

h2.current-filter {
    font-family: "BarlowSemiBold", sans-serif;
    font-weight: normal;
    font-size: 1rem;
    color: #083a47;
    line-height: 1.5;
    margin-bottom: 0;
}

h2.current-filter .label {
    text-transform: uppercase;
    font-family: "BarlowMedium", sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin-right: 0.2rem; 
}

h2.current-filter .text {
    margin-right: 0.4rem;  
}

h2.current-filter .reset {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-family: "BarlowRegular", sans-serif;
    color: #cd0006;
    border: solid 0.1rem #de2d23;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    line-height: 1;
}

h2.current-filter .reset::before {
    content: "×";
    font-size: 1.2rem;
    padding-bottom: 0.15rem;
}

.text + a.reset {
    white-space: nowrap;
}

.filter-nav {
    position: relative;
    display: inline-block;
	z-index: 9;
}

.filter-nav:first-of-type {
	z-index: 11;
    margin-right: 1rem;
}

.filter-toggle {
    appearance: none;
    background: #FFF!important;
    border: solid 0.15rem #de2d23;
    border-radius: 1.2rem!important;
    padding: 0.6rem 2rem 0.7rem 1rem!important;
    
    color: #cd0006!important;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    font-family: "BarlowMedium", sans-serif;
    
    cursor: pointer;
    width: 240px;
    text-align: left;
}

.filter-toggle[aria-expanded="true"] {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom: none;
    padding-bottom: 0.85rem!important;
}

.filter-toggle::after {
    /* content: "▾"; */
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    transform: rotate(90deg);
    position: absolute;
    right: 1rem;
    top: 0.9rem;
    
    background-color: #cd0006;

    -webkit-mask: url("imgs/arr_s_r_b.svg") no-repeat center / contain;
    mask: url("imgs/arr_s_r_b.svg") no-repeat center / contain;
    
    transition: all 0.15s ease;
}

.filter-toggle[aria-expanded="true"]::after {
    transform: rotate(270deg);
}

.filter-list {
    position: absolute;
    background: white;
    border: solid 0.15rem #de2d23;
    border-top: none;
    border-radius: 1.2rem!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    list-style: none;
    padding: 0.4rem 0 1.35rem 0;
    margin: 0;
    width: 100%;
	z-index: 100;
}

.filter-list a {
    display: block;
    padding: 0.3rem 1rem;
    
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    font-family: "BarlowMedium", sans-serif;
    line-height: 1.25;
}

.filter-list li {
    margin-bottom: 0;
}

@media screen and (max-width: 542px) {
	
    .filter-nav:first-of-type {
        margin-bottom: 1.8rem;
    }
    
    .filter-nav {
        width: calc(100% - 9rem);
    }
    
    .filter-toggle {
        width: 100%;
    }
	
}

@media screen and (max-width: 520px) {
	
    .filter-nav {
        width: calc(100% - 8rem);
    }
	
}

@media screen and (max-width: 460px) {
	
    .filter-nav {
        width: 100%;
    }
	
}




/* ADMIN EDIT LINK ABBILDUNGEN */


.image_list .edit-link {
	display: block;
	width: 100%;
	text-align: right;
	opacity: 0;
}


.image_list .entry:hover .edit-link {
	opacity: 1;
}



/* DEBUGGING MEGA MENU */


/*
#mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
	 opacity: 1 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
	visibility: visible !important;
}

*/