@import url('type.css');

html,
body
{
	margin: 0;
	padding: 0;
}
body
{
	padding: 16px 30px 20px 20px;
	background: #ffffff;
	color: #303030;
	font: normal normal 0.875em/1.5em 'Open Sans', 'Helvetica Neue', sans-serif; /* 14/16 21/14 */
}
a
{
	color: #d20a11;
}
a img
{
	border: none;
}
a span
{
	cursor: pointer;
}
address
{
	margin: 0;
	padding: 0.2857em 0; /* 4/14 */
	font-style: normal;
}
h1
{
	margin: 0;
	padding: 0.3846em 0; /* 10/26 */
	color: #d20a11;
	font-weight: normal;
	font-size: 1.8571em; /* 26/14 */
	line-height: 1.1538em; /* 30/26 */
}
h2
{
	margin: 0;
	padding: 0.7em 0 0.5em 0; /* 14/20 0 10/20 0 */
	color: #d20a11;
	font-weight: normal;
	font-size: 1.4286em; /* 20/14 */
	line-height: 1.2em; /* 24/20 */
}
h3
{
	margin: 0;
	padding: 0.7778em 0 0.5em 0; /* 14/18 0 9/18 */
	font-weight: normal;
	font-size: 1.2857em; /* 18/14 */
	line-height: 1.2222em; /* 22/18 */
}
h4
{
	margin: 0;
	padding: 0.6em 0 0.3333em 0; /* 9/15 0 5/15 0 */
	font-weight: bold;
	font-size: 1.0714em; /* 15/14 */
	line-height: 1.4667em; /* 22/15 */
}

/* Allgemeine Einstellungen > Bilder */

img
{
	max-width: 100%;
}

/* Allgemeine Einstellungen > Bilder > links ausgerichtet (ohne Float) */

img.bild_25,
img.bild_25_rahmen,
img.bild_40,
img.bild_40_rahmen,
img.bild_60,
img.bild_60_rahmen
{
	display: block;
	margin: 0.7143em 0 1em 0; /* 10/14 0 14/14 0 */
}

/* Allgemeine Einstellungen > Bilder > zentriert */

img.bild_mittig_25,
img.bild_mittig_25_rahmen,
img.bild_mittig_40,
img.bild_mittig_40_rahmen,
img.bild_mittig_60,
img.bild_mittig_60_rahmen
{
	display: block;
	margin: 0.7143em auto 1em auto; /* 10/14 auto 14/14 auto */
}

/* Allgemeine Einstellungen > Bilder > links ausgerichtet */

img.bild_links_25,
img.bild_links_25_rahmen,
img.bild_links_40,
img.bild_links_40_rahmen,
img.bild_links_60,
img.bild_links_60_rahmen
{
	float: left;
	margin: 0.7143em 20px 1em 0; /* 10/14 20 14/14 0 */
}

/* Allgemeine Einstellungen > Bilder > rechts ausgerichtet */

img.bild_rechts_25,
img.bild_rechts_25_rahmen,
img.bild_rechts_40,
img.bild_rechts_40_rahmen,
img.bild_rechts_60,
img.bild_rechts_60_rahmen
{
	float: right;
	margin: 0.7143em 0 1em 20px; /* 10/14 0 14/14 20 */
}

/* Allgemeine Einstellungen > Bilder > 25% Breite */

img.bild_25,
img.bild_25_rahmen,
img.bild_mittig_25,
img.bild_mittig_25_rahmen,
img.bild_links_25,
img.bild_links_25_rahmen,
img.bild_rechts_25,
img.bild_rechts_25_rahmen
{
	width: 25%;
}

/* Allgemeine Einstellungen > Bilder > 40% Breite */

img.bild_40,
img.bild_40_rahmen,
img.bild_mittig_40,
img.bild_mittig_40_rahmen,
img.bild_links_40,
img.bild_links_40_rahmen,
img.bild_rechts_40,
img.bild_rechts_40_rahmen
{
	width: 40%;
}

/* Allgemeine Einstellungen > Bilder > 60% Breite */

