/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
.hamburger, img, legend {
	border: 0
}

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

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background: 0 0;
	color: inherit;
	text-decoration: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b, optgroup, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre, textarea {
	overflow: auto
}

.hamburger, button {
	overflow: visible
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

legend {
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
	padding: 0
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	margin: 0
}

.button, body {
	font-size: 18px
}

.contentTextWrapper--alternativeFontColor, .downloadsListItem, body {
	color: #464646
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity: .7
}

.hamburger-box {
	height: 24px;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: ease
}

fieldset, iframe {
	border: 0
}

.button, .container, fieldset {
	position: relative
}

.hamburger-inner::after, .hamburger-inner::before {
	content: "";
	display: block
}

.hamburger-inner::before {
	top: -10px
}

.hamburger-inner::after {
	bottom: -10px
}

.hamburger--slider .hamburger-inner {
	top: 2px
}

.hamburger--slider .hamburger-inner::before {
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
	top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-5.71px, -6px, 0);
	opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(-90deg)
}

@font-face {
	font-family: 'Open Sans Italic';
	src: url(../fonts/OpenSans/Italic/OpenSans-Italic_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/Italic/OpenSans-Italic_woff.woff) format("woff"), url(../fonts/OpenSans/Italic/OpenSans-Italic_woff2.woff2) format("woff2"), url(../fonts/OpenSans/Italic/OpenSans-Italic_ttf.ttf) format("truetype"), url(../fonts/OpenSans/Italic/OpenSans-Italic_svg.svg#OpenSans) format("svg");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans Light';
	src: url(../fonts/OpenSans/Light/OpenSans-Light_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/Light/OpenSans-Light_woff.woff) format("woff"), url(../fonts/OpenSans/Light/OpenSans-Light_woff2.woff2) format("woff2"), url(../fonts/OpenSans/Light/OpenSans-Light_ttf.ttf) format("truetype"), url(../fonts/OpenSans/Light/OpenSans-Light_svg.svg#OpenSans) format("svg");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans Light-Italic';
	src: url(../fonts/OpenSans/LightItalic/OpenSans-LightItalic_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/LightItalic/OpenSans-LightItalic_woff.woff) format("woff"), url(../fonts/OpenSans/LightItalic/OpenSans-LightItalic_woff2.woff2) format("woff2"), url(../fonts/OpenSans/LightItalic/OpenSans-LightItalic_ttf.ttf) format("truetype"), url(../fonts/OpenSans/LightItalic/OpenSans-LightItalic_svg.svg#OpenSans) format("svg");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans Regular';
	src: url(../fonts/OpenSans/Regular/OpenSans-Regular_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/Regular/OpenSans-Regular_woff.woff) format("woff"), url(../fonts/OpenSans/Regular/OpenSans-Regular_woff2.woff2) format("woff2"), url(../fonts/OpenSans/Regular/OpenSans-Regular_ttf.ttf) format("truetype"), url(../fonts/OpenSans/Regular/OpenSans-Regular_svg.svg#OpenSans) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url(../fonts/OpenSans/Semibold/OpenSans-Semibold_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/Semibold/OpenSans-Semibold_woff.woff) format("woff"), url(../fonts/OpenSans/Semibold/OpenSans-Semibold_woff2.woff2) format("woff2"), url(../fonts/OpenSans/Semibold/OpenSans-Semibold_ttf.ttf) format("truetype"), url(../fonts/OpenSans/Semibold/OpenSans-Semibold_svg.svg#OpenSans) format("svg");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans Semibold-Italic';
	src: url(../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic_woff.woff) format("woff"), url(../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic_woff2.woff2) format("woff2"), url(../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic_ttf.ttf) format("truetype"), url(../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic_svg.svg#OpenSans) format("svg");
	font-weight: 600;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url(../fonts/OpenSans/Bold/OpenSans-Bold_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/Bold/OpenSans-Bold_woff.woff) format("woff"), url(../fonts/OpenSans/Bold/OpenSans-Bold_woff2.woff2) format("woff2"), url(../fonts/OpenSans/Bold/OpenSans-Bold_ttf.ttf) format("truetype"), url(../fonts/OpenSans/Bold/OpenSans-Bold_svg.svg#OpenSans) format("svg");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans Bold-Italic';
	src: url(../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic_woff.woff) format("woff"), url(../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic_woff2.woff2) format("woff2"), url(../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic_ttf.ttf) format("truetype"), url(../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic_svg.svg#OpenSans) format("svg");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans Extrabold';
	src: url(../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold_woff.woff) format("woff"), url(../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold_woff2.woff2) format("woff2"), url(../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold_ttf.ttf) format("truetype"), url(../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold_svg.svg#OpenSans) format("svg");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans Extrabold-Italic';
	src: url(../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic_eot.eot) format("embedded-opentype"), url(../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic_woff.woff) format("woff"), url(../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic_woff2.woff2) format("woff2"), url(../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic_ttf.ttf) format("truetype"), url(../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic_svg.svg#OpenSans) format("svg");
	font-weight: 800;
	font-style: italic
}

* {
	box-sizing: border-box
}

body {
	font-family: 'Open Sans Regular', sans-serif;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 24px;
	line-height: 1.5rem
}

@media all and (max-width: 980px) {
	body {
		font-size: 16px;
		font-size: 1rem;
		line-height: 22px;
		line-height: 1.375rem
	}
}

figure {
	margin: 0;
	line-height: 0
}

ul li {
	list-style: none
}

form::after {
	content: '';
	display: block;
	clear: both
}

fieldset {
	margin: 0;
	padding: 0
}

textarea {
	font: inherit
}

.pageHeader + .contentArea {
	margin-top: 177px
}

@media all and (max-width: 980px) {
	.pageHeader + .contentArea {
		margin-top: 100px
	}
}

.container {
	width: 100%;
	max-width: 1420px;
	margin: 0 auto
}

.container::after {
	content: '';
	display: block;
	clear: both
}

@media all and (max-width: 1480px) {
	.container {
		max-width: 1222px
	}
}

.container--pullUp {
	margin: -259px auto 100px
}

@media all and (max-width: 1170px) {
	.container {
		max-width: 980px
	}

	.container--pullUp {
		margin: -60px auto 100px
	}
}

.container--boxStyle {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
	box-shadow: 0 0 10px rgba(0, 0, 0, .16);
	background-color: #fff;
	width: 941px;
	padding: 50px 80px 35px
}

.greyBox, .leftColumn:not(.halfWidthColumn) {
	background-color: #edf4f8
}

@media all and (max-width: 640px) {
	.container--boxStyle {
		padding: 30px 20px
	}
}

@media all and (max-width: 980px) {
	.container--pullUp {
		margin: 0 auto 50px
	}

	.container--boxStyle {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: auto
	}

	.contentArea > .container {
		width: auto;
		margin: 0 15px
	}
}

.leftColumn {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 446px;
	padding: 30px 40px 42px;
	float: left
}

.leftColumn::after {
	content: '';
	display: block;
	clear: both
}

@media all and (max-width: 1280px) {
	.leftColumn {
		width: 332px;
		padding: 24px
	}
}

@media all and (max-width: 980px) {
	.leftColumn {
		width: auto;
		float: none
	}
}

.leftColumn > div:last-child {
	margin-bottom: 0
}

.leftColumn:empty {
	border: 0
}

.mainColumn {
	width: calc(100% - (446px + 62px));
	margin: 0 0 0 62px;
	float: left
}

@media all and (max-width: 1280px) {
	.mainColumn {
		width: calc(100% - (332px + 40px));
		margin: 0 0 0 40px
	}
}

@media all and (max-width: 980px) {
	.mainColumn {
		width: auto;
		margin: 40px 0 0;
		float: none
	}
}

.mainColumn.halfWidthColumn + div {
	clear: both
}

.halfWidthColumn {
	border: 0;
	width: calc(50% - 44px);
	margin: 0 0 40px;
	padding: 0
}

.halfWidthColumn + .halfWidthColumn {
	margin: 0 0 50px 40px
}

@media all and (max-width: 980px) {
	.halfWidthColumn {
		width: auto;
		float: none
	}

	.halfWidthColumn + .halfWidthColumn {
		margin: 0 0 40px
	}
}

.halfWidth {
	width: calc(50% - 20px);
	margin-right: 40px;
	float: left
}

.halfWidth + .halfWidth {
	margin-right: 0;
	margin-bottom: 60px
}

@media all and (min-width: 981px) and (max-width: 1480px) {
	.halfWidth {
		width: 100%;
		margin-right: 0;
		float: none
	}

	.halfWidth + .halfWidth {
		margin-top: 30px
	}
}

@media all and (max-width: 767px) {
	.halfWidth {
		width: 100%;
		margin-right: 0;
		float: none
	}

	.halfWidth + .halfWidth {
		margin-top: 30px;
		margin-right: auto
	}
}

.halfWidth + .halfWidth + * {
	clear: both
}

.pageHeadlines {
	width: 100%;
	margin: 69px 0 0;
	display: inline-block
}

@media all and (max-width: 640px) {
	.pageHeadlines {
		margin: 40px 0 35px
	}
}

.pageHeadlines--alternativeMargin {
	margin: 0 0 33px
}

.pageHeadlines__headline {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	font-size: 48px;
	font-size: 3rem;
	line-height: 56px;
	line-height: 3.5rem;
	max-width: 1020px;
	margin: 0 0 10px;
	color: #005f96
}

@media all and (max-width: 1170px) {
	.pageHeadlines__headline {
		font-size: 38px;
		font-size: 2.375rem;
		line-height: 45px;
		line-height: 2.8125rem;
		max-width: 720px;
		margin: 0 0 5px
	}
}

@media all and (max-width: 980px) {
	.pageHeadlines__headline {
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 30px;
		line-height: 1.875rem;
		max-width: none;
		margin: 0 0 10px
	}
}

.pageHeadlines__headline--largerMarginBottom {
	margin-bottom: 36px
}

@media all and (max-width: 1170px) {
	.pageHeadlines__headline--largerMarginBottom {
		margin: 0 0 5px
	}
}

.pageHeadlines__subline {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 33px;
	line-height: 2.0625rem;
	max-width: 1100px;
	margin: 0 0 63px;
	padding: 0 0 0 5px;
	display: block
}

@media all and (max-width: 1170px) {
	.pageHeadlines__subline {
		font-size: 20px;
		font-size: 1.25rem
	}
}

@media all and (max-width: 980px) {
	.pageHeadlines__subline {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 24px;
		line-height: 1.5rem;
		max-width: none;
		padding: 0
	}
}

.container--boxStyle .pageHeadlines__subline {
	font-size: 20px;
	font-size: 1.25rem;
	padding: 0
}

.contentTitle {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	font-size: 32px;
	font-size: 2rem;
	line-height: 40px;
	line-height: 2.5rem;
	margin: 0 0 29px;
	display: block;
	color: #005f96
}

@media all and (max-width: 1170px) {
	.contentTitle {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 27px;
		line-height: 1.6875rem
	}
}

.contentTitle--insideGreyBox {
	border: 1px solid #c8d400;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	padding: 0 0 15px
}

.contentAbstract {
	font-family: 'Open Sans Light', sans-serif;
	font-weight: 300;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 33px;
	line-height: 2.0625rem;
	margin: 0 0 54px;
	display: block
}

.button, .greyBox > a, article > a, p > a {
	color: #005f96
}

.greyBox {
	margin: 0 0 60px;
	padding: 35px 30px 28px 40px
}

@media all and (max-width: 1480px) {
	.greyBox {
		padding: 20px 24px
	}
}

.greyBox--withMaxWidth {
	max-width: 885px
}

@media all and (min-width: 1025px) {
	.greyBox > a:hover, article > a:hover, p > a:hover {
		text-decoration: underline
	}
}

.button {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	font-size: 1.125rem;
	background-color: transparent;
	border: 2px solid #005f96;
	padding: 15px 40px;
	display: inline-block;
	line-height: 1;
	text-decoration: none
}

@media all and (max-width: 1170px) {
	.button {
		font-size: 16px;
		font-size: 1rem;
		padding: 14px 30px
	}
}

.button:hover {
	transition: all .4s ease;
	background-color: #005f96;
	color: #fff;
	text-decoration: none
}

.button[href^="http://"]:not([href*=".ewe-netz"]):not([href*=cmntk]), .button[href^="https://"]:not([href*=".ewe-netz"]):not([href*=cmntk]) {
	padding-right: 60px
}

.button[href^="http://"]:not([href*=".ewe-netz"]):not([href*=cmntk])::after, .button[href^="https://"]:not([href*=".ewe-netz"]):not([href*=cmntk])::after {
	content: '';
	background-image: url(../images/icon-ext-link-blue.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 13px;
	right: 30px;
	display: block
}

@media all and (max-width: 1170px) {
	.button[href^="http://"]:not([href*=".ewe-netz"]):not([href*=cmntk]), .button[href^="https://"]:not([href*=".ewe-netz"]):not([href*=cmntk]) {
		padding-right: 50px
	}

	.button[href^="http://"]:not([href*=".ewe-netz"]):not([href*=cmntk])::after, .button[href^="https://"]:not([href*=".ewe-netz"]):not([href*=cmntk])::after {
		width: 15px;
		height: 15px;
		top: 14px;
		right: 24px
	}
}

.button[href^="http://"]:not([href*=".ewe-netz"]):not([href*=cmntk]):hover::after, .button[href^="https://"]:not([href*=".ewe-netz"]):not([href*=cmntk]):hover::after {
	background-image: url(../images/icon-ext-link.svg)
}

.borderedBox {
	border: 2px solid #f5f5f5;
	padding: 30px 30px 42px
}

.slideToggler {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans Light', sans-serif;
	font-weight: 300;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1px;
	line-height: .0625rem;
	background: url(../images/icon-dropdown-white.svg) 95% center no-repeat #005f96;
	border: 0;
	margin: 0 0 40px;
	padding: 23px 70px 24px 23px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase
}

.accordion + .accordion {
	margin: 20px 0 0
}

.accordionHeader {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 30px;
	line-height: 1.875rem;
	padding: 22.5px 98px 22.5px 28px;
	display: block;
	position: relative;
	z-index: 5;
	color: #005f96
}

@media all and (max-width: 1170px) {
	.accordionHeader {
		font-size: 24px;
		font-size: 1.5rem
	}
}

@media all and (max-width: 640px) {
	.accordionHeader {
		padding: 10px 40px 10px 15px
	}
}

.accordionContent {
	margin: -45px 0 0;
	padding: 22.5px 28px;
	border: 2px solid transparent;
	border-top: 0;
	border-bottom: 0
}

.js-accordion__header {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background-color: #fff;
	border-bottom: 2px solid #edf4f8;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
	cursor: pointer
}

.js-accordion__header::after {
	content: '';
	background: url(../images/icon-dropdown-green.svg) center no-repeat;
	background-size: cover;
	width: 35px;
	height: 17px;
	display: block;
	position: absolute;
	top: calc(50% - 8.5px);
	right: 60px
}

@media all and (max-width: 980px) {
	.accordionHeader {
		font-size: 20px;
		font-size: 1.25rem
	}

	.js-accordion__header::after {
		width: 20px;
		height: 10px;
		top: calc(50% - 5px);
		right: 30px
	}
}

@media all and (max-width: 640px) {
	.accordionContent {
		padding: 22.5px 15px
	}

	.js-accordion__header::after {
		right: 15px
	}
}

.js-accordion__header--active {
	background-color: #edf4f8
}

.js-accordion__header--active::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.js-accordion__content {
	-webkit-transition: max-height .5s ease, margin-top .5s ease;
	transition: max-height .5s ease, margin-top .5s ease;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	max-height: 0;
	overflow: hidden
}

.js-accordion__content--open {
	max-height: 5000px;
	margin-top: 0;
	border: 2px solid #edf4f8;
	border-top: 0
}

.banner {
	font-family: 'Open Sans Semibold', sans-serif;
	font-weight: 600;
	background: url(../images/banner-webinar-abrechnung-leicht-gemacht-bg.png) right top no-repeat;
	margin-bottom: 50px;
	padding: 20px 48px 48px;
	display: block;
	position: relative;
	overflow: hidden;
	color: #fff
}

.banner__pseudoLink, .banner__pseudoLink::before, .banner__title, .boxModule .contentTitle, .boxModule .imageTextContentTextWrapper__link, .energyChartDownloadButton {
	font-family: 'Open Sans Bold', sans-serif
}

.banner::before {
	content: "";
	background: url(../images/banner-webinar-abrechnung-leicht-gemacht-zettel.png);
	background-size: cover;
	width: 532px;
	height: 382px;
	position: absolute;
	right: 100px;
	bottom: 0;
	z-index: 1
}

@media all and (max-width: 1480px) {
	.banner::before {
		right: 0
	}
}

@media all and (max-width: 1170px) {
	.banner::before {
		width: 380px;
		height: 242px;
		right: 0
	}
}

.banner__inner {
	max-width: 700px;
	font-size: 22px;
	line-height: 27px
}

@media all and (max-width: 980px) {
	.banner {
		padding: 20px 28px 30px
	}

	.banner__inner {
		max-width: calc(100% - 360px)
	}
}

@media all and (max-width: 800px) {
	.banner::before {
		display: none
	}

	.banner__inner {
		max-width: none;
		font-size: 20px
	}
}

.banner__title {
	font-weight: 700;
	margin: 66px 0 0;
	font-size: 46px;
	line-height: 60px
}

@media all and (max-width: 980px) {
	.banner__title {
		margin: 0;
		font-size: 38px;
		line-height: 44px
	}
}

@media all and (max-width: 800px) {
	.banner__title {
		font-size: 26px;
		line-height: 32px
	}
}

.banner__description {
	margin: 24px 0 0
}

.banner__pseudoLink {
	font-weight: 700;
	margin: 68px 0 0;
	display: inline-block;
	font-size: 27px
}

@media all and (max-width: 800px) {
	.banner__pseudoLink {
		margin: 40px 0 0;
		font-size: 24px
	}
}

@media all and (max-width: 480px) {
	.banner__pseudoLink {
		font-size: 22px
	}
}

.banner__pseudoLink::before {
	font-weight: 700;
	content: '\BB';
	margin: -6px 0 0 22px;
	float: right;
	font-size: 68px
}

@media all and (max-width: 980px) {
	.banner__pseudoLink::before {
		margin: -3px 0 0 15px;
		font-size: 38px
	}
}

.boxModule {
	background-color: #edf4f8
}

.boxModule--noBorder {
	border-color: transparent
}

.boxModule__figure {
	width: 100%;
	line-height: 0;
	text-align: center
}

.boxModule__image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto
}

.boxModule__body {
	background-color: #fff;
	height: 170px;
	padding: 20px 0 0
}

.boxModule__body--transparentBG {
	background-color: transparent
}

.boxModule .imageTextContentTextWrapper__link::after, .energyChartDownloadButton::after {
	content: '';
	background: url(../images/icon-arrow-right-green.svg) center no-repeat;
	position: relative
}

@media all and (min-width: 981px) and (max-width: 1480px) {
	.boxModule.halfWidth {
		width: calc(50% - 20px);
		float: left
	}
}

.boxModule .contentTitle {
	font-weight: 700;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 30px;
	line-height: 1.875rem;
	margin: 0 0 20px
}

@media all and (max-width: 1170px) {
	.boxModule .contentTitle {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 27px;
		line-height: 1.6875rem
	}
}

.boxModule .downloadsListItem {
	padding-right: 0
}

.boxModule .downloadsListItem__description {
	overflow: hidden;
	text-overflow: ellipsis
}

.boxModule .imageTextContentTextWrapper__link {
	font-weight: 700;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem
}

.boxModule .imageTextContentTextWrapper__link::after {
	background-size: 100% auto;
	width: 17px;
	height: 17px;
	top: 3px;
	line-height: 1;
	display: inline-block;
	margin: 0 0 0 10px
}

.boxModule .imageTextContentTextWrapper__link::before {
	display: none
}

@media all and (max-width: 767px) {
	.mainColumn .boxModule {
		max-width: 420px;
		margin-right: auto;
		margin-left: auto
	}
}

@media all and (min-width: 1481px) {
	.mainColumn .boxModule__figure {
		min-height: 200px
	}
}

@media all and (min-width: 981px) and (max-width: 1480px) {
	.mainColumn .boxModule {
		width: 100%;
		display: flex
	}

	.mainColumn .boxModule__figure {
		max-width: 200px;
		max-height: 170px;
		display: flex;
		align-items: center;
		justify-content: center;
		float: left
	}

	.mainColumn .boxModule__image {
		width: auto;
		max-height: 100%
	}

	.mainColumn .boxModule__body {
		width: 100%;
		padding: 20px 0 0 32px
	}
}

.mainColumn .boxModule:not(.halfWidth) {
	margin-top: 60px;
	margin-bottom: 60px
}

@media all and (max-width: 767px) {
	.mainColumn .boxModule:not(.halfWidth) {
		margin-top: 30px;
		margin-bottom: 30px
	}
}

.energyChart {
	height: 325px;
	margin: 0 0 40px
}

.chartData {
	display: none
}

.energyChartDownloadButton {
	line-height: 22px;
	line-height: 1.375rem;
	font-weight: 700;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 0 40px;
	display: inline-block;
	cursor: pointer;
	color: #005f96
}

.contactBox__name, .footerMetaNavigation__navItem, .footerNavigation__navItem {
	font-family: 'Open Sans Semibold', sans-serif;
	font-weight: 600
}

.energyChartDownloadButton::after {
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	top: 3px;
	line-height: 1;
	display: inline-block;
	margin: 0 0 0 10px
}

.contactBoxPhoneNumbers > a::before, .contactBox__email::before {
	background-position: left center;
	content: ''
}

@media all and (min-width: 1025px) {
	.energyChartDownloadButton:hover {
		text-decoration: underline
	}
}

.contactBox {
	margin: 0 0 40px
}

@media all and (max-width: 980px) {
	.energyChartDownloadButton {
		font-size: 18px;
		font-size: 1.125rem
	}

	.contactBox {
		width: calc(50% - 20px);
		max-width: 264px;
		float: left
	}

	.contactBox:last-child {
		margin-left: 40px
	}
}

@media all and (max-width: 640px) {
	.contactBox {
		width: auto;
		margin-bottom: 25px;
		float: none
	}

	.contactBox:last-child {
		margin-left: 0
	}
}

.contactBox__position {
	font-size: 21px;
	font-size: 1.3125rem;
	margin: 0 0 14px;
	display: block;
	color: #005f96
}

@media all and (max-width: 1280px) {
	.contactBox__position {
		font-size: 18px;
		font-size: 1.125rem
	}
}

.contactBox__name {
	font-size: 24px;
	font-size: 1.5rem;
	display: block;
	margin: 0 0 6px;
	color: #005f96
}

@media all and (max-width: 1280px) {
	.contactBox__name {
		font-size: 18px;
		font-size: 1.125rem
	}
}

.contactBox__email {
	font-size: 16px;
	font-size: 1rem;
	margin: 0 0 14px;
	padding: 0 0 0 46px;
	display: block;
	position: relative;
	color: #000;
	text-decoration: none
}

@media all and (max-width: 1280px) {
	.contactBox__email {
		font-size: 14px;
		font-size: .875rem
	}
}

@media all and (min-width: 1025px) {
	.contactBox__email:hover {
		text-decoration: underline
	}
}

.contactBox__email::before {
	background-image: url(../images/icon-e-mail.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 20px;
	display: block;
	position: absolute;
	top: calc(50% - (20px / 2));
	left: 2px
}

.contactBoxImageWrapper {
	max-height: 236px;
	margin: 0 0 13px;
	line-height: 0
}

.contactBoxImageWrapper__image {
	width: 100%;
	height: auto;
	max-height: inherit
}

.contactBoxPhoneNumbers {
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	color: #000;
	text-decoration: none
}

@media all and (max-width: 1280px) {
	.contactBoxPhoneNumbers {
		font-size: 14px;
		font-size: .875rem
	}
}

.contactBoxPhoneNumbers > a {
	margin: 0 0 10px;
	padding: 0 0 0 46px;
	display: block;
	position: relative;
	cursor: default
}

.contactBoxPhoneNumbers > a::before {
	background-repeat: no-repeat;
	width: 55px;
	height: 60px;
	display: block;
	position: absolute;
	top: calc(50% - (60px / 2))
}

.contactBoxPhoneNumbers__number::before {
	background-image: url(../images/icon-phone.svg);
	background-size: 29px 28px;
	width: 30px;
	height: 28px;
	top: calc(50% - (28px / 2));
	left: 0
}

.contactBoxPhoneNumbers__mobile::before {
	background-image: url(../images/icon-smartphone.svg);
	background-size: 18px 28px;
	top: calc(50% - (25px / 2));
	left: 6px
}

.downloadsList::after {
	content: '';
	display: block;
	clear: both
}

.downloadsListItem {
	max-width: 571px;
	min-height: 85px;
	margin: 0 0 10px;
	padding: 0 135px 0 80px;
	display: block;
	position: relative;
	text-decoration: none
}

.downloadsListItem::after {
	content: '';
	background-image: url(../images/icon-download-green.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

@media all and (max-width: 1170px) {
	.downloadsListItem {
		margin: 0 0 20px;
		padding: 0 50px 0 35px
	}

	.downloadsListItem::after {
		width: 25px;
		height: 27px
	}
}

@media all and (min-width: 1025px) {
	.downloadsListItem:hover {
		color: #005f96
	}
}

.downloadsListItem--floating {
	width: 50%;
	max-width: none;
	float: left
}

@media all and (max-width: 767px) {
	.downloadsListItem--floating {
		width: auto;
		float: none
	}
}

.downloadsListItem--noPaddingRight {
	padding-right: 0
}

.downloadsListItem--new::before {
	font-size: 14px;
	font-size: .875rem;
	line-height: 14px;
	line-height: .875rem;
	content: 'NEU';
	background-color: #005f96;
	margin: 2px 6px 0 0;
	padding: 4px 8px;
	display: inline-block;
	float: left;
	color: #fff;
	letter-spacing: 1px
}

.form-group::after, .form-submit-border.text-right::after, .pageHeader::after {
	content: ''
}

@media all and (-ms-high-contrast: none) {
	.downloadsListItem--new::before {
		padding: 10px 8px
	}
}

.downloadsListItem__description {
	display: block
}

.downloadsListItem__fileInfo {
	color: #005f96
}

.boxModule .downloadsListItem {
	min-height: 1px;
	margin: 0;
	padding-left: 54px
}

.boxModule .downloadsListItem::after {
	width: 40px;
	height: 40px;
	top: 4px
}

.control-label {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 38px;
	line-height: 2.375rem;
	width: 190px;
	min-height: 50px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: left
}

@media all and (max-width: 980px) {
	.control-label {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 22px;
		line-height: 1.375rem;
		width: auto;
		min-height: 1px;
		margin-bottom: 15px;
		display: block;
		float: none
	}
}

input[type=email], input[type=password], input[type=text] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 50 pxpx;
	line-height: 3.13 pxrem;
	background-color: #edf4f8;
	border: 1px solid #005f96;
	width: 100%;
	height: 50px;
	padding: 0 16px;
	display: inline-block;
	color: #005f96
}

@media all and (max-width: 980px) {
	input[type=email], input[type=password], input[type=text] {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 40px;
		line-height: 2.5rem;
		height: 40px
	}
}

textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 22px;
	font-size: 1.375rem;
	border: 1px solid #005f96;
	width: 100%;
	padding: 10px 16px;
	display: inline-block;
	color: #005f96
}

.form-group {
	margin-bottom: 25px
}

.form-group::after {
	display: block;
	clear: both
}

.field {
	width: calc(100% - 190px);
	float: left;
	position: relative
}

@media all and (max-width: 980px) {
	.field {
		width: auto;
		float: none
	}
}

.form-submit-border.text-right::after {
	display: block;
	clear: both
}

.form-submit-border.text-right .button {
	margin-top: 8px;
	float: right
}

.input-validation-error {
	border: 1px solid #E33451 !important
}

.loginForm {
	max-width: 634px;
	margin: 0 0 45px
}

.loginForm__forgotPasswordLink {
	font-size: 16px;
	font-size: 1rem;
	position: absolute;
	bottom: 43px;
	left: 190px;
	color: #005f96;
	text-decoration: none
}

.footerMetaNavigation__navItem:hover, .footerNavigation__navItem:hover {
	text-decoration: underline
}

@media all and (max-width: 980px) {
	.loginForm__forgotPasswordLink {
		margin-bottom: 25px;
		position: static;
		left: 0
	}
}

@media all and (min-width: 1025px) {
	.loginForm__forgotPasswordLink:hover {
		text-decoration: underline
	}
}

.loginForm input[type=submit] {
	background-position-x: 95px
}

.propertyForm .control-label {
	width: auto;
	display: block
}

.propertyForm .field {
	width: auto;
	float: none
}

.propertyForm textarea {
	min-height: 200px
}
.pageFooter {
	background: url(../images/footer.svg) center top no-repeat;
	background-size: cover;
	width: 100%;
	margin: 100px 0 0;
	padding: 80px 0 0;
	position: relative;
	color: #fff
}

.footerLogo, .mainLogo {
	background-position: center;
	background-repeat: no-repeat
}

.pageFooter > .container {
	padding: 62px 0 50px
}

@media all and (max-width: 980px) {
	.pageFooter {
		margin: 77px 0 0
	}

	.pageFooter > .container {
		padding: 22px 0 50px
	}
}

.footerNavigation {
	margin: 0 0 50px;
	display: flex;
	justify-content: center
}

@media all and (max-width: 980px) {
	.footerNavigation {
		display: block;
		text-align: center
	}
}

.footerNavigation__navItem {
	font-size: 16px;
	font-size: 1rem;
	line-height: 22px;
	line-height: 1.375rem;
	padding: 10px 25px;
	display: inline-block
}

@media all and (max-width: 1170px) {
	.footerNavigation__navItem {
		padding: 10px
	}
}

.scrollTopTrigger {
	background-color: #c8d400;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 78%;
	top: 0;
	z-index: 800;
	color: #005f96;
	font-size: 18px;
	line-height: 24px;
	text-align: center
}

@media all and (max-width: 980px) {
	.scrollTopTrigger {
		top: -43px;
		left: calc(50% - 45px)
	}
}

.scrollTopTrigger::after, .scrollTopTrigger::before {
	content: "";
	left: 50%;
	position: absolute;
	top: calc(50% - 16px)
}

.scrollTopTrigger::before {
	background-color: #005f96;
	height: 34px;
	transform: translate(-50%);
	width: 2px
}

.scrollTopTrigger::after {
	border-left: 2px solid #005f96;
	border-top: 2px solid #005f96;
	height: 18px;
	transform: translate(-50%) rotate(45deg);
	transform-origin: center;
	width: 18px
}

.footerLogo {
	background-image: url(../images/icon-logo-white.svg);
	background-size: cover;
	width: 180px;
	height: 33px;
	display: block;
	position: absolute;
	top: 48px;
	left: calc(50% - 632px)
}

@media all and (max-width: 1280px) {
	.footerLogo {
		left: 20px
	}
}

@media all and (max-width: 768px) {
	.footerLogo {
		background-size: 137px 25px;
		width: 137px;
		height: 25px;
		top: 85px;
		left: calc(50% - (137px / 2))
	}
}

.footerMetaNavigation {
	display: flex;
	justify-content: center
}

.footerMetaNavigation__navItem {
	font-size: 16px;
	font-size: 1rem;
	line-height: 22px;
	line-height: 1.375rem;
	padding: 10px 21px;
	display: inline-block;
	position: relative
}

.purMapControlsAll {
	font-size: 14px;
	line-height: 15px;
	display: none
}

.purMapControlsAll fieldset label {
	color: #fff;
	text-shadow: 1px 1px 1px #000, 0 0 2px #000;
	padding: 0 3px 1px;
	display: inline-block;
	margin: 0 0 1px
}

.purMapControlsAll fieldset.layers {
	margin: 0 0 5px
}

.purMapControlsAll fieldset .sublayers {
	padding-left: 18px
}

.purMapControls {
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	padding: 3px 5px 5px;
	margin: 10px 0 0 10px;
	box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px
}

.purMapControls .intro {
	margin-bottom: 4px
}

.purMapControls .intro strong {
	font-weight: 300;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 13px
}

.purMapControls .groups {
	display: flex;
	flex-wrap: nowrap
}

.purMapControls .groups .controlGroup {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 10px
}

.purMapControls .groups .controlGroup:first-child {
	margin-left: 1px
}

.purMapControls .groups .controlGroup input[type=checkbox] {
	cursor: pointer
}

.purMapControls .groups .controlGroup label {
	padding-left: 5px;
	font-size: 13px;
	line-height: 1;
	cursor: pointer
}

.purLegend {
	position: absolute;
	right: 0;
	padding-top: 60px;
	z-index: 999;
	pointer-events: none;
	padding-right: 10px
}

.purLegend .inner {
	box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
	background-color: #fff;
	padding: 5px 8px 5px 5px
}

.purLegend .inner .range {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 7px
}

.purLegend .inner .range .colorCircle {
	width: 14px;
	height: 14px;
	border-radius: 7px
}

.purLegend .inner .range .label {
	font-size: 13px;
	line-height: 1.2;
	padding-left: 6px;
	max-width: 42px
}

.purModal {
	box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px
}

.purModal .inner {
	background-color: #fff;
	max-height: 340px
}

.purModal .inner .controls {
	height: 30px;
	position: relative;
	background-color: rgba(0, 0, 0, .1)
}

.purModal .inner .controls .close {
	position: absolute;
	top: 5px;
	right: 8px;
	display: block;
	text-decoration: none;
	font-size: 21px;
	font-family: 'Courier New', monospace
}

.purModal .inner .controls .close:hover {
	color: #777
}

.purModal .inner .content {
	overflow: auto;
	max-height: 310px;
	padding: 5px
}

.purModal .inner .content .json {
	display: none;
	white-space: pre;
	font-size: 12px
}

.purMap {
	height: 670px;
	width: 100%;
	margin: 0 0 20px
}

.pageHeader {
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	background-color: #fff;
	width: 100%;
	height: 177px;
	position: fixed;
	top: 0;
	z-index: 1000
}

.pageHeader::after {
	display: block;
	clear: both
}

@media all and (max-width: 980px) {
	.pageHeader {
		height: 100px
	}
}

.pageHeader > .container {
	height: inherit
}

.mainLogo {
	background-image: url(../images/logo-ewe-netz.svg);
	background-size: cover;
	width: 257px;
	height: 47px;
	display: block;
	position: absolute;
	top: 23px;
	left: 28px
}

@media all and (max-width: 1480px) {
	.mainLogo {
		left: 35px
	}
}

@media all and (max-width: 1170px) {
	.mainLogo {
		background-size: 220px 40px;
		width: 220px;
		height: 40px;
		top: 23px;
		left: -1px
	}
}

@media all and (max-width: 980px) {
	.mainLogo {
		background-size: 130px 29px;
		width: 130px;
		height: 29px;
		top: 12px;
		left: 15px
	}
}

.headerTitle {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	font-size: 30px;
	font-size: 1.875rem;
	position: absolute;
	top: 30px;
	right: 0;
	color: #005f96
}

@media all and (max-width: 1480px) {
	.headerTitle {
		font-size: 27px;
		font-size: 1.6875rem
	}
}

@media all and (max-width: 1170px) {
	.headerTitle {
		font-size: 24px;
		font-size: 1.5rem
	}
}

@media all and (max-width: 980px) {
	.headerTitle {
		left: 15px;
		top: auto;
		bottom: 10px;
		font-size: 20px
	}

	.pageHeaderDropDownNavigation {
		font-size: 14px;
		font-size: .875rem
	}
}

@media all and (max-width: 640px) {
	.headerTitle {
		display: none
	}
}

.pageHeaderDropDownNavigation {
	position: absolute;
	top: 0;
	left: 447px;
	z-index: 10
}

@media all and (max-width: 1480px) {
	.pageHeaderDropDownNavigation {
		left: 417px
	}
}

@media all and (max-width: 1170px) {
	.pageHeaderDropDownNavigation {
		left: 245px
	}
}

@media all and (max-width: 768px) {
	.pageHeaderDropDownNavigation {
		left: 190px
	}
}

@media all and (max-width: 767px) {
	.pageHeaderDropDownNavigation {
		top: auto;
		right: 10px;
		bottom: 0;
		left: auto
	}
}

.pageHeaderDropDownNavigation__toggler {
	line-height: 57px;
	line-height: 3.5625rem;
	height: 52px;
	background-image: url(../images/spaceship-toggler-left.svg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 43px 0 25px;
	display: block;
	position: absolute;
	top: 0;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap
}

.pageHeaderDropDownNavigation__toggler--noSelect {
	cursor: default
}

@media all and (max-width: 767px) {
	.pageHeaderDropDownNavigation__toggler {
		background: 0 0;
		height: auto;
		padding: 10px 40px 10px 10px;
		position: relative;
		color: #005f96;
		line-height: 1
	}

	.pageHeaderDropDownNavigation__toggler--noSelect {
		padding: 10px
	}
}

.pageHeaderDropDownNavigation__toggler--noSelect::before {
	display: none !important
}

.pageHeaderDropDownNavigation__toggler::after, .pageHeaderDropDownNavigation__toggler::before {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	content: ''
}

.pageHeaderDropDownNavigation__toggler::before {
	width: 20px;
	height: 10px;
	background-image: url(../images/icon-dropdown-white.svg);
	background-position: center;
	background-size: cover;
	top: 25px;
	right: 15px;
	z-index: 5
}

@media all and (max-width: 767px) {
	.pageHeaderDropDownNavigation__toggler::before {
		background-image: url(../images/icon-dropdown-blue.svg);
		width: 15px;
		height: 8px;
		top: calc(50% - 4px);
		right: 10px
	}

	.pageHeaderDropDownNavigation__toggler::after {
		display: none
	}
}

.pageHeaderDropDownNavigation__toggler::after {
	width: 18px;
	height: 52px;
	background-image: url(../images/spaceship-toggler-left.svg);
	background-position: left bottom;
	background-size: auto auto;
	top: 0;
	right: -12px;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

@media all and (min-width: 1024px) {
	.pageHeaderDropDownNavigation:hover .pageHeaderDropDownNavigationList {
		display: block
	}
}

.pageHeaderDropDownNavigationList {
	background-color: #fff;
	border: 1px solid #82A5CD;
	width: 295px;
	max-height: 400px;
	margin: 0;
	padding: 6px 2px 9px;
	display: none;
	position: absolute;
	top: 52px;
	left: 14px;
	overflow-y: scroll
}

@media all and (max-width: 767px) {
	.pageHeaderDropDownNavigationList {
		width: 212px;
		top: 34px;
		right: 0;
		left: auto
	}
}

.pageHeaderDropDownNavigationListItem {
	line-height: 24px;
	line-height: 1.5rem;
	padding: 0 10px
}

.pageHeaderDropDownNavigationListItem--noOption {
	pointer-events: none
}

@media all and (min-width: 1025px) {
	.pageHeaderDropDownNavigationListItem--noOption:hover {
		background-color: transparent
	}

	.pageHeaderDropDownNavigationListItem:hover {
		background-color: #b4b4b4
	}
}

.pageHeaderDropDownNavigationListItem__link {
	display: block;
	color: inherit;
	text-decoration: none
}

.userMenuList__navItem, .userMenu__userName {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	color: #005f96
}

.userMenu {
	position: absolute;
	top: 72px;
	right: 30px
}

@media all and (max-width: 980px) {
	.userMenu {
		top: 15px;
		right: 100px;
		z-index: 10
	}
}

@media all and (max-width: 480px) {
	.userMenu__userName {
		display: none
	}
}

.userMenuWrapper {
	margin: 0 0 0 32px;
	float: right;
	position: relative;
	top: 5px;
	left: 6px
}

@media all and (max-width: 980px) {
	.userMenuWrapper {
		margin: 0 0 0 10px;
		top: 3px
	}
}

.userMenuWrapper__menuTrigger {
	background-image: url(../images/icon-gear-wheel.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 19px;
	height: 19px;
	display: block;
	position: relative;
	cursor: pointer
}

.userMenuWrapper__menuTrigger::before {
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	content: '';
	background-color: #edf4f8;
	width: 56px;
	height: 46px;
	display: none;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: -1
}

.userMenuWrapper__menuTrigger::after {
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 2px solid #005f96;
	border-top: 0;
	border-left: 0;
	width: 8px;
	height: 8px;
	margin: 0 0 0 5px;
	display: block;
	position: absolute;
	top: 2px;
	right: -20px
}

@media all and (min-width: 981px) {
	.userMenuWrapper__userName {
		display: none
	}
}

.userMenuList {
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
	background-color: #edf4f8;
	min-width: 184px;
	padding: 15px 0;
	display: none;
	position: absolute;
	top: 36px;
	right: -27px;
	z-index: 5
}

.userMenuList__userName {
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
	margin: 0 0 4px;
	padding: 2px 15px;
	display: block
}

@media all and (min-width: 640px) {
	.userMenuList__userName {
		display: none
	}
}

.userMenuList__navItem {
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
	margin: 0 0 4px;
	padding: 2px 15px;
	display: block;
	position: relative
}

.userMenuList__navItem::after {
	content: '';
	background: url(../images/icon-arrow-right-green.svg) center no-repeat;
	background-size: 100% auto;
	width: 17px;
	height: 17px;
	position: relative;
	top: 3px;
	line-height: 1;
	display: inline-block;
	margin: 0 0 0 10px
}

@media all and (min-width: 1025px) {
	.userMenuList__navItem:hover {
		text-decoration: underline
	}
}

.userMenuList__navItem:last-child {
	margin: 0
}

.mainNavigation {
	position: absolute;
	right: -20px;
	bottom: 0
}

@media all and (max-width: 1280px) {
	.mainNavigation {
		right: -20px
	}
}

@media all and (max-width: 1279px) {
	.mainNavigation {
		right: 10px
	}
}

@media all and (max-width: 1170px) {
	.mainNavigation {
		right: -10px
	}
}

@media all and (max-width: 980px) {
	.mainNavigation {
		-webkit-box-shadow: 1px 0 10px 0 rgba(0, 0, 0, .3);
		-moz-box-shadow: 1px 0 10px 0 rgba(0, 0, 0, .3);
		box-shadow: 1px 0 10px 0 rgba(0, 0, 0, .3);
		-webkit-transition: left .2s ease, opacity .2s ease;
		transition: left .2s ease, opacity .2s ease;
		background: #fff;
		width: 260px;
		padding: 10px 20px;
		position: fixed;
		top: 0;
		right: auto;
		bottom: 0;
		left: -270px;
		z-index: 20;
		opacity: 0
	}
}

.mainNavigation--alternativePosition {
	right: auto;
	left: 451px
}

@media all and (max-width: 1480px) {
	.mainNavigation--alternativePosition {
		left: 422px
	}
}

@media all and (max-width: 1280px) {
	.mainNavigation--alternativePosition {
		left: 431px
	}
}

.mainNavigation__navItem {
	font-size: 18px;
	font-size: 1.125rem;
	padding: 20px;
	display: inline-block;
	color: #464646;
	text-decoration: none
}

@media all and (max-width: 1279px) {
	.mainNavigation__navItem {
		font-size: 18px;
		font-size: 1.125rem;
		padding: 20px 10px
	}
}

@media all and (max-width: 1170px) {
	.mainNavigation--alternativePosition {
		left: 262px
	}

	.mainNavigation__navItem {
		padding: 20px 8px
	}
}

.mainNavigation__navItem--active {
	color: #005f96
}

@media all and (min-width: 1025px) {
	.mainNavigation__navItem:hover {
		color: #005f96
	}
}

@media all and (max-width: 980px) {
	.mainNavigation--alternativePosition {
		left: -270px
	}

	.mainNavigation__navItem {
		font-family: 'Open Sans Semibold', sans-serif;
		font-weight: 600;
		font-size: 20px;
		font-size: 1.25rem;
		border: 1px solid rgba(0, 0, 0, .1);
		border-top: 0;
		border-right: 0;
		border-left: 0;
		padding: 10px 0;
		display: block;
		color: #005f96
	}

	.mainNavigation__navItem:last-child {
		border-bottom: 0
	}
}

.mainNavigation.open {
	left: 0;
	opacity: 1
}

.mainNavigationTriggerButton {
	position: absolute;
	top: 0;
	right: 5px
}

@media all and (min-width: 981px) {
	.mainNavigationTriggerButton {
		display: none
	}
}

.hamburger-box {
	width: 27px;
	pointer-events: none
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	background-color: #005f96;
	width: 27px;
	height: 4px
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
	background-color: #005f96
}

.hamburger.is-active:hover {
	opacity: 1
}

.js-userMenu.open .userMenuWrapper__menuTrigger::before {
	display: block
}

.js-userMenu.open .userMenuWrapper__menuTrigger::after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 6px
}

.js-userMenu.open .userMenuList {
	display: block
}

.mobileMenuOpen::before {
	background-color: rgba(0, 0, 0, .35);
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20
}

.imageTextWrapper {
	border: 1px solid #dadada;
	margin: 0 0 60px;
	padding: 30px 40px 42px
}

.imageTextWrapper::after {
	content: '';
	display: block;
	clear: both
}

@media all and (max-width: 1280px) {
	.imageTextWrapper {
		padding: 24px
	}
}

.imageTextWrapper--noBorder {
	border: 0;
	padding: 0
}

.imageTextImageWrapper {
	max-width: 403px;
	margin: 0 30px 20px 0;
	float: left
}

@media all and (max-width: 1480px) {
	.imageTextImageWrapper {
		max-width: 205px
	}
}

@media all and (max-width: 1280px) {
	.imageTextImageWrapper {
		max-width: 333px
	}
}

@media all and (max-width: 1170px) {
	.imageTextImageWrapper {
		max-width: 235px
	}
}

.imageTextImageWrapper--floatingRight {
	margin: 0 0 20px 30px;
	float: right
}

@media all and (max-width: 640px) {
	.imageTextImageWrapper {
		max-width: 400px
	}

	.imageTextImageWrapper--floatingRight {
		max-width: 400px;
		margin: 0 0 15px;
		float: none
	}
}

.imageTextImageWrapper__image {
	width: 100%;
	height: auto
}

.imageTextContentTextWrapper {
	font-family: 'Open Sans Regular', sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 28px;
	line-height: 1.75rem
}

@media all and (max-width: 980px) {
	.imageTextContentTextWrapper {
		font-size: 16px;
		font-size: 1rem;
		line-height: 22px;
		line-height: 1.375rem
	}
}

.imageTextContentTextWrapper__text {
	margin: 0 0 20px
}

@media all and (max-width: 640px) {
	.imageTextContentTextWrapper__text {
		margin: 0 0 10px
	}
}

.imageTextContentTextWrapper__text b, .imageTextContentTextWrapper__text strong {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700
}

.imageTextContentTextWrapper__link {
	font-family: 'Open Sans Regular', sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	display: inline-block;
	color: #005f96
}

@media all and (max-width: 980px) {
	.imageTextContentTextWrapper__link {
		font-size: 18px;
		font-size: 1.125rem
	}
}

.imageTextContentTextWrapper__link::before {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	content: '\BB';
	margin: -2px 0 0 15px;
	float: right;
	font-size: 48px
}

.contentTable th, .dataTables_paginate a, .tabsNavList__listItem {
	font-family: 'Open Sans Semibold', sans-serif
}

@media all and (max-width: 980px) {
	.imageTextContentTextWrapper__link::before {
		margin: -3px 0 0 15px;
		font-size: 38px
	}
}

.imageTextContentTextWrapper .text {
	max-width: 1100px
}

.imageTextContentTextWrapper .text ul > li {
	list-style: disc
}

.imageTextContentTextWrapper .text > a {
	color: #005f96;
	text-decoration: none
}

.imageTextContentTextWrapper .text > a:hover {
	text-decoration: underline
}

.imageTextContentTextWrapper .contentTitle {
	margin: 0 0 20px
}

.keyvisual {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 390px;
	margin: 177px auto auto
}

@media all and (max-width: 1170px) {
	.keyvisual {
		height: 273px
	}
}

@media all and (max-width: 980px) {
	.keyvisual {
		height: 215px;
		margin: 100px auto auto
	}
}

.keyvisual--withBorderBottom {
	border: 67px solid #c8d400;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	height: 457px
}

@media all and (max-width: 1170px) {
	.keyvisual--withBorderBottom {
		border: 25px solid #c8d400;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		height: 273px
	}
}

@media all and (max-width: 980px) {
	.keyvisual--withBorderBottom {
		height: 215px;
		margin: 100px auto auto
	}
}

@media all and (max-width: 768px) {
	.keyvisual--withBorderBottom {
		margin: 100px auto auto
	}
}

.dataTables_paginate {
	margin: 0 0 40px
}

.dataTables_paginate a {
	font-weight: 600;
	padding: 7px 6px 10px;
	display: inline-block;
	cursor: pointer;
	color: #b4b4b4;
	font-size: 22px;
	line-height: 1;
	text-decoration: none
}

.dataTables_paginate a:not(.previous):not(.next).current, .dataTables_paginate a:not(.previous):not(.next):hover {
	color: #005f96
}

.dataTables_paginate a.next, .dataTables_paginate a.previous {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 700;
	background-color: #005f96;
	width: 35px;
	height: 35px;
	padding: 0;
	position: relative;
	top: 9px;
	font-size: 0;
	text-align: center
}

.dataTables_paginate a.next.disabled, .dataTables_paginate a.previous.disabled {
	background-color: #dadada;
	pointer-events: none
}

.dataTables_paginate a.next:before, .dataTables_paginate a.previous:before {
	display: block;
	position: relative;
	top: -11px;
	color: #fff;
	font-size: 38px
}

.dataTables_paginate a.previous {
	margin-right: 25px
}

.dataTables_paginate a.previous:before {
	content: url(../images/pagination-arrow-white-left.svg)
}

.dataTables_paginate a.next {
	margin-left: 25px
}

.dataTables_paginate a.next:before {
	content: url(../images/pagination-arrow-white-right.svg)
}

.contentTable th span:after, .regionSelect::after, .singleImageWrapper::after, .tabContentColumn--halfWidth::after, .tabsContentWrapper::after, .tabsNavList::after, .videoModule__innerWrapper::after {
	content: ''
}

.regionSelect::after {
	display: block;
	clear: both
}

.regionSelectImageWrapper {
	width: 51%;
	float: left;
	position: relative;
	top: 28px
}

@media all and (max-width: 639px) {
	.regionSelectImageWrapper {
		width: auto;
		margin: 0 0 25px;
		display: inline-block;
		float: none
	}
}

.regionSelectImageWrapper__image {
	width: 100%
}

.regionSelectTextWrapper {
	width: calc(100% - 51%);
	max-width: 360px;
	float: right
}

@media all and (max-width: 639px) {
	.regionSelectTextWrapper {
		width: auto;
		float: none
	}
}

.regionSelectTextWrapper__title {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 38px;
	line-height: 2.375rem;
	margin: 40px 0 63px;
	display: block
}

@media all and (max-width: 1480px) {
	.regionSelectImageWrapper {
		top: 20px
	}

	.regionSelectTextWrapper__title {
		margin: 16px 0 50px
	}
}

.regionSelectTextWrapper .button {
	width: 284px;
	float: right;
	text-align: center;
	text-transform: none
}

@media all and (max-width: 1170px) {
	.regionSelectTextWrapper__title {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 22px;
		line-height: 1.375rem;
		margin: 16px 0 40px
	}

	.regionSelectTextWrapper .button {
		width: 240px
	}
}

@media all and (max-width: 639px) {
	.regionSelectTextWrapper .button {
		float: none
	}
}

.regionSelectTextWrapper .button:last-child {
	margin-top: 25px
}

.singleImageWrapper {
	margin: 0 0 60px
}

.singleImageWrapper::after {
	display: block;
	clear: both
}

.singleImage__image {
	max-width: 100%;
	height: auto
}

.singleImage__caption {
	font-size: 13px;
	font-size: .8125rem;
	margin: 15px 0 0;
	color: #707070
}

.contentTable th, .tabsNavList__listItem {
	font-weight: 600;
	color: #005f96;
	cursor: pointer
}

.tabs {
	margin: 0 0 15px
}

.tabsNavList {
	padding: 0 10px;
	position: relative;
	text-align: center
}

.tabsNavList::after {
	display: block;
	clear: both
}

.tabsNavList__listItem {
	font-size: 18px;
	font-size: 1.125rem;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	background-color: #fff;
	border: 2px solid #edf4f8;
	margin: 10px;
	padding: 15px 30px;
	display: inline-block;
	position: relative;
	top: 1px;
	z-index: 5;
	white-space: nowrap
}

.tabsNavList__listItem:hover {
	background-color: #edf4f8
}

.tabsContentWrapper {
	padding: 31px 0 35px
}

.tabsContentWrapper::after {
	display: block;
	clear: both
}

.tabsContentWrapper .tabContentColumn--halfWidth {
	margin: 0
}

@media all and (max-width: 767px) {
	.tabsContentWrapper .tabContentColumn--halfWidth {
		margin: 0 0 20px
	}
}

.tabsContentWrapper .tabContentColumn--halfWidth + .tabContentColumn--halfWidth {
	margin: 0 0 20px 44px
}

@media all and (max-width: 767px) {
	.tabsContentWrapper .tabContentColumn--halfWidth + .tabContentColumn--halfWidth {
		margin: 0 0 20px
	}
}

.tabContentColumn--halfWidth {
	width: calc(50% - (44px / 2));
	margin: 0 0 0 44px;
	float: left
}

.tabContentColumn--halfWidth::after {
	display: block;
	clear: both
}

@media all and (max-width: 767px) {
	.tabContentColumn--halfWidth {
		width: auto;
		margin: 25px 0 0;
		float: none
	}

	.tabContentColumn--halfWidth:first-child {
		margin: 0
	}
}

.tabContentColumn--halfWidth:first-child {
	margin-left: 0
}

.js-tabsNavList__listItem--active {
	background-color: #edf4f8;
	border-color: #edf4f8
}

.contentTableOverflowWrapper {
	overflow-x: auto;
	margin: 0 0 40px
}

.container > .contentTableOverflowWrapper {
	margin-bottom: 50px
}

.contentTable {
	width: 100%
}

.contentTable th {
	font-size: 17px;
	font-size: 1.0625rem
}

.contentTable td, .contentTable th {
	padding: 22px 30px 22px 20px;
	text-align: left
}

@media all and (max-width: 980px) {
	.contentTable td, .contentTable th {
		padding: 5px 10px 5px 40px
	}
}

@media all and (max-width: 640px) {
	.keyvisual {
		background-position: -95px center
	}

	.contentTable td, .contentTable th {
		padding: 5px 10px 5px 30px
	}
}

.contentTable td {
	font-size: 18px;
	font-size: 1.125rem;
	color: #000
}

@media all and (max-width: 980px) {
	.contentTable td {
		font-size: 14px;
		font-size: .875rem
	}
}

.contentTable tr:nth-child(odd) td {
	background: #edf4f8
}

.contentTable th span {
	max-width: 200px;
	display: inline-block;
	position: relative
}

.contentTable th span:after {
	transform: rotate(135deg);
	border-top: 2px solid #b4b4b4;
	border-right: 2px solid #b4b4b4;
	width: 6px;
	height: 6px;
	position: absolute;
	top: calc(50% - 6px);
	right: -20px;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.contentTable th:hover span:after {
	border-color: #005f96;
	opacity: 1
}

.contentTable th.sorting_asc span:after {
	transform: rotate(315deg);
	top: calc(50% - 2px)
}

.contentTable th[aria-sort]:not(.no-sort) span:after {
	border-color: #005f96
}

.videoModule {
	margin: 0 0 68px;
	max-width: 893px;
	position: relative
}

.videoModule--centered {
	margin: 0 auto 68px
}

.videoModule__innerWrapper::after {
	display: block;
	clear: both
}

.videoModule .wrapping-link {
	color: inherit;
	text-decoration: none
}

.videoModule .videoContainer:not(:empty) {
	position: relative;
	padding-bottom: 56.25%
}

@media all and (max-width: 640px) {
	.videoModule .videoContainer:not(:empty) {
		width: 100%;
		position: absolute
	}
}

.videoModule iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.videoTrigger {
	display: block
}

.videoModuleFigure {
	width: 100%;
	float: left;
	position: relative;
	line-height: 1
}

.videoModuleFigure::before {
	content: url(../images/icon_playbutton.png);
	display: block;
	position: absolute;
	top: calc(50% - 43px);
	left: calc(50% - 53px);
	opacity: 1
}

.videoModuleFigure__image {
	width: 100%;
	height: auto
}

@media print {
	#Header, body.scroll #Header {
		box-shadow: none
	}

	#content, .keyvisual-wrapper, body.home #content, body.overview #content {
		margin-top: 0
	}

	#Footer, #frm-events, .back-btn, .contact-form, .contentFilter, .keyvisual-menu, .keyvisual-wrapper, .login-toggle, .services-navigation, .sidebar-links, .small-teaser, .social-media-teaser, ul.eventlist li.event aside .button {
		display: none !important
	}

	#Header {
		background: 0 0;
		margin-bottom: 30px;
		position: static
	}

	#Header #logo {
		width: 150px
	}

	#content > .container {
		max-width: none;
		padding: 0
	}

	#content .main-column {
		width: auto;
		padding: 0
	}

	.Modules.tabs, .teaser-row-wrapper {
		page-break-after: always
	}

	.Modules.contact-box {
		max-width: 300px;
		height: 280px;
		margin: 0 20px 20px 0;
		padding: 0;
		float: left
	}

	.Modules.accordion .ui-accordion-content {
		display: block !important
	}

	.Modules.bodytext-wrapper ul > li {
		list-style: disc
	}

	.Modules.bodytext-wrapper ul > li:before {
		display: none
	}

	.Modules.img-txt-link .wrapping-link {
		padding: 34px 7% 34px 40px
	}

	.Modules.img-txt-link figure {
		max-width: 435px;
		margin: -34px 45px -34px -40px;
		float: left;
		line-height: 0
	}

	.Modules.img-txt-link figure img {
		width: 100%;
		height: auto;
		max-height: 159px
	}
}