/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   RTE styles: opinionated defaults
   ========================================================================== */

span.color1,
span.color1 a,
span.color1 a:active,
span.color1 a:focus,
span.color1 a:visited,
span.color1 a:hover {
	color: #000;
}

span.color2,
span.color2 a,
span.color2 a:active,
span.color2 a:focus,
span.color2 a:visited,
span.color2 a:hover {
	color: #fff;
}

span.color3,
span.color3 a,
span.color3 a:active,
span.color3 a:focus,
span.color3 a:visited,
span.color3 a:hover {
	color: #004f25;
}

span.color4,
span.color4 a,
span.color4 a:active,
span.color4 a:focus,
span.color4 a:visited,
span.color4 a:hover {
	color: #87867A;
}

span.uppercase {
	text-transform: uppercase;
}

div.line {
	width: 50px;
	height: 2px;
	margin: 17px 0;
	background-color: #000;
}

.mask_header div.line,
.mask_personen div.line {
	margin: 8px 0;
}

div.line.color2 {
	background-color: #fff;
}

div.line.color3 {
	background-color: #004f25;
}

div.line.color4 {
	background-color: #87867A;
}

a.mehr,
a.mehr:visited,
a.mehr:active,
a.mehr:focus,
a.showmore,
a.showmore:active,
a.showmore:focus,
a.showmore:visited {
	text-transform: uppercase;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 17px;
	line-height: 1.353em;
	position: relative;
	padding-right: 32px;
	color: #87867a;
}

@media (max-width:767px) {
	a.mehr,
	a.mehr:visited,
	a.mehr:active,
	a.mehr:focus,
	a.showmore,
	a.showmore:active,
	a.showmore:focus,
	a.showmore:visited {
		font-size: 15px;
		line-height: 1.353em;
	}
}

a.mehr:hover {
}

a.mehr:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e902";

	position: absolute;
	right: 0;
	top: 2px;
	z-index: 5;
}

table a:not(.download2)[href*=".pdf"],
table a:not(.download2)[href*=".pdf"]:active,
table a:not(.download2)[href*=".pdf"]:focus,
table a:not(.download2)[href*=".pdf"]:visited,
table a:not(.download2)[href*=".pdf"]:hover,
p a[href*="https://www.youtube.com/watch?v="],
p a[href*="https://www.youtube.com/watch?v="]:active,
p a[href*="https://www.youtube.com/watch?v="]:focus,
p a[href*="https://www.youtube.com/watch?v="]:visited,
p a[href*="https://www.youtube.com/watch?v="]:hover,
p a[href*="https://www.youtube-nocookie.com/"],
p a[href*="https://www.youtube-nocookie.com/"]:active,
p a[href*="https://www.youtube-nocookie.com/"]:focus,
p a[href*="https://www.youtube-nocookie.com/"]:visited,
p a[href*="https://www.youtube-nocookie.com/"]:hover,
p a:not(.download2)[href*=".pdf"],
p a:not(.download2)[href*=".pdf"]:active,
p a:not(.download2)[href*=".pdf"]:focus,
p a:not(.download2)[href*=".pdf"]:visited,
p a:not(.download2)[href*=".pdf"]:hover,
a.extern,
a.extern:active,
a.extern:focus,
a.extern:visited,
a.extern:hover,
a.email,
a.email:active,
a.email:focus,
a.email:visited,
a.email:hover,
a.facebook,
a.facebook:active,
a.facebook:focus,
a.facebook:visited,
a.facebook:hover,
a.download,
a.download:active,
a.download:focus,
a.download:visited,
a.download:hover {
	position: relative;
	padding-left: 28px;
}

table a:not(.download2)[href*=".pdf"],
table a:not(.download2)[href*=".pdf"]:active,
table a:not(.download2)[href*=".pdf"]:focus,
table a:not(.download2)[href*=".pdf"]:visited,
table a:not(.download2)[href*=".pdf"]:hover,
p a[href*="https://www.youtube.com/watch?v="],
p a[href*="https://www.youtube.com/watch?v="]:active,
p a[href*="https://www.youtube.com/watch?v="]:focus,
p a[href*="https://www.youtube.com/watch?v="]:visited,
p a[href*="https://www.youtube.com/watch?v="]:hover,
p a[href*="https://www.youtube-nocookie.com/"],
p a[href*="https://www.youtube-nocookie.com/"]:active,
p a[href*="https://www.youtube-nocookie.com/"]:focus,
p a[href*="https://www.youtube-nocookie.com/"]:visited,
p a[href*="https://www.youtube-nocookie.com/"]:hover,
p a:not(.download2)[href*=".pdf"],
p a:not(.download2)[href*=".pdf"]:active,
p a:not(.download2)[href*=".pdf"]:focus,
p a:not(.download2)[href*=".pdf"]:visited,
p a:not(.download2)[href*=".pdf"]:hover {
	text-transform: uppercase;
}

a.download:after,
table a:not(.download2)[href*=".pdf"]:after,
p a:not(.download2)[href*=".pdf"]:after,
p a[href*="https://www.youtube.com/watch?v="]:after,
p a[href*="https://www.youtube-nocookie.com/"]:after,
a.extern:after,
a.email:after,
a.facebook:after,
a.showmore:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e909";

	position: absolute;
	left: 0;
	top: 1px;
	z-index: 5;
}

a.download:after {
	content: "\e90a";
}

a.email:after {
	content: "\e90d";
}

a.facebook:after {
	content: "\e90c";
}

p a[href*="https://www.youtube.com/watch?v="]:after,
p a[href*="https://www.youtube-nocookie.com/"]:after {
	content: "\e0";
}

a.showmore,
a.showmore:active,
a.showmore:focus,
a.showmore:visited,
a.showmore:hover {
	padding-right: 0;
	padding-left: 28px;
}

a.showmore:after {
	content: "\e900";
}

table.contenttable a:not(.download2)[href*=".pdf"],
table.contenttable a:not(.download2)[href*=".pdf"]:active,
table.contenttable a:not(.download2)[href*=".pdf"]:focus,
table.contenttable a:not(.download2)[href*=".pdf"]:visited,
table.contenttable a:not(.download2)[href*=".pdf"]:hover {
	padding-left: 0;
}

table.contenttable a:not(.download2)[href*=".pdf"]:after {
	display: none;
}

a.extern:after {
	content: "\e90b";
}

a.mehrbox,
a.mehrbox:visited,
a.mehrbox:active,
a.mehrbox:focus,
a.download2,
a.download2:visited,
a.download2:active,
a.download2:focus,
a.zurueck,
a.zurueck:visited,
a.zurueck:active,
a.zurueck:focus,
a.tooltip,
a.tooltip:visited,
a.tooltip:active,
a.tooltip:focus {
	text-transform: uppercase;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	letter-spacing: 0.025em;
	line-height: 1.353em;
	position: relative;
	color: #fff;
	background-color: #004F25;
	display: inline-block;
	padding: 15px 60px 15px 25px;
	opacity: 1;
}

@media (max-width:767px) {
	a.mehrbox,
	a.mehrbox:visited,
	a.mehrbox:active,
	a.mehrbox:focus,
	a.download2,
	a.download2:visited,
	a.download2:active,
	a.download2:focus,
	a.zurueck,
	a.zurueck:visited,
	a.zurueck:active,
	a.zurueck:focus,
	a.tooltip,
	a.tooltip:visited,
	a.tooltip:active,
	a.tooltip:focus {
		font-size: 14px;
		letter-spacing: 0.025em;
	}
}

a.tooltip,
a.tooltip:visited,
a.tooltip:active,
a.tooltip:focus,
a.zurueck,
a.zurueck:visited,
a.zurueck:active,
a.zurueck:focus {
	padding: 15px 25px 15px 60px;
}

a.mehrbox:hover,
a.tooltip:hover,
a.zurueck:hover {
	background-color: #003f1c;
}

a.mehrbox:after,
a.download2:after,
a.tooltip:after,
a.zurueck:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e902";

	position: absolute;
	right: 25px;
	top: 18px;
	z-index: 5;
}

a.mehrbox + * + a.mehrbox {
	margin-top: 8px;
}


a.tooltip:after,
a.zurueck:after {
	right: auto;
	left: 25px;
	content: "\e90f";
}

a.zurueck:after {
	content: "\e901";
}

a.download2:after {
	content: "\e90a";
}

a.drucken,
a.drucken:visited,
a.drucken:active,
a.drucken:focus {
	padding: 15px 60px;
}

a.drucken:after {
	content: "";
}

a.locked,
a.locked:active,
a.locked:focus,
a.locked:visited,
a.locked:hover {
	position: relative;
	padding-left: 20px;
	background: no-repeat url("/fileadmin/icons/locked.png") left top;
	background-size: 12px auto;
}

.statement {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 35px;
	line-height: 1.133em;
	letter-spacing: 0em;
	text-transform: none;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

/* ==========================================================================
   TYPO3 styles: opinionated defaults
   ========================================================================== */

.csc-header-alignment-center {
	text-align: center;
}

.csc-header-alignment-left {
	text-align: left;
}

.csc-header-alignment-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

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

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}