img.bild_60,
img.bild_60_rahmen,
img.bild_mittig_60,
img.bild_mittig_60_rahmen,
img.bild_links_60,
img.bild_links_60_rahmen,
img.bild_rechts_60,
img.bild_rechts_60_rahmen
{
	width: 60%;
}

/* Allgemeine Einstellungen > Bilder > 100% Breite */

img.bild_100,
img.bild_100_rahmen
{
	display: block;
	width: 100%;
	margin: 0.7143em 0 1em 0; /* 10/14 0 14/14 0 */
}

/* Allgemeine Einstellungen > Bilder > Rahmen */

img.bild_25_rahmen,
img.bild_mittig_25_rahmen,
img.bild_links_25_rahmen,
img.bild_rechts_25_rahmen,
img.bild_40_rahmen,
img.bild_mittig_40_rahmen,
img.bild_links_40_rahmen,
img.bild_rechts_40_rahmen,
img.bild_60_rahmen,
img.bild_mittig_60_rahmen,
img.bild_links_60_rahmen,
img.bild_rechts_60_rahmen,
img.bild_100_rahmen
{
	outline: solid 1px #a7a7a7;
}

p
{
	margin: 0;
	padding: 0.2857em 0; /* 4/14 */
}
.klein
{
	font-size: 0.8571em; /* 12/14 */
}
ol,
ul
{
	margin: 0;
	padding: 0.7143em 0 1em 30px; /* 10/14 0 14/14 30 */
}
ul
{
	list-style-image: url(../images/layout/bullet.gif);
}
li
{
	margin: 0;
	padding: 0.1429em 0; /* 2/14 */
}
table
{
	margin: 0.7143em 0 1em 0; /* 10/14 0 14/14 0 */
	padding: 0;
	border: none;
	border-collapse: collapse;
}
table.daten
{
	width: 100%;
	margin: 2em 0 3em 0; /* 28/14 0 42/14 0 */
	background: #f5f5f5;
}
table.daten td,
table.daten th
{
	padding: 0.5714em 0.7143em; /* 8/14 10/14 */
	border: solid 1px #dcdcdc;
	font-weight: normal;
	text-align: center;
}
table.daten tr td:first-child,
table.daten tr th:first-child
{
	text-align: left;
}
table.daten tbody tr:first-child td,
table.daten tbody tr:first-child th
{
	background: #cc0000;
	color: #ffffff;
	font-weight: bold;
}
table.daten tbody tr:nth-child(even) td,
table.daten tbody tr:nth-child(even) th
{
	background: #ffffff;
}

/* Allgemeine Einstellungen > Formularelemente */

.messages
{
	margin: 1.4286em 0; /* 20/14 0 */
	background: #e6edf4
}
.messages h2,
.messages p
{
	padding-right: 20px;
	padding-left: 20px;
}
.messages h2
{
	padding-top: 1em; /* 20/20 */
}
.messages p
{
	padding-bottom: 1.7143em; /* 24/14 */
}
.messages ul
{
	padding: 0.4286em 20px 1.7143em 36px; /* 6/14 20 24/14 36 */
	list-style-image: none;
}

form
{
	margin: 0;
	padding: 0;
}
label
{
	cursor: pointer;
}
input.radio,
input.checkbox,
input.text,
textarea,
select,
button,
input.submit,
input.reset
{
	/* -webkit-appearance: none; */
	-webkit-border-radius: 0;
	border-radius: 0;
}
input,
textarea,
select
{
	margin: 0;
	outline: none;
}
input.text,
textarea,
select
{
	padding: 0.4286em 0.5714em 0.3571em 0.5714em; /* 6/14 8/14 5/14 8/14 */
	background: #ebebeb;
	border: solid 1px #cdcdcd;
	color: #303030;
	font: normal normal 1em/normal 'Open Sans', 'Helvetica Neue', sans-serif; /* 14/14 */
}
select
{
	padding-top: 0.2857em; /* 4/14 */
	padding-right: 0.2143em; /* 3/14 */
	padding-bottom: 0.2143em; /* 3/14 */
}
textarea
{
	line-height: 1.3571em; /* 19/14 */
}
input.submit,
input.reset
{
	padding: 0.4286em 0.5714em 0.3571em 0.5714em; /* 6/14 8/14 5/14 8/14 */
	background: #d20a11;
	border: none;
	color: #fff;
	font: normal normal 1em/normal 'Open Sans', 'Helvetica Neue', sans-serif; /* 14/14 */
	cursor: pointer;
}
input.submit:hover,
input.submit:focus,
input.reset:hover,
input.reset:focus
{
	background: #4a4a4a;
}
@media (min-width: 800px)
{
	input.text,
	textarea,
	select
	{
		font-size: 1rem; /* 16/16 */
	}
	input.submit,
	input.reset
	{
		font-size: 1.25rem; /* 20/16 */
	}
	label
	{
		font-size: 1rem; /* 16/16 */
	}
}

form h2
{
	padding: 1.5em 0 1em 0; /* 30/20 0 20/20 0 */
}
form .note
{
	margin-top: 1em; /* 14/14 */
	font-weight: bold;
}
form span.required
{
	color: #d20a11;
	font-weight: bold;
}
form .row
{
	overflow: hidden;
	padding: 1.0714em 0; /* 15/14 0 */
	border-top: solid 1px #f0f0f0;
}
form .row.first
{
	border: none;
}
form .row label.main
{
	float: left;
	width: 32%;
	padding: 0.5em 0 0.4286em 0; /* 7/14 0 6/14 0 */
	line-height: normal;
}
form .row input.text,
form .row textarea
{
	box-sizing: border-box;
	width: 68%;
}
form .row input.checkbox,
form .row input.radio
{
	margin: 0 0.2857em 0 1em; /* 4/14 0 14/14 0 */
}
form .row > div
{
	box-sizing: border-box;
	float: left;
	width: 68%;
	padding: 0.5em 0 0.4286em 0; /* 7/14 0 6/14 0 */
	padding-right: 1em; /* 14/14 */
	padding-left: 1em; /* 14/14 */
	background: #f0f0f0;
}
form .row > div.auto_width
{
	width: auto;
	padding: 0.5em 0 0.4286em 0; /* 7/14 0 6/14 0 */
}
form .row > div.full_width
{
	width: 100%;
	padding: 0.5em 0 0.4286em 0; /* 7/14 0 6/14 0 */
}
form .row > div label,
form .row > div input
{
	margin-right: 0.7143em; /* 10/14 */
}
form .row > div > *:first-child
{
	margin-left: 0;
}
form .row.submit
{
	text-align: right;
}

form input.error {
	background-color: #e0646a;
}

@media screen and (max-width: 440px)
{
	/* Allgemeine Einstellungen > Formularelemente */

	form .row
	{
		padding: 0.5714em 0; /* 8/14 0 */
		border: none;
	}

	form .row label.main
	{
		float: none;
		display: block;
		width: auto;
	}
	form .row input.text,
	form .row textarea
	{
		width: 100%;
	}
	form .row > div
	{
		float: none;
		width: auto;
	}
}


/* ENDE alte Styles */


/* Allgemeine Einstellungen */

*
{
	box-sizing: border-box;
}
*:focus
{
	/* outline: solid 1px rgba(0, 0, 0, 0.5); */
	outline: none;
}
body
{
	background: #fff;
}
article,
aside,
footer,
header,
main,
nav,
section
{
	display: block;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6
{
	margin: 1.25em 0 0.75em 0;
	padding: 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a
{
	color: inherit;
}
h1,
.h1
{
	margin: 1.75rem 0 1.375rem 0; /* 28/16 0 22/16 0 */
	color: #d32f2e;
	font-style: normal;
	font-weight: bold;
	font-size: 1.5rem; /* 24/16 */
	line-height: 1.25; /* 30/24 */
}
@media (min-width: 800px)
{
	h1,
	.h1
	{
		margin-top: 3rem; /* 48/16 */
		margin-bottom: 2rem; /* 32/16 */
		font-size: 2.125rem; /* 34/16 */
		line-height: 1.1765; /* 40/34 */
	}
}
h2,
.h2
{
	margin: 1.5rem 0 1.125rem 0; /* 24/16 0 18/16 0 */
	color: #4a4a4a;
	font-style: normal;
	font-weight: bold;
	font-size: 1.125rem; /* 18/16 */
	line-height: 1.375; /* 22/18 */
}
@media (min-width: 800px)
{
	h2,
	.h2
	{
		margin-top: 2.5rem; /* 40/16 */
		margin-bottom: 1.5rem; /* 24/16 */
		font-size: 1.5rem; /* 24/16 */
		line-height: 1.25; /* 30/24 */
	}
}
h3,
.h3
{
	margin-top: 1.25rem; /* 20/16 */
	margin-bottom: 1rem; /* 16/16 */
	color: #4a4a4a;
	font-style: normal;
	font-weight: bold;
	font-size: 1rem; /* 16/16 */
	line-height: 1.375; /* 22/16 */
}
@media (min-width: 800px)
{
	h3,
	.h3
	{
		margin-top: 2rem; /* 32/16 */
		margin-bottom: 1.25rem; /* 20/16 */
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.3333; /* 24/18 */
	}
}
h4,
.h4,
h5,
.h5,
h6,
.h6
{
	margin-top: 1.25rem; /* 20/16 */
	margin-bottom: 1rem; /* 16/16 */
	color: #4a4a4a;
	font-style: normal;
	font-weight: bold;
	font-size: 0.9375rem; /* 15/16 */
	line-height: 1.4; /* 21/15 */
}
@media (min-width: 800px)
{
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6
	{
		margin-top: 2rem; /* 32/16 */
		margin-bottom: 1.25rem; /* 20/16 */
		font-size: 1.0625rem; /* 17/16 */
		line-height: 1.4118; /* 24/17 */
	}
}

.external
{
	position: relative;
	padding-left: 1.3125rem; /* 21/16 */
	background: transparent url(../images/layout/v2/icon-external-link.svg) no-repeat left 0.1875rem; /* left 3/16 */
	background-size: 1.125rem auto; /* 18/16 auto */
}
@media (min-width: 800px)
{
	.external
	{
		padding-left: 1.5rem; /* 24/16 */
		background: transparent url(../images/layout/v2/icon-external-link.svg) no-repeat left 0.25rem; /* left 4/16 */
		background-size: 1.25rem auto; /* 20/16 auto */
	}
}

p
{
	margin: 0 0 0.75em 0;
	padding: 0;
}
.column-content p
{
	margin: 0 0 1rem 0; /* 0 0 16/16 0 */
	font-size: 0.875rem; /* 14/16 */
	line-height: 1.7143; /* 24/14 */
}
@media (min-width: 800px)
{
	.column-content p
	{
		margin: 0 0 1.25rem 0; /* 0 0 20/16 0 */
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.4444; /* 26/18 */
	}
}


.column-content .button
{
	margin: 1em 0; /* 16/16 0 */
	font: normal bold 1rem/1.375 'Open Sans', 'Helvetica Neue', sans-serif; /* 16/16 22/16 */
}
.column-content a.button,
.column-content .button > a
{
	display: inline-block;
	padding: 0.5em 1em; /* 8/16 16/16 */
	background: #d32f2e;
	border: none;
	color: #fff;
	font: normal bold 1rem/1.375 'Open Sans', 'Helvetica Neue', sans-serif; /* 16/16 22/16 */
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.column-content .button > a
{
	margin: 0;
}
.column-content a.button:hover,
.column-content a.button:focus,
.column-content .button > a:hover,
.column-content .button > a:focus
{
	background: #4a4a4a;
}
@media (min-width: 800px)
{
	.column-content .button,
	.column-content a.button,
	.column-content .button > a
	{
		font-size: 1.25rem; /* 20/16 */
	}
}


.column-content p.pdf
{
	margin-bottom: 0.5rem; /* 8/16 */
}
.column-content p > a.pdf,
.column-content p.pdf > a
{
	display: block;
	/* margin-top: -0.25rem; */ /* -4/16 */
	padding-left: 1.5625rem; /* 25/16 */
	font-size: 0.875rem; /* 14/16 */
	line-height: 1.5; /* 21/14 */
}
.column-content a.pdf::before,
.column-content p.pdf > a::before
{
	content: '';
	float: left;
	margin-left: -1.5625rem; /* -25/16 */
	width: 0.9375rem; /* 15/16 */
	height: 1.25rem; /* 20/16 */
	background: transparent url(../images/cm/icons/icon-pdf.svg) no-repeat 0 0;
	background-size: contain;
}
@media (min-width: 800px)
{
	.column-content p > a.pdf,
	.column-content p.pdf > a
	{
		font-size: 1rem; /* 16/16 */
		line-height: 1.375; /* 22/16 */
	}
}

/* Listen */

.column-content ol,
.column-content ul
{
	margin: 1.5rem 0 1.75rem 0; /* 24/16 0 28/16 */
	padding: 0;
	font-size: 0.875rem; /* 14/16 */
	line-height: 1.5714; /* 22/14 */
}
.column-content ol li,
.column-content ul li
{
	margin: 0 0 0.75rem 0; /* 0 0 12/16 0 */
	padding: 0;
}
@media (min-width: 800px)
{
	.column-content ol,
	.column-content ul
	{
		margin: 1.75rem 0 2rem 0; /* 28/16 0 32/16 */
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.3333; /* 24/18 */
	}
	.column-content ol li,
	.column-content ul li
	{
		margin: 0 0 1rem 0; /* 0 0 16/16 0 */
	}
}
.column-content ol,
.column-content ul
{
	list-style-type: none;
}
.column-content ul
{
	list-style-image: none;
}
.column-content ol li,
.column-content ul li
{
	margin-left: 1.5rem; /* 24/16 */
}
.column-content ul li::before
{
	content: '';
	float: left;
	width: 0.1875rem; /* 3/16 */
	height: 0.75rem; /* 12/16 */
	background: #d32f2e;
	margin: 0.3125rem 0 0 -0.6875rem; /* 5/12 0 0 -11/16 */
}
@media (min-width: 800px)
{
	.column-content ul li::before
	{
		width: 0.25rem; /* 4/16 */
		height: 0.875rem; /* 14/16 */
		margin: 0.25rem 0 0 -0.75rem; /* 4/16 0 0 -12/16 */
	}
}
.column-content ol
{
	counter-reset: ordered-list;
}
.column-content ol li::before
{
	content: counter(ordered-list) '.';
	counter-increment: ordered-list;

	float: left;
	width: 1rem; /* 16/16 */
	margin: 0 0.25rem 0 -1.25rem; /* 0 4/16 0 -20/16 */
	color: #d32f2e;
	font-weight: bold;
	text-align: right;
}
.column-content ol[type="a"] li::before
{
	content: counter(ordered-list, lower-alpha) '.';
}

/* Datentabellen */

.table-wrapper,
table.daten
{
	overflow-x: auto;
	margin: 1.5rem 0 1.75rem 0; /* 24/16 0 28/16 0 */
}
.table-wrapper table.daten
{
	margin: 0;
}
table.daten
{
	padding: 0;
	border: none;
	background: #f2f1f0;
	font-size: 0.875rem; /* 14/16 */
	line-height: 1.5714; /* 22/14 */
}
table.daten td,
table.daten th
{
	padding: 1em 1.25rem;
	border: none;
	text-align: left;
	vertical-align: top;
}
table.daten tbody tr:first-child td,
table.daten tbody tr:first-child th
{
	background: #d32f2e;
}
table.daten p
{
	margin-bottom: 0.5em;
	font-size: inherit;
}
@media (min-width: 800px)
{
	.table-wrapper,
	table.daten
	{
		margin: 1.75rem 0 2rem 0; /* 28/16 0 32/16 0 */
	}
	table.daten
	{
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.3333; /* 24/18 */
	}
}
table.daten .icon
{
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	margin: 0;
	background: navy;
	border-radius: 50%;
	color: white;
	line-height: 1.5;
	text-align: center;
}
table.daten .icon-check
{
	background: darkgreen;
}
table.daten .icon-no-check
{
	background: darkred;
}

/* News-Liste */

.column-content .news
{
	margin: 0;
}
.column-content .news li
{
	margin: 0;
	padding: 1em 0 2em 0;
}
.column-content .news li:last-child
{
	border-bottom: none;
}
.column-content .news li::before
{
	display: none;
}
.column-content .news li .release
{
	margin: 0.5em 0;
	color: #909090;
}
.column-content .news li .release a
{
	color: inherit;
}
.column-content .news li h2
{
	margin-top: 0;
}
.column-content .news li h3
{
	font-size: 1.1em;
	color: #4a4a4a;
}
.column-content .news li h3 a
{
	color: inherit;
}
.column-content .news li .image
{
	width: 30%;
	margin-right: 0;
	margin-bottom: 1em;
	padding-right: 1.25rem; /* 20/16 */
}
.column-content .news li .image img
{
	width: 100%;
}
.column-content .news li .text
{
	width: 70%;
	margin-top: 0.5em;
}
.column-content .news li .text > *:last-child
{
	margin-bottom: 0;
}
@media (min-width: 800px)
{
	.column-content .news li .image
	{
		max-width: 17.5rem; /* 280/16 */
		padding-right: 1.875rem; /* 30/16 */
	}
	.column-content .news li .text
	{
		margin-top: 0.4em;
	}
}

.column-content .pagination .active
{
	background: #d32f2e;
	font-weight: bold;
}
.column-content .pagination .overflow
{
	display: inline-block;
	margin: 0 2px;
	text-decoration: none;
}

/* Überschrift Weitere Informationen */

.further-information-headline
{
	margin-top: 2.5rem; /* 40/16 */
}
@media (min-width: 800px)
{
	.further-information-headline
	{
		margin-top: 4rem; /* 64/16 */
	}
}

/* Allgemeine ein-/ausklappbare Elemente */

.expandable-wrapper,
.expandable-trigger,
.expandable-content
{
	overflow: hidden;
}
.expandable-wrapper
{
	margin: 1.25rem 0; /* 20/16 0 */
}
.expandable-wrapper + .expandable-wrapper
{
	margin-top: -0.625rem; /* -10/16 */
	border-top: none;
}
.expandable-trigger
{
	position: relative;
	margin: 0;
	padding: 1rem 3.25rem 1rem 1.25rem; /* 16/16 52/16 16/16 20/16 */
	background: #d32f2e;
	color: #fff;
	cursor: pointer;
}
.expandable-trigger a
{
	color: inherit;
	text-decoration: none;
}
.expandable-trigger:hover,
.expandable-trigger:hover a
{
	/* color: #d32f2e; */
}
.expandable-wrapper .expandable-trigger:after,
.expandable-wrapper .expandable-trigger::after
{
	content: '';

	position: absolute;
	right: 1.25rem; /* 20/16 */
	right: 1rem; /* 16/16 */
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);

	width: 1.25rem; /* 20/16 */
	height: 1.25rem; /* 20/16 */
	margin-top: 0.03125em; /* 1/32 */

	background: transparent url(../images/layout/v2/icon-arrow-white.svg) no-repeat center center;
	background-size: contain;
}
.expandable-wrapper-collapsed .expandable-trigger:after,
.expandable-wrapper-collapsed .expandable-trigger::after
{
	-webkit-transform: translateY(-50%) rotate(270deg);
	-ms-transform: translateY(-50%) rotate(270deg);
	transform: translateY(-50%) rotate(270deg);
}
.expandable-content
{
	padding-right: 1.25rem; /* 20/16 */
	padding-left: 1.25rem; /* 20/16 */
	background: #fafafa;
}
.expandable-content > *:first-child
{
	margin-top: 1.25rem; /* 20/16 */
}
.expandable-content > *:last-child
{
	margin-bottom: 1.5rem !important; /* 24/16 */
}

/* BEGIN Erweiterung allgemeiner ein-/ausklappbarer Elemente */

.expandable-wrapper .expandable-wrapper
{
	border: none;
}
.expandable-wrapper .expandable-wrapper + .expandable-wrapper
{
	margin-top: -3rem; /* -48/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-trigger
{
	padding: 0.75em 3.75rem 0.8125em 1.25rem; /* 12/16 60/16 13/16 20/16 */
	background: #f2f2f2;

	font-size: 1rem; /* 16/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-trigger:after,
.expandable-wrapper .expandable-wrapper .expandable-trigger-trigger::after
{
	right: 1.25rem; /* 20/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-content
{
	padding-right: 1.25rem; /* 20/16 */
	padding-left: 1.25rem; /* 20/16 */
	border: solid 1px #f2f2f2;
}
@media (max-width: 592px)
{
	.expandable-wrapper .expandable-wrapper .expandable-trigger
	{
		font-size: 0.9375rem; /* 15/16 */
	}
}

/* END Erweiterung allgemeiner ein-/ausklappbarer Elemente */


/* Ausklappbare Listen */

.column-content ul.expandable
{

}
.column-content ul.expandable li
{
	margin: 0;
}
.column-content ul.expandable li::before
{
	display: none;
}

ul.expandable li.has_children + li.has_children
{
	margin-top: 1.25rem; /* 20/16 */
}
ul.expandable li.has_children p
{
	margin: 0 0 0.5rem 0; /* 0 0 8/16 0 */
	padding: 0;
}
ul.expandable li.has_children > p
{
	position: relative;
	margin: 0;
	padding: 0.625rem 3.25rem 0.625rem 1.25rem; /* 10/16 52/16 10/16 20/16 */
	background: #d32f2e;
	color: #fff;
}
ul.expandable > li.has_children > p
{
	font-weight: bold;
}
ul.expandable li.has_children.expanded > p
{
	background: #d32f2e;
}
ul.expandable li.has_children > p:after,
ul.expandable li.has_children > p::after
{
	content: '';

	position: absolute;
	right: 1.25rem; /* 20/16 */
	right: 1rem; /* 16/16 */
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);

	width: 1.25rem; /* 20/16 */
	height: 1.25rem; /* 20/16 */
	margin-top: 0.03125em; /* 1/32 */

	background: transparent url(../images/layout/v2/icon-arrow-white.svg) no-repeat center center;
	background-size: contain;
}
ul.expandable li.has_children.expanded > p:after,
ul.expandable li.has_children.expanded > p::after
{
	-webkit-transform: translateY(-50%) rotate(270deg);
	-ms-transform: translateY(-50%) rotate(270deg);
	transform: translateY(-50%) rotate(270deg);
}
ul.expandable li ul
{
	overflow: hidden;
	padding-right: 1.25rem; /* 20/16 */
	padding-left: 1.25rem; /* 20/16 */
}
ul.expandable li ul > li:first-child
{
	margin-top: 1.25rem; /* 20/16 */
}
ul.expandable li ul > li:last-child
{
	margin-bottom: 1.5rem; /* 24/16 */
}

/* Formularelemente */

button
{
	cursor: pointer;
}
.button-link
{
	background: transparent;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
}
input.text,
textarea,
select
{
	padding: 0.5em 0.75em;
	background: #f2f1f0;
	/* border: none; */
	border: solid 1px #e4e4e4;
	color: #000;
}
input.text:hover,
input.text:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus
{
	background: #e4e4e4;
}
input.submit,
input.reset
{
	padding: 0.5em 1em; /* 8/16 16/16 */
	background: #d32f2e;
	border: none;
	color: #ffffff;
	font: normal bold 1rem/normal 'Open Sans', 'Helvetica Neue', sans-serif; /* 16/16 */
	cursor: pointer;
}
@media (min-width: 800px)
{
	input.text,
	textarea,
	select
	{
		font-size: 1rem; /* 16/16 */
	}
	input.submit,
	input.reset
	{
		font-size: 1.25rem; /* 20/16 */
	}
	label
	{
		font-size: 1rem; /* 16/16 */
	}
}
form h2
{
	padding: 0;
}
form .row
{
	overflow: hidden;
	padding: 0;
	/* border-top: solid 1px #f0f0f0; */
	border-top: none;
}
form h2 + .row
{
	margin-top: -0.5em;
}
form .row + .row
{
	margin-top: 0.4em;
}
form .row + .row.submit
{
	margin-top: 0.8em;
}
form .row > div
{
	padding: 0.5em 0.75em;
	background: #f2f1f0;
}
form .row label.main
{
	padding: 0.5em 1em 0.5em 0;
	line-height: normal;
}
@media (min-width: 440px)
{
	form .row
	{
		overflow: hidden;
	}
	form h2 + .row
	{
		margin-top: 0;
	}
	form .row + .row
	{
		margin-top: 0.8em;
	}
	form .row + .row.submit
	{
		margin-top: 1.2em;
	}
}
@media (min-width: 800px)
{
	form .row + .row
	{
		margin-top: 1.6em;
	}
	form .row + .row.submit
	{
		margin-top: 2em;
	}
	form .row label.main
	{
		width: 25%;
		padding-top: 0.875rem; /* 14/16 */
		padding-bottom: 0.875rem; /* 14/16 */
	}
	form .row label.main + *
	{
		width: 75%;
		padding: 0.875rem 1.25rem; /* 14/16 20/16 */
	}
}

/* Framework/Layout */

.clearfix::before,
.clearfix::after
{
	content: " ";
	display: table;
}
.clearfix::after
{
	clear: both;
}

/* Content Sections */

.row-content-section
{
	position: relative;
	padding: 20px 10px 20px 10px !important;
}
.row-content-section.light-background
{
	background: #f2f1f0;
}
.row-content-section::before
{
	content: 'class: ' attr(class) '';
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 10px;
	background: #fafafa;
	font-size: 11px;
	line-height: 1;
}
.row-content-section .column
{
	position: relative;
	padding: 20px 10px 20px 10px !important;
}
.row-content-section .column::before
{
	content: 'class: ' attr(class) '';
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 10px;
	background: #fafafa;
	font-size: 11px;
	line-height: 1;
}

/* BEGIN Content Boxen */

.content-box
{
	overflow: hidden;
	margin-top: 2.25rem; /* 36/16 */
	margin-bottom: 2.5rem; /* 40/16 */
	padding: 0 0.9375rem 0.9375rem 0.9375rem !important; /* 0 15/16 15/16 15/16 */
	background: #f2f1f0;
}
.content-box-headline
{
	margin: 0 -0.9375rem 1.5rem -0.9375rem !important; /* 0 -15/16 24/16 -15/16 */
	padding: 0.75rem 0.9375rem; /* 12/16 15/16 */
	background: #d32f2e;
	color: #fff;
}
.content-box-image
{
	margin-bottom: 1.25rem; /* 20/16 */
}
.content-box-image img
{
	display: block;
	width: 100%;
	height: auto;
}
.content-box-image + *
{
	margin-top: 0;
}
@media (min-width: 600px)
{
	.content-box
	{
		margin-top: 3.5rem; /* 56/16 */
		margin-bottom: 4rem; /* 64/16 */
	}
	.content-box-image
	{
		float: left;
		width: 45%;
		max-width: 22.5rem; /* 360/16 */
		margin-right: 1.25rem; /* 20/16 */
	}
}
@media (min-width: 800px)
{
	.content-box
	{
		padding-right: 1.875rem; /* 30/16 */
		padding-bottom: 1.25rem; /* 20/16 */
		padding-left: 1.875rem; /* 30/16 */
	}
	.content-box-headline
	{
		margin-right: -1.875rem; /* -30/16 */
		margin-left: -1.875rem; /* -30/16 */
		margin-bottom: 2.5rem; /* 40/16 */
		padding: 12px 30px 12px 30px;
	}
	.content-box-image
	{
		margin-right: 1.875rem; /* 30/16 */
		margin-bottom: 1.875rem; /* 30/16 */
	}
	.content-box p
	{
		font-size: 1rem; /* 16/16 */
		line-height: 1.375; /* 22/16 */
	}
}

/* END Content Boxen */

/* Normale Expandables */

.expandable-headline
{
	margin: 20px 0 0 0 !important;
	padding: 16px 20px !important;
	background: #d32f2e !important;
	color: #fff !important;
	font-weight: bold !important;
}
div.expandable
{
	margin: 0 0 20px 0 !important;
	padding: 24px 20px 16px 20px !important;
	background: #fafafa !important;
}