@charset "UTF-8";

img {
    border: 0
}

*, :after, :before {
    box-sizing: border-box
}

body {
    margin: 0
}

ol, ul {
    margin: 0;
    padding: 0
}

details, footer, header, main, menu, nav {
    display: block;
    margin: 0;
    padding: 0
}

a {
    background-color: transparent;
    color: #666
}

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

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

img {
    vertical-align: middle
}

button, input, select {
    color: inherit;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

[role=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;
        box-sizing: content-box
    }

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

.sr-only {
    border: 0
}

.sr-only, td, th {
    padding: 0
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

body {
    color: #0a0a0a;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.25em
}

a:hover {
    color: #e5046c
}

a.button {
    text-decoration: none !important
}

.text-important {
    text-decoration: underline
}

.color-white {
    color: #fefefe
}

.text-important {
    color: #666;
    font-weight: 700
}

p.text-important {
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px solid #123456;
    padding: 10px 10px 10px 35px;
    margin: 5px 0
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-nowrap {
    white-space: nowrap
}

table tr td, table tr > th {
    padding: .3125rem
}

form select {
    padding-right: 15px !important
}

@font-face {
    font-family: slick;
    src: url(../../typo3conf/ext/shortcuts_slider/Resources/Public/fonts/slick.eot);
    src: url(../../typo3conf/ext/shortcuts_slider/Resources/Public/fonts/slick.eot?#iefix) format("embedded-opentype"),url(../../typo3conf/ext/shortcuts_slider/Resources/Public/fonts/slick.woff) format("woff"),url(../../typo3conf/ext/shortcuts_slider/Resources/Public/fonts/slick.ttf) format("truetype"),url(../../typo3conf/ext/shortcuts_slider/Resources/Public/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.ui-widget-content a, .ui-widget-header, .ui-widget-header a {
    color: #333
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif
}

    .ui-widget button, .ui-widget input, .ui-widget select {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    font-weight: 700
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Css/images/ui-icons_444444_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-widget-shadow {
    margin: 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

body, html {
    font-size: 100%;
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #525b5a;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

select {
    width: 100%;
    border-radius: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .5em 1em;
    margin: 0;
    font-size: .9rem;
    background: #ffd511;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background: #dfb800;
    color: #fff
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: .2em
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.1875rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: .75rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    border-radius: 0;
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus {
        border: 1px solid #8a8a8a;
        background: #fefefe;
        outline: 0;
        box-shadow: 0 0 5px #cacaca;
        -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

input:disabled, input[readonly] {
    background-color: #e6e6e6;
    cursor: default
}

[type=button], [type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

[type=file] {
    width: 100%
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group-button, .input-group-field {
    display: table-cell;
    margin: 0;
    vertical-align: middle
}

.input-group-button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%
}

    .input-group-button a, .input-group-button button, .input-group-button input {
        margin: 0
    }

select {
    height: 2.1875rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin: 0 0 1rem;
    font-size: .75rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;utf8,SVG_REPLACED);
    background-size: 9px 6px;
    background-position: right .5rem center;
    background-repeat: no-repeat
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto
}

.show-for-col {
    display: none !important
}

@media screen and (max-width:0em),screen and (min-width:0em) {
    .show-for-col-only {
        display: none !important
    }
}

@media screen and (max-width:22.5em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:62em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:61.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (max-width:61.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.clearfix::after {
    clear: both
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

div, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #cacaca;
        line-height: 0
    }

@media screen and (min-width:22.5625em) {
    h1 {
        font-size: 1.125rem
    }

    h2 {
        font-size: 1.125rem
    }

    h3 {
        font-size: 1.125rem
    }

    h4 {
        font-size: 1rem
    }

    h5 {
        font-size: .875rem
    }

    h6 {
        font-size: .75rem
    }
}

@media screen and (min-width:40em) {
    h1 {
        font-size: 1.125rem
    }

    h2 {
        font-size: 1.125rem
    }

    h3 {
        font-size: 1.125rem
    }

    h4 {
        font-size: 1rem
    }

    h5 {
        font-size: .875rem
    }

    h6 {
        font-size: .75rem
    }
}

@font-face {
    font-family: FontAwesome;
    src: url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.eot?v=4.5.0);
    src: url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-search:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-close:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-group:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-files-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-caret-square-o-down:before {
    content: ""
}

.fa-caret-square-o-up:before {
    content: ""
}

.fa-caret-square-o-right:before {
    content: ""
}

.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-usd:before {
    content: ""
}

.fa-rub:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-caret-square-o-left:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-support:before {
    content: ""
}

.fa-send:before {
    content: ""
}

.fa-send-o:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-battery-4:before {
    content: ""
}

.fa-battery-3:before {
    content: ""
}

.fa-battery-2:before {
    content: ""
}

.fa-battery-1:before {
    content: ""
}

.fa-battery-0:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

@-webkit-keyframes pulsator {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
}

@keyframes pulsator {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
}

.textbox span:first-child {
    padding-bottom: 0
}

    .textbox span:first-child span:nth-child(3) {
        padding: 5px 10px;
        float: left;
        background-color: rgba(0,0,0,.8);
        color: #fff;
        font-size: 14px
    }

.layout3 > h3 {
    display: none
}

.layout3 img {
    width: auto;
    max-height: 140px;
    position: absolute;
    bottom: 0
}

.layout3 select {
    width: 60px
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button {
    display: none
}

table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0
}

    table img {
        max-width: inherit
    }

    table tr td, table tr th {
        vertical-align: top
    }

@font-face {
    font-family: wackerneuson;
    src: url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/wackerneuson.eot),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/wackerneuson.eot?#iefix) format("embedded-opentype"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/wackerneuson.woff) format("woff"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/wackerneuson.ttf) format("truetype"),url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Font/wackerneuson.svg#ywftsvg) format("svg");
    font-weight: 400;
    font-style: normal
}

h1.h1--large {
    font-size: 24px
}

h1.h1--medium {
    font-size: 21px
}

h1.h1--small {
    font-size: 18px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 18px
}

    h3.large {
        font-size: 21px
    }

    h3.medium {
        font-size: 16px
    }

    h3.small {
        font-size: 14px
    }

    h1 small, h2 small, h3 small {
        display: block;
        color: #525b5a;
        line-height: 1.2em
    }

[class*=wn-font] {
    font-family: wackerneuson;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: .999em
}

.wn-font-grey {
    color: #535e5d
}

.wn-font-red {
    color: #d10019
}

.wn-font-green {
    color: #55af30
}

.clear {
    clear: both
}

.ui-autocomplete {
    position: absolute !important;
    width: 250px !important;
    border-radius: 0 !important;
    left: 0 !important;
    top: 36px !important;
    border: 1px solid #e6e6e6;
    z-index: 999999 !important
}

    .ui-autocomplete .ui-menu-item {
        border-bottom: 1px solid #e6e6e6;
        font-size: 13px;
        box-shadow: inset 0 15px 15px -10px rgba(0,0,0,.03);
        position: relative;
        background: #f5f5f5
    }

        .ui-autocomplete .ui-menu-item:last-child {
            border-bottom: 0
        }

    .ui-autocomplete .ui-menu-item {
        text-indent: 10px
    }

        .ui-autocomplete .ui-menu-item a {
            padding: 5px 10px !important;
            cursor: pointer;
            display: block;
            height: 100%;
            width: 100%
        }

        .ui-autocomplete .ui-menu-item:hover {
            background-color: #fefefe
        }

            .ui-autocomplete .ui-menu-item:hover:after {
                content: "";
                position: absolute;
                height: 100%;
                width: 3px;
                top: 0;
                left: 0;
                background-color: #ffd511;
                margin-left: 0
            }

table img[src*="1_trans.gif"] {
    height: 1px
}

.text-center {
    text-align: center
}

.branding {
    min-height: 1px
}

    .branding a {
        background-image: url(https://st.mascus.com/images/wackerneuson/logo-wacker-neuson-claim.svg),none;
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        width: 140px;
        margin: 10px 0 5px;
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        width: 140px
    }

html[lang=cn] .branding a {
    background-image: url(../../typo3conf/ext/wackerneuson_base/Resources/Public/Images/Logos/logo-wacker-neuson-china-claim.png);
    background-size: auto 100%;
    width: 200px
}

@media screen and (min-width:62em) {
    html[lang=cn] .branding a {
        width: 230px
    }
}

html[lang=cn] .header-links {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

    html[lang=cn] .header-links:last-child:not(:first-child) {
        float: right
    }

.page-navigation ul li a {
    border: 1px solid #c6c7c9
}

.sticky-container {
    min-height: 33px
}

.nav-sticky-wrapper {
    z-index: 99999 !important
}

ul.level-3 {
    box-sizing: border-box !important
}

.content > a > div {
    display: none
}

.row.col-collapse > .column, .row.collapse > .column {
    padding-left: 0;
    padding-right: 0
}

.col-push-1, .col-push-10, .col-push-11, .col-push-2, .col-push-3, .col-push-4, .col-push-5, .col-push-7, .col-push-8, .col-push-9 {
    position: relative
}

.row::after, .row::before {
    content: " ";
    display: table
}

a:after {
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

[data-whatinput=mouse] a.close-button, [data-whatinput=mouse] a[class*=btn-], [data-whatinput=mouse] button.close-button, [data-whatinput=mouse] button[class*=btn], [data-whatinput=mouse] input.close-button, [data-whatinput=mouse] input[class*=btn] {
    outline: 0
}

.row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto
}

    .row::after {
        clear: both
    }

    .row .row {
        margin-left: -.625rem;
        margin-right: -.625rem
    }

        .row .row.collapse {
            margin-left: 0;
            margin-right: 0
        }

@media screen and (min-width:22.5625em) {
    .row.small-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:40em) {
    .row.medium-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:62em) {
    .row.large-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

.column {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

    .column:last-child:not(:first-child) {
        float: right
    }

    .column.end:last-child:last-child {
        float: left
    }

    .column.row.row {
        float: none
    }

.col-1 {
    width: 8.33333%
}

.col-push-1 {
    left: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-push-2 {
    left: 16.66667%
}

.col-3 {
    width: 25%
}

.col-push-3 {
    left: 25%
}

.col-4 {
    width: 33.33333%
}

.col-push-4 {
    left: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-push-5 {
    left: 41.66667%
}

.col-6 {
    width: 50%
}

.col-push-6 {
    position: relative;
    left: 50%
}

.col-7 {
    width: 58.33333%
}

.col-push-7 {
    left: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-push-8 {
    left: 66.66667%
}

.col-9 {
    width: 75%
}

.col-push-9 {
    left: 75%
}

.col-10 {
    width: 83.33333%
}

.col-push-10 {
    left: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-push-11 {
    left: 91.66667%
}

.col-12 {
    width: 100%
}

.col-up-1 > .column {
    width: 100%;
    float: left
}

    .col-up-1 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-1 > .column:nth-of-type(1n+1) {
        clear: both
    }

    .col-up-1 > .column:last-child {
        float: left
    }

.col-up-2 > .column {
    width: 50%;
    float: left
}

    .col-up-2 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-2 > .column:nth-of-type(2n+1) {
        clear: both
    }

    .col-up-2 > .column:last-child {
        float: left
    }

.col-up-3 > .column {
    width: 33.33333%;
    float: left
}

    .col-up-3 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-3 > .column:nth-of-type(3n+1) {
        clear: both
    }

    .col-up-3 > .column:last-child {
        float: left
    }

.col-up-4 > .column {
    width: 25%;
    float: left
}

    .col-up-4 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-4 > .column:nth-of-type(4n+1) {
        clear: both
    }

    .col-up-4 > .column:last-child {
        float: left
    }

.col-up-5 > .column {
    width: 20%;
    float: left
}

    .col-up-5 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-5 > .column:nth-of-type(5n+1) {
        clear: both
    }

    .col-up-5 > .column:last-child {
        float: left
    }

.col-up-6 > .column {
    width: 16.66667%;
    float: left
}

    .col-up-6 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-6 > .column:nth-of-type(6n+1) {
        clear: both
    }

    .col-up-6 > .column:last-child {
        float: left
    }

.col-up-7 > .column {
    width: 14.28571%;
    float: left
}

    .col-up-7 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-7 > .column:nth-of-type(7n+1) {
        clear: both
    }

    .col-up-7 > .column:last-child {
        float: left
    }

.col-up-8 > .column {
    width: 12.5%;
    float: left
}

    .col-up-8 > .column:nth-of-type(1n) {
        clear: none
    }

    .col-up-8 > .column:nth-of-type(8n+1) {
        clear: both
    }

    .col-up-8 > .column:last-child {
        float: left
    }

.col-push-0 {
    position: static;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:22.5625em) {
    .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-7, .small-push-8, .small-push-9 {
        position: relative
    }

    .small-1 {
        width: 8.33333%
    }

    .small-push-1 {
        left: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-push-2 {
        left: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-push-3 {
        left: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-push-4 {
        left: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-push-5 {
        left: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-push-6 {
        position: relative;
        left: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-push-7 {
        left: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-push-8 {
        left: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-push-9 {
        left: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-push-10 {
        left: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-push-11 {
        left: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-up-1 > .column {
        width: 100%;
        float: left
    }

        .small-up-1 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-1 > .column:nth-of-type(1n+1) {
            clear: both
        }

        .small-up-1 > .column:last-child {
            float: left
        }

    .small-up-2 > .column {
        width: 50%;
        float: left
    }

        .small-up-2 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-2 > .column:nth-of-type(2n+1) {
            clear: both
        }

        .small-up-2 > .column:last-child {
            float: left
        }

    .small-up-3 > .column {
        width: 33.33333%;
        float: left
    }

        .small-up-3 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-3 > .column:nth-of-type(3n+1) {
            clear: both
        }

        .small-up-3 > .column:last-child {
            float: left
        }

    .small-up-4 > .column {
        width: 25%;
        float: left
    }

        .small-up-4 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-4 > .column:nth-of-type(4n+1) {
            clear: both
        }

        .small-up-4 > .column:last-child {
            float: left
        }

    .small-up-5 > .column {
        width: 20%;
        float: left
    }

        .small-up-5 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-5 > .column:nth-of-type(5n+1) {
            clear: both
        }

        .small-up-5 > .column:last-child {
            float: left
        }

    .small-up-6 > .column {
        width: 16.66667%;
        float: left
    }

        .small-up-6 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-6 > .column:nth-of-type(6n+1) {
            clear: both
        }

        .small-up-6 > .column:last-child {
            float: left
        }

    .small-up-7 > .column {
        width: 14.28571%;
        float: left
    }

        .small-up-7 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-7 > .column:nth-of-type(7n+1) {
            clear: both
        }

        .small-up-7 > .column:last-child {
            float: left
        }

    .small-up-8 > .column {
        width: 12.5%;
        float: left
    }

        .small-up-8 > .column:nth-of-type(1n) {
            clear: none
        }

        .small-up-8 > .column:nth-of-type(8n+1) {
            clear: both
        }

        .small-up-8 > .column:last-child {
            float: left
        }

    .small-push-0 {
        position: static;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:40em) {
    .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-7, .medium-push-8, .medium-push-9 {
        position: relative
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        left: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        left: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        left: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        left: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        left: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        left: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        left: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        left: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        left: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        left: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-up-1 > .column {
        width: 100%;
        float: left
    }

        .medium-up-1 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(1n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child {
            float: left
        }

    .medium-up-2 > .column {
        width: 50%;
        float: left
    }

        .medium-up-2 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child {
            float: left
        }

    .medium-up-3 > .column {
        width: 33.33333%;
        float: left
    }

        .medium-up-3 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child {
            float: left
        }

    .medium-up-4 > .column {
        width: 25%;
        float: left
    }

        .medium-up-4 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child {
            float: left
        }

    .medium-up-5 > .column {
        width: 20%;
        float: left
    }

        .medium-up-5 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child {
            float: left
        }

    .medium-up-6 > .column {
        width: 16.66667%;
        float: left
    }

        .medium-up-6 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child {
            float: left
        }

    .medium-up-7 > .column {
        width: 14.28571%;
        float: left
    }

        .medium-up-7 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child {
            float: left
        }

    .medium-up-8 > .column {
        width: 12.5%;
        float: left
    }

        .medium-up-8 > .column:nth-of-type(1n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child {
            float: left
        }

    .medium-push-0 {
        position: static;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:62em) {
    .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-7, .large-push-8, .large-push-9 {
        position: relative
    }

    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        left: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        left: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        left: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        left: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        left: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        left: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        left: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        left: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        left: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        left: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-up-1 > .column {
        width: 100%;
        float: left
    }

        .large-up-1 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(1n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child {
            float: left
        }

    .large-up-2 > .column {
        width: 50%;
        float: left
    }

        .large-up-2 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child {
            float: left
        }

    .large-up-3 > .column {
        width: 33.33333%;
        float: left
    }

        .large-up-3 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child {
            float: left
        }

    .large-up-4 > .column {
        width: 25%;
        float: left
    }

        .large-up-4 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child {
            float: left
        }

    .large-up-5 > .column {
        width: 20%;
        float: left
    }

        .large-up-5 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child {
            float: left
        }

    .large-up-6 > .column {
        width: 16.66667%;
        float: left
    }

        .large-up-6 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child {
            float: left
        }

    .large-up-7 > .column {
        width: 14.28571%;
        float: left
    }

        .large-up-7 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child {
            float: left
        }

    .large-up-8 > .column {
        width: 12.5%;
        float: left
    }

        .large-up-8 > .column:nth-of-type(1n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child {
            float: left
        }

    .large-push-0 {
        position: static;
        margin-left: 0;
        margin-right: 0
    }
}

div.text-left, h3.text-left, h4.text-left, h5.text-left, h6.text-left, p.text-left, td.text-left, th.text-left {
    text-align: left
}

div.text-center, h3.text-center, h4.text-center, h5.text-center, h6.text-center, p.text-center, td.text-center, th.text-center {
    text-align: center
}

div.text-right, h3.text-right, h4.text-right, h5.text-right, h6.text-right, p.text-right, td.text-right, th.text-right {
    text-align: right
}

[class*=wn-font] {
    font-family: wackerneuson;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: .999em
}

.wn-font-grey {
    color: #535e5d
}

.wn-font-red {
    color: #d10019
}

.wn-font-green {
    color: #55af30
}

@media screen and (max-width:39.9375em) {
    .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        width: 100%
    }
}

@media screen and (min-width:62em) and (max-width:74.9375em) {
    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-1 {
        width: 8.33333%
    }
}

#content .row {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.column > .layout-green, .column > .layout-grey, .column > .layout-white {
    padding: 1rem
}

@media screen and (max-width:39.9375em) {
    .column > .layout-green, .column > .layout-grey, .column > .layout-white {
        margin-bottom: 1.25rem
    }
}

.column:last-child > .layout-green, .column:last-child > .layout-grey, .column:last-child > .layout-white {
    margin-bottom: 0
}

.text ol, .text ul, .text-box ol, .text-box ul, .textbox ol, .textbox ul {
    padding-left: .625rem;
    margin: 0 0 .625rem .625rem
}

    .text ol li, .text ul li, .text-box ol li, .text-box ul li, .textbox ol li, .textbox ul li {
        margin-left: .3125rem;
        margin-bottom: .625rem
    }

    .text ul li, .text-box ul li, .textbox ul li {
        list-style: disc
    }

    .text ol li, .text-box ol li, .textbox ol li {
        list-style: decimal
    }

a, body {
    color: #525b5a
}

nav.navbar-collapse > ul.nav-main li ul {
    z-index: 9999
}

body {
    overflow-x: hidden;
    background-color: #fff
}

.has-media {
    background-repeat: no-repeat
}

.has-media {
    background-position: top center;
    background-size: contain
}

a {
    text-decoration: none
}

    a:hover {
        color: inherit
    }

    .text a:not(.button), a.red-link:not(.button) {
        color: #d10019;
        text-decoration: underline
    }

        .text a:not(.button):hover, a.red-link:not(.button):hover {
            text-decoration: none
        }

.layout-green > *, .layout-grey > * {
    color: #fefefe
}

h3 {
    margin-top: 0;
    font-weight: 700
}

#WNWebContainer {
    max-width: 62.5rem;
    margin: 0 auto;
    font-size: .75rem;
    line-height: 1.45em
}

.layout-grey, .layout-white {
    background-color: #fefefe;
    padding: 1.25rem
}

.layout-grey {
    background-color: #3c3c3c
}

.layout-green {
    background-color: #55af30
}

.layout-white > * {
    color: #525b5a
}

#content .row .layout-green, #content .row .layout-grey, #content .row .layout-white {
    margin-left: 0;
    margin-right: 0
}

footer {
    margin-bottom: 25px
}

@media screen and (min-width:62em) {
    footer .navbar-nav {
        border-radius: 0;
        text-align: right;
        font-size: 90%;
        padding: 7px 10px 5px
    }
}

footer .navbar-nav {
    background: #656f6e;
    background: -webkit-linear-gradient(top,#656f6e 0,#56605f 3%,#515c5a 41%,#485150 94%,#475150 97%,#586160 100%);
    background: linear-gradient(to bottom,#656f6e 0,#56605f 3%,#515c5a 41%,#485150 94%,#475150 97%,#586160 100%);
    overflow: hidden;
    position: relative
}

    footer .navbar-nav a {
        color: #fff;
        font-size: .8125rem;
        text-decoration: underline
    }

        footer .navbar-nav a:hover {
            text-decoration: none
        }

@media screen and (max-width:61.9375em) {
    footer .navbar-nav .language-selection {
        position: absolute;
        top: 15px;
        right: .625rem
    }
}

footer .navbar-nav .language-selection {
    display: inline-block;
    color: #525b5a
}

    footer .navbar-nav .language-selection select {
        margin: 0;
        padding: 0 1.25rem 0 0;
        font-size: inherit;
        height: auto
    }

footer .footer__bottom {
    margin-top: .3125rem;
    margin-bottom: .625rem
}

.branding a {
    margin: 15px 0 5px 20px
}

@media screen and (min-width:62em) {
    .branding a {
        height: 60px;
        width: 180px;
        margin-bottom: 15px
    }
}

.header-links {
    padding-top: 25px
}

@media screen and (max-width:61.9375em) {
    #header {
        background-color: #ffd511;
        border-bottom: 1px solid #3c3c3c
    }

    .header-links {
        padding-right: 60px
    }

        .header-links div.header-search {
            display: none
        }
}

.header-links > div {
    margin-left: 1.25rem
}

.header-search {
    width: 250px;
    position: relative
}

    .header-search form .input-group {
        position: relative;
        border: 1px solid #e6e6e6;
        background-color: #fefefe
    }

        .header-search form .input-group input {
            margin: 0;
            border: none;
            box-shadow: none
        }

        .header-search form .input-group .input-group-button {
            position: relative
        }

form[name=form_kesearch_pi1] .input-group-button:after {
    content: "";
    display: inline-block;
    font: normal normal normal 18px/30px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 50%;
    margin-right: -15px;
    width: 30px;
    height: 30px;
    z-index: 1;
    text-align: center
}

a[class*=btn-], button[class*=btn], input[class*=btn] {
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0;
    font-size: .9rem;
    background: #ffd511;
    color: #fff;
    padding: .5em 1em;
    text-decoration: none;
    display: inline-block
}

    a[class*=btn-]:focus, a[class*=btn-]:hover, button[class*=btn]:focus, button[class*=btn]:hover, input[class*=btn]:focus, input[class*=btn]:hover {
        background: #dab300;
        color: #fff
    }

a.button, button.button, input.button {
    background: #ffd511;
    color: #525b5a
}

    a.button:focus, a.button:hover, button.button:focus, button.button:hover, input.button:focus, input.button:hover {
        background: #dab300
    }

    a.button, a.button:focus, a.button:hover, button.button, button.button:focus, button.button:hover, input.button, input.button:focus, input.button:hover {
        color: #525b5a
    }

a.wn-red {
    background: #d10019;
    color: #fefefe
}

    a.wn-red:focus, a.wn-red:hover {
        background-color: #ab0015;
        color: #fefefe
    }

a.close-button, button.close-button, input.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

    a.close-button:focus, a.close-button:hover, button.close-button:focus, button.close-button:hover, input.close-button:focus, input.close-button:hover {
        color: #0a0a0a
    }

a:after {
    color: #525b5a;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px
}

.power {
    background-repeat: no-repeat
}

#other {
    background-image: url(../../typo3conf/ext/shortcuts_gateway/Resources/Public/Images/pumpAll.png);
    background-repeat: no-repeat;
    background-position: 0 60px;
    width: 170px;
    height: 230px;
    position: relative
}

.power {
    position: relative
}

#other {
    background-position: -539px 60px
}

.power {
    background-image: url(../../typo3conf/ext/shortcuts_gateway/Resources/Public/Images/powerAll.png);
    background-position: 0 30px;
    width: 222px;
    height: 260px
}

#diesel {
    background-position: -220px 30px
}

#electricity {
    background-position: -460px 30px
}

#powered_by_img {
    width: 700px;
    height: 191px;
    background: url(../../typo3conf/ext/pi1/res/img/zapfsau.png) 30px center no-repeat;
    margin-bottom: 30px
}

#water {
    background-repeat: no-repeat;
    padding: 0;
    position: absolute;
    visibility: visible
}

#water {
    background-image: url(../../typo3conf/ext/pi1/res/img/water.gif);
    height: 73px;
    left: 107px;
    top: 18px;
    width: 107px;
    z-index: 4000
}