@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}


* {
	-webkit-margin-top-collapse: collapse;
	-webkit-margin-bottom-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
*behavior:url(/js/polyfill/boxsizing.htc)
}


/*
header, div.Ebene * {
	-webkit-margin-top-collapse: collapse;
	-webkit-margin-bottom-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
*behavior:url(/js/polyfill/boxsizing.htc)
}
*/

html, body, div, span, applet, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
h1, h2, h3, h4, h5, h6, b, th, dt {
	font-size: 100%;
	font-weight: normal
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
img, abbr, acronym {
	border: 0
}
em, i, dfn, cite, var, address {
	font-style: normal
}
q:before, q:after {
	content: ''
}
:focus {
	outline: 0
}
strong {
	font-weight: bold
}
input[type="text"], input[type="password"], select {
	-webkit-appearance: none;
	border-radius: 0;
	border: 0
}
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility
}
.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.input-field {
	font-size: 12px;
	line-height: 25px;
	margin-top: 15px
}
.input-field.input50 {
	width: 48%
}
.input-field.input-left {
	float: left
}
.input-field.input-right {
	float: right
}
.input-field.has-error {
	background-color: #da9f9f !important
}
.input-field label {
	height: 25px;
	line-height: 20px;
	padding-left: 5px;
	display: inline-block;
	float: left
}
.input-field input[type="checkbox"] {
	float: left;
	background-color: #fff;
	border: 0
}
input[type="text"], input[type="password"], select, textarea {
	width: 100%;
	height: 25px;
	display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.7);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.7);
	background-color: #fff;
	border-radius: 4px;
	border: 0;
	padding: 0 10px
}
textarea {
	width: 100%;
	height: 200px;
	display: block;
	padding: 10px;
	font-family: Arial, sans-serif
}
footer.main-footer {
	width: 100%;
	height: 109px;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000
}
footer.main-footer .powerline {
	width: 100%;
	height: 22px;
	display: block;
	position: absolute;
	top: 49px;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	background-color: #E50043
}
footer.main-footer .wrap {
	height: 110px;
	background-image: url(../img/footer_de_xl.png);
	position: relative
}
footer.main-footer .wrap.power-en {
	background-image: url(../img/footer_en_xl.png)
}
footer.main-footer .wrap.power-dk {
	background-image: url(../img/footer_dk_xl.png)
}
footer.main-footer .wrap.power-nl {
	background-image: url(../img/footer_nl_xl.png)
}
footer.main-footer .wrap.power-fi {
	background-image: url(../img/footer_fi_xl.png)
}
footer.main-footer .wrap.power-fr {
	background-image: url(../img/footer_fr_xl.png)
}
footer.main-footer .wrap .rittal-logo {
	width: 62px;
	height: 86px;
	display: block;
	position: absolute;
	top: 1px;
	right: 8px
}
header.main-header {
	padding: 20px 0 0 0;
	position: relative
}
header.main-header .logo {
	width: 239px;
	height: 50px;
	display: block;
	margin-bottom: 24px
}
header.main-header .logo.logo-de {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -400px -52px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .logo.logo-de {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .logo.logo-en, header.main-header .logo.logo-dk, header.main-header .logo.logo-it, header.main-header .logo.logo-nl, header.main-header .logo.logo-fi, header.main-header .logo.logo-fr {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -400px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .logo.logo-en, header.main-header .logo.logo-dk, header.main-header .logo.logo-it, header.main-header .logo.logo-nl, header.main-header .logo.logo-fi, header.main-header .logo.logo-fr {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu {
	z-index: 5
}
header.main-header .main-menu .mobilemenu {
	display: none
}
header.main-header .main-menu ul {
	width: 100%;
	height: 32px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -404px;
	background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li {
	float: left;
	height: 32px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -436px;
	background-repeat: repeat;
	position: relative;
	margin-left: 1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li a {
	width: auto;
	height: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	float: left;
	line-height: 31px;
	padding: 0 14px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	margin-top: 1px
}
header.main-header .main-menu ul li.first {
	margin-left: 0
}
header.main-header .main-menu ul li.external {
	padding-right: 14px
}
header.main-header .main-menu ul li.external .icon {
	width: 12px;
	height: 12px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	right: -4px;
	top: 9px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.external .icon {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.trenner {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -300px -372px;
	width: 1px;
	margin: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.trenner {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li .open-level2 {
	width: 17px;
	height: 30px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -12px 0;
	float: left;
	cursor: pointer;
	position: relative;
	margin-top: 1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li .open-level2 {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li:hover, header.main-header .main-menu ul li.aktiv {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -468px;
	background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li:hover, header.main-header .main-menu ul li.aktiv {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li:hover .open-level2 {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -29px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li:hover .open-level2 {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.first {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -372px;
	background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.first {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.first:hover, header.main-header .main-menu ul li.first.aktiv {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -150px -372px;
	background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.first:hover, header.main-header .main-menu ul li.first.aktiv {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.trenner:hover {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -300px -372px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.trenner:hover {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li .open-level2:hover {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -46px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li .open-level2:hover {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li .level2 {
	width: 200px;
	height: auto;
	display: block;
	display: none;
	position: absolute;
	top: 31px;
	padding: 5px 20px;
	background-color: #4a4a4a;
	border: 1px solid #797a7c;
	background-image: none;
	z-index: 10
}
header.main-header .main-menu ul li .level2 li {
	float: none;
	background-image: none;
	height: auto
}
header.main-header .main-menu ul li .level2 li a {
	display: inline;
	float: none;
	border: 0;
	font-weight: normal;
	padding: 0;
	text-transform: none;
	height: auto
}
header.main-header .main-menu ul li .level2 li a:hover {
	background-image: none;
	color: #E50043
}
header.main-header .main-menu ul li.language-menu {
	float: right;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -399px -372px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.language-menu {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.language-menu .language-menu-container {
	width: 96px;
	height: 20px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -655px 0;
	margin: 6px 5px 0 0;
	position: relative;
	cursor: pointer;
	z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.language-menu .language-menu-container {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.language-menu .language-menu-container:hover {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -655px -20px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
header.main-header .main-menu ul li.language-menu .language-menu-container:hover {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
header.main-header .main-menu ul li.language-menu .language-menu-container .current {
	height: 20px;
	font-size: 11px;
	padding: 4px 0 0 5px
}
header.main-header .main-menu ul li.language-menu .language-menu-container .choose-language {
	width: auto;
	height: auto;
	display: block;
	display: none;
	background-color: #666;
	background-image: none
}
header.main-header .main-menu ul li.language-menu .language-menu-container .choose-language li {
	float: none;
	background-image: none;
	margin: 0;
	height: auto;
	padding: 5px;
	font-size: 11px
}
header.main-header .main-menu ul li.language-menu .language-menu-container .choose-language li a {
	float: none;
	font-weight: 300;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-transform: none
}
header.main-header .main-menu ul li.language-menu .language-menu-container .choose-language li a:hover {
	color: #E50043
}
header.main-header .main-menu ul li.language-menu .language-menu-container:hover .choose-language {
	display: block
}
header.main-header .meta-menu {
	position: absolute;
	top: 70px;
	right: 0;
	color: #fff;
	text-decoration: none;
	font-size: 11px
}
header.main-header .meta-menu:hover {
	text-decoration: underline
}
body {
	background-color: #000;
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: #fff
}
body.with-bg {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed
}
sup {
	vertical-align: super;
	font-size: smaller
}
.float-right {
	float: right !important
}
.float-left {
	float: left !important
}
.noborder {
	border: none !important
}
.hidden {
	display: none !important
}
.clearbox:before, .clearbox:after {
	content: " ";
	display: table
}
.clearbox:after {
	clear: both
}
.center {
	text-align: center
}
h1 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 135%;
	margin: 0 0 15px 0;
	padding: 0 0 5px
}
h1.big {
	font-size: 40px;
	line-height: 120%
}
h2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 115%;
	margin-bottom: 9px
}
h2.subline {
	font-size: 24px;
	font-weight: normal;
	line-height: 140%
}
h3 {
	font-size: 16px
}
a {
	color: #fff;
	text-decoration: underline
}
p {
	font-size: 13px;
	font-weight: normal;
	line-height: 170%;
	margin: 0;
	padding: 0 0 5px
}
.wrap {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1170px;
	position: relative
}
.content {
	padding: 50px 17px 0 17px;
	margin-bottom: 150px
}
.content.content-full {
	padding: 50px 0 0 0
}
label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}
.teaser-stage {
	margin-top: 30px
}
.teaser {
	width: 32%;
	height: 170px;
	display: block;
	margin-right: 2%;
	margin-bottom: 20px;
	float: left;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border: 1px solid #7e7e7e
}
.teaser h2 {
	padding-right: 20px
}
.teaser .teaser-content {
	position: absolute;
	/*top: 25px;*/
	top: 20px;
	left: 20px
}
.teaser.teaser-kontakt {
	padding: 2px
}
.teaser.teaser-kontakt .teaser-bg {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #3f3f3f
}
.teaser.teaser-kontakt .teaser-bg .tl, .teaser.teaser-kontakt .teaser-bg .tr, .teaser.teaser-kontakt .teaser-bg .bl, .teaser.teaser-kontakt .teaser-bg .br {
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	z-index: 10
}
.teaser.teaser-kontakt .teaser-bg .tl {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -64px;
	left: 2px;
	top: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.teaser.teaser-kontakt .teaser-bg .tl {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.teaser.teaser-kontakt .teaser-bg .tr {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -4px -64px;
	right: 2px;
	top: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.teaser.teaser-kontakt .teaser-bg .tr {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.teaser.teaser-kontakt .teaser-bg .br {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -4px -68px;
	right: 2px;
	bottom: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.teaser.teaser-kontakt .teaser-bg .br {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.teaser.teaser-kontakt .teaser-bg .bl {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -68px;
	left: 2px;
	bottom: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.teaser.teaser-kontakt .teaser-bg .bl {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.teaser.bigteaser {
	width: 49%;
	margin-bottom: 30px;
	height: 300px
}
.teaser.bigteaser h3 {
	position: absolute;
	left: 22px;
	top: 46px
}
.teaser.bigteaser .list-quad {
	position: absolute;
	top: 95px;
	left: 22px;
	width: 50%
}
.teaser .btn {
	position: absolute;
	bottom: 25px;
	left: 20px
}
.teaser.no-link .buttons {
	position: absolute;
	bottom: 25px;
	left: 20px
}
.teaser.no-link .btn {
	position: static
}
.teaser p {
	line-height: 1.4
}
.teaser.teaser-last {
	float: right;
	margin: 0
}
.teaser:hover:not(.no-link) .btn .left {
	background-position: -100px -16px
}
.teaser:hover:not(.no-link) .btn.extern .left {
	background-position: -120px -32px
}
.teaser:hover:not(.no-link) .btn.dl .left {
	background-position: -120px -48px
}
.teaser:hover:not(.no-link) .btn .middle {
	background-position: -118px -16px
}
.teaser:hover:not(.no-link) .btn .right {
	background-position: -350px -16px
}
.rounded {
	position: relative
}
.rounded .tl, .rounded .tr, .rounded .bl, .rounded .br {
	width: 7px;
	height: 7px;
	display: block;
	position: absolute;
	z-index: 10
}
.rounded .tl {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -7px -50px;
	left: -1px;
	top: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.rounded .tl {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.rounded .tr {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -50px;
	right: -1px;
	top: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.rounded .tr {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.rounded .br {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -57px;
	right: -1px;
	bottom: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.rounded .br {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.rounded .bl {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -7px -57px;
	left: -1px;
	bottom: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.rounded .bl {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn {
	width: auto;
	height: 16px;
	display: block;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	margin-top: 5px
}
.btn span {
	display: block;
	cursor: pointer
}
.btn span.left {
	width: 20px;
	height: 16px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -100px 0;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn span.left {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn span.middle {
	width: auto;
	height: 16px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -118px 0;
	padding-right: 5px;
	line-height: 17px;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn span.middle {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn span.right {
	width: 8px;
	height: 16px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -350px 0;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn span.right {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn.extern .left {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -100px -32px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn.extern .left {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn.dl .left {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -100px -48px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn.dl .left {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn:hover .left {
	background-position: -100px -16px
}
.btn:hover .middle {
	background-position: -118px -16px
}
.btn:hover .right {
	background-position: -350px -16px
}
.btn:hover.extern .left {
	background-position: -120px -32px
}
.btn:hover.dl .left {
	background-position: -120px -48px
}
.btn-big {
	width: auto;
	height: 29px;
	display: block;
	display: inline-block;
	color: #fff;
	text-decortation: none;
	font-size: 13px;
	margin-top: 5px
}
.btn-big span {
	display: block;
	cursor: pointer
}
.btn-big span.left {
	width: 30px;
	height: 29px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: 0 -200px;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn-big span.left {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn-big span.middle {
	width: auto;
	height: 29px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -30px -200px;
	padding-right: 5px;
	line-height: 29px;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn-big span.middle {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn-big span.right {
	width: 10px;
	height: 29px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -300px -200px;
	float: left
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.btn-big span.right {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.btn-big:hover .left {
	background-position: 0 -229px
}
.btn-big:hover .middle {
	background-position: -30px -229px
}
.btn-big:hover .right {
	background-position: -300px -229px
}
ul.list-quad {
	list-style-type: square;
	margin-left: 13px;
	line-height: 120%
}
ul.list-quad li {
	font-size: 13px;
	margin: 5px 0
}
ul.space li {
	margin-bottom: 20px
}
.open-popup {
	cursor: pointer
}
.debug {
	display: none;
	position: fixed;
	top: 10px;
	right: 10px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px;
	font-size: 11px;
	color: #000;
	width: 300px;
	font-family: "Courier New", Courier, monospace
}
.keyvisual {
	position: absolute;
	right: 50px;
	top: -30px
}
.popup {
	width: 100%;
	height: 100%;
	display: block;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../img/mask-black75.png);
	z-index: 101
}
.popup .popup-inner {
	height: 83%;
	margin-top: 3%;
	background-color: #000;
	border: 1px solid #7e7e7e;
	position: relative;
	padding: 70px 40px
}
.popup .popup-inner h2 {
	font-size: 26px;
	line-height: 135%;
	font-weight: normal
}
.popup .popup-inner p {
	font-size: 16px;
	line-height: 160%
}
.popup .popup-inner .btn {
	margin-top: 10px
}
.popup .popup-inner .close {
	width: 18px;
	height: 18px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -200px -50px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.popup .popup-inner .close {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.popup .popup-inner .close:hover {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -218px -50px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.popup .popup-inner .close:hover {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.popup .popup-inner .player-resp {
	width: 80%;
	margin: 0 auto;
	position: relative
}
.popup .popup-inner .player-resp-klein {
	position: absolute;
	right: 50px;
	top: 90px;
	width: 60%
}
.popup .popup-inner .popup-buehne {
	width: 658px;
	height: 495px;
	display: block;
	position: absolute;
	left: 350px;
	top: 1px;
	background-size: 100% auto
}
.popup .popup-inner .external-video {
	width: 800px;
	height: 450px;
	display: block;
	margin: 0 auto
}
.popup .popup-inner .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 75%;
	margin: 0 auto
}
.popup .popup-inner .embed-container iframe, .popup .popup-inner .embed-container object, .popup .popup-inner .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.main-stage {
	height: 523px;
	position: relative;
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat
}
.main-stage .sticker {
	position: absolute;
	left: 400px;
	top: 110px
}
.main-stage .feature {
	width: 250px;
	position: absolute;
	top: 50px;
	right: 0
}
.main-stage .feature li {
	position: relative;
	margin-bottom: 30px
}
.main-stage .feature li:before {
	width: 20px;
	height: 1px;
	display: block;
	background-color: #fff;
	position: absolute;
	top: 10px;
	left: -35px;
	content: ' '
}
.main-stage .feature li h3 {
	margin-bottom: 7px;
	font-size: 18px
}
.keyfact {
	margin-bottom: 55px
}
.keyfact .description {
	width: 49%;
	float: left;
	padding: 50px 17px 0 0
}
.keyfact .description strong {
	font-size: 13px
}
.keyfact .description ul {
	margin: 20px 13px
}
.keyfact figure {
	width: 573px;
	height: 510px;
	display: block;
	float: right;
	position: relative;
	border: 1px solid #7e7e7e;
	background-color: #000;
	padding: 3px
}
.keyfact figure .keyfact-image {
	width: 100%
}
.accordion article {
	border-top: 1px dotted #888;
	padding: 22px 0
}
.accordion article h2 {
	font-size: 15px;
	margin: 0;
	padding-left: 30px;
	position: relative;
	cursor: pointer
}
.accordion article h2 .icon {
	width: 7px;
	height: 13px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -350px -50px;
	position: absolute;
	top: 2px;
	left: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.accordion article h2 .icon {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.accordion article .body, .accordion article figure {
	display: none
}
.accordion article.open {
	padding-bottom: 15px
}
.accordion article.open h2 {
	font-size: 24px;
	font-weight: normal;
	width: 50%;
	line-height: 1.35;
	cursor: default
}
.accordion article.open h2 .icon {
	display: none
}
.accordion article.open .body {
	padding-left: 30px
}
.accordion article.open .body h3 {
	margin: 15px 0
}
.accordion article.open .body p {
	width: 35%
}
.accordion article.open figure {
	width: 35%;
	float: right;
	position: relative;
	border: 1px solid #7e7e7e;
	background-color: #000;
	padding: 3px
}
.accordion article.open figure img {
	width: 100%;
	height: auto;
	display: block
}
hr {
	height: 1px;
	background-color: #7e7e7e;
	margin: 25px 0;
	border: 0
}
.content-contact .contact-overtop {
	margin-bottom: 20px
}
.content-contact .contact-overtop p {
	width: 700px
}
.content-contact .contact-left {
	width: 700px;
	float: left
}
.content-contact .contact-left form {
	background-color: #3f3f3f;
	padding: 22px 20px;
	border: 1px solid #7e7e7e
}
.content-contact .contact-left form .btn {
	margin: 15px 0
}
.content-contact .teaser {
	width: 325px;
	height: auto;
	display: block;
	float: right
}
.content-contact .teaser .teaser-content {
	position: static;
	margin: 22px 20px
}
.content-contact .teaser .country-ap {
	margin-top: 15px;
	display: none
}
.content-contact .teaser .country-ap.aktiv {
	display: block
}
.content-contact .teaser .country-ap p {
	line-height: 1.7
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
*zoom:1;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.bx-wrapper img {
	max-width: 100%;
	display: block
}
.bxslider {
	margin: 0;
	padding: 0
}
ul.bxslider {
	list-style: none
}
.bx-viewport {
	-webkit-transform: translatez(0)
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}
.bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-left: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 12px;
	height: 12px;
	display: block;
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -62px -50px;
	text-indent: -9999px;
	margin: 0 5px;
	outline: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.bx-wrapper .bx-pager.bx-default-pager a {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-image: url("../img/spriteset@1x.png");
	background-repeat: no-repeat;
	background-position: -50px -50px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-image: url("../img/spriteset@2x.png");
	background-size: 750px 500px
}
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom:1;
*display:inline
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0
}
.bx-wrapper .bx-prev {
	left: 10px
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
	background-position: 0 0
}
.bx-wrapper .bx-next {
	right: 10px
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.bx-wrapper .bx-controls-auto {
	text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80,80,80,0.75);
	width: 100%
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}


.wrap {
	width: 984px
}
.content {
	margin-bottom: 110px
}
.main-stage {
	height: 424px
}
.main-stage .feature {
	width: 200px;
	top: 30px
}
.main-stage .sticker {
	left: 300px;
	top: 65px
}
.keyfact .description {
	padding-top: 20px
}
.keyfact figure {
	width: 482px;
	height: 428px;
	display: block
}
.teaser.bigteaser ul.list-quad {
	width: 45%
}
.content-contact .contact-left, .content-contact .contact-overtop p {
	width: 565px
}
.content-contact .teaser {
	width: 314px
}
.popup .popup-inner .popup-buehne {
	width: 500px;
	height: 350px;
	display: block;
	top: 75px
}
.popup .popup-inner .external-video {
	width: 650px;
	height: 366px;
	display: block;
	margin: 0 auto
}
footer.main-footer .wrap {
	background-image: url(../img/footer_de_l.png)
}
footer.main-footer .wrap.power-en {
	background-image: url(../img/footer_en_l.png)
}
footer.main-footer .wrap.power-it {
	background-image: url(../img/footer_en_l.png)
}
footer.main-footer .wrap.power-dk {
	background-image: url(../img/footer_dk_l.png)
}
footer.main-footer .wrap.power-nl {
	background-image: url(../img/footer_nl_l.png)
}
footer.main-footer .wrap.power-fi {
	background-image: url(../img/footer_fi_l.png)
}
footer.main-footer .wrap.power-fr {
	background-image: url(../img/footer_fr_l.png)
}