body, ul, li, form, fieldset, button, input, select, textarea, h1, h2, h3, h4, h5, h6, figure, legend, p {
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

a {
    cursor: pointer
}

a img {
    border: 0
}

ul, li {
    list-style: none
}

fieldset {
    border: 0
}

div, ul, li, ol, header, aside, article, nav, footer, section, form, fieldset, input, textarea, button, a, img, embed, h1, h2, h3, h4, h5, p, #tabcontent_karte, #tabcontent_liste, #tabcontent_filter {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.clear {
    clear: both
}

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

.clearfix:after {
    clear: both
}

body {
    min-width: 320px
}

.placeholder {
    color: #aaa
}

html {
    overflow-y: scroll
}

.has-overlay {
    overflow: hidden
}

.has-overlay > body {
    height: 100%;
    overflow-y: scroll
}

.semantic-content {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20002;
    opacity: 0;
    color: #222;
    line-height: 1.3;
    display: none \9
}

.semantic-content:target {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.is-active.semantic-content {
    display: block
}

.semantic-content:target {
    display: block \9
}

.semantic-content .modal-inner {
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -325px;
    width: 650px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .8)
}

.semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe {
    width: 100%;
    height: auto;
    min-height: 300px
}

.semantic-content .modal-inner > img {
    width: auto;
    max-width: 100%
}

@media screen and (min-width: 512px) {
}

.semantic-content .modal-inner > header {
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
    height: auto;
    width: auto;
    box-shadow: none;
    position: relative;
    left: 0;
    right: 0
}

.semantic-content .modal-inner > header > h2 {
    margin: .5em 0
}

.semantic-content .semantic-content .modal-content {
    padding: 15px 1.2em 30px
}

.semantic-content .modal-content {
    padding: 15px 1.2em;
    top: 49px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.semantic-content .modal-content > * {
    max-width: 100%
}

.semantic-content .modal-content hr {
    margin-bottom: 20px
}

.semantic-content footer {
    border-top: 1px solid #fff;
    padding: 0 1.2em 18px;
    background: #f0f0f0;
    border-radius: 2px
}

.semantic-content .modal-close {
    display: block;
    text-indent: -100px;
    overflow: hidden
}

.semantic-content .modal-close:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5)
}

.semantic-content .modal-close:after {
    font-family: sz-osc-icons;
    content: '\e007';
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 20;
    margin-left: 285px;
    background: #fff;
    padding: 8px;
    font-size: 1.6em;
    text-decoration: none;
    text-indent: 0
}

@media screen and (max-width: 690px) {
    .semantic-content .modal-inner {
        width: auto;
        left: 20px;
        right: 20px;
        margin-left: 0
    }

    .semantic-content .modal-close {
        left: auto;
        right: 33px;
        margin-left: 0
    }

    .semantic-content .modal-close:after {
        margin-left: 40%
    }
}

@media screen and (max-width: 511px) {
    .semantic-content {
        -webkit-transform: translate(0, 400px);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
        -moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s;
        -o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s;
        -ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s;
        transition: transform .25s ease-in-out, opacity 1ms .25s;
        display: block;
        height: 100%;
        max-height: 100% !important;
        bottom: auto
    }

    .semantic-content:target {
        -webkit-transition: -webkit-transform .25s ease-in-out;
        -moz-transition: -moz-transform .25s ease-in-out;
        -o-transition: -o-transform .25s ease-in-out;
        -ms-transition: -ms-transform .25s ease-in-out;
        transition: transform .25s ease-in-out
    }

    .semantic-content .modal-inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        max-height: 100% !important;
        overflow: auto;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .semantic-content .modal-content {
        margin-top: 20px;
        max-height: none
    }

    .semantic-content .modal-inner > header {
        position: fixed;
        background-color: #fff;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;
        min-height: 60px
    }

    .semantic-content .modal-inner > header#modal-label {
        padding-top: 7px
    }

    .semantic-content .modal-close {
        right: auto;
        text-decoration: none
    }

    .semantic-content .modal-close:before {
        display: none
    }

    .semantic-content .modal-close:after {
        font-family: sz-osc-icons;
        content: '\e007';
        position: absolute;
        top: 10px;
        margin-right: 40px;
        z-index: 1000;
        background: #fff;
        padding: 8px;
        font-size: 1.4em;
        text-decoration: none;
        text-indent: 0
    }
}

@media screen and (max-height: 46em) and (min-width: 30em) {
}

@media screen and (max-height: 36em) and (min-width: 30em) {
}

@media screen and (min-width: 30em) {
    .semantic-content {
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s
    }
}

.semantic-content {
    display: none
}

.modal-close-ie8 {
    display: none
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: footable;
        src: url(fonts/footable.svg#footable) format("svg");
        font-weight: 400;
        font-style: normal
    }
}

.footable.breakpoint > tbody > tr.footable-detail-show > td {
    border-bottom: 0
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e001"
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer
}

.footable.breakpoint > tbody > tr > td.footable-cell-detail {
    background: #eee;
    border-top: 0
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: inline-block;
    font-family: footable;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 0;
    font-size: 14px;
    color: #888;
    cursor: pointer
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    content: "\e000"
}

.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e005"
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
    content: "\e004"
}

.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e003"
}

.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e002"
}

.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e007"
}

.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
    content: "\e006"
}

.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e009"
}

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e008"
}

.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e00f"
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
    content: "\e011"
}

.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e013"
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
    content: "\e015"
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e01b"
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
    content: "\e01d"
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e00b"
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e00d"
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e01f"
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
    content: "\e021"
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e017"
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
    content: "\e019"
}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
    font-size: 18px
}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
    font-size: 24px
}

.footable > thead > tr > th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.footable > thead > tr > th.footable-sortable:hover {
    cursor: pointer
}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
    content: "\e013"
}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
    content: "\e012"
}

.footable > thead > tr > th > span.footable-sort-indicator {
    display: inline-block;
    font-family: footable;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px
}

.footable > thead > tr > th > span.footable-sort-indicator:before {
    content: "\e022"
}

.footable > tfoot .pagination {
    margin: 0
}

.footable.no-paging .hide-if-no-paging {
    display: none
}

.footable-row-detail-inner {
    display: table
}

.footable-row-detail-row {
    display: table-row;
    line-height: 1.5em
}

.footable-row-detail-group {
    display: block;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: 700
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: 700;
    padding-right: .5em
}

.footable-row-detail-value {
    display: table-cell
}

.footable-odd {
    background-color: #f7f7f7
}

.footable > thead > tr > th.footable-first-column, .footable > thead > tr > td.footable-first-column {
    border-left: 0
}

.footable > tbody img {
    vertical-align: middle
}

.footable > tbody > tr > td.footable-first-column {
    border-left: 0
}

.footable.breakpoint > tbody > tr > td.footable-first-column {
    padding-left: 40px
}

.footable > tfoot > tr > th, .footable > tfoot > tr > td {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    border-top: 1px solid #ccc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    padding: 10px
}

.footable .pagination {
    margin: 20px 0
}

.footable .pagination > ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.footable .pagination > ul > li {
    display: inline
}

.footable .pagination > ul > li > a, .footable .pagination > ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-left-width: 0
}

.footable .pagination > ul > li:first-child > a, .footable .pagination > ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    border-left-width: 1px
}

.footable .pagination > ul > li:last-child > a, .footable .pagination > ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.footable .pagination > ul > li > a:hover, .footable .pagination > ul > li > a:focus, .footable .pagination > ul > .active > a, .footable .pagination > ul > .active > span {
    background-color: #eee
}

.footable .pagination > ul > .active > a, .footable .pagination > ul > .active > span {
    color: #444;
    cursor: default
}

.footable .pagination > ul > .disabled > span, .footable .pagination > ul > .disabled > a, .footable .pagination > ul > .disabled > a:hover, .footable .pagination > ul > .disabled > a:focus {
    color: #ccc;
    cursor: default;
    background-color: #ebf3fc
}

.footable .pagination.pagination-centered {
    text-align: center
}

.footable .pagination.pagination-right {
    text-align: center
}

.footable {
    width: 100%;
    font-family: SZSansRegular, Arial;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    border: 1px solid #CCC
}

.footable td, .footable th {
    vertical-align: top
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: inline-block;
    font-family: sz-osc-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.footable > thead > tr > th {
    color: #888;
    font-family: SZSansBold, Arial;
    padding: 10px;
    text-align: left
}

.footable > tbody > .rowdark {
    background-color: #ecebe6;
    color: #333
}

.footable > tbody > tr:hover {
    background: #dedcd0
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer
}

.footable > tbody > tr > td {
    padding: 10px;
    text-align: left
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle {
    display: inline;
    padding-left: 0
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    position: absolute;
    content: "\e00a";
    padding-right: 0;
    font-size: 22px;
    color: #333;
    margin-top: 0;
    margin-top: -5px;
    margin-left: -30px
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    position: absolute;
    content: "\e00b";
    padding-right: 0;
    font-size: 22px;
    color: #333;
    margin-top: 0;
    margin-top: -5px;
    margin-left: -30px
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: inline;
    padding-left: 0
}

.footable > tbody > tr.rowdark + tr.footable-row-detail {
    background: #ecebe6
}

.footable > tbody > tr + tr.footable-row-detail:hover {
    background: #FFF
}

.footable > tbody > tr.rowdark + tr.footable-row-detail:hover {
    background: #ecebe6
}

.footable.breakpoint > tbody > tr.footable-row-detail > td.footable-row-detail-cell {
    padding: 0 10px 10px
}

.footable-row-detail-name {
    display: table-cell;
    font-family: SZSansBold, Arial;
    padding-right: .5em
}

.stage .flexible-head.stage-1-head {
    padding: 10px 10px 0
}

.stage .flexible-head.stage-2-head {
    padding: 30px 10px 0
}

.stage .relative {
    position: relative
}

.stage .auto-height {
    height: auto
}

.stage .shadow-box {
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc
}

.stage.shadow-box {
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc
}

.stage .right {
    float: right;
    padding-right: 22%
}

@media screen and (min-width: 768px) {
    .stage .stage-1-price {
        position: absolute;
        right: 50px;
        top: 10px
    }

    .stage .flexible-head.stage-1-head {
        padding: 20px 20px 0
    }

    .stage .flexible-head.stage-2-head {
        padding: 20px 20px 0
    }
}

.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.selectboxit-container * {
    font: 16px SZSansRegular, Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: 0;
    white-space: nowrap
}

.selectboxit-container .selectboxit.full {
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 38px;
    line-height: 40px;
    display: block
}

.selectboxit-container .selectboxit:focus {
    outline: 0
}

.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px
}

.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px
}

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none
}

.selectboxit-option, .selectboxit-optgroup-header {
    text-indent: 5px;
    margin: 0;
    list-style-type: none
}

.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.selectboxit-optgroup-header {
    font-weight: 700
}

.selectboxit-optgroup-header:hover {
    cursor: default
}

.selectboxit-arrow-container {
    width: 30px;
    position: absolute;
    right: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: 40%;
    right: 0;
    left: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%
}

.selectboxit-option-icon-container {
    float: left
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left
}

.selectboxit-rendering {
    display: block;
    visibility: hidden
}

.jqueryui .ui-icon {
    background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.selectboxit-btn {
    background-color: #fff;
    border: 1px solid #ccc
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
    color: #333;
    background-color: #e6e6e6
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 7px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.selectboxit-list {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.selectboxit-list .selectboxit-option-anchor {
    color: #333;
    font: 16px SZSansRegular, Arial
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #999
}

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    -ms-overflow-style: none !important;
    width: 100%;
    height: 400px
}

.iosSlider .slider {
    width: 100%;
    height: 100%
}

.iosSlider .slider .slide {
    float: left;
    width: 100%;
    height: 100%
}

.iosSlider-nav {
    float: left;
    overflow: hidden;
    width: 460px;
    height: 78px
}

.iosSlider-nav .slider {
    width: 100%;
    height: 100%
}

.iosSlider-nav .slider .slide {
    float: left;
    font-family: SZSansRegular, Arial;
    font-size: 1.6em;
    width: 120px;
    height: 34px;
    color: #fff;
    margin: 18px 0 !important;
    padding-left: 12px;
    border-left: solid 1px #81cfc6;
    line-height: 1
}

.iosSlider-nav .slider .slide:first-child {
    border: 0
}

.iosSlider-nav .selected {
    font-weight: 700
}

.doubleSliderPrevButtonNav {
    display: block;
    float: left;
    width: 60px;
    height: 78px;
    z-index: 2;
    padding: 30px 20px;
    color: #FFF;
    text-decoration: none !important;
    box-shadow: 5px 0 5px -3px #333;
    margin-right: 10px
}

.doubleSliderPrevButtonNav:before {
    font-family: sz-osc-icons;
    content: '\e011';
    font-size: 20px
}

.doubleSliderNextButtonNav {
    display: block;
    float: left;
    width: 60px;
    height: 78px;
    z-index: 2;
    padding: 30px 20px;
    color: #FFF;
    text-decoration: none !important;
    box-shadow: -5px 0 5px -3px #333;
    margin-left: 10px
}

.doubleSliderNextButtonNav:after {
    font-family: sz-osc-icons;
    content: '\e010';
    font-size: 20px
}

.iosSlider-awards {
    float: left;
    overflow: hidden;
    width: 490px;
    height: 175px;
    margin: 0 5px
}

.iosSlider-awards.landing-page {
    width: 750px
}

.iosSlider-awards.product-detail {
    width: 450px
}

.iosSlider-awards.product-detail img {
    width: 100%;
    margin: 0;
    padding: 0
}

.iosSlider-awards .slider {
    width: 50%;
    height: 100%
}

.iosSlider-awards .slider .slide {
    float: left;
    width: 100%;
    height: 175px;
    font-family: SZSansRegular, Arial;
    font-size: 1.8em;
    text-align: center
}

.iosSlider-awards .slider .slide img {
    width: 170px
}

.iosSlider-awards .slider .slide span {
    display: block;
    line-height: 100%
}

.iosSlider-awards.landing-page .slider .slide span {
    min-width: 206px
}

.doubleSliderPrevButtonAwards {
    display: block;
    float: left;
    width: 50px;
    height: 170px;
    line-height: 170px;
    z-index: 2;
    margin: 0;
    text-decoration: none !important;
    position: relative
}

.doubleSliderPrevButtonAwards:before {
    font-family: sz-osc-icons;
    content: '\e011';
    font-size: 40px;
    position: absolute;
    top: 0;
    z-index: 2;
    background: #FFF;
    width: 50px
}

.doubleSliderPrevButtonAwards:after {
    content: " ";
    width: 35px;
    height: 167px;
    display: block;
    box-shadow: 4px 5px 3px rgba(204, 204, 204, .5);
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 1
}

.doubleSliderPrevButtonAwards.product-detail {
    margin-left: 10px
}

.doubleSliderNextButtonAwards {
    display: block;
    float: left;
    width: 50px;
    height: 170px;
    line-height: 170px;
    z-index: 2;
    margin: 0;
    text-decoration: none !important;
    position: relative
}

.doubleSliderNextButtonAwards:before {
    font-family: sz-osc-icons;
    content: '\e010';
    text-align: right;
    font-size: 40px;
    position: absolute;
    top: 0;
    z-index: 2;
    background: #FFF;
    width: 50px
}

.doubleSliderNextButtonAwards:after {
    content: " ";
    width: 35px;
    height: 167px;
    display: block;
    box-shadow: -4px 5px 3px rgba(204, 204, 204, .5);
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 1
}

.doubleSliderPrevButtonNav:active, .doubleSliderNextButtonNav:active, .doubleSliderPrevButtonAwards:active, .doubleSliderNextButtonAwards:active {
    background: transparent
}

.stage-bottom-slider {
    float: left;
    background: #285442;
    background: -moz-linear-gradient(-45deg, #285442 0, #00a593 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #285442), color-stop(100%, #00a593));
    background: -webkit-linear-gradient(-45deg, #285442 0, #00a593 100%);
    background: -o-linear-gradient(-45deg, #285442 0, #00a593 100%);
    background: -ms-linear-gradient(-45deg, #285442 0, #00a593 100%);
    background: linear-gradient(135deg, #285442 0, #00a593 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285442', endColorstr='#00a593', GradientType=1);
    cursor: pointer
}

.slider-status {
    display: none
}

.iosSlider-pictures {
    position: relative;
    width: 100%
}

.iosSlider-pictures .slider {
    width: 100%;
    height: 100%
}

.iosSlider-pictures .slider .slide {
    float: left;
    width: 100%
}

.iosSlider-pictures .slider .slide img {
    width: 100% !important;
    height: auto;
    padding: 0
}

.iosSlider-pictures .prev {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    z-index: 2;
    margin-top: -20px;
    text-decoration: none !important;
    z-index: 1000
}

.iosSlider-pictures .prev:before {
    font-family: sz-osc-icons;
    content: '\e011';
    font-size: 40px
}

.iosSlider-pictures .next {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    z-index: 2;
    margin-top: -20px;
    text-decoration: none !important;
    text-align: right;
    z-index: 1000
}

.iosSlider-pictures .next:before {
    font-family: sz-osc-icons;
    content: '\e010';
    font-size: 40px
}

.product-detail1 .right {
    padding: 0
}

span.product-detail1 {
    display: none
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.2.1
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {
    color: #ccc
}

@font-face {
    font-family: VideoJS;
    src: url(fonts/vjs.eot);
    src: url(fonts/vjs.eot?#iefix) format("embedded-opentype"), url(fonts/vjs.woff) format("woff"), url(fonts/vjs.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.vjs-default-skin .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    background-color: #333;
    background-color: rgba(51, 51, 51, .9)
}

.vjs-default-skin .vjs-slider:focus {
    -webkit-box-shadow: 0 0 2em #fff;
    -moz-box-shadow: 0 0 2em #fff;
    box-shadow: 0 0 2em #fff
}

.vjs-default-skin .vjs-slider-handle {
    position: absolute;
    left: 0;
    top: 0
}

.vjs-default-skin .vjs-slider-handle:before {
    content: "\e009";
    font-family: VideoJS;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 1em #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.vjs-default-skin .vjs-control-bar {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7)
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
    display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
    display: none
}

@media \0screen {
    .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
        content: ""
    }
}

.vjs-default-skin .vjs-control {
    outline: 0;
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 3em;
    width: 4em
}

.vjs-default-skin .vjs-control:before {
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-default-skin .vjs-play-control {
    width: 5em;
    cursor: pointer
}

.vjs-default-skin .vjs-play-control:before {
    content: "\e001"
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
    content: "\e002"
}

.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
    cursor: pointer;
    float: right
}

.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
    content: "\e006"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
    content: "\e003"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\e004"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\e005"
}

.vjs-default-skin .vjs-volume-control {
    width: 5em;
    float: right
}

.vjs-default-skin .vjs-volume-bar {
    width: 5em;
    height: .6em;
    margin: 1.1em auto 0
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
    height: 2.9em
}

.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: .5em;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    width: .5em;
    height: .5em
}

.vjs-default-skin .vjs-volume-handle:before {
    font-size: .9em;
    top: -.2em;
    left: -.2em;
    width: 1em;
    height: 1em
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
    width: 6em;
    left: -4em
}

.vjs-default-skin .vjs-progress-control {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    font-size: .3em;
    height: 1em;
    top: -1em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-default-skin:hover .vjs-progress-control {
    font-size: .9em;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.vjs-default-skin .vjs-progress-holder {
    height: 100%
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0
}

.vjs-default-skin .vjs-play-progress {
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-load-progress {
    background: #646464;
    background: rgba(255, 255, 255, .4)
}

.vjs-default-skin .vjs-seek-handle {
    width: 1.5em;
    height: 100%
}

.vjs-default-skin .vjs-seek-handle:before {
    padding-top: .1em
}

.vjs-default-skin .vjs-time-controls {
    font-size: 1em;
    line-height: 3em
}

.vjs-default-skin .vjs-current-time {
    float: left
}

.vjs-default-skin .vjs-duration {
    float: left
}

.vjs-default-skin .vjs-remaining-time {
    display: none;
    float: left
}

.vjs-time-divider {
    float: left;
    line-height: 3em
}

.vjs-default-skin .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    float: right
}

.vjs-default-skin .vjs-fullscreen-control:before {
    content: "\e000"
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\e00b"
}

.vjs-default-skin .vjs-big-play-button {
    left: 50%;
    margin-left: -2em;
    top: 50%;
    margin-top: -1.3em;
    font-size: 3em;
    display: block;
    z-index: 2;
    position: absolute;
    width: 4em;
    height: 2.6em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7);
    border: .1em solid #3b4249;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
    -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    -moz-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
    display: none
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
    display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #505050;
    background-color: rgba(50, 50, 50, .75);
    -webkit-box-shadow: 0 0 3em #fff;
    -moz-box-shadow: 0 0 3em #fff;
    box-shadow: 0 0 3em #fff;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-default-skin .vjs-big-play-button:before {
    content: "\e001";
    font-family: VideoJS;
    line-height: 2.6em;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 5em;
    line-height: 1;
    width: 1em;
    height: 1em;
    margin-left: -.5em;
    margin-top: -.5em;
    opacity: .75;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear
}

.vjs-default-skin .vjs-loading-spinner:before {
    content: "\e00a";
    font-family: VideoJS;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    text-align: center;
    text-shadow: 0 0 .1em #000
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.vjs-default-skin .vjs-menu-button {
    float: right;
    cursor: pointer
}

.vjs-default-skin .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-bottom: 3em;
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 1.55em solid #000;
    border-top-color: rgba(7, 40, 50, .5)
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 10em;
    bottom: 1.5em;
    max-height: 15em;
    overflow: auto;
    left: -5em;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7);
    -webkit-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
    -moz-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
    box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2)
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
    display: block
}

.vjs-default-skin .vjs-menu-button ul li {
    list-style: none;
    margin: 0;
    padding: .3em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-color: #000
}

.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    outline: 0;
    color: #111;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-default-skin .vjs-subtitles-button:before {
    content: "\e00c"
}

.vjs-default-skin .vjs-captions-button:before {
    content: "\e008"
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js:-moz-full-screen {
    position: absolute
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    _position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-poster {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.video-js.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em
}

.video-js .vjs-text-track {
    display: none;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.video-js .vjs-subtitles {
    color: #fff
}

.video-js .vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

.vjs-default-skin .vjs-hidden {
    display: none
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    font-size: 100%;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    background-color: #FFF;
    box-shadow: 0 0 10px #ccc;
    padding: 10px
}

.sidr.right {
    left: auto;
    right: -260px
}

.sidr.left {
    left: -260px;
    right: auto
}

.sidr p {
    margin: 0 0 12px
}

.sidr > p {
    margin-left: 15px;
    margin-right: 15px
}

.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0
}

.sidr ul li {
    display: block
}

.sidr h2.list {
    margin-left: 10px;
    margin-top: 40px
}

.sidr button, .sidr a.button {
    float: left
}

ul.linklist.servicenav > li:before {
    content: "";
    margin-left: -16px;
    font-size: .6em;
    padding-right: 5px
}

.sidr ul.menubar li, .sidr ul.linklist.servicenav li {
    border-top: 1px solid #c3c3c4;
    padding-top: 10px
}

.sidr ul.linklist.servicenav ul.linklist li {
    border-top: 0
}

.sidr ul.linklist.servicenav > ul.linklist {
    padding-bottom: 10px
}

.sidr ul.menubar, .sidr ul.linklist.servicenav {
    border-bottom: 1px solid #c3c3c4;
    padding-bottom: 10px
}

/*! jQuery UI - v1.10.3 - 2013-10-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.menu.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

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

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-widget {
    font-family: SZSansRegular, Arial;
    font-size: 1em
}

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333
}

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

.ui-widget-header {
    border: 0;
    background: #fff;
    color: #000;
    font-weight: 700
}

.ui-widget-header a {
    color: #000
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: 700;
    color: #000
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #000;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #000
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

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

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png)
}

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

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

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

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

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

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

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

.ui-icon-arrow-1-ne {
    background-position: -16px -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-sw {
    background-position: -80px -32px
}

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

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

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

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

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

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

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

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

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

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

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

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

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

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

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

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

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

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

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

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

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

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

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

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

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

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

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

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

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

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

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

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

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

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

.ui-icon-video {
    background-position: -224px -128px
}

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

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

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

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

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

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

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -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-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

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

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

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

.datepickerContainer {
    /*! jQuery UI - v1.10.3 - 2013-11-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
}

.datepickerContainer .ui-helper-hidden {
    display: none
}

.datepickerContainer .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.datepickerContainer .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.datepickerContainer .ui-helper-clearfix:before, .datepickerContainer .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.datepickerContainer .ui-helper-clearfix:after {
    clear: both
}

.datepickerContainer .ui-helper-clearfix {
    min-height: 0
}

.datepickerContainer .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.datepickerContainer .ui-front {
    z-index: 100
}

.datepickerContainer .ui-state-disabled {
    cursor: default !important
}

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

.datepickerContainer .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.datepickerContainer .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.datepickerContainer .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.datepickerContainer .ui-datepicker .ui-datepicker-prev, .datepickerContainer .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.datepickerContainer .ui-datepicker .ui-datepicker-prev-hover, .datepickerContainer .ui-datepicker .ui-datepicker-next-hover {
    top: 2px
}

.datepickerContainer .ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.datepickerContainer .ui-datepicker .ui-datepicker-next {
    right: 2px
}

.datepickerContainer .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.datepickerContainer .ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.datepickerContainer .ui-datepicker .ui-datepicker-prev span, .datepickerContainer .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.datepickerContainer .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.datepickerContainer .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.datepickerContainer .ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.datepickerContainer .ui-datepicker select.ui-datepicker-month, .datepickerContainer .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.datepickerContainer .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.datepickerContainer .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.datepickerContainer .ui-datepicker td {
    border: 0;
    padding: 1px
}

.datepickerContainer .ui-datepicker td span, .datepickerContainer .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.datepickerContainer .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.datepickerContainer .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.datepickerContainer .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.datepickerContainer .ui-datepicker.ui-datepicker-multi {
    width: auto
}

.datepickerContainer .ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.datepickerContainer .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.datepickerContainer .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.datepickerContainer .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.datepickerContainer .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.datepickerContainer .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .datepickerContainer .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.datepickerContainer .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.datepickerContainer .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.datepickerContainer .ui-datepicker-rtl {
    direction: rtl
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 2px;
    left: auto
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 2px;
    right: auto
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .datepickerContainer .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.datepickerContainer .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .datepickerContainer .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.datepickerContainer .ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

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

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

.datepickerContainer .ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.datepickerContainer .ui-widget-content a {
    color: #222
}

.datepickerContainer .ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.datepickerContainer .ui-widget-header a {
    color: #222
}

.datepickerContainer .ui-state-default, .datepickerContainer .ui-widget-content .ui-state-default, .datepickerContainer .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.datepickerContainer .ui-state-default a, .datepickerContainer .ui-state-default a:link, .datepickerContainer .ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.datepickerContainer .ui-state-hover, .datepickerContainer .ui-widget-content .ui-state-hover, .datepickerContainer .ui-widget-header .ui-state-hover, .datepickerContainer .ui-state-focus, .datepickerContainer .ui-widget-content .ui-state-focus, .datepickerContainer .ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.datepickerContainer .ui-state-hover a, .datepickerContainer .ui-state-hover a:hover, .datepickerContainer .ui-state-hover a:link, .datepickerContainer .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.datepickerContainer .ui-state-active, .datepickerContainer .ui-widget-content .ui-state-active, .datepickerContainer .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.datepickerContainer .ui-state-active a, .datepickerContainer .ui-state-active a:link, .datepickerContainer .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.datepickerContainer .ui-state-highlight, .datepickerContainer .ui-widget-content .ui-state-highlight, .datepickerContainer .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.datepickerContainer .ui-state-highlight a, .datepickerContainer .ui-widget-content .ui-state-highlight a, .datepickerContainer .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.datepickerContainer .ui-state-error, .datepickerContainer .ui-widget-content .ui-state-error, .datepickerContainer .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.datepickerContainer .ui-state-error a, .datepickerContainer .ui-widget-content .ui-state-error a, .datepickerContainer .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.datepickerContainer .ui-state-error-text, .datepickerContainer .ui-widget-content .ui-state-error-text, .datepickerContainer .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.datepickerContainer .ui-priority-primary, .datepickerContainer .ui-widget-content .ui-priority-primary, .datepickerContainer .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.datepickerContainer .ui-priority-secondary, .datepickerContainer .ui-widget-content .ui-priority-secondary, .datepickerContainer .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.datepickerContainer .ui-state-disabled, .datepickerContainer .ui-widget-content .ui-state-disabled, .datepickerContainer .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.datepickerContainer .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

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

.datepickerContainer .ui-icon, .datepickerContainer .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.datepickerContainer .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.datepickerContainer .ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.datepickerContainer .ui-state-hover .ui-icon, .datepickerContainer .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.datepickerContainer .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.datepickerContainer .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.datepickerContainer .ui-state-error .ui-icon, .datepickerContainer .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

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

.datepickerContainer .ui-icon-carat-1-n {
    background-position: 0 0
}

.datepickerContainer .ui-icon-carat-1-ne {
    background-position: -16px 0
}

.datepickerContainer .ui-icon-carat-1-e {
    background-position: -32px 0
}

.datepickerContainer .ui-icon-carat-1-se {
    background-position: -48px 0
}

.datepickerContainer .ui-icon-carat-1-s {
    background-position: -64px 0
}

.datepickerContainer .ui-icon-carat-1-sw {
    background-position: -80px 0
}

.datepickerContainer .ui-icon-carat-1-w {
    background-position: -96px 0
}

.datepickerContainer .ui-icon-carat-1-nw {
    background-position: -112px 0
}

.datepickerContainer .ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.datepickerContainer .ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.datepickerContainer .ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.datepickerContainer .ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.datepickerContainer .ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.datepickerContainer .ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.datepickerContainer .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.datepickerContainer .ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.datepickerContainer .ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.datepickerContainer .ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.datepickerContainer .ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.datepickerContainer .ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

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

.datepickerContainer .ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

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

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

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

.datepickerContainer .ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

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

.datepickerContainer .ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

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

.datepickerContainer .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

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

.datepickerContainer .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.datepickerContainer .ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.datepickerContainer .ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.datepickerContainer .ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.datepickerContainer .ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.datepickerContainer .ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.datepickerContainer .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.datepickerContainer .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.datepickerContainer .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.datepickerContainer .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.datepickerContainer .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.datepickerContainer .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.datepickerContainer .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.datepickerContainer .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.datepickerContainer .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.datepickerContainer .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.datepickerContainer .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.datepickerContainer .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.datepickerContainer .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.datepickerContainer .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.datepickerContainer .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.datepickerContainer .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.datepickerContainer .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.datepickerContainer .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.datepickerContainer .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.datepickerContainer .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.datepickerContainer .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.datepickerContainer .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

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

.datepickerContainer .ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.datepickerContainer .ui-icon-extlink {
    background-position: -32px -80px
}

.datepickerContainer .ui-icon-newwin {
    background-position: -48px -80px
}

.datepickerContainer .ui-icon-refresh {
    background-position: -64px -80px
}

.datepickerContainer .ui-icon-shuffle {
    background-position: -80px -80px
}

.datepickerContainer .ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.datepickerContainer .ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.datepickerContainer .ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.datepickerContainer .ui-icon-folder-open {
    background-position: -16px -96px
}

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

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

.datepickerContainer .ui-icon-note {
    background-position: -64px -96px
}

.datepickerContainer .ui-icon-mail-closed {
    background-position: -80px -96px
}

.datepickerContainer .ui-icon-mail-open {
    background-position: -96px -96px
}

.datepickerContainer .ui-icon-suitcase {
    background-position: -112px -96px
}

.datepickerContainer .ui-icon-comment {
    background-position: -128px -96px
}

.datepickerContainer .ui-icon-person {
    background-position: -144px -96px
}

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

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

.datepickerContainer .ui-icon-locked {
    background-position: -192px -96px
}

.datepickerContainer .ui-icon-unlocked {
    background-position: -208px -96px
}

.datepickerContainer .ui-icon-bookmark {
    background-position: -224px -96px
}

.datepickerContainer .ui-icon-tag {
    background-position: -240px -96px
}

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

.datepickerContainer .ui-icon-flag {
    background-position: -16px -112px
}

.datepickerContainer .ui-icon-calendar {
    background-position: -32px -112px
}

.datepickerContainer .ui-icon-cart {
    background-position: -48px -112px
}

.datepickerContainer .ui-icon-pencil {
    background-position: -64px -112px
}

.datepickerContainer .ui-icon-clock {
    background-position: -80px -112px
}

.datepickerContainer .ui-icon-disk {
    background-position: -96px -112px
}

.datepickerContainer .ui-icon-calculator {
    background-position: -112px -112px
}

.datepickerContainer .ui-icon-zoomin {
    background-position: -128px -112px
}

.datepickerContainer .ui-icon-zoomout {
    background-position: -144px -112px
}

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

.datepickerContainer .ui-icon-wrench {
    background-position: -176px -112px
}

.datepickerContainer .ui-icon-gear {
    background-position: -192px -112px
}

.datepickerContainer .ui-icon-heart {
    background-position: -208px -112px
}

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

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

.datepickerContainer .ui-icon-cancel {
    background-position: 0 -128px
}

.datepickerContainer .ui-icon-plus {
    background-position: -16px -128px
}

.datepickerContainer .ui-icon-plusthick {
    background-position: -32px -128px
}

.datepickerContainer .ui-icon-minus {
    background-position: -48px -128px
}

.datepickerContainer .ui-icon-minusthick {
    background-position: -64px -128px
}

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

.datepickerContainer .ui-icon-closethick {
    background-position: -96px -128px
}

.datepickerContainer .ui-icon-key {
    background-position: -112px -128px
}

.datepickerContainer .ui-icon-lightbulb {
    background-position: -128px -128px
}

.datepickerContainer .ui-icon-scissors {
    background-position: -144px -128px
}

.datepickerContainer .ui-icon-clipboard {
    background-position: -160px -128px
}

.datepickerContainer .ui-icon-copy {
    background-position: -176px -128px
}

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

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

.datepickerContainer .ui-icon-video {
    background-position: -224px -128px
}

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

.datepickerContainer .ui-icon-alert {
    background-position: 0 -144px
}

.datepickerContainer .ui-icon-info {
    background-position: -16px -144px
}

.datepickerContainer .ui-icon-notice {
    background-position: -32px -144px
}

.datepickerContainer .ui-icon-help {
    background-position: -48px -144px
}

.datepickerContainer .ui-icon-check {
    background-position: -64px -144px
}

.datepickerContainer .ui-icon-bullet {
    background-position: -80px -144px
}

.datepickerContainer .ui-icon-radio-on {
    background-position: -96px -144px
}

.datepickerContainer .ui-icon-radio-off {
    background-position: -112px -144px
}

.datepickerContainer .ui-icon-pin-w {
    background-position: -128px -144px
}

.datepickerContainer .ui-icon-pin-s {
    background-position: -144px -144px
}

.datepickerContainer .ui-icon-play {
    background-position: 0 -160px
}

.datepickerContainer .ui-icon-pause {
    background-position: -16px -160px
}

.datepickerContainer .ui-icon-seek-next {
    background-position: -32px -160px
}

.datepickerContainer .ui-icon-seek-prev {
    background-position: -48px -160px
}

.datepickerContainer .ui-icon-seek-end {
    background-position: -64px -160px
}

.datepickerContainer .ui-icon-seek-start {
    background-position: -80px -160px
}

.datepickerContainer .ui-icon-seek-first {
    background-position: -80px -160px
}

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

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

.datepickerContainer .ui-icon-volume-off {
    background-position: -128px -160px
}

.datepickerContainer .ui-icon-volume-on {
    background-position: -144px -160px
}

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

.datepickerContainer .ui-icon-signal-diag {
    background-position: -16px -176px
}

.datepickerContainer .ui-icon-signal {
    background-position: -32px -176px
}

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

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

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

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

.datepickerContainer .ui-icon-circle-plus {
    background-position: 0 -192px
}

.datepickerContainer .ui-icon-circle-minus {
    background-position: -16px -192px
}

.datepickerContainer .ui-icon-circle-close {
    background-position: -32px -192px
}

.datepickerContainer .ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.datepickerContainer .ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.datepickerContainer .ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.datepickerContainer .ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.datepickerContainer .ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.datepickerContainer .ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.datepickerContainer .ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.datepickerContainer .ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.datepickerContainer .ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.datepickerContainer .ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.datepickerContainer .ui-icon-circle-check {
    background-position: -208px -192px
}

.datepickerContainer .ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.datepickerContainer .ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.datepickerContainer .ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.datepickerContainer .ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.datepickerContainer .ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.datepickerContainer .ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.datepickerContainer .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.datepickerContainer .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.datepickerContainer .ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.datepickerContainer .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.datepickerContainer .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.datepickerContainer .ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.datepickerContainer .ui-corner-all, .datepickerContainer .ui-corner-top, .datepickerContainer .ui-corner-left, .datepickerContainer .ui-corner-tl {
    border-top-left-radius: 4px
}

.datepickerContainer .ui-corner-all, .datepickerContainer .ui-corner-top, .datepickerContainer .ui-corner-right, .datepickerContainer .ui-corner-tr {
    border-top-right-radius: 4px
}

.datepickerContainer .ui-corner-all, .datepickerContainer .ui-corner-bottom, .datepickerContainer .ui-corner-left, .datepickerContainer .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.datepickerContainer .ui-corner-all, .datepickerContainer .ui-corner-bottom, .datepickerContainer .ui-corner-right, .datepickerContainer .ui-corner-br {
    border-bottom-right-radius: 4px
}

.datepickerContainer .ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.datepickerContainer .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

#ui-datepicker-div {
    z-index: 11 !important
}

.social h2 {
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
    padding-right: 30px
}

.social h2:after {
    position: absolute;
    top: 3px;
    right: 5px;
    font-family: sz-osc-icons;
    font-size: .7em;
    content: '\e007';
    display: none
}

.social h2.open:after {
    display: block
}

.social #socialclosebutton {
    position: absolute;
    top: 0;
    right: 70px;
    display: none
}

.social #socialclosebutton:after {
    font-family: sz-osc-icons;
    content: '\e007'
}

.social #facebook {
    cursor: pointer;
    background: #fff url(../images/social_facebook_share.png) no-repeat;
    width: 46px;
    height: 68px;
    top: 0;
    left: 0;
    bottom: 31px
}

.social #twitter {
    width: 72px;
    height: 72px;
    bottom: 25px;
    top: 2px;
    left: 60px
}

.social #google {
    width: 72px;
    height: 72px;
    margin: 0 10px;
    bottom: 24px;
    top: 3px;
    left: 140px
}

.social #socialbar {
    display: block;
    z-index: 2;
    position: relative
}

.social #socialbar > * {
    position: absolute
}

.social #socialbar .linklist {
    bottom: 0;
    margin: 0
}

.social #socialbarClosed {
    background: #FFF url(../images/social_closed.gif) no-repeat;
    cursor: pointer;
    margin-bottom: 10px;
    position: absolute;
    z-index: 3
}

.social #socialframe {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px
}

.social .socialsize {
    width: 215px;
    height: 110px
}

.social .socialsize.reduced {
    height: 45px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -5px
}

.popover.right {
    margin-left: 5px
}

.popover.bottom {
    margin-top: 5px
}

.popover.left {
    margin-left: -5px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 6px
}

.popover > .arrow:after {
    border-width: 5px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -6px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -5px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -6px;
    margin-top: -6px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -5px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -6px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -6px;
    margin-top: -6px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -5px
}

.popover {
    font-family: SZSansRegular;
    font-size: 15px;
    color: #888;
    max-width: 252px;
    padding: 25px;
    margin: 0
}

.popover .popover-content {
    padding: 0
}

@media screen and (min-width: 1px) and (max-width: 511px) {
    .tablet_only {
        display: none
    }

    #wrapperbelt {
        width: 320px;
        padding: 0
    }

    #wrapper {
        width: 320px
    }

    ul.linklist.colum-3 li {
        width: 100%
    }

    hr.wide {
        margin-left: -20px;
        width: 288px
    }

    .gradient-green .stage-1-head.flexible-head > button.moregap {
        margin-bottom: 30px
    }

    .buttonmax button {
        width: 100%
    }

    header {
        width: 320px !important
    }

    header.modal-label {
        width: auto !important
    }

    header.mobile-open {
        left: 260px
    }

    header.mobile-closed {
        left: 50%;
        margin-left: -160px
    }

    .stage-bottom {
        margin-bottom: 40px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-2-more {
        margin-left: 127px
    }

    .stage-bottom {
        padding: 5px 10px
    }

    .stage-bottom-slider {
        padding: 10px 20px;
        margin-bottom: 40px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-bottom-slider {
        padding: 0
    }

    .stage-2-txt .gradient-green {
        min-height: 250px
    }

    .service-login .servicemenue h2 {
        width: 100px
    }

    .profile .customer-number {
        float: none
    }

    .profile button.right {
        float: none
    }

    .selectboxit-container .selectboxit.teaser-half {
        width: 260px
    }

    .teaser-3-images > div {
        width: 100%;
        margin-bottom: 20px
    }

    .gender-full .css-dropdown {
        width: 280px
    }

    div.data-h.image span {
        font-family: SZSansRegular, Arial;
        width: 135px
    }

    div.data-h.image span:first-child {
        font-family: SZSansBold, Arial;
        width: 120px
    }

    fieldset input._4_5[type=email], fieldset input._4_5[type=text], fieldset input._4_5[type=number], fieldset input._4_5[type=tel], fieldset input._4_5[type=password] {
        width: 280px
    }

    fieldset input[type=email]._1_5, input[type=text]._1_5, fieldset input[type=number]._1_5, fieldset input[type=tel]._1_5, fieldset input[type=password]._1_5, label._1_5 {
        width: 80px !important
    }

    fieldset input._3_5[type=email], input._3_5[type=text], fieldset input._3_5[type=number], fieldset input._3_5[type=tel], fieldset input._3_5[type=password] {
        width: 190px
    }

    .mobilescrollopt fieldset input._2_5[type=email], .mobilescrollopt input._2_5[type=text], .mobilescrollopt fieldset input._2_5[type=number], .mobilescrollopt fieldset input._2_5[type=tel], .mobilescrollopt fieldset input._2_5[type=password] {
        width: 120px !important
    }

    .street {
        width: 280px !important
    }

    .selectboxit-container .selectboxit.full {
        width: 280px
    }

    fieldset textarea._4_5 {
        width: 280px;
        height: 180px
    }

    .css-dropdown._3_5 {
        width: 190px
    }

    .css-dropdown._4_5 {
        width: 280px
    }

    fieldset.information label {
        width: 245px
    }

    div.left.margin_l_10 {
        margin-left: 0
    }

    .left > .data-v {
        margin-right: 5px
    }

    .wrapper > header {
        width: 320px
    }

    .claim {
        margin-top: 15px
    }

    footer ul {
        width: 100%
    }

    footer a {
        margin-left: 10px
    }

    footer a:before {
        content: "\e00c";
        margin-left: -39px;
        font-size: .6em;
        padding-right: 5px
    }

    #lp-wrapper > div {
        padding: 20px 20px 0
    }

    #lp-wrapper > div > .box_wrap.half {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.half:first-child {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.full {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.full:first-child {
        padding: 0
    }

    #lp-wrapper .stage .stage-3:before {
        border-width: 0 30px 10px;
        top: -10px;
        left: 30px
    }

    .iosSlider {
        height: 233px
    }

    .iosSlider-nav {
        width: 160px
    }

    .iosSlider-awards {
        width: 190px
    }

    .iosSlider-awards.landing-page {
        width: 170px
    }

    .iosSlider-awards.product-detail {
        width: 150px
    }

    .iosSlider-pictures {
        height: 172px !important
    }

    .existing_adress p, .existing_adress p a {
        float: none !important
    }

    .period .datepicker, .period .until {
        float: none !important
    }

    .period .until {
        margin: 0 0 10px !important;
        padding: 0 !important
    }

    .right {
        float: none !important;
        margin-left: 0 !important
    }

    button.followed {
        margin-bottom: 5px
    }

    .right > button.mobileleft {
        float: left !important
    }

    .shoppingCart > div:first-child + div > h2 {
        width: 235px
    }

    .iosSlider-awards.landing-page .slider .slide span {
        min-width: 168px
    }

    #iban input[type=text]._2digits.unifield {
        width: 210px
    }

    .accordion_head.closed.iphone:before, .accordion_head.open.iphone:before {
        margin-left: -29px !important
    }

    .isioslider .slider .slide img {
        margin-top: 20px;
        width: 150px
    }

    .entry > div:first-child {
        width: 243px !important
    }

    .sso #regbox #password-strength-checker-message {
        right: 50px !important
    }

    .sso #regbox .info-sign {
        left: 230px !important
    }

    div.progress-login.login-link {
        display: none
    }

    div.payment-horizontal div.payment-data .payment-creditcard-checknumber > fieldset > input[type=tel] {
        width: 80px
    }

    div.payment-horizontal div.payment-data .payment-creditcard-valid {
        width: 170px !important
    }

    div.payment-horizontal div.payment-data .payment-creditcard-valid > fieldset .css-dropdown.month {
        width: 60px
    }

    div.vw_gold h2 {
        height: 140px !important
    }

    div.vw_gold:before, div.vw_gold:after {
        top: 156px
    }

    div.vw_gold h2 br {
        display: none
    }

    .mobile_sticky > .mobile_sticky_content {
        width: 320px !important;
        z-index: 998;
        top: 70px
    }
}

@media screen and (min-width: 512px) and (max-width: 767px) {
    .tablet_only {
        display: none
    }

    #wrapperbelt {
        width: 512px;
        padding: 15px
    }

    ul.linklist.colum-3 li {
        width: 50%;
        float: left;
        padding-right: 10px
    }

    hr.wide {
        margin-left: -20px;
        width: 450px
    }

    header {
        width: 482px !important
    }

    header.modal-label {
        width: auto !important
    }

    header.mobile-open {
        left: 275px
    }

    header.mobile-closed {
        left: 50%;
        margin-left: -241px
    }

    .stage-bottom {
        margin-bottom: 40px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-2-more {
        margin-left: 208px
    }

    .stage-bottom {
        padding: 10px
    }

    .stage-bottom-slider {
        padding: 10px 20px;
        margin-bottom: 40px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-bottom-slider {
        padding: 0
    }

    .stage-2-txt .gradient-green {
        min-height: 250px
    }

    .service-login .servicemenue h2 {
        margin-top: 10px
    }

    .profile .customer-number {
        float: left
    }

    .selectboxit-container .selectboxit.teaser-half {
        width: 422px
    }

    .teaser-3-images > div {
        width: 100%;
        margin-bottom: 20px
    }

    .gender-full .css-dropdown {
        width: 442px
    }

    div.data-h.image span {
        font-family: SZSansRegular, Arial;
        width: 270px
    }

    div.data-h.image span:first-child {
        font-family: SZSansBold, Arial;
        width: 140px
    }

    fieldset input._4_5[type=email], fieldset input._4_5[type=text], fieldset input._4_5[type=number], fieldset input._4_5[type=tel], fieldset input._4_5[type=password], fieldset textarea._4_5 {
        width: 435px
    }

    fieldset textarea._4_5 {
        height: 150px
    }

    fieldset input._3_5[type=email], input._3_5[type=text], fieldset input._3_5[type=number], fieldset input._3_5[type=tel], fieldset input._3_5[type=password] {
        width: 316px
    }

    .mobilescrollopt fieldset input._2_5[type=email], .mobilescrollopt input._2_5[type=text], .mobilescrollopt fieldset input._2_5[type=number], .mobilescrollopt fieldset input._2_5[type=tel], .mobilescrollopt fieldset input._2_5[type=password] {
        width: 200px !important
    }

    .selectboxit-container .selectboxit.full {
        width: 435px
    }

    .css-dropdown._3_5 {
        width: 316px
    }

    .css-dropdown._4_5 {
        width: 435px
    }

    .wrapper > header {
        width: 482px
    }

    .claim {
        margin-top: 29px
    }

    footer ul {
        width: 50%
    }

    #lp-wrapper > div {
        padding: 20px 20px 0
    }

    #lp-wrapper > div > .box_wrap.half {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.half:first-child {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.full {
        padding: 0
    }

    #lp-wrapper > div > .box_wrap.full:first-child {
        padding: 0
    }

    #lp-wrapper .stage .stage-3:before {
        border-width: 0 30px 10px;
        top: -10px;
        left: 30px
    }

    .iosSlider {
        height: 233px
    }

    .iosSlider .slider .slide .stage-2-txt {
        height: 233px
    }

    .iosSlider-nav {
        width: 322px
    }

    .iosSlider-awards {
        width: 350px
    }

    .iosSlider-awards.landing-page {
        width: 332px
    }

    .iosSlider-awards.product-detail {
        width: 312px
    }

    .iosSlider-pictures {
        height: 265px !important
    }

    .shoppingCart > div:first-child + div > h2 {
        width: 395px
    }

    .iosSlider-awards.product-detail .slider .slide span {
        min-width: 170px
    }

    #iban input[type=text]._2digits.unifield {
        width: 260px
    }

    .entry > div:first-child {
        width: 405px !important
    }

    #rs_content_tabs_container .rs_content_tabs ul li {
        width: 174px !important
    }

    div.progress-login.login-button {
        display: none
    }

    div.progress-login.login-link a {
        padding-left: 27px !important
    }

    div.vw_gold h2 {
        height: 100px !important
    }

    div.vw_gold:before, div.vw_gold:after {
        top: 116px !important
    }

    .mobile_sticky > .mobile_sticky_content {
        width: 482px !important
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .desktop_only, .mobile_none {
        display: none
    }

    .tablet_none {
        display: none
    }

    #wrapperbelt {
        padding-top: 0 !important;
        position: relative
    }

    #wrapperbelt.withSideBar {
        margin: 0
    }

    #wrapper {
        margin: 0 !important;
        top: 0
    }

    .mobile-top-margin {
        height: 80px
    }

    header {
        position: fixed;
        background-color: #FFF;
        height: 60px;
        box-shadow: 0 4px 2px -2px #ccc;
        top: 0;
        z-index: 998;
        transition: left .2s;
        -webkit-transition: left .2s;
        transition: margin-left .2s;
        -webkit-transition: margin-left .2s
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.2em
    }

    h2.list:before {
        margin-left: -10px;
        padding-right: 0
    }

    h3 {
        font-size: 1.8em
    }

    h4 {
        font-size: 1.8em
    }

    p {
        font-size: 1.8em
    }

    a.back-link {
        font-size: 1.8em
    }

    ul {
        font-size: 1.8em
    }

    button {
        padding: 10px 15px;
        font-size: 1.8em
    }

    a.button {
        font-size: 1.8em
    }

    button.lightgray.half {
        font-size: .98em !important
    }

    ul.button li {
        width: 100%
    }

    .main > .stage, .main > div > .stage {
        margin: 0 10px
    }

    .stage-1-txt {
        padding: 20px 10px
    }

    .stage-bottom {
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-bottom a {
        font-size: 1.8em;
        line-height: 1.1em
    }

    .stage-2 img {
        width: 100%
    }

    .box-padding-slider {
        padding: 32px 10px 35px
    }

    .service, .service-login {
        margin: 0 10px 20px
    }

    .servicemenue {
        background-color: #ecebe6;
        padding: 10px 15px
    }

    .login + .servicemenue {
        margin-top: 0
    }

    .servicemenue_mobile {
        background-color: transparent;
        padding: 0
    }

    .servicemenue button, .servicemenue h2 {
        margin-bottom: 10px
    }

    .main .servicemenue h2 {
        margin-bottom: 10px
    }

    .service-login .servicemenue h2 {
        font-family: SZSansRegular, Arial;
        font-size: 1.8em;
        font-weight: 400;
        display: inline-block
    }

    .login > a {
        font-size: 1.8em;
        display: inline-block
    }

    .login a.further-link {
        display: block;
        margin-bottom: 10px;
        font-size: 1.6em
    }

    .profile .customer-number {
        font-size: 1.8em
    }

    .css-dropdown {
        width: 140px
    }

    .bonus .css-dropdown {
        width: 275px !important
    }

    .bonus .css-dropdown.w1_3 {
        width: 275px !important
    }

    .footable {
        font-size: 1.8em
    }

    .status-green:before, .status-red:before, .status-yellow:before {
        margin-top: 6px
    }

    .box_wrap.full {
        padding: 0 10px
    }

    .box_wrap.half {
        width: 100%;
        padding: 0 10px
    }

    .mobilescrollopt .box_wrap.half, .mobilescrollopt img.half {
        width: 50%
    }

    .faq, .contact, .generic {
        padding: 15px 10px 0
    }

    .box_wrap.full .content-img-1 {
        margin-bottom: 15px;
        margin-top: 6px
    }

    .box_wrap .teaser-2-img {
        margin-bottom: 15px;
        margin-top: 6px
    }

    .generic img {
        width: 100%;
        margin-bottom: 15px
    }

    .accordion_head {
        font-size: 1.8em
    }

    .vorteilswelt_siegel {
        display: none
    }

    .vorteilswelt_siegel_headline {
        display: none
    }

    .editedbutton {
        position: relative
    }

    .pagination {
        font-size: 1.8em
    }

    .half_width {
        width: 100%
    }

    .half_width input {
        float: left;
        margin-right: 10px;
        margin-top: 3px
    }

    .half_width p {
        float: left
    }

    div.data-h span, div.data-v span, fieldset label, fieldset input, fieldset select {
        font-size: 1.8em
    }

    fieldset.data-h label {
        display: block
    }

    fieldset.data-h label > div > span {
        left: 120px;
        bottom: 0
    }

    input.iban-alt-field {
        width: 220px
    }

    .upload fieldset {
        font-family: SZSansRegular, Arial;
        font-size: 1.8em;
        font-weight: 400
    }

    .upload .file-name {
        display: block;
        margin-left: 25px;
        margin-top: 15px
    }

    .bonus button {
        padding: 5px
    }

    .bonus .bonus_teaser {
        width: 49% !important
    }

    .bonus .bonus_teaser:first-child {
        margin-right: 2% !important
    }

    .bonus .bonus_teaser:first-child + .bonus_teaser {
        margin-right: 0 !important
    }

    .bonus .bonus_detail .margin_l_10 {
        margin: 0
    }

    .shoppingCart {
        position: fixed;
        z-index: 9999
    }

    .shoppingCart > div:first-child h2 span.arrow {
        display: block;
        position: absolute;
        right: 0;
        top: -3px;
        font-size: .6em;
        background-color: #fff;
        color: #888;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 30px;
        height: 30px
    }

    .shoppingCart > div:first-child h2 span.arrow:after {
        position: absolute;
        top: 7px;
        left: 9px;
        content: "\e00d";
        font-family: sz-osc-icons;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none
    }

    .shoppingCart.active > div:first-child h2 span.arrow:after {
        content: "\e00f"
    }

    .entry > div:first-child {
        padding-left: 15px
    }

    .entry > div:first-child + div {
        display: none
    }

    .entry .data-header {
        margin-top: -40px
    }

    aside > div:first-child {
        border-top: 1px solid #ccc;
        margin-top: 20px
    }

    .progress {
        padding-left: 16px;
        padding-right: 10px
    }

    .progress li.normal.first:after, .progress li.normal.middle:after {
        border-width: 18px;
        margin-top: -18px
    }

    .progress li.normal.first:before, .progress li.normal.middle:before {
        border-width: 19px;
        margin-top: -19px
    }

    .progress li.active.first:after, .progress li.active.middle:after {
        border-width: 20px;
        margin-top: -20px
    }

    .wrapper header {
        position: fixed;
        background: #fff;
        z-index: 1000;
        height: 60px;
        box-shadow: 0 4px 2px -2px #ccc
    }

    .wrapper header + div {
        padding-top: 60px !important
    }

    .logo {
        position: absolute;
        left: 60px;
        top: 12px
    }

    .logo img {
        height: 25px;
        width: 214px
    }

    .claim {
        position: absolute !important;
        left: 60px;
        top: 32px;
        font-size: 1.8em;
        margin: 0
    }

    #mobile-navi-opener {
        display: block;
        float: left;
        position: relative;
        z-index: 51
    }

    #mobile-service-navi {
        display: none
    }

    #mobile-navi-opener img {
        margin: 10px;
        height: 40px
    }

    #bar1 {
        display: none
    }

    h4.aktion-item {
        margin-right: 60px
    }

    .sidr .servicemenue h2.list {
        margin-top: 40px !important
    }

    .sidr ul.advantages {
        display: none
    }

    .sidr-inner button.green.right {
        margin-left: 0 !important;
        margin-bottom: 5px
    }

    #sidr-mobile-navi.android_2_3_hack {
        position: absolute;
        left: -260px !important
    }

    body.android_2_3_hack {
        overflow-x: initial
    }

    ul.linklist.servicenav, ul.menubar {
        margin-left: 15px
    }

    .box_wrap.margin_big.data.full > .edit, .box_wrap.margin_big.data.full > .close {
        right: 17px
    }

    .box_wrap.half.border-dotted {
        border-bottom: 1px dotted grey
    }

    .box_wrap.half.border-dotted + .box_wrap.half {
        padding-left: 0
    }

    header.landing-page-header .logo-noFloat img {
        width: 252px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #lp-wrapper {
        padding-top: 75px !important
    }

    #lp-wrapper .stage .custom-padding {
        padding: 20px
    }

    #lp-wrapper .stage .stage-3-txt {
        padding: 10px
    }

    #lp-wrapper .teaser-2-img {
        margin-bottom: 15px;
        margin-top: 6px
    }

    div.left.margin_r_20 {
        margin-right: 0
    }

    .data-detail p.customer-data-txt {
        clear: both
    }

    #ui-datepicker-div {
        font-size: 160%
    }

    .iosSlider-awards .slider {
        width: 99%
    }

    .payment-creditcard-number {
        clear: left
    }

    .payment-creditcard-checknumber {
        float: left;
        margin-left: 0
    }

    .teaser-2-img {
        display: none
    }

    .shoppingCart > div:first-child + div > h2 {
        margin-bottom: 20px
    }

    .shoppingCart > div:first-child + div .stage-2-more {
        position: absolute;
        right: 10px;
        top: 10px;
        margin-bottom: 20px;
        margin-right: 10px
    }

    .shoppingCart > div:first-child + div .droparea .entry > div:first-child {
        padding-left: 10px !important
    }

    .shoppingCart > div:first-child + div .droparea .entry {
        padding: 10px 0 !important
    }

    .servicemenue.pay a.button {
        margin-top: 0;
        margin-bottom: 5px
    }

    header.mini-header {
        height: 70px
    }

    header.mini-header a.logo img {
        height: 29px;
        width: 252px;
        margin-top: 20px !important
    }

    ul.progress.mini-header, p.mobile_only.mini-header {
        margin-top: 0
    }

    div.progress-login.mobile_only {
        margin-top: 24px;
        margin-right: 15px
    }

    div.progress-login.mobile_only a {
        background-color: #009990;
        padding: 5px 5px 5px 28px
    }

    .mobile_only.progress.progress-login {
        margin-top: 0
    }

    div.progress-login.mobile_only a:before {
        font-family: sz-osc-icons;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        content: "\e606";
        margin-left: -24px;
        margin-top: 0;
        font-size: 1.4em;
        text-decoration: none;
        position: absolute
    }

    ul.progress.mini-header {
        margin-top: 19px !important
    }

    ul.progress.progress-login.mini-header {
        margin-top: 19px !important
    }

    aside > div.login {
        display: none
    }

    div.progress-login {
        margin-top: 24px;
        margin-right: 10px
    }

    .gradient-green {
        width: auto
    }

    div.progress-login.login-button a {
        padding: 7px 5px 6px 20px !important
    }

    div.progress-login.login-link a {
        padding: 7px 15px 6px 25px !important
    }

    div.progress-login.login-link a:before {
        top: 4px !important
    }

    div.progress-login.login-button a:before {
        left: 1px !important
    }

    div.payment-horizontal div.data-detail {
        padding-bottom: 20px
    }

    div.payment-horizontal fieldset.payment-type.mobile_only.first {
        margin-top: 5px
    }

    div.payment-horizontal fieldset.payment-type.mobile_only.active {
        border-top: 2px solid #FFF;
        padding-top: 9px;
        margin-top: 9px
    }

    div.payment-horizontal fieldset.payment-type.mobile_only.active.first {
        border-top: 0;
        padding-top: 0;
        margin-top: 5px
    }

    div.payment-horizontal div.payment-data {
        border-bottom: 2px solid #FFF;
        margin-bottom: 15px
    }

    div.payment-horizontal div.payment-data.last {
        border-bottom: 0;
        margin-bottom: 0
    }

    div.payment-horizontal div.payment-data.last p {
        padding-bottom: 0
    }

    div.vw_gold div.vorteilswelt_siegel {
        width: 175px
    }

    div.data-header a.edit.bigedit:before, .box_wrap a.edit.bigedit:before, div.data-header a.edit-extern.bigedit:before, .box_wrap.margin_big.data.full > .edit.bigedit:before {
        width: 58px !important
    }

    .mobile_sticky.nav-up > header {
        top: -53px;
        background-color: #fff
    }

    .mobile_sticky.nav-up > .mobile_sticky_content {
        top: 7px
    }

    .mobile_sticky > header {
        box-shadow: none;
        top: 0;
        transition: top .2s ease-in-out;
        height: 60px
    }

    .mobile_sticky > .mobile_sticky_content {
        background-color: #fff;
        position: fixed;
        height: 42px;
        top: 60px;
        z-index: 998;
        box-shadow: 0 4px 2px -2px #ccc;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        transition: top .2s ease-in-out
    }

    .mobile_sticky > .mobile_sticky_content ul.progress {
        margin-top: 0 !important
    }

    .mobile_sticky div.progress-login {
        margin-top: 5px
    }

    .mobile_sticky > .mobile-top-margin.mobile_only {
        height: 115px
    }

    .jump-to-top p {
        padding: 0 10px
    }

    #mainHeader {
        position: fixed
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .tablet_none {
        display: none
    }

    .tablet_only {
        display: block
    }

    #wrapperbelt {
        width: 768px;
        padding: 15px
    }

    #menubar-wrapper {
        width: 395px
    }

    #menubar-wrapper.menubar-wrapper-login {
        width: 345px
    }

    #menubar-wrapper.menubar-wrapper-full {
        width: 495px
    }

    #mobile-service-navi {
        position: absolute;
        right: 0;
        top: 116px;
        z-index: 100;
        display: none
    }

    #menubar-wrapper-after.toWhite {
        background-color: #fff
    }

    #menubar-wrapper-after.no-shadow-bottom:after {
        width: 164px;
        right: 0;
        bottom: -12px;
        height: 12px;
        content: '';
        position: absolute;
        background-color: #fff
    }

    #menubar-wrapper-after.no-shadow-bottom.shadow_grey:after {
        background-color: #dedcd0
    }

    .service-login {
        position: absolute;
        right: 0;
        top: 116px;
        z-index: 100;
        width: auto !important
    }

    #mobile-service-navi {
        width: 300px;
        margin: 0 0 0 20px;
        box-shadow: 0 0 10px #888;
        display: none
    }

    #mobile-service-navi.visible {
        display: block
    }

    .tablet_mobile_only > .service-login {
        margin: 0 0 0 20px;
        box-shadow: 0 0 10px #888
    }

    .box_wrap.full {
        padding: 0 20px
    }

    .box_wrap.half {
        padding: 0 20px 0 10px
    }

    .box_wrap.half:first-child {
        padding: 0 10px 0 20px
    }

    h2.list:before {
        margin-left: -10px;
        padding-right: 4px
    }

    #subnav .markets li, #subnav .products li, #subnav .services li {
        padding: 0 2px
    }

    hr.wide {
        margin-left: -20px;
        width: 696px
    }

    .stage .icon-more-info-plus {
        margin-left: 327px
    }

    .shoppingCart .icon-more-info-plus {
        margin-left: 327px
    }

    .stage .stage-1 .stoerer.top-right {
        right: 128px
    }

    .stage-bottom {
        padding: 10px 20px
    }

    .login {
        width: 50%;
        float: left
    }

    .loginonly {
        width: auto
    }

    .main .login {
        float: none;
        width: auto
    }

    .profile .customer-number {
        float: left;
        font-size: 1.6em
    }

    #mobile-service-navi.pay {
        background-color: #fff !important
    }

    #mobile-service-navi.pay .login, #mobile-service-navi.pay .servicemenue {
        width: 359px
    }

    .service-login {
        box-shadow: 0 0 10px #888
    }

    .service-login .servicemenue {
        background-color: #fff;
        width: 50%;
        float: left !important;
        padding: 15px 15px 0 !important;
        min-height: 82px
    }

    .service-login.visible {
        display: block
    }

    .accordion_content.servicenav {
        padding-top: 10px;
        padding-left: 25px
    }

    .accordion_head.servicenav {
        margin-top: 7px
    }

    .service-description {
        margin-top: 4px
    }

    .selectboxit-container .selectboxit.teaser-half {
        width: 297px
    }

    .teaser {
        min-height: 172px
    }

    .generic-txt {
        min-height: 170px
    }

    .box_wrap.teaser-full {
        display: table-row
    }

    .box_wrap.teaser-full .teaser-img {
        display: table-cell;
        vertical-align: top;
        background-color: #ecebe6
    }

    .box_wrap.teaser-full .teaser-img > img {
        width: 340px;
        margin-right: 20px;
        display: block
    }

    .box_wrap.teaser-full .teaser {
        display: table-cell;
        vertical-align: top;
        width: 358px
    }

    .gender-full .css-dropdown {
        width: 676px
    }

    .label-kdnr {
        position: absolute;
        left: 270px;
        top: 49px;
        width: 400px
    }

    aside {
        padding: 0 20px
    }

    aside > div:first-child {
        border-top: 1px solid #ccc;
        margin-top: 20px
    }

    .faq, .contact, .generic {
        padding: 15px 0 0
    }

    .generic img {
        width: 35%;
        float: left;
        padding-right: 20px;
        margin-bottom: 20px
    }

    .generic-txt {
        padding-left: 35%
    }

    .shoppingCart {
        position: fixed;
        z-index: 9999
    }

    .shoppingCart h2 br {
        display: none
    }

    .shoppingCart > div:first-child h2 span.arrow {
        display: block;
        position: absolute;
        right: 0;
        top: -3px;
        font-size: .6em;
        background-color: #fff;
        color: #888;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 30px;
        height: 30px
    }

    .shoppingCart > div:first-child h2 span.arrow:after {
        position: absolute;
        top: 7px;
        left: 9px;
        content: "\e00d";
        font-family: sz-osc-icons;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none
    }

    .shoppingCart.active > div:first-child h2 span.arrow:after {
        content: "\e00f"
    }

    .entry > div:first-child {
        width: 80% !important;
        padding-left: 15px
    }

    .entry > div:first-child + div {
        display: none
    }

    .entry .data-header {
        margin-top: -45px
    }

    .logo {
        left: 20px;
        top: 23px
    }

    .claim {
        margin-right: 20px
    }

    .box_wrap.margin_big.data.full > .edit, .box_wrap.margin_big.data.full > .close {
        right: 27px
    }

    #lp-wrapper > div {
        padding: 20px 20px 0
    }

    #lp-wrapper > div > .box_wrap.half {
        padding: 0 0 0 10px
    }

    #lp-wrapper > div > .box_wrap.full {
        padding: 0 0 0 10px
    }

    #lp-wrapper > div > .box_wrap.half:first-child {
        padding: 0 10px 0 0
    }

    #lp-wrapper .stage .custom-padding {
        padding: 20px
    }

    #lp-wrapper .stage .stage-3 .stage-3-txt {
        padding-left: 250px
    }

    #lp-wrapper .stage .stage-3 {
        padding: 20px 0
    }

    .iosSlider {
        width: 698px
    }

    .iosSlider-nav {
        width: 558px
    }

    .iosSlider-awards {
        width: 580px
    }

    .iosSlider-awards.landing-page {
        width: 588px
    }

    .iosSlider-awards.product-detail {
        width: 550px
    }

    .iosSlider .vjs-poster {
        background-image: url(images/oceans-clip-wide.png) !important
    }

    .social h2 {
        padding-right: 50px
    }

    .copyright {
        margin-bottom: 30px
    }

    #ui-datepicker-div {
        font-size: 160%
    }

    .iosSlider-pictures {
        height: 400px !important
    }

    .iosSlider-awards .slider {
        width: 33%
    }

    .iosSlider-awards.landing-page .slider .slide span {
        min-width: 0
    }

    #rs_content_tabs_container .rs_content_tabs ul li {
        width: 195px !important
    }

    .abo-image-right {
        right: 30px
    }

    #iban input[type=text]._2digits.unifield {
        width: 287px
    }

    .main > .stage {
        margin: 0 20px
    }

    #wrapper > ul.progress {
        padding-right: 0
    }

    .horizontal .data-detail.open {
        width: 340px !important
    }

    aside > div.login {
        display: none
    }

    #lp-wrapper > .stage > .stage-1.gradient-green {
        width: 738px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser {
        width: 368px
    }

    div.payment-horizontal div.payment-data {
        width: 510px
    }

    #loginbox #rememberme-note {
        padding-right: 240px !important
    }

    div.vw_gold div.vorteilswelt_siegel {
        width: 210px !important
    }
}

@media screen and (min-width: 1024px) {
    .tablet_mobile_only {
        display: none
    }

    .desktop_none {
        display: none
    }

    .tablet_only {
        display: none
    }

    #wrapperbelt {
        width: 970px;
        padding: 15px
    }

    #menubar-wrapper {
        width: 715px
    }

    .main {
        float: left;
        width: 640px;
        padding-right: 20px
    }

    .box_wrap.full {
        padding-left: 20px
    }

    .box_wrap.half {
        padding-left: 20px
    }

    .box_wrap.full .box_wrap.half {
        padding-left: 0
    }

    hr.wide {
        margin-left: -20px;
        width: 598px
    }

    .stage .icon-more-info-plus {
        margin-left: 277px
    }

    .shoppingCart .icon-more-info-plus {
        margin-left: 92px
    }

    .stage .stage-1 .stoerer.top-right {
        right: 128px
    }

    .service-margin {
        margin-top: 76px
    }

    .service-margin-2 {
        margin-top: 94px
    }

    .service, .service-login {
        width: 300px;
        float: right
    }

    .shoppingCart {
        margin-top: 15px
    }

    .selectboxit-container .selectboxit.teaser-half {
        width: 250px
    }

    .teaser {
        min-height: 151px
    }

    .box_wrap.teaser-full {
        display: table-row
    }

    .box_wrap.teaser-full .teaser-img {
        display: table-cell;
        vertical-align: top;
        background-color: #ecebe6;
        height: 151px
    }

    .box_wrap.teaser-full .teaser-img > img {
        width: 290px;
        margin-right: 20px;
        display: block
    }

    .box_wrap.teaser-full .teaser {
        display: table-cell;
        vertical-align: top;
        height: 151px;
        width: 310px
    }

    .gender-full .css-dropdown {
        width: 578px
    }

    .label-kdnr {
        position: absolute;
        left: 270px;
        margin-top: -62px;
        width: 330px
    }

    .faq, .contact, .generic {
        padding: 15px 15px 0
    }

    aside {
        float: left;
        width: 300px
    }

    aside.no-service > .faq:first-child, aside.no-service > .contact:first-child, aside.no-service > .generic:first-child {
        padding-top: 0
    }

    .generic img {
        width: 100%;
        margin-bottom: 10px
    }

    .progress {
        padding-bottom: 14px
    }

    .logo {
        left: 35px;
        top: 23px
    }

    .claim {
        margin-right: 38px
    }

    footer {
        width: 940px
    }

    #lp-wrapper > div {
        padding: 0 40px
    }

    #lp-wrapper > div.box-padding-lp {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #lp-wrapper > div > div.box-padding-lp {
        padding: 20px 0
    }

    #lp-wrapper > div > .box_wrap.half {
        padding: 0 0 0 10px
    }

    #lp-wrapper > div > .box_wrap.half:first-child {
        padding: 0 10px 0 0
    }

    #lp-wrapper .stage .custom-padding {
        padding: 40px
    }

    #lp-wrapper .stage .stage-3 .stage-3-txt {
        padding-left: 250px
    }

    #lp-wrapper .stage .stage-3 {
        padding: 20px;
        position: relative
    }

    .shoppingCart.fixed {
        top: 0
    }

    #ui-datepicker-div {
        font-size: 133%
    }

    #rs_content_tabs_container .rs_content_tabs ul li {
        width: 162px !important
    }

    .iosSlider-pictures {
        height: 344px !important
    }

    .iosSlider-awards.landing-page .slider {
        width: 33%
    }

    .main .floatfix {
        height: 300px
    }

    .abo-image-right {
        right: 10px
    }

    .shoppingCart #iconplus {
        margin-left: 112px
    }

    .iosSlider-nav .slider .slide, .isioslider .slider .slide {
        cursor: pointer
    }

    #iban input[type=text]._2digits.unifield {
        width: 287px
    }

    #wrapper > aside div.angebot {
        border: 1px solid #c2c2c2;
        box-sizing: border-box
    }

    #wrapper > aside div.angebot h1 {
        margin-bottom: 0
    }

    #wrapper > aside div.angebot p {
        font-size: 1.8em
    }

    #wrapper > aside div.angebot .angebot_hl {
        font-family: SZSansBold, Arial
    }

    #wrapper > aside div.angebot .angebot_txt {
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_upper {
        padding: 15px;
        display: table;
        width: 100%
    }

    #wrapper > aside div.angebot .angebot_upper.article {
        padding-left: 0
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img {
        vertical-align: top
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img > img {
        width: 100px;
        height: auto
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img_text {
        vertical-align: top
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img > img {
        width: 120px;
        height: auto;
        border: 1px solid #ccc
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text h1 {
        font-size: 2em
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text .text p {
        padding-bottom: 0
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text .dach p {
        padding-bottom: 5px;
        font-size: 1.6em;
        color: #888
    }

    #wrapper > aside div.angebot .angebot_lower {
        padding: 15px;
        background-color: #ecebe6;
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_lower h1 {
        font-size: 2.8em;
        position: relative;
        display: inline
    }

    #wrapper > aside div.angebot .angebot_lower ul {
        font-size: 1.8em
    }

    #wrapper > aside div.angebot .angebot_lower ul li {
        list-style-type: none;
        font-family: SZSansBold, Arial;
        color: #009990;
        padding-left: 30px;
        position: relative;
        margin-top: 0
    }

    #wrapper > aside div.angebot .angebot_lower ul li:before {
        content: '';
        background: url(../images/angebot_icon_plus.png) no-repeat left top;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 0;
        top: 1px
    }

    #wrapper > aside div.angebot .angebot_lower .angebot_lower_light {
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_lower span.amount {
        color: #333;
        font-weight: 400;
        font-size: 3.4em;
        line-height: 1.2;
        text-align: center;
        display: block
    }

    #wrapper > aside div.angebot .angebot_lower span.amount .smaller {
        font-size: .6em
    }

    #wrapper > aside div.angebot .angebot_lower span.amount strong {
        font-family: SZSansBold, Arial;
        font-weight: 400
    }

    #wrapper > aside div.angebot .angebot_lower button {
        margin-top: 20px;
        margin-bottom: 2px
    }

    #wrapper > aside div.angebot .infopopup {
        display: inline-block;
        margin-left: 10px
    }

    #wrapper > aside div.angebot .infopopupVisible span {
        bottom: 26px
    }

    .infopopup {
        padding-left: 0;
        font-size: 1px;
        padding-top: 3px
    }

    .infopopup span {
        display: none;
        font-size: 16px !important;
        line-height: 22px !important
    }

    h1.infopopupContainer {
        position: relative;
        padding-right: 25px !important;
        display: inline-block !important
    }

    h1.infopopupContainer .infopopup {
        position: absolute;
        right: 0;
        top: 5px;
        margin: 0 !important;
        padding: 0 !important
    }

    .infopopupVisible {
        position: relative
    }

    .infopopupVisible span {
        display: inline-block;
        position: absolute;
        width: 220px;
        bottom: 34px;
        left: -105px;
        background-color: #fff;
        border: 1px solid #c2c2c2;
        padding: 7px;
        box-sizing: border-box;
        font-family: SZSansRegular, Arial;
        border-radius: 3px
    }

    .infopopupVisible a:before {
        content: '';
        background: url(../images/angebot_icon_info_popup.png) no-repeat left top;
        height: 10px;
        width: 9px;
        position: absolute;
        left: 5px;
        top: -7px;
        z-index: 2
    }

    aside > .shoppingCart.mini-header {
        margin-top: 0
    }

    div.progress-login.login-link {
        display: none
    }

    #lp-wrapper > .stage > .stage-1.gradient-green {
        width: 940px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser {
        width: 625px;
        height: 127px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser-img {
        height: 127px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser-img > img {
        width: 245px
    }

    div.payment-horizontal div.payment-data {
        width: 423px
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-number {
        margin-left: 0
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-checknumber {
        margin-left: 10px
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-valid {
        margin-left: 0
    }

    div.payment-horizontal fieldset input._2_5[type=email], div.payment-horizontal input._2_5[type=text], div.payment-horizontal fieldset input._2_5[type=number], div.payment-horizontal fieldset input._2_5[type=tel], div.payment-horizontal fieldset input._2_5[type=password] {
        width: 180px
    }

    #loginbox #rememberme-note {
        padding-right: 140px !important
    }

    div.vw_gold div.vorteilswelt_siegel {
        width: 175px
    }
}

@media screen and (min-width: 768px) {
    .mobile_only {
        display: none
    }

    .round {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px
    }

    .round-large {
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px
    }

    .margin_l_10_d {
        margin-left: 10px
    }

    h1 {
        font-size: 3.8em
    }

    h2 {
        font-size: 2.2em
    }

    h2.list:before {
        margin-left: -20px;
        padding-right: 4px
    }

    h3 {
        font-size: 1.6em
    }

    h4 {
        font-size: 1.6em
    }

    p, .login form a {
        font-size: 1.6em
    }

    .teaser p {
        margin-bottom: 0
    }

    a.back-link {
        font-size: 1.6em
    }

    ul {
        font-size: 1.6em
    }

    ul.linklist.colum-3 li {
        width: 33.333333%;
        float: left;
        padding-right: 10px
    }

    button {
        padding: 11px 15px;
        font-size: 1.6em
    }

    a.button {
        font-size: 1.6em
    }

    .teaser.country-select button.green {
        margin-bottom: 0
    }

    ul.button li {
        padding-left: 10px
    }

    ul.button li {
        width: 50%;
        float: left
    }

    ul.button {
        margin-left: -10px
    }

    #mainnav {
        margin-top: 11px;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        height: 34px;
        margin-bottom: 34px
    }

    .ui-menubar {
        list-style: none;
        margin: 0;
        padding-left: 0
    }

    .ui-menubar-item {
        float: left
    }

    .ui-menubar .ui-button {
        float: left;
        font-weight: 400;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        margin: 0;
        outline: 0
    }

    .ui-menubar .ui-menu {
        width: 200px;
        position: absolute;
        z-index: 9999;
        font-weight: 400
    }

    .ui-menubar li {
        margin-top: 0
    }

    .ui-menubar a:hover {
        text-decoration: none
    }

    .ui-widget-header a {
        color: #666
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        color: #333
    }

    .ui-button .ui-button-text {
        display: block;
        line-height: normal
    }

    .ui-button-text-only .ui-button-text {
        padding: 0 15px
    }

    #bar1 {
        float: left
    }

    #bar1 .ui-button-text {
        padding: 0 10px
    }

    #bar1 .ui-menubar-item:last-child .ui-button-text {
        border-right: 0;
        padding-right: 20px
    }

    #bar1 .ui-menubar-item.more {
        width: auto
    }

    #bar1 .ui-button-icon-secondary {
        right: .3em
    }

    #bar1 li.active {
        background-color: #ecebe6;
        border-top: 1px solid #ecebe6 !important;
        border-left: 1px solid #ecebe6 !important;
        margin-right: -1px;
        z-index: 1;
        position: relative
    }

    #bar1 li.active .ui-button-text {
        border-left: 0
    }

    #bar1 li.active a {
        color: #333 !important
    }

    .stage-1 > div:first-child {
        min-height: 400px
    }

    .stage > .stage-1 > .products {
        min-height: 1px
    }

    .stage-1 .product > img {
        display: block
    }

    .stage-1-head {
        padding: 20px 20px 0;
        width: 50%;
        float: left
    }

    .stage-1-optional-head {
        padding: 20px 20px 0
    }

    .stage-2 {
        height: 400px;
        width: 100%;
        float: left
    }

    .stage-2-head {
        padding: 20px;
        float: left;
        position: absolute
    }

    .stage-1-img {
        position: absolute;
        bottom: 0;
        margin-left: 50%;
        float: right;
        height: 400px;
        width: 50%;
        text-align: center
    }

    .stage-bg-img {
        background: top center no-repeat;
        height: 400px;
        width: 100%
    }

    .stage-1-txt {
        width: 50%;
        float: left;
        padding: 20px
    }

    .stage-2-txt {
        position: absolute;
        width: 300px;
        float: left;
        margin-top: 180px
    }

    .stage-bottom, .stage-bottom-slider {
        padding: 10px 20px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-bottom a {
        font-size: 1.6em
    }

    .stage-bottom-slider {
        padding: 0
    }

    .box-padding-slider {
        padding: 12px 10px 25px
    }

    .iosSlider .slide .gradient-green.shaddow-bottom {
        min-height: 400px
    }

    .iosSlider-pictures {
        height: 400px
    }

    .profile .customer-number {
        float: left;
        font-size: 1.6em
    }

    .login > a {
        font-size: 1.6em;
        display: inline
    }

    .servicemenue {
        background-color: #ecebe6;
        padding: 15px 15px 0;
        z-index: 100
    }

    .menubar li {
        height: 32px;
        border-top: 1px solid #FFF !important
    }

    .footable {
        font-size: 1.6em
    }

    .status-green:before, .status-red:before, .status-yellow:before {
        margin-top: 5px
    }

    .box_wrap.half, img.half {
        width: 50%
    }

    .box_wrap.half, img.half {
        width: 50%
    }

    .teaser {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px
    }

    .teaser.country-select p {
        padding-bottom: 8px
    }

    .teaser.country-select fieldset {
        margin-bottom: 9px
    }

    .teaser-2-wrapper {
        margin-bottom: 20px
    }

    .box_wrap.full .teaser-2-headline {
        width: 65%;
        float: right
    }

    .box_wrap.full .teaser-2-img {
        width: 35%;
        float: left;
        padding-right: 20px
    }

    .box_wrap.full .teaser-2 {
        padding-left: 35%
    }

    .no-image .teaser-2-img {
        width: 100%;
        float: none
    }

    .box_wrap.full .content-img-1 {
        width: 35%;
        float: left;
        padding-right: 20px;
        padding-bottom: 10px
    }

    .accordion_head {
        font-size: 1.6em
    }

    .teaser-3-images > div {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 10px
    }

    .vorteilswelt_siegel {
        float: left;
        margin-left: -12px;
        margin-right: 10px;
        margin-top: -5px;
        top: 10px;
        z-index: 10
    }

    .vorteilswelt_siegel.vw_gold {
        display: table-cell
    }

    .vorteilswelt_siegel img {
        width: 62px
    }

    .vorteilswelt_siegel_2 {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

    .vorteilswelt_siegel_2 img {
        width: 81px
    }

    .vorteilswelt_siegel_headline {
        float: left;
        margin-right: 5px;
        margin-top: -13px;
        height: 62px;
        width: 62px
    }

    .abo-image-right {
        position: absolute;
        z-index: 1;
        top: 40px
    }

    .abo-detail {
        position: relative;
        z-index: 2;
        min-height: 200px
    }

    .pagination {
        font-size: 1.6em
    }

    .half_width {
        width: 45%;
        margin-right: 5%
    }

    .half_width input {
        float: left;
        margin-right: 10px;
        margin-top: 3px
    }

    .half_width p {
        float: left
    }

    div.data-h span, div.data-v span, fieldset label, fieldset input, fieldset select {
        font-size: 1.6em
    }

    fieldset.data-h label {
        display: inline-block
    }

    div.data-h.image span {
        font-family: SZSansRegular, Arial;
        width: 230px
    }

    div.data-h.image span:first-child {
        font-family: SZSansBold, Arial;
        width: 125px
    }

    .customer-type label {
        width: 150px
    }

    .adress-type label {
        width: 150px
    }

    fieldset input._4_5[type=email], fieldset input._4_5[type=text], fieldset input._4_5[type=number], fieldset input._4_5[type=tel], fieldset input._4_5[type=password], fieldset textarea._4_5 {
        width: 462px
    }

    fieldset textarea._4_5 {
        height: 150px
    }

    fieldset input._3_5[type=email], input._3_5[type=text], fieldset input._3_5[type=number], fieldset input._3_5[type=tel], fieldset input._3_5[type=password] {
        width: 344px
    }

    fieldset input._2_5[type=email], input._2_5[type=text], fieldset input._2_5[type=number], fieldset input._2_5[type=tel], fieldset input._2_5[type=password] {
        width: 226px
    }

    .upload fieldset {
        font-family: SZSansRegular, Arial;
        font-size: 1.6em;
        font-weight: 400
    }

    .payment-creditcard-number {
        float: left
    }

    .payment-creditcard-checknumber {
        float: left;
        margin-left: 10px
    }

    .gender .css-dropdown {
        width: 150px
    }

    .salutation .css-dropdown {
        width: 150px
    }

    .selectboxit-container .selectboxit._4_5 {
        width: 460px
    }

    .selectboxit-container .selectboxit._3_5 {
        width: 344px
    }

    .payment-time label {
        width: 125px
    }

    fieldset.data-h.payment-time label {
        margin-right: 10px
    }

    .payment-type label {
        width: 115px
    }

    .payment-type label.special {
        width: 140px
    }

    fieldset.payment-time + p {
        padding-top: 15px
    }

    fieldset.data-h label > div > span {
        left: 0;
        bottom: -20px
    }

    input.iban-alt-field {
        width: 200px
    }

    fieldset.information label {
        width: auto
    }

    body {
        position: relative !important;
        width: auto !important;
        left: auto !important
    }

    #sidr-mobile-navi {
        display: none !important
    }

    div.teaser-3col {
        width: 33.3%
    }

    .progress {
        padding-left: 26px;
        padding-right: 20px;
        margin-bottom: 20px
    }

    #mainnav .progress li a {
        color: #666;
        font-weight: 700 !important;
        padding: 6px 10px 0 28px
    }

    #mainnav .progress li {
        border: 0
    }

    #mainnav .progress {
        padding-left: 6px
    }

    #mainnav .progress li:first-child a {
        color: #666;
        font-weight: 700 !important;
        padding-left: 12px
    }

    .logo {
        position: absolute
    }

    .logo img {
        height: 45px;
        width: 385px
    }

    .claim {
        font-size: 3.1em;
        margin-top: 26px
    }

    #mobile-navi-opener {
        display: none
    }

    .wrapper > header {
        height: 100px
    }

    .editedbutton {
        position: absolute;
        right: 0;
        bottom: 0
    }

    footer ul {
        width: 25%
    }

    .box_wrap.half.border-dotted {
        border-right: 1px dotted grey
    }

    .box_wrap.half.padding-left {
        padding-left: 10px !important
    }

    header.landing-page-header .logo-noFloat img {
        width: 385px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #lp-wrapper > div > .box_wrap.full {
        padding-left: 0
    }

    #lp-wrapper {
        display: table
    }

    #lp-wrapper .teaser-2-img {
        display: table-cell;
        vertical-align: top
    }

    #lp-wrapper .teaser-2-img > img {
        width: 224px;
        margin-right: 20px
    }

    .lp-content-txt {
        display: table-cell;
        vertical-align: top
    }

    #lp-wrapper .stage .stage-3 .stage-3-txt {
        padding-left: 250px;
        padding-right: 20px
    }

    #lp-wrapper .stage-1 {
        min-height: 470px
    }

    #lp-wrapper .stage-1-img {
        position: absolute;
        bottom: 0;
        margin-left: 50%;
        float: right;
        text-align: center
    }

    #lp-wrapper.img-float .stage-1 .stage-1-txt {
        width: auto;
        float: none
    }

    #lp-wrapper.img-float .stage-1 .stage-1-img {
        bottom: auto;
        height: auto;
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        margin-left: auto
    }

    #lp-wrapper.img-float .stage-1 {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table
    }

    #lp-wrapper.img-float .stage-1 > div:first-child {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table-row
    }

    #lp-wrapper.img-float .stage-1 > div.stage-1-txt {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table-cell
    }

    #lp-wrapper .stage-1-img img {
        max-width: 370px;
        max-height: 450px
    }

    #lp-wrapper .stage .stage-1 .stoerer.top-middle-right {
        top: 20px
    }

    #lp-wrapper .stage .stage-3:before {
        border-width: 0 40px 20px;
        top: -20px;
        left: 100px
    }

    #subnav {
        height: 25px;
        float: left;
        width: 100%;
        font-size: .75em;
        position: relative;
        z-index: 20001
    }

    #subnav ul {
        display: inline-block;
        vertical-align: top
    }

    #subnav .markets li {
        background-color: #efefeb
    }

    #subnav .markets li, #subnav .products li, #subnav .services li {
        display: inline-block;
        height: 25px
    }

    #subnav .markets a, #subnav .services a, #subnav .products a {
        line-height: 2.15em
    }

    #subnav .markets a, #subnav .services a {
        color: #666;
        padding: 0 8px
    }

    #subnav .markets a, #subnav .products a {
        font-family: SZSansBold, Arial
    }

    #subnav .products {
        right: 53px;
        float: right
    }

    #subnav .products a {
        color: #FFF;
        padding: 0 8px
    }

    #subnav .products li {
        background-color: #009990
    }

    #weiterebox {
        position: relative;
        width: 107px
    }

    #weiterebox.open {
        box-shadow: 0 0 10px #CCC
    }

    #weiterebox .toggle {
        border: 0 none;
        color: #666;
        cursor: pointer;
        line-height: 2.1em;
        margin: 0;
        padding: 0 17px 0 8px;
        display: block;
        position: relative;
        z-index: 10;
        white-space: nowrap
    }

    #weiterebox.open .toggle {
        background: #FFF
    }

    #weiterepanel {
        background-color: #fff;
        display: none;
        position: absolute;
        right: 0;
        top: 25px;
        width: 12em;
        z-index: 20001;
        box-shadow: 0 0 10px #CCC
    }

    #weiterepanel:before {
        position: absolute;
        right: 0;
        top: -7px;
        display: block;
        background: #FFF;
        width: 107px;
        height: 10px;
        content: "";
        color: #FFF
    }

    #weiterepanel ul {
        margin: 10px 0
    }

    #weiterepanel li {
        line-height: 1em;
        display: block !important
    }

    #weiterepanel a {
        color: #666;
        font-size: 12px
    }

    #weiterepanel em {
        font-style: inherit;
        font-weight: inherit
    }

    .shoppingCart > div:first-child + div .stage-2-more {
        margin-bottom: 20px
    }

    .shoppingCart #iconplus {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .bonus .css-dropdown {
        width: 281px !important
    }

    .bonus .css-dropdown.w1_3 {
        width: 181px !important
    }

    .profile.no-customer-number h4 {
        float: left
    }

    .profile.no-customer-number button {
        float: right
    }

    header.mini-header {
        margin-top: -25px;
        box-shadow: 0 4px 2px -2px #ccc
    }

    header.mini-header .logo img {
        margin-top: 17px;
        width: 385px
    }

    div.main.mini-header {
        margin-top: 20px
    }

    div.progress-login {
        margin-top: 41px;
        margin-right: 20px
    }

    div.progress-login.login-button a {
        padding: 6px 5px 6px 29px
    }

    div.progress-login.login-button {
        display: none
    }

    .box_wrap.half .teaser a.further-link {
        line-height: .9em
    }

    .box_wrap.half .teaser a.further-link:before {
        line-height: .5em !important
    }

    #lp-wrapper.img-float .stage-1-img img {
        max-height: none;
        max-width: none
    }

    div.payment-horizontal .header-detail {
        background: #ecebe6 url(../images/payment_bgline.png) 164px 20px no-repeat
    }

    div.payment-horizontal .data-detail {
        margin-bottom: 2px;
        background-color: transparent;
        background: #ecebe6 url(../images/payment_bgline.png) 164px 0 no-repeat
    }

    div.payment-horizontal .data-detail:after {
        content: "";
        background-color: #ecebe6;
        height: 20px;
        display: block
    }

    div.payment-horizontal fieldset.payment-type {
        width: 155px;
        float: left
    }

    div.payment-horizontal fieldset.payment-type.mobile_only {
        display: none
    }

    div.payment-horizontal fieldset.payment-type .arrow_line {
        display: none
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label {
        margin-bottom: 15px;
        display: block;
        width: auto;
        margin-right: 5px
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active {
        margin-bottom: 15px;
        height: auto
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:before, div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:after {
        top: 10px;
        left: 154px;
        margin-left: 0;
        border-color: transparent
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:before {
        border-left-color: #fff;
        border-width: 17px;
        margin-top: -17px
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:after {
        border-left-color: #ecebe6;
        border-width: 15px;
        margin-top: -15px
    }

    div.payment-horizontal div.payment-data {
        float: left;
        margin-left: -1px;
        padding-left: 30px
    }

    div.payment-horizontal div.payment-data .payment-creditcard-valid {
        margin-left: 0
    }

    div.vw_gold h2 br {
        display: inline-block
    }

    div.vw_gold h2 {
        height: 98px
    }

    div.vw_gold:before, div.vw_gold:after {
        top: 113px
    }

    div.half .css-dropdown._3_5 {
        width: 263px
    }

    .jump-to-top p {
        padding: 0 20px
    }

    #mainHeader {
        position: relative
    }
}

@media print {
    .tablet_mobile_only {
        display: none
    }

    .desktop_none {
        display: none
    }

    .tablet_only {
        display: none
    }

    #wrapperbelt {
        width: 970px;
        padding: 15px
    }

    #menubar-wrapper {
        width: 715px
    }

    .main {
        float: left;
        width: 640px;
        padding-right: 20px
    }

    .box_wrap.full {
        padding-left: 20px
    }

    .box_wrap.half {
        padding-left: 20px
    }

    .box_wrap.full .box_wrap.half {
        padding-left: 0
    }

    hr.wide {
        margin-left: -20px;
        width: 598px
    }

    .stage .icon-more-info-plus {
        margin-left: 277px
    }

    .shoppingCart .icon-more-info-plus {
        margin-left: 92px
    }

    .stage .stage-1 .stoerer.top-right {
        right: 128px
    }

    .service-margin {
        margin-top: 76px
    }

    .service-margin-2 {
        margin-top: 94px
    }

    .service, .service-login {
        width: 300px;
        float: right
    }

    .shoppingCart {
        margin-top: 15px
    }

    .selectboxit-container .selectboxit.teaser-half {
        width: 250px
    }

    .teaser {
        min-height: 151px
    }

    .box_wrap.teaser-full {
        display: table-row
    }

    .box_wrap.teaser-full .teaser-img {
        display: table-cell;
        vertical-align: top;
        background-color: #ecebe6;
        height: 151px
    }

    .box_wrap.teaser-full .teaser-img > img {
        width: 290px;
        margin-right: 20px;
        display: block
    }

    .box_wrap.teaser-full .teaser {
        display: table-cell;
        vertical-align: top;
        height: 151px;
        width: 310px
    }

    .gender-full .css-dropdown {
        width: 578px
    }

    .label-kdnr {
        position: absolute;
        left: 270px;
        margin-top: -62px;
        width: 330px
    }

    .faq, .contact, .generic {
        padding: 15px 15px 0
    }

    aside {
        float: left;
        width: 300px
    }

    aside.no-service > .faq:first-child, aside.no-service > .contact:first-child, aside.no-service > .generic:first-child {
        padding-top: 0
    }

    .generic img {
        width: 100%;
        margin-bottom: 10px
    }

    .progress {
        padding-bottom: 14px
    }

    .logo {
        left: 35px;
        top: 23px
    }

    .claim {
        margin-right: 38px
    }

    footer {
        width: 940px
    }

    #lp-wrapper > div {
        padding: 0 40px
    }

    #lp-wrapper > div.box-padding-lp {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #lp-wrapper > div > div.box-padding-lp {
        padding: 20px 0
    }

    #lp-wrapper > div > .box_wrap.half {
        padding: 0 0 0 10px
    }

    #lp-wrapper > div > .box_wrap.half:first-child {
        padding: 0 10px 0 0
    }

    #lp-wrapper .stage .custom-padding {
        padding: 40px
    }

    #lp-wrapper .stage .stage-3 .stage-3-txt {
        padding-left: 250px
    }

    #lp-wrapper .stage .stage-3 {
        padding: 20px;
        position: relative
    }

    .shoppingCart.fixed {
        top: 0
    }

    #ui-datepicker-div {
        font-size: 133%
    }

    #rs_content_tabs_container .rs_content_tabs ul li {
        width: 162px !important
    }

    .iosSlider-pictures {
        height: 344px !important
    }

    .iosSlider-awards.landing-page .slider {
        width: 33%
    }

    .main .floatfix {
        height: 300px
    }

    .abo-image-right {
        right: 10px
    }

    .shoppingCart #iconplus {
        margin-left: 112px
    }

    .iosSlider-nav .slider .slide, .isioslider .slider .slide {
        cursor: pointer
    }

    #iban input[type=text]._2digits.unifield {
        width: 287px
    }

    #wrapper > aside div.angebot {
        border: 1px solid #c2c2c2;
        box-sizing: border-box
    }

    #wrapper > aside div.angebot h1 {
        margin-bottom: 0
    }

    #wrapper > aside div.angebot p {
        font-size: 1.8em
    }

    #wrapper > aside div.angebot .angebot_hl {
        font-family: SZSansBold, Arial
    }

    #wrapper > aside div.angebot .angebot_txt {
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_upper {
        padding: 15px;
        display: table;
        width: 100%
    }

    #wrapper > aside div.angebot .angebot_upper.article {
        padding-left: 0
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img {
        vertical-align: top
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img > img {
        width: 100px;
        height: auto
    }

    #wrapper > aside div.angebot .angebot_upper.article .angebot_img_text {
        vertical-align: top
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img > img {
        width: 120px;
        height: auto;
        border: 1px solid #ccc
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text h1 {
        font-size: 2em
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text .text p {
        padding-bottom: 0
    }

    #wrapper > aside div.angebot .angebot_upper .angebot_img_text .dach p {
        padding-bottom: 5px;
        font-size: 1.6em;
        color: #888
    }

    #wrapper > aside div.angebot .angebot_lower {
        padding: 15px;
        background-color: #ecebe6;
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_lower h1 {
        font-size: 2.8em;
        position: relative;
        display: inline
    }

    #wrapper > aside div.angebot .angebot_lower ul {
        font-size: 1.8em
    }

    #wrapper > aside div.angebot .angebot_lower ul li {
        list-style-type: none;
        font-family: SZSansBold, Arial;
        color: #009990;
        padding-left: 30px;
        position: relative;
        margin-top: 0
    }

    #wrapper > aside div.angebot .angebot_lower ul li:before {
        content: '';
        background: url(../images/angebot_icon_plus.png) no-repeat left top;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 0;
        top: 1px
    }

    #wrapper > aside div.angebot .angebot_lower .angebot_lower_light {
        font-family: SZSansRegular, Arial
    }

    #wrapper > aside div.angebot .angebot_lower span.amount {
        color: #333;
        font-weight: 400;
        font-size: 3.4em;
        line-height: 1.2;
        text-align: center;
        display: block
    }

    #wrapper > aside div.angebot .angebot_lower span.amount .smaller {
        font-size: .6em
    }

    #wrapper > aside div.angebot .angebot_lower span.amount strong {
        font-family: SZSansBold, Arial;
        font-weight: 400
    }

    #wrapper > aside div.angebot .angebot_lower button {
        margin-top: 20px;
        margin-bottom: 2px
    }

    #wrapper > aside div.angebot .infopopup {
        display: inline-block;
        margin-left: 10px
    }

    #wrapper > aside div.angebot .infopopupVisible span {
        bottom: 26px
    }

    .infopopup {
        padding-left: 0;
        font-size: 1px;
        padding-top: 3px
    }

    .infopopup span {
        display: none;
        font-size: 16px !important;
        line-height: 22px !important
    }

    h1.infopopupContainer {
        position: relative;
        padding-right: 25px !important;
        display: inline-block !important
    }

    h1.infopopupContainer .infopopup {
        position: absolute;
        right: 0;
        top: 5px;
        margin: 0 !important;
        padding: 0 !important
    }

    .infopopupVisible {
        position: relative
    }

    .infopopupVisible span {
        display: inline-block;
        position: absolute;
        width: 220px;
        bottom: 34px;
        left: -105px;
        background-color: #fff;
        border: 1px solid #c2c2c2;
        padding: 7px;
        box-sizing: border-box;
        font-family: SZSansRegular, Arial;
        border-radius: 3px
    }

    .infopopupVisible a:before {
        content: '';
        background: url(../images/angebot_icon_info_popup.png) no-repeat left top;
        height: 10px;
        width: 9px;
        position: absolute;
        left: 5px;
        top: -7px;
        z-index: 2
    }

    aside > .shoppingCart.mini-header {
        margin-top: 0
    }

    div.progress-login.login-link {
        display: none
    }

    #lp-wrapper > .stage > .stage-1.gradient-green {
        width: 940px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser {
        width: 625px;
        height: 127px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser-img {
        height: 127px
    }

    #lp-wrapper .box_wrap.teaser-full .teaser-img > img {
        width: 245px
    }

    div.payment-horizontal div.payment-data {
        width: 423px
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-number {
        margin-left: 0
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-checknumber {
        margin-left: 10px
    }

    div.payment-horizontal div.payment-data > div.payment-creditcard-valid {
        margin-left: 0
    }

    div.payment-horizontal fieldset input._2_5[type=email], div.payment-horizontal input._2_5[type=text], div.payment-horizontal fieldset input._2_5[type=number], div.payment-horizontal fieldset input._2_5[type=tel], div.payment-horizontal fieldset input._2_5[type=password] {
        width: 180px
    }

    #loginbox #rememberme-note {
        padding-right: 140px !important
    }

    div.vw_gold div.vorteilswelt_siegel {
        width: 175px
    }

    .mobile_only {
        display: none
    }

    .round {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px
    }

    .round-large {
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px
    }

    .margin_l_10_d {
        margin-left: 10px
    }

    h1 {
        font-size: 3.8em
    }

    h2 {
        font-size: 2.2em
    }

    h2.list:before {
        margin-left: -20px;
        padding-right: 4px
    }

    h3 {
        font-size: 1.6em
    }

    h4 {
        font-size: 1.6em
    }

    p, .login form a {
        font-size: 1.6em
    }

    .teaser p {
        margin-bottom: 0
    }

    a.back-link {
        font-size: 1.6em
    }

    ul {
        font-size: 1.6em
    }

    ul.linklist.colum-3 li {
        width: 33.333333%;
        float: left;
        padding-right: 10px
    }

    button {
        padding: 11px 15px;
        font-size: 1.6em
    }

    a.button {
        font-size: 1.6em
    }

    .teaser.country-select button.green {
        margin-bottom: 0
    }

    ul.button li {
        padding-left: 10px
    }

    ul.button li {
        width: 50%;
        float: left
    }

    ul.button {
        margin-left: -10px
    }

    #mainnav {
        margin-top: 11px;
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        height: 34px;
        margin-bottom: 34px
    }

    .ui-menubar {
        list-style: none;
        margin: 0;
        padding-left: 0
    }

    .ui-menubar-item {
        float: left
    }

    .ui-menubar .ui-button {
        float: left;
        font-weight: 400;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        margin: 0;
        outline: 0
    }

    .ui-menubar .ui-menu {
        width: 200px;
        position: absolute;
        z-index: 9999;
        font-weight: 400
    }

    .ui-menubar li {
        margin-top: 0
    }

    .ui-menubar a:hover {
        text-decoration: none
    }

    .ui-widget-header a {
        color: #666
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        color: #333
    }

    .ui-button .ui-button-text {
        display: block;
        line-height: normal
    }

    .ui-button-text-only .ui-button-text {
        padding: 0 15px
    }

    #bar1 {
        float: left
    }

    #bar1 .ui-button-text {
        padding: 0 10px
    }

    #bar1 .ui-menubar-item:last-child .ui-button-text {
        border-right: 0;
        padding-right: 20px
    }

    #bar1 .ui-menubar-item.more {
        width: auto
    }

    #bar1 .ui-button-icon-secondary {
        right: .3em
    }

    #bar1 li.active {
        background-color: #ecebe6;
        border-top: 1px solid #ecebe6 !important;
        border-left: 1px solid #ecebe6 !important;
        margin-right: -1px;
        z-index: 1;
        position: relative
    }

    #bar1 li.active .ui-button-text {
        border-left: 0
    }

    #bar1 li.active a {
        color: #333 !important
    }

    .stage-1 > div:first-child {
        min-height: 400px
    }

    .stage > .stage-1 > .products {
        min-height: 1px
    }

    .stage-1 .product > img {
        display: block
    }

    .stage-1-head {
        padding: 20px 20px 0;
        width: 50%;
        float: left
    }

    .stage-1-optional-head {
        padding: 20px 20px 0
    }

    .stage-2 {
        height: 400px;
        width: 100%;
        float: left
    }

    .stage-2-head {
        padding: 20px;
        float: left;
        position: absolute
    }

    .stage-1-img {
        position: absolute;
        bottom: 0;
        margin-left: 50%;
        float: right;
        height: 400px;
        width: 50%;
        text-align: center
    }

    .stage-bg-img {
        background: top center no-repeat;
        height: 400px;
        width: 100%
    }

    .stage-1-txt {
        width: 50%;
        float: left;
        padding: 20px
    }

    .stage-2-txt {
        position: absolute;
        width: 300px;
        float: left;
        margin-top: 180px
    }

    .stage-bottom, .stage-bottom-slider {
        padding: 10px 20px;
        height: 78px;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .stage-bottom a {
        font-size: 1.6em
    }

    .stage-bottom-slider {
        padding: 0
    }

    .box-padding-slider {
        padding: 12px 10px 25px
    }

    .iosSlider .slide .gradient-green.shaddow-bottom {
        min-height: 400px
    }

    .iosSlider-pictures {
        height: 400px
    }

    .profile .customer-number {
        float: left;
        font-size: 1.6em
    }

    .login > a {
        font-size: 1.6em;
        display: inline
    }

    .servicemenue {
        background-color: #ecebe6;
        padding: 15px 15px 0;
        z-index: 100
    }

    .menubar li {
        height: 32px;
        border-top: 1px solid #FFF !important
    }

    .footable {
        font-size: 1.6em
    }

    .status-green:before, .status-red:before, .status-yellow:before {
        margin-top: 5px
    }

    .box_wrap.half, img.half {
        width: 50%
    }

    .box_wrap.half, img.half {
        width: 50%
    }

    .teaser {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px
    }

    .teaser.country-select p {
        padding-bottom: 8px
    }

    .teaser.country-select fieldset {
        margin-bottom: 9px
    }

    .teaser-2-wrapper {
        margin-bottom: 20px
    }

    .box_wrap.full .teaser-2-headline {
        width: 65%;
        float: right
    }

    .box_wrap.full .teaser-2-img {
        width: 35%;
        float: left;
        padding-right: 20px
    }

    .box_wrap.full .teaser-2 {
        padding-left: 35%
    }

    .no-image .teaser-2-img {
        width: 100%;
        float: none
    }

    .box_wrap.full .content-img-1 {
        width: 35%;
        float: left;
        padding-right: 20px;
        padding-bottom: 10px
    }

    .accordion_head {
        font-size: 1.6em
    }

    .teaser-3-images > div {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 10px
    }

    .vorteilswelt_siegel {
        float: left;
        margin-left: -12px;
        margin-right: 10px;
        margin-top: -5px;
        top: 10px;
        z-index: 10
    }

    .vorteilswelt_siegel.vw_gold {
        display: table-cell
    }

    .vorteilswelt_siegel img {
        width: 62px
    }

    .vorteilswelt_siegel_2 {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

    .vorteilswelt_siegel_2 img {
        width: 81px
    }

    .vorteilswelt_siegel_headline {
        float: left;
        margin-right: 5px;
        margin-top: -13px;
        height: 62px;
        width: 62px
    }

    .abo-image-right {
        position: absolute;
        z-index: 1;
        top: 40px
    }

    .abo-detail {
        position: relative;
        z-index: 2;
        min-height: 200px
    }

    .pagination {
        font-size: 1.6em
    }

    .half_width {
        width: 45%;
        margin-right: 5%
    }

    .half_width input {
        float: left;
        margin-right: 10px;
        margin-top: 3px
    }

    .half_width p {
        float: left
    }

    div.data-h span, div.data-v span, fieldset label, fieldset input, fieldset select {
        font-size: 1.6em
    }

    fieldset.data-h label {
        display: inline-block
    }

    div.data-h.image span {
        font-family: SZSansRegular, Arial;
        width: 230px
    }

    div.data-h.image span:first-child {
        font-family: SZSansBold, Arial;
        width: 125px
    }

    .customer-type label {
        width: 150px
    }

    .adress-type label {
        width: 150px
    }

    fieldset input._4_5[type=email], fieldset input._4_5[type=text], fieldset input._4_5[type=number], fieldset input._4_5[type=tel], fieldset input._4_5[type=password], fieldset textarea._4_5 {
        width: 462px
    }

    fieldset textarea._4_5 {
        height: 150px
    }

    fieldset input._3_5[type=email], input._3_5[type=text], fieldset input._3_5[type=number], fieldset input._3_5[type=tel], fieldset input._3_5[type=password] {
        width: 344px
    }

    fieldset input._2_5[type=email], input._2_5[type=text], fieldset input._2_5[type=number], fieldset input._2_5[type=tel], fieldset input._2_5[type=password] {
        width: 226px
    }

    .upload fieldset {
        font-family: SZSansRegular, Arial;
        font-size: 1.6em;
        font-weight: 400
    }

    .payment-creditcard-number {
        float: left
    }

    .payment-creditcard-checknumber {
        float: left;
        margin-left: 10px
    }

    .gender .css-dropdown {
        width: 150px
    }

    .salutation .css-dropdown {
        width: 150px
    }

    .selectboxit-container .selectboxit._4_5 {
        width: 460px
    }

    .selectboxit-container .selectboxit._3_5 {
        width: 344px
    }

    .payment-time label {
        width: 125px
    }

    fieldset.data-h.payment-time label {
        margin-right: 10px
    }

    .payment-type label {
        width: 115px
    }

    .payment-type label.special {
        width: 140px
    }

    fieldset.payment-time + p {
        padding-top: 15px
    }

    fieldset.data-h label > div > span {
        left: 0;
        bottom: -20px
    }

    input.iban-alt-field {
        width: 200px
    }

    fieldset.information label {
        width: auto
    }

    body {
        position: relative !important;
        width: auto !important;
        left: auto !important
    }

    #sidr-mobile-navi {
        display: none !important
    }

    div.teaser-3col {
        width: 33.3%
    }

    .progress {
        padding-left: 26px;
        padding-right: 20px;
        margin-bottom: 20px
    }

    #mainnav .progress li a {
        color: #666;
        font-weight: 700 !important;
        padding: 6px 10px 0 28px
    }

    #mainnav .progress li {
        border: 0
    }

    #mainnav .progress {
        padding-left: 6px
    }

    #mainnav .progress li:first-child a {
        color: #666;
        font-weight: 700 !important;
        padding-left: 12px
    }

    .logo {
        position: absolute
    }

    .logo img {
        height: 45px;
        width: 385px
    }

    .claim {
        font-size: 3.1em;
        margin-top: 26px
    }

    #mobile-navi-opener {
        display: none
    }

    .wrapper > header {
        height: 100px
    }

    .editedbutton {
        position: absolute;
        right: 0;
        bottom: 0
    }

    footer ul {
        width: 25%
    }

    .box_wrap.half.border-dotted {
        border-right: 1px dotted grey
    }

    .box_wrap.half.padding-left {
        padding-left: 10px !important
    }

    header.landing-page-header .logo-noFloat img {
        width: 385px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #lp-wrapper > div > .box_wrap.full {
        padding-left: 0
    }

    #lp-wrapper {
        display: table
    }

    #lp-wrapper .teaser-2-img {
        display: table-cell;
        vertical-align: top
    }

    #lp-wrapper .teaser-2-img > img {
        width: 224px;
        margin-right: 20px
    }

    .lp-content-txt {
        display: table-cell;
        vertical-align: top
    }

    #lp-wrapper .stage .stage-3 .stage-3-txt {
        padding-left: 250px;
        padding-right: 20px
    }

    #lp-wrapper .stage-1 {
        min-height: 470px
    }

    #lp-wrapper .stage-1-img {
        position: absolute;
        bottom: 0;
        margin-left: 50%;
        float: right;
        text-align: center
    }

    #lp-wrapper.img-float .stage-1 .stage-1-txt {
        width: auto;
        float: none
    }

    #lp-wrapper.img-float .stage-1 .stage-1-img {
        bottom: auto;
        height: auto;
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        margin-left: auto
    }

    #lp-wrapper.img-float .stage-1 {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table
    }

    #lp-wrapper.img-float .stage-1 > div:first-child {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table-row
    }

    #lp-wrapper.img-float .stage-1 > div.stage-1-txt {
        min-height: 0 !important;
        min-height: 0 !important;
        display: table-cell
    }

    #lp-wrapper .stage-1-img img {
        max-width: 370px;
        max-height: 450px
    }

    #lp-wrapper .stage .stage-1 .stoerer.top-middle-right {
        top: 20px
    }

    #lp-wrapper .stage .stage-3:before {
        border-width: 0 40px 20px;
        top: -20px;
        left: 100px
    }

    #subnav {
        height: 25px;
        float: left;
        width: 100%;
        font-size: .75em;
        position: relative;
        z-index: 20001
    }

    #subnav ul {
        display: inline-block;
        vertical-align: top
    }

    #subnav .markets li {
        background-color: #efefeb
    }

    #subnav .markets li, #subnav .products li, #subnav .services li {
        display: inline-block;
        height: 25px
    }

    #subnav .markets a, #subnav .services a, #subnav .products a {
        line-height: 2.15em
    }

    #subnav .markets a, #subnav .services a {
        color: #666;
        padding: 0 8px
    }

    #subnav .markets a, #subnav .products a {
        font-family: SZSansBold, Arial
    }

    #subnav .products {
        right: 53px;
        float: right
    }

    #subnav .products a {
        color: #FFF;
        padding: 0 8px
    }

    #subnav .products li {
        background-color: #009990
    }

    #weiterebox {
        position: relative;
        width: 107px
    }

    #weiterebox.open {
        box-shadow: 0 0 10px #CCC
    }

    #weiterebox .toggle {
        border: 0 none;
        color: #666;
        cursor: pointer;
        line-height: 2.1em;
        margin: 0;
        padding: 0 17px 0 8px;
        display: block;
        position: relative;
        z-index: 10;
        white-space: nowrap
    }

    #weiterebox.open .toggle {
        background: #FFF
    }

    #weiterepanel {
        background-color: #fff;
        display: none;
        position: absolute;
        right: 0;
        top: 25px;
        width: 12em;
        z-index: 20001;
        box-shadow: 0 0 10px #CCC
    }

    #weiterepanel:before {
        position: absolute;
        right: 0;
        top: -7px;
        display: block;
        background: #FFF;
        width: 107px;
        height: 10px;
        content: "";
        color: #FFF
    }

    #weiterepanel ul {
        margin: 10px 0
    }

    #weiterepanel li {
        line-height: 1em;
        display: block !important
    }

    #weiterepanel a {
        color: #666;
        font-size: 12px
    }

    #weiterepanel em {
        font-style: inherit;
        font-weight: inherit
    }

    .shoppingCart > div:first-child + div .stage-2-more {
        margin-bottom: 20px
    }

    .shoppingCart #iconplus {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .bonus .css-dropdown {
        width: 281px !important
    }

    .bonus .css-dropdown.w1_3 {
        width: 181px !important
    }

    .profile.no-customer-number h4 {
        float: left
    }

    .profile.no-customer-number button {
        float: right
    }

    header.mini-header {
        margin-top: -25px;
        box-shadow: 0 4px 2px -2px #ccc
    }

    header.mini-header .logo img {
        margin-top: 17px;
        width: 385px
    }

    div.main.mini-header {
        margin-top: 20px
    }

    div.progress-login {
        margin-top: 41px;
        margin-right: 20px
    }

    div.progress-login.login-button a {
        padding: 6px 5px 6px 29px
    }

    div.progress-login.login-button {
        display: none
    }

    .box_wrap.half .teaser a.further-link {
        line-height: .9em
    }

    .box_wrap.half .teaser a.further-link:before {
        line-height: .5em !important
    }

    #lp-wrapper.img-float .stage-1-img img {
        max-height: none;
        max-width: none
    }

    div.payment-horizontal .header-detail {
        background: #ecebe6 url(../images/payment_bgline.png) 164px 20px no-repeat
    }

    div.payment-horizontal .data-detail {
        margin-bottom: 2px;
        background-color: transparent;
        background: #ecebe6 url(../images/payment_bgline.png) 164px 0 no-repeat
    }

    div.payment-horizontal .data-detail:after {
        content: "";
        background-color: #ecebe6;
        height: 20px;
        display: block
    }

    div.payment-horizontal fieldset.payment-type {
        width: 155px;
        float: left
    }

    div.payment-horizontal fieldset.payment-type.mobile_only {
        display: none
    }

    div.payment-horizontal fieldset.payment-type .arrow_line {
        display: none
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label {
        margin-bottom: 15px;
        display: block;
        width: auto;
        margin-right: 5px
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active {
        margin-bottom: 15px;
        height: auto
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:before, div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:after {
        top: 10px;
        left: 154px;
        margin-left: 0;
        border-color: transparent
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:before {
        border-left-color: #fff;
        border-width: 17px;
        margin-top: -17px
    }

    div.payment-horizontal fieldset.payment-type.arrow_container.desktop_only label.active:after {
        border-left-color: #ecebe6;
        border-width: 15px;
        margin-top: -15px
    }

    div.payment-horizontal div.payment-data {
        float: left;
        margin-left: -1px;
        padding-left: 30px
    }

    div.payment-horizontal div.payment-data .payment-creditcard-valid {
        margin-left: 0
    }

    div.vw_gold h2 br {
        display: inline-block
    }

    div.vw_gold h2 {
        height: 98px
    }

    div.vw_gold:before, div.vw_gold:after {
        top: 113px
    }

    div.half .css-dropdown._3_5 {
        width: 263px
    }

    .jump-to-top p {
        padding: 0 20px
    }

    #mainHeader {
        position: relative
    }

    button.green.printbutton {
        background-color: red !important
    }
}

@font-face {
    font-family: SZSansRegular;
    src: url(fonts/sz-sans/SZSans.eot);
    src: url(fonts/sz-sans/SZSans.eot#iefix) format("eot"), url(fonts/sz-sans/SZSans.woff) format("woff"), url(fonts/sz-sans/SZSans.otf) format("opentype")
}

@font-face {
    font-family: SZSansBold;
    src: url(fonts/sz-sans/SZSans-Bold.eot);
    src: url(fonts/sz-sans/SZSans.eot#iefix) format("eot"), url(fonts/sz-sans/SZSans-Bold.woff) format("woff"), url(fonts/sz-sans/SZSans-Bold.otf) format("opentype")
}

@font-face {
    font-family: SZSansItalic;
    src: url(fonts/sz-sans/SZSans-Italic.eot);
    src: url(fonts/sz-sans/SZSans-Italic.eot#iefix) format("eot"), url(fonts/sz-sans/SZSans-Italic.woff) format("woff"), url(fonts/sz-sans/SZSans-Italic.otf) format("opentype")
}

@font-face {
    font-family: SZTextRegular;
    src: url(fonts/sz-text/SZText.eot);
    src: url(fonts/sz-text/SZText.eot#iefix) format("eot"), url(fonts/sz-text/SZText.woff) format("woff"), url(fonts/sz-text/SZText.otf) format("opentype")
}

@font-face {
    font-family: SZTextBold;
    src: url(fonts/sz-text/SZText-Bold.eot);
    src: url(fonts/sz-text/SZText-Bold.eot#iefix) format("eot"), url(fonts/sz-text/SZText-Bold.woff) format("woff"), url(fonts/sz-text/SZText-Bold.otf) format("opentype")
}

@font-face {
    font-family: SZTextItalic;
    src: url(fonts/sz-text/SZText-Italic.eot);
    src: url(fonts/sz-text/SZText-Italic.eot#iefix) format("eot"), url(fonts/sz-text/SZText-Italic.woff) format("woff"), url(fonts/sz-text/SZText-Italic.otf) format("opentype")
}

@font-face {
    font-family: sz-osc-icons;
    src: url(fonts/sz-icons/sz-osc-icons.eot);
    src: url(fonts/sz-icons/sz-osc-icons.eot#iefix) format("eot"), url(fonts/sz-icons/sz-osc-icons.woff) format("woff"), url(fonts/sz-icons/sz-osc-icons.ttf) format("truetype"), url(fonts/sz-icons/sz-osc-icons.svg#sz-osc-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-osc-dd-arrow-down, .icon-osc-dd-arrow-up, .icon-osc-sz-logo, .icon-osc-bullet, .icon-osc-social-media-facebook, .icon-osc-social-media-google, .icon-osc-social-media-twitter, .icon-osc-contact, .icon-osc-phone, .icon-osc-list-advantage, .icon-osc-close, .icon-osc-icon-plus, .icon-osc-stoerer, .icon-osc-more-info-minus, .icon-osc-more-info-plus, .icon-osc-link-arrow-right, .icon-osc-link-arrow-up, .icon-osc-link-arrow-left, .icon-osc-link-arrow-down, .icon-osc-slider-arrow-right, .icon-osc-slider-arrow-left, .icon-osc-icon-edit, .icon-osc-icon-trash, .icon-osc-icon-calendar, ul li:before, ul .advantages li:before, p > a:before, h2.list:before, .contact ul li.mail:before, .contact ul li.phone:before, .accordion_head.closed:before, .accordion_head.open:before, .logo:before, .logo-noFloat:before, .rs_content_tabs > a:before, rs_content_tabs > a:before, .data-v a, .data-header a, footer a:before, .stage .stoerer:before, .stage .icon-more-info-plus:before, a.back-link:before, .icon-social-media-twitter:before, .icon-social-media-facebook:before, .icon-social-media-google:before, .stage-bottom > a:before, .login > a:before, .box_wrap.margin_big.data.full > .edit, .box_wrap.margin_big.data.full > .close, .accordion_head a.close, #invoicetype button.lightgray:before, .responsive-table a:before, .pagination a.back:before, .pagination a.next:before, .login form a:before {
    font-family: sz-osc-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-osc-dd-arrow-down:before {
    content: "\e600"
}

.icon-osc-dd-arrow-up:before {
    content: "\e601"
}

.icon-osc-sz-logo:before {
    content: "\e000"
}

.icon-osc-bullet:before {
    content: "\e016"
}

.icon-osc-social-media-facebook:before {
    content: "\e001"
}

.icon-osc-social-media-google:before {
    content: "\e002"
}

.icon-osc-social-media-twitter:before {
    content: "\e003"
}

.icon-osc-contact:before {
    content: "\e005"
}

.icon-osc-phone:before {
    content: "\e004"
}

.icon-osc-list-advantage:before {
    content: "\e006"
}

.icon-osc-close:before {
    content: "\e007"
}

.icon-osc-icon-plus:before {
    content: "\e008"
}

.icon-osc-stoerer:before {
    content: "\e009"
}

.icon-osc-more-info-minus:before {
    content: "\e00a"
}

.icon-osc-more-info-plus:before {
    content: "\e00b"
}

.icon-osc-link-arrow-right:before {
    content: "\e00c"
}

.icon-osc-link-arrow-up:before {
    content: "\e00d"
}

.icon-osc-link-arrow-left:before {
    content: "\e00e"
}

.icon-osc-link-arrow-down:before {
    content: "\e00f"
}

.icon-osc-slider-arrow-right:before {
    content: "\e010"
}

.icon-osc-slider-arrow-left:before {
    content: "\e011"
}

.icon-osc-icon-edit:before {
    content: "\e012"
}

.icon-osc-icon-trash:before {
    content: "\e013"
}

.icon-osc-icon-calendar:before {
    content: "\e014"
}

.left {
    float: left
}

.both {
    clear: both
}

.right {
    float: right
}

body {
    min-width: 320px;
    overflow-x: hidden;
    font-size: 62.5%
}

body.touch.ms-touch {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#wrapperbelt {
    margin: 0 auto
}

#wrapper {
    box-shadow: 0 0 10px #ccc;
    margin: 25px 0 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    position: relative
}

.box_wrap.full, img.full {
    width: 100%
}

.box_wrap, .box_padding {
    position: relative;
    float: left;
    width: 100%
}

.headline_wrap.full {
    padding: 0 20px;
    margin-bottom: 20px;
    clear: both
}

.box_wrap {
    margin-bottom: 20px
}

.box_wrap.nomargin {
    margin-bottom: 0
}

.box_wrap > hr {
    margin-top: 0;
    margin-bottom: 0
}

.box_wrap h4 {
    margin-top: 20px
}

.box_wrap h4:first-child {
    margin-top: 0
}

.box_wrap h4 span {
    font-family: SZSansRegular, Arial
}

.box_wrap.paragraphs > p {
    padding-bottom: 0
}

.margin_big {
    margin-bottom: 40px
}

.margin_r_10 {
    margin-right: 10px
}

.margin_l_10 {
    margin-left: 10px
}

.margin_r_20 {
    margin-right: 20px
}

.margin_l_20 {
    margin-left: 20px
}

.margin_t_20 {
    margin-top: 20px
}

.margin_t_30 {
    margin-top: 30px
}

.margin-bottom {
    margin-bottom: 20px
}

.margin_b_10 {
    margin-bottom: 10px
}

.margin_b_14 {
    margin-bottom: 14px
}

.margin_b_20 {
    margin-bottom: 20px
}

.margin_b_-7 {
    margin-bottom: -10px
}

.margin_t_-10 {
    margin-top: -10px !important
}

.box-padding {
    padding: 12px 10px 5px
}

.box-padding_t-r-b {
    padding: 12px 10px 5px 0
}

.box-padding-big {
    padding: 12px 20px 5px
}

.data-header.box-padding {
    padding: 12px 10px
}

.data-header.box-padding.header-detail {
    padding: 15px 10px 0
}

.data-detail .data-header.box-padding.header-detail {
    padding-left: 0
}

.data-detail.box-padding {
    padding: 8px 10px 15px
}

.data-detail.box-padding-top-left-right {
    padding: 8px 10px 1px
}

.data-detail.box-padding-top-left-right.hint {
    padding-top: 15px
}

.data-detail.open.hint {
    margin-bottom: 0
}

.data-detail .label-margin-right {
    margin-right: 8px
}

.data-header.box-padding-top-left-right {
    padding: 15px 10px 1px
}

.data-detail p {
    padding-bottom: 15px
}

.data-detail p.customer-data-txt {
    margin-top: 15px
}

.box-shadow {
    position: relative;
    background: #FFF
}

.box-shadow:before, .box-shadow:after {
    box-shadow: 0 0 5px #ccc;
    background: #dedcd0;
    content: " ";
    display: block;
    height: 10px;
    bottom: 0;
    left: 1px;
    position: absolute;
    transform: rotate(-1deg);
    width: 50%;
    z-index: -1
}

.box-shadow:after {
    left: auto;
    right: 1px;
    transform: rotate(1deg)
}

.gradient-green {
    background: #285442;
    background: -moz-linear-gradient(-45deg, #285442 0, #009990 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #285442), color-stop(100%, #009990));
    background: -webkit-linear-gradient(-45deg, #285442 0, #009990 100%);
    background: -o-linear-gradient(-45deg, #285442 0, #009990 100%);
    background: -ms-linear-gradient(-45deg, #285442 0, #009990 100%);
    background: linear-gradient(135deg, #285442 0, #009990 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285442', endColorstr='#009990', GradientType=1);
    width: 100%
}

.border {
    border: 1px solid #ccc
}

.shaddow-bottom {
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
    position: relative
}

.regular {
    font-family: SZSansRegular, Arial;
    font-weight: 400
}

h1, h2, h2.list, h3, h4 {
    font-family: SZSansBold, Arial;
    color: #333;
    font-weight: 400
}

.gradient-green h1, .gradient-green h2, .gradient-green h3, .gradient-green h4, .gradient-green p, .gradient-green a {
    color: #FFF
}

h1 {
    line-height: 1.2;
    margin-bottom: 10px
}

.stage-1 h1 {
    margin-bottom: 20px
}

h2 {
    line-height: 1.2;
    margin-bottom: 10px
}

h2.list:before {
    content: "\e016";
    font-size: .8em;
    color: #009990
}

h2.list {
    padding-left: -0px;
    list-style-type: none;
    left: 0
}

.teaser h2, .teaser-2-headline h2, .teaser-2-headline h3 {
    margin-bottom: 4px
}

.stage-bottom h2 {
    margin-bottom: 8px
}

h3 {
    line-height: 1.25;
    margin-bottom: 10px
}

h4 {
    line-height: 1.25
}

.data-header.box-padding.header-detail.edited {
    padding-top: 12px
}

.data-header.edited h4 {
    padding-top: 2px;
    padding-bottom: 5px
}

p {
    font-family: SZSansRegular, Arial;
    color: #333;
    line-height: 1.25;
    padding-bottom: 20px
}

p b {
    font-family: SZSansBold, Arial
}

p i {
    font-family: SZTextItalic;
    font-style: italic
}

span.red, div.red, p.red, h4.red, h2.red, a.further-link.red {
    color: #b70000
}

h4.red.error {
    margin-top: 0
}

.data-header > p {
    display: none
}

.data-header.edited > p {
    display: block
}

.data-header > data-current {
    display: block
}

.data-header.header-detail > p {
    display: block
}

.data-header.header-detail.edited > p {
    display: none
}

.data-header.header-detail > .data-current, .box_wrap.header-detail .data-current {
    display: none
}

.data-header.edited > .data-current {
    padding-top: 10px
}

.data-header p {
    padding-bottom: 0
}

.edited .data-current > div {
    position: relative
}

.edited > .data-header.box-padding {
    padding-top: 0;
    padding-left: 0
}

.edited > .data-header.box-padding.header-detail {
    padding-top: 15px;
    padding-left: 10px
}

p.source {
    color: #888
}

p + .accordion {
    margin-top: -10px
}

.responsive-table ~ p > a {
    margin-left: 16px;
    padding-top: 5px;
    display: inline-block
}

.responsive-table ~ p > a:before {
    position: absolute;
    content: "\e00c";
    margin-left: -16px;
    margin-top: 5px;
    font-size: .6em !important;
    background-color: transparent !important
}

.responsive-table a:before {
    content: "\e00c";
    margin-left: -16px;
    margin-right: 5px;
    margin-top: 7px;
    font-size: .6em;
    line-height: 1.2em;
    display: inline-block
}

.responsive-table a {
    font-family: SZSansBold, Arial;
    padding-top: 0;
    background-color: transparent !important;
    margin-left: 16px;
    text-decoration: none
}

.responsive-table a:before:hover {
    text-decoration: none !important
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:before:hover {
    text-decoration: none !important
}

.stage-bottom > a:before, .login > a:before {
    content: "\e00c";
    margin-left: -16px;
    font-size: .6em;
    margin-right: 5px
}

table.responsive-table.footable {
    line-height: 1.45
}

table.responsive-table.footable td {
    vertical-align: baseline
}

table.responsive-table.footable td > ul {
    line-height: 1.45
}

a.further-link:before {
    position: absolute;
    content: "\e00c";
    margin-left: -16px;
    margin-top: 5px;
    font-size: .6em !important;
    background-color: transparent !important
}

.login form a.further-link:before {
    margin-top: 3px
}

a.further-link {
    margin-left: 16px;
    padding-top: 5px;
    display: inline-block
}

.editedbutton {
    font-size: 1em !important
}

a.further-link.editedbutton:before {
    font-size: 62.5%;
    padding-top: 0;
    line-height: 16px
}

aside a.further-link:before {
    margin-left: -16px;
    margin-top: 5px
}

.stage-bottom > a, .login > a {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    margin-top: -2px;
    margin-left: 16px;
    list-style-type: none;
    left: 0;
    display: inline-block
}

p > a, .login form a {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased
}

.stage-bottom > a {
    color: #fff
}

.stage-bottom > a:before {
    font-size: .6em
}

a.back-link:before {
    content: "\e00e";
    margin-left: -16px;
    font-size: .6em;
    padding-right: 5px
}

a.back-link {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    margin-top: 5px;
    padding: 0 10px 0 26px;
    list-style-type: none;
    left: 0;
    background-color: #ecebe6;
    margin-top: -12px
}

.pointer:hover {
    cursor: pointer
}

ul {
    font-family: SZSansRegular, Arial;
    line-height: 1.25;
    color: #333;
    margin-bottom: 20px
}

ul li {
    margin-top: 10px
}

ul li:first-child {
    margin-top: 0
}

ul.linklist.colum-3 {
    margin-bottom: 0
}

ul.linklist.colum-3 li {
    margin-top: 0;
    margin-bottom: 10px
}

table ul {
    font-size: 1em;
    margin-bottom: 0
}

.rs_nav_tabs ul li {
    margin-top: 0
}

ul.button li:first-child {
    margin-top: 10px
}

ul.markets li {
    margin-top: 0
}

ul.services li {
    margin-top: 0
}

ul.products li {
    margin-top: 0
}

.rs_content_tabs ul li {
    margin-top: 0
}

ul.bullets > li:before {
    position: absolute;
    margin-top: 4px;
    content: "\e016";
    margin-left: -16px;
    padding-right: 4px;
    font-size: .8em
}

.data ul.bullets {
    margin-bottom: 0
}

ul.bullets li {
    padding-left: 16px;
    list-style-type: none;
    left: 0
}

ul.bullets li a {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400
}

ul.linklist > li:before {
    content: "\e00c";
    margin-left: -16px;
    font-size: .6em;
    padding-right: 5px
}

ul.linklist li {
    padding-left: 16px;
    list-style-type: none;
    left: 0
}

ul.linklist li.active {
    font-weight: 900
}

ul.linklist ul.linklist {
    font-size: 1em;
    padding-left: 15px;
    margin-bottom: 0
}

ul.linklist ul.linklist li:first-child {
    margin-top: 10px
}

ul.advantages > li:before {
    content: "\e006";
    margin-left: -20px;
    padding-right: 5px;
    font-size: .8em
}

ul.advantages li {
    padding-left: 20px;
    list-style-type: none;
    left: 0
}

ul.advantages.big li {
    padding-left: 20px;
    font-size: 1.35em
}

ul.advantages.big > li:before {
    content: "\e006";
    margin-left: -22px;
    padding-right: 5px;
    font-size: .8em
}

hr {
    height: 1px;
    background: #c3c3c4;
    border: 0;
    width: auto;
    font-size: 1px;
    margin-top: 15px;
    margin-bottom: 15px
}

hr.nomargin {
    margin: 0
}

.data hr {
    margin-top: 0;
    margin-bottom: 0
}

.data .data-confirm.open.box-padding.box-shadow hr {
    margin-top: 15px;
    margin-bottom: 15px
}

.data hr + .accordion {
    margin-top: 15px
}

hr + .data-detail {
    margin-top: -15px
}

p + hr {
    margin-top: 0
}

button {
    font-family: SZSansRegular, Arial;
    width: auto;
    border: 0;
    margin-bottom: 15px
}

button.big {
    height: 44px;
    padding: 4px 15px 2px;
    font-size: 2.2em;
    margin-top: 20px;
    margin-bottom: 20px
}

button:hover {
    cursor: pointer
}

.right > button {
    margin-left: 10px;
    display: block;
    float: left
}

button.right {
    margin-left: 10px
}

button.left {
    margin-right: 10px
}

button.red {
    background-color: #b70000;
    color: #FFF
}

button.green {
    background-color: #009990;
    color: #FFF
}

a.button {
    font-family: SZSansRegular, Arial !important;
    margin: 15px 0;
    padding: 6px 16px 6px 18px
}

a.button:hover {
    text-decoration: none
}

a.button.green {
    background-color: #009990;
    color: #FFF
}

button.lightgray {
    background-color: #ecebe6;
    color: #333
}

ul.button {
    margin-top: 10px
}

ul.button + ul.button {
    margin-top: -20px
}

button.half {
    width: 100%;
    text-align: center;
    font-size: 1em;
    margin: 0
}

.profile button, .login button, .profile a.button, .login a.button {
    margin: 0
}

button.margin-top-minus-10 {
    margin-top: -10px
}

#mainnav {
    overflow: hidden
}

.stage-1 {
    position: relative
}

.stage-1.gradient-green.round, .stage-bottom-slider {
    margin-bottom: 40px
}

.stage .advantages, .stage .linklist, .stage .bullets {
    color: #FFF
}

.stage .linklist.big li, .stage .bullets.big li {
    font-size: 1.35em
}

.stage .stage-2 .stoerer, .stage .stage-2 .stoerer-round {
    position: absolute;
    left: 260px;
    margin-top: 140px;
    z-index: 5
}

.stage .stage-1 .stoerer {
    position: absolute;
    z-index: 5
}

.stage .stage-1 .stoerer.top-right {
    top: 20px
}

.stage .stage-1 .stoerer.top-middle-right {
    top: 60px;
    left: 52%
}

.stage .stage-1 .stoerer.bottom-right {
    top: 140px;
    right: 26%
}

.stage .stage-1 .stoerer.bottom-middle-right {
    top: 140px;
    right: 42%
}

.stage .stage-1 .stoerer-round {
    position: absolute;
    z-index: 5
}

.stage .stage-1 .stoerer-round.top-right {
    top: 20px;
    right: 20px
}

.stage .stage-1 .stoerer-round.top-middle-right {
    top: 60px;
    left: 52%
}

.stage .stage-1 .stoerer-round.bottom-right {
    top: 140px;
    right: 9%
}

.stage .stage-1 .stoerer-round.bottom-middle-right {
    top: 140px;
    right: 24%
}

.stage .stoerer:before {
    position: absolute;
    content: "\e009";
    font-size: 5.4em;
    text-shadow: -2px 2px 10px rgba(0, 0, 0, .3);
    filter: dropshadow(color=rgba(0, 0, 0, .3), offx=-2, offy=2)
}

.stage .stoerer.orange:before {
    color: #f6861f
}

.stage .stoerer-round {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .3)
}

.stage .stoerer-round.orange {
    background-color: #f6861f
}

.stage .stoerer, .stage .stoerer-round {
    font-family: SZSansBold, Arial;
    font-weight: 400;
    font-size: 2em;
    line-height: .9em;
    color: #FFF;
    text-align: center
}

.stoerer-txt {
    position: absolute;
    z-index: 6;
    margin-left: 16px;
    margin-top: 25px;
    width: 80px
}

.stage .icon-more-info-plus {
    color: #FFF;
    font-size: 1em;
    background: none repeat scroll 0 0 #b70000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    padding: 8px 0 0 8px
}

.stage .icon-more-info-plus:before {
    font-family: sz-osc-icons;
    color: #FFF;
    font-size: 3em;
    content: "\e008"
}

.stage-2 img {
    padding: 10px
}

.iosSlider-pictures {
    margin-bottom: 40px
}

.service {
    background-color: #009990;
    z-index: 6
}

.service-login {
    background-color: #dedcd0;
    z-index: 6
}

.profile {
    background-color: #009990;
    color: #FFF;
    padding: 10px 15px
}

.profile h4 {
    color: #FFF;
    margin: 4px 0 0
}

.profile .customer-number {
    color: #FFF;
    margin: 4px 0
}

.profile .customer-number {
    font-family: SZSansRegular, Arial
}

.login {
    background-color: #dedcd0;
    padding: 15px
}

.login > a {
    font-family: SZSansRegular, Arial
}

.login input {
    width: 100%
}

.login input:first-child {
    margin-bottom: 10px
}

.selectboxit-container .selectboxit.teaser-half {
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative
}

textarea._5_5 {
    width: 100%;
    border: 1px solid #ccc
}

textarea._5_5.kontaktformular_textarea {
    padding: 5px;
    font-size: 1.6em;
    height: 150px;
    resize: none
}

.txt-crop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px
}

.status-green, .status-red, .status-yellow {
    padding-left: 22px
}

.status-green:before, .status-red:before, .status-yellow:before {
    content: ' ';
    position: absolute;
    margin-left: -22px;
    height: 10px;
    width: 10px;
    border: 1px solid #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.status-green:before {
    background-color: green;
    color: green
}

.status-yellow:before {
    background-color: #dad665;
    color: #d8d62c
}

.status-red:before {
    background-color: #b70000;
    color: #b70000
}

table.responsive-table span.footable-toggle {
    line-height: 1.5
}

.teaser-wrapper {
    margin-bottom: 20px
}

.teaser {
    padding: 16px 20px 0;
    background-color: #ecebe6
}

.teaser-green {
    padding: 10px 20px;
    background-color: #009990;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.teaser-green * {
    text-align: left;
    color: #fff
}

.teaser-green span.fat {
    font-size: 2.5em;
    line-height: 1
}

.teaser-green h2, .teaser-green ul {
    margin-bottom: 0
}

.teaser-green > p {
    padding-bottom: 0
}

.teaser input, fieldset .select {
    width: 100%;
    margin-bottom: 10px
}

.teaser-img img {
    width: 100%;
    display: block
}

.teaser-img > .max-size-description {
    position: absolute;
    top: 10px
}

.teaser-2 p {
    padding-bottom: 0
}

.teaser-2-img img, .content-img-1 img {
    display: block;
    width: 100%
}

.teaser-3-images > div {
    float: left;
    background-color: #ecebe6
}

.teaser-3-images > div img {
    display: block;
    width: 100%
}

.teaser-3-images > div > a > p {
    color: #333;
    font-family: SZSansRegular, Arial;
    line-height: 1.25;
    padding: 5px 10px
}

.teaser-3-images > div:first-child {
    margin-left: 0
}

.accordion_head {
    margin: 10px 0;
    position: relative
}

.accordion_content {
    margin: 0;
    position: relative
}

.whitebar > .accordion_content:before, .data-header.open.whitebar.showwhitebar:before, .both.whitebar:before {
    position: absolute;
    content: " ";
    top: 0;
    left: -10px;
    right: -10px;
    height: 2px;
    background-color: #fff;
    z-index: 10
}

.data-header.open.whitebar.showwhitebar, .both.whitebar {
    position: relative
}

.both.whitebar {
    padding-top: 12px
}

.accordion.closed .accordion_content {
    display: none
}

.accordion_head.closed:before {
    position: absolute;
    content: "\e00b";
    margin-top: -2px;
    margin-left: -30px;
    font-size: 1.3em;
    padding-right: 10px
}

.accordion_head.open:before {
    position: absolute;
    content: "\e00a";
    margin-top: -2px;
    margin-left: -30px;
    font-size: 1.3em;
    padding-right: 10px
}

.accordion_head {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    margin-top: 5px;
    padding-left: 30px;
    list-style-type: none;
    left: 0;
    display: block
}

.accordion_head:hover {
    cursor: pointer
}

div.teaser-3col {
    float: left;
    position: relative
}

div.teaser-3col .picture-title {
    width: 100%;
    position: absolute;
    background-color: #fff;
    opacity: .5;
    bottom: 0;
    padding: 5px
}

div.teaser-3col img {
    width: 100%
}

.vorteilswelt_siegel {
    float: left;
    margin-left: -12px;
    margin-right: 20px;
    margin-top: -5px;
    top: 10px;
    z-index: 10
}

div.vw_gold {
    margin-bottom: 12px;
    position: relative
}

div.vw_gold div.vorteilswelt_siegel {
    background-color: #5d5752;
    margin-left: 0;
    margin-top: 0;
    height: 98px;
    text-align: center
}

div.vw_gold:before, div.vw_gold:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    z-index: 10
}

div.vw_gold:after {
    left: -20px
}

div.vw_gold:before {
    left: 20px
}

div.vw_gold h2 {
    background-color: #ffeed0;
    font-size: 3em;
    line-height: 1.4em;
    padding: 10px 0 0 20px
}

.vorteilswelt_siegel img {
    width: 62px
}

div.vw_gold .vorteilswelt_siegel img {
    width: 95px;
    margin-top: 18px
}

.vorteilswelt_siegel_2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.vorteilswelt_siegel_2 img {
    width: 81px
}

.pagination {
    background-color: #ecebe6;
    padding: 10px;
    margin-top: -15px;
    font-family: SZSansRegular, Arial;
    border: 1px solid #CCC
}

.pagination a {
    font-family: SZSansBold, Arial
}

.pagination a.back, .pagination a.next {
    position: relative;
    z-index: 1
}

.pagination a.next:before {
    position: absolute;
    content: "\e00c";
    margin-top: 7px;
    right: 0;
    font-size: .6em !important;
    background-color: transparent !important
}

.pagination a.next {
    float: right;
    padding-right: 16px
}

.pagination a.back:before {
    position: absolute;
    content: "\e00e";
    left: 0;
    margin-top: 7px;
    font-size: .6em !important;
    background-color: transparent !important
}

.pagination a.back {
    float: left;
    padding-left: 16px
}

.pagination .sites {
    position: relative;
    z-index: 0;
    width: 100%;
    text-align: center
}

.rs_content_tabs {
    width: 100%;
    height: 80px;
    position: relative;
    overflow: hidden
}

.rs_content_tabs.no-height {
    height: auto
}

.rs_content_tabs.tab_navi {
    width: 100%;
    height: 45px;
    position: relative;
    overflow: hidden
}

.rs_content_tabs.tab_navi.no-height {
    height: auto
}

.rs_content_tabs .rs_content_tabs_prev:before {
    content: "\e011";
    background-color: #FFF;
    display: block;
    width: 20px;
    height: 50px;
    padding-top: 30px;
    padding-right: 15px;
    font-size: 1.9em;
    position: absolute;
    top: 0;
    z-index: 2
}

.rs_content_tabs .rs_content_tabs_prev:hover {
    text-decoration: none
}

.rs_content_tabs.tab_navi .rs_content_tabs_prev:before {
    content: "\e011";
    background: transparent;
    display: block;
    width: 20px;
    height: 35px;
    padding-top: 12px;
    padding-left: 8px;
    position: absolute;
    top: 0;
    z-index: 2
}

.rs_content_tabs.tab_navi .rs_content_tabs_prev:hover {
    text-decoration: none
}

.rs_content_tabs .rs_content_tabs_prev.disabled:before {
    color: #CCC
}

.rs_content_tabs .rs_content_tabs_prev:after {
    content: " ";
    width: 35px;
    height: 70px;
    display: block;
    box-shadow: 4px 5px 3px rgba(204, 204, 204, .5);
    position: absolute;
    top: 0;
    z-index: 1
}

.rs_content_tabs.tab_navi .rs_content_tabs_prev:after {
    content: " ";
    width: 39px;
    height: 43px;
    display: block;
    box-shadow: none;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    border: 1px solid #ccc;
    background-color: #FFF
}

.rs_content_tabs .rs_content_tabs_next:before {
    content: "\e010";
    background-color: #FFF;
    display: block;
    width: 20px;
    height: 50px;
    padding-top: 30px;
    padding-left: 15px;
    font-size: 1.9em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.rs_content_tabs .rs_content_tabs_next:hover {
    text-decoration: none
}

.rs_content_tabs.tab_navi .rs_content_tabs_next:before {
    content: "\e010";
    background: transparent;
    display: block;
    width: 20px;
    height: 35px;
    padding-top: 12px;
    padding-right: 8px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.rs_content_tabs.tab_navi .rs_content_tabs_next:hover {
    text-decoration: none
}

.rs_content_tabs .rs_content_tabs_next.disabled:before {
    content: "\e010";
    color: #CCC
}

.rs_content_tabs .rs_content_tabs_next:after {
    content: " ";
    width: 35px;
    height: 70px;
    display: block;
    box-shadow: -4px 5px 3px rgba(204, 204, 204, .5);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.rs_content_tabs.tab_navi .rs_content_tabs_next:after {
    content: " ";
    width: 39px;
    height: 43px;
    display: block;
    box-shadow: none;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
    border: 1px solid #ccc;
    background-color: #FFF
}

.rs_content_tabs .rs_content_tabs_prev, .rs_content_tabs .rs_content_tabs_prev:before, .rs_content_tabs .rs_content_tabs_prev:after, .rs_content_tabs .rs_content_tabs_next, .rs_content_tabs .rs_content_tabs_next:before, .rs_content_tabs .rs_content_tabs_next:after {
    display: none
}

.rs_content_tabs.scrollable .rs_content_tabs_prev, .rs_content_tabs.scrollable .rs_content_tabs_prev:before, .rs_content_tabs.scrollable .rs_content_tabs_prev:after, .rs_content_tabs.scrollable .rs_content_tabs_next, .rs_content_tabs.scrollable .rs_content_tabs_next:before, .rs_content_tabs.scrollable .rs_content_tabs_next:after {
    display: block
}

.rs_content_tabs ul {
    position: relative;
    left: -9px;
    top: 0
}

.rs_content_tabs ul.picture-ul > li > a {
    border: 0;
    margin: 0
}

.rs_content_tabs.tab_navi ul {
    left: 0
}

.rs_content_tabs.scrollable ul {
    margin: 0 35px;
    left: 0
}

.rs_content_tabs ul {
    margin: 0
}

.rs_content_tabs.scrollable.tab_navi ul {
    margin: 0 39px;
    left: 0
}

.rs_content_tabs li {
    float: left;
    text-align: center
}

.rs_content_tabs li a {
    border-left: 1px solid #ccc;
    padding: 5px 0;
    margin: 25px 0;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.rs_content_tabs.tab_navi {
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.rs_content_tabs.tab_navi li a {
    border-left: 1px solid #ccc;
    padding: 5px 0;
    margin: 7px 0;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.rs_content_tabs li.two-lines a {
    margin: 15px 0 25px
}

@media screen and (min-width: 1px) and (max-width: 511px) {
    .rs_content_tabs li a {
        border-left: 0
    }
}

.rs_content_tabs li:first-child a {
    border-left: 0
}

.rs_content_tabs li.active a {
    font-family: SZSansBold, Arial
}

.rs_content_tabs.tab_navi li.active a {
    border-left: 1px solid transparent
}

.rs_content_tabs.tab_navi li.active {
    font-family: SZSansBold, Arial;
    background: #ececec
}

.rs_content_tabs.tab_navi li.active + li a {
    border-left: 1px solid transparent
}

.bonus_detail .half_width h4, .bonus_detail .half_width h1 {
    clear: both
}

.arrow_line {
    background: #000;
    border-bottom: 1px solid #fff
}

.box_wrap.newData.full > div:first-child {
    border-top: 1px solid #ecebe6
}

.box_wrap.newData.full .data-header.box-padding:after {
    display: block;
    content: " ";
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ecebe6
}

.arrow_container.desktop_only label.active {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    height: 20px
}

.arrow_container.desktop_only label.active:after, .arrow_container.desktop_only label.active:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    top: 40px;
    position: absolute;
    pointer-events: none
}

.arrow_container.desktop_only label.active:after {
    border-color: transparent;
    border-top-color: #ecebe6;
    border-width: 15px;
    left: 30%;
    margin-left: -15px
}

.arrow_container.desktop_only label.active:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 16px;
    left: 30%;
    margin-left: -16px
}

div.data-h span {
    font-family: SZSansRegular, Arial;
    line-height: 1.25;
    display: inline-block;
    vertical-align: top
}

div.data-h span.bold {
    font-family: SZSansBold, Arial;
    width: 130px
}

div.data-h span.bold + span {
    width: 260px
}

div.data-h.image span {
    margin-bottom: 5px;
    margin-left: 5px;
}
div.data-h.image span:first-child {
    margin-left: 0;
}

div.data-v {
    padding: 0 15px;
    position: relative
}

div.data-v ul li {
    margin-bottom: 0
}

div.data-v span {
    font-family: SZSansRegular, Arial;
    line-height: 1.25;
    display: block
}

div.data-v span:first-child {
    font-family: SZSansBold, Arial
}

div.data-header a.delete {
    position: absolute;
    right: 39px;
    top: 7px
}

div.data-header a.delete:before {
    content: "\e013";
    display: inline-block
}

.data-detail, .data-detail-delete {
    background: #ecebe6
}

.data-detail table, .data-detail-delete table {
    border-collapse: collapse;
    width: 100%
}

.data-detail table td, .data-detail-delete table td {
    text-align: right;
    color: #333;
    font-size: 1.6em;
    font-family: SZSansRegular, Arial;
    line-height: 1.25;
    padding-bottom: 10px
}

.data-detail table td.nowrap, .data-detail-delete table td.nowrap {
    white-space: nowrap
}

.data-detail table td:first-child, .data-detail-delete table td:first-child {
    text-align: left
}

.data-detail.hint {
    background: #dedcd0
}

div.data-confirm.open > div.data-detail.open table td {
    white-space: nowrap;
    vertical-align: top
}

div.data-confirm.open > div.data-detail.open table td:first-child {
    white-space: normal
}

.data-detail.white {
    background-color: #FFF
}

.header-detail, .data-header.open {
    background: #ecebe6
}

.data-header.open.edited {
    margin-bottom: 2px
}

.header-detail.open.edited {
    margin-bottom: 0
}

fieldset {
    margin-bottom: 15px
}

fieldset.data-v label {
    margin-bottom: 5px
}

fieldset.data-h label {
    margin-right: 20px
}

fieldset label, fieldset input[type=radio], fieldset input[type=checkbox], fieldset select, fieldset textarea {
    font-family: SZSansRegular, Arial;
    line-height: 1.25
}

fieldset input[type=email], fieldset input[type=text], fieldset input[type=number], fieldset input[type=tel], fieldset input[type=password] {
    border: 1px solid #ccc;
    padding-left: 8px;
    font-family: SZSansRegular, Arial;
    line-height: normal
}

fieldset input[type=number]::-webkit-outer-spin-button, fieldset input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

fieldset input[type=email]._1_5, fieldset input[type=text]._1_5, fieldset input[type=number]._1_5, fieldset input[type=tel]._1_5, fieldset input[type=password]._1_5, label._1_5 {
    width: 108px
}

.payment-data span.selectboxit-container, .payment-data input[type=email], .payment-data input[type=text], .payment-data input[type=number], .payment-data input[type=tel], .payment-data input[type=password] {
    float: left;
    margin-right: 2px
}

.payment-data .css-dropdown._2digits {
    width: 50px;
    height: 38px;
    padding-right: 3px
}

.payment-data .css-dropdown._2digits.select-iospezial {
    width: 60px
}

.payment-data input._2digits {
    width: 34px;
    text-align: center
}

.payment-data input._4digits {
    width: 55px;
    text-align: center
}

.payment-data input.iban-alt-field {
    display: none
}

fieldset.data-v label, fieldset.data-v input, fieldset.data-v select {
    display: block
}

.country.css-dropdown {
    width: 200px !important
}

.fullclickable.css-dropdown {
    width: 252px !important
}

fieldset.data-v select.country {
    width: 437px;
    margin: 5px 0
}

fieldset.data-v label.input-info {
    font-style: italic;
    color: #333;
    margin-top: 5px
}

fieldset.data-h label > div {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

fieldset.data-h label > div > span {
    display: block;
    color: #009990;
    position: absolute;
    width: 200px
}

fieldset input[type=email], input[type=text], fieldset input[type=number], fieldset input[type=tel], fieldset input[type=password] {
    height: 40px;
    line-height: 42px
}

fieldset input[type=radio], fieldset input[type=checkbox] {
    margin: 0 5px 0 0;
    background: #ecebe6
}

.data-confirm, .data-confirm-delete, .data-confirm-visable {
    border: 1px solid #ecebe6;
    border-top: 0;
    margin-bottom: 20px
}

fieldset.data-h.creditcard-container {
    text-align: center
}

fieldset.data-h.creditcard-container label {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 0;
    padding: 10px 10px 0
}

fieldset.data-h.creditcard-container label.active {
    background-color: #dedcd0
}

fieldset.data-h.creditcard-container label > input {
    margin: 10px 0 0
}

fieldset.data-h.creditcard-container label > div {
    display: block;
    width: 57px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

fieldset.data-h.creditcard-container label > div > img {
    display: block
}

fieldset.information input[type=checkbox] {
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

fieldset.information label {
    float: left;
    margin-right: 0
}

fieldset.information label div a {
    font-family: SZSansBold, Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 400
}

aside > div:last-child {
    border-bottom: 0
}

.faq, .contact, .generic {
    border-bottom: 1px solid #ccc
}

.main .contact {
    border-bottom: 0;
    padding-left: 0
}

.faq.last, .contact.last, .generic.last {
    border-bottom: 0
}

.contact ul li.mail a, .contact ul li.phone a {
    font-family: SZSansBold, Arial
}

.contact ul li.mail:before {
    position: absolute;
    content: "\e005";
    margin-left: -30px;
    padding-right: 5px;
    margin-top: -2px;
    font-size: 1.3em
}

.contact ul li.mail {
    padding-left: 30px;
    list-style-type: none;
    left: 0
}

.inline-mail:before {
    position: absolute;
    content: "\e005";
    margin-left: -30px;
    padding-right: 5px;
    margin-top: -2px;
    font-size: 1.3em
}

.inline-mail {
    padding-left: 40px;
    list-style-type: none;
    left: 0
}

.contact ul li.phone:before {
    position: absolute;
    content: "\e004";
    margin-left: -30px;
    padding-right: 5px;
    margin-top: 6px;
    font-size: 1.7em
}

.contact ul li.phone {
    padding-left: 30px;
    list-style-type: none;
    left: 0
}

.social-icons {
    padding-bottom: 10px
}

.icon-social-media-facebook:before {
    content: "\e001";
    font-size: 3em;
    float: left;
    padding: 0 10px 10px 0;
    text-decoration: none
}

.icon-social-media-google:before {
    content: "\e002";
    font-size: 3em;
    float: left;
    padding: 0 10px 10px 0;
    text-decoration: none
}

.icon-social-media-twitter:before {
    content: "\e003";
    font-size: 3em;
    float: left;
    padding: 0 10px 10px 0;
    text-decoration: none
}

.progress {
    position: relative;
    width: 100%;
    letter-spacing: -.2px;
    margin-top: 19px
}

.menubar {
    letter-spacing: -.2px;
    margin-top: 19px
}

.progress li {
    position: relative;
    background: #fff;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 0 0 -6px;
    height: 32px;
    z-index: 99
}

.progress li + li {
    z-index: 98
}

.progress li + li + li {
    z-index: 97
}

.progress li + li + li + li {
    z-index: 96
}

.progress li + li + li + li + li {
    z-index: 95
}

.progress li:first-child {
    padding: 0
}

.progress li a {
    color: #000;
    padding: 5px 10px 5px 27px;
    display: inline-block;
    cursor: default
}

.progress li:first-child a {
    padding-left: 15px
}

.progress li a:hover {
    text-decoration: none
}

.progress li a[href] {
    cursor: pointer
}

.progress li a[href]:hover {
    text-decoration: underline
}

.menubar li a {
    display: inline-block;
    padding-top: 6px;
    line-height: 1.25 !important
}

.menubar li a span {
    line-height: 1.25 !important
}

.progress li.active {
    font-family: SZSansBold, Arial;
    background: #dedcd0
}

.progress li:after, .progress li:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.progress li:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #FFF;
    border-width: 15px;
    margin-top: -15px
}

.progress li:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #CCC;
    border-width: 16px;
    margin-top: -16px
}

.progress li.active:after {
    border-color: rgba(222, 220, 208, 0);
    border-left-color: #dedcd0;
    border-width: 15px;
    margin-top: -15px
}

.progress li.active:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #CCC;
    border-width: 16px;
    margin-top: -16px
}

.progress li.last:after {
    border-width: 0;
    margin-top: 0
}

.progress li.last:before {
    border-width: 0;
    margin-top: 0
}

.header-detail h4.aktion-item {
    padding-bottom: 15px
}

header {
    height: 70px;
    width: 100%
}

.logo:hover {
    text-decoration: none
}

.claim {
    position: relative;
    float: right
}

.claim a, .claim a:hover {
    font-family: SZSansBold, Arial;
    color: #009990;
    text-decoration: none
}

.shoppingCart {
    width: 300px;
    float: right
}

.shoppingCart.fixed {
    position: fixed;
    margin: 0
}

.shoppingCart > div:first-child {
    background-color: #888;
    padding: 15px
}

.shoppingCart > div:first-child h2 {
    color: #fff;
    margin-bottom: 0;
    position: relative;
    padding-left: 30px
}

.shoppingCart > div:first-child h2:before {
    content: "\e602";
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 2px
}

.shoppingCart > div:first-child + div {
    background-color: #ecebe6;
    padding: 15px 15px 0;
    position: relative
}

.shoppingCart > div:first-child + div .droparea {
    background-color: #fff;
    border: 2px dotted #888;
    margin-bottom: 15px;
    padding: 20px 0;
    text-align: center;
    overflow: auto
}

.shoppingCart > div:first-child + div .droparea.filled {
    text-align: left;
    border: 0;
    padding: 0;
    background-color: #ecebe6
}

.shoppingCart > div:first-child + div .droparea.filled .data-header {
    height: 30px
}

.shoppingCart > div:first-child + div .droparea.filled .data-header .delete {
    right: 14px
}

.shoppingCart > div:first-child + div .droparea.filled p {
    display: none
}

.shoppingCart > div:first-child + div .droparea .entry {
    background-color: #fff;
    padding: 15px 0;
    margin-top: 5px
}

.shoppingCart > div:first-child + div .droparea .entry:first-child {
    margin-top: 0
}

.shoppingCart > div:first-child + div .droparea .entry > div:first-child {
    width: 60%;
    margin-right: 5%;
    padding-left: 15px
}

.shoppingCart > div:first-child + div .droparea .entry > div:first-child + div {
    width: 35%
}

.shoppingCart > div:first-child + div .droparea .entry > div:first-child + div img {
    height: 66px;
    width: 81px
}

.shoppingCart > div:first-child + div .droparea p {
    padding: 0
}

.shoppingCart.shoppingCartExtension {
    margin-top: -10px
}

.shoppingCart.shoppingCartExtension > div {
    border: 1px solid #c2c2c2;
    border-top: 0;
    box-sizing: border-box;
    background-color: #ecebe6;
    padding: 15px 15px 0;
    position: relative
}

.shoppingCart.shoppingCartExtension > div h2 {
    color: #333;
    padding-left: 0
}

.shoppingCart.shoppingCartExtension > div h2:before {
    display: none
}

.shoppingCart.shoppingCartExtension .droparea {
    background-color: #fff;
    border: 2px dotted #888;
    margin-bottom: 15px;
    padding: 20px 0;
    text-align: center;
    overflow: auto
}

.shoppingCart.shoppingCartExtension .droparea.filled {
    text-align: left;
    border: 0;
    padding: 0;
    background-color: #ecebe6
}

.shoppingCart.shoppingCartExtension .droparea.filled .data-header {
    height: 30px
}

.shoppingCart.shoppingCartExtension .droparea.filled .data-header .delete {
    right: 14px
}

.shoppingCart.shoppingCartExtension .droparea.filled p {
    display: none
}

.shoppingCart.shoppingCartExtension .droparea .entry {
    background-color: #fff;
    padding: 15px 0;
    margin-top: 5px
}

.shoppingCart.shoppingCartExtension .droparea .entry:first-child {
    margin-top: 0
}

.shoppingCart.shoppingCartExtension .droparea .entry > div:first-child {
    width: 60%;
    margin-right: 5%;
    padding-left: 15px
}

.shoppingCart.shoppingCartExtension .droparea .entry > div:first-child + div {
    width: 35%
}

.shoppingCart.shoppingCartExtension .droparea .entry > div:first-child + div img {
    height: 66px;
    width: 81px
}

.shoppingCart.shoppingCartExtension .droparea p {
    padding: 0
}

button.intoCart.message {
    background-color: #888;
    color: #FFF
}

.css-dropdown.select-mstouch {
    padding: 0 3px 0 6px;
    float: left;
    margin-right: 3px;
    box-sizing: content-box;
    border: 1px solid #ccc;
    background: #fff url(../images/icon-dropdown.gif) no-repeat right center;
    line-height: 1.25;
    font-size: 1.6em;
    height: 25px
}

.css-dropdown.select-mstouch::-ms-expand {
    display: none
}

.css-dropdown.select-samsungspezial {
    background: #fff url(../images/icon-dropdown.gif) no-repeat right center;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    border-radius: 0;
    padding: 1px 25px 3px 5px;
    height: 25px
}

.css-dropdown.select-samsungspezial._2digits {
    float: left;
    margin-right: 2px;
    height: 25px
}

.css-dropdown.select-samsungspezial.month {
    float: left;
    margin-right: 10px;
    height: 25px
}

.css-dropdown.select-samsungspezial.year {
    height: 25px
}

.bonus .css-dropdown {
    display: block
}

.bonus .bonus_teaser {
    cursor: pointer;
    float: left;
    width: 31.3333333333333333333333333333%;
    padding: 10px 2%;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.bonus .bonus_teaser.active {
    position: relative;
    background: #FFF;
    border: 1px solid #888889
}

.bonus .bonus_teaser.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFF;
    border-width: 12px;
    margin-left: -12px
}

.bonus .bonus_teaser.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 136, 137, 0);
    border-top-color: #888889;
    border-width: 13px;
    margin-left: -13px
}

.bonus .bonus_teaser:first-child {
    margin-right: 3%
}

.bonus .bonus_teaser:first-child + .bonus_teaser {
    margin-right: 3%
}

.bonus .bonus_teaser h2 {
    min-height: 52px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 210%
}

.bonus .bonus_teaser img {
    margin: 0 0 25px;
    width: 100%
}

.bonus .bonus_teaser button {
    width: 100%;
    margin-bottom: 0
}

.bonus .bonus_detail {
    display: none;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.bonus .bonus_detail .data-header, .bonus .bonus_detail .data-detail {
    background-color: #FFF
}

.bonus .bonus_detail .data-header h2, .bonus .bonus_detail .data-detail h2 {
    margin-bottom: 0
}

.bonus .bonus_detail .close:before {
    background-color: #FFF
}

.bonus .bonus_detail .data-confirm {
    background-color: #ecebe6;
    margin-bottom: 0
}

footer {
    border-top: 1px solid #ccc;
    padding: 20px 40px 0;
    clear: both
}

footer ul {
    float: left
}

footer a {
    font-size: 1em;
    color: #888
}

.copyright {
    font-family: SZSansBold, Arial;
    font-size: 1em;
    text-align: center;
    padding-top: 30px
}

.copyright ul li {
    display: inline;
    padding: 0 5px
}

.data-detail, .data-confirm, .data-detail-delete, .data-confirm-delete {
    display: none
}

.data-detail.open, .data-detail-delete.open {
    display: block;
    margin-bottom: 10px;
    position: relative
}

.box_wrap.open .data-detail.open {
    margin-bottom: 0
}

.data-confirm.open, .data-confirm-delete.open {
    display: block
}

.data-detail.open + .data-confirm.open {
    margin-top: -2px
}

div.data-header {
    position: relative
}

div.data-header div.data-tools {
    position: absolute;
    right: 7px;
    top: 7px;
    width: auto;
    display: block;
    clear: both
}

div.data-header div.data-tools .edit, div.data-header div.data-tools .delete {
    position: relative;
    right: 0;
    top: 0;
    margin-left: 4px;
    display: inline-block;
    float: left
}

div.data-header a:before, .box_wrap.margin_big.data.full > .edit:before, .box_wrap.margin_big.data.full > .close:before, .accordion_head a.close:before {
    font-size: 1.9em;
    display: block;
    width: 28px;
    height: 24px;
    padding-top: 4px;
    text-align: center;
    background: #ecebe6;
    color: #000
}

div.data-header a:before:hover, .box_wrap.margin_big.data.full > .edit:before:hover {
    text-decoration: none
}

div.data-header a.edit, .box_wrap a.edit, div.data-header a.edit-extern {
    position: absolute;
    right: 7px;
    top: 7px
}

.box_wrap a.close {
    position: absolute;
    top: 40px;
    right: 7px;
    z-index: 5
}

.box_wrap a.edit {
    top: 0
}

.box_wrap .data-header.with-buttons {
    padding-right: 60px
}

.box_wrap fieldset > label.reclamation > input[type=radio] {
    float: left;
    margin-top: 2px
}

.box_wrap fieldset > label.reclamation > input[type=radio] + span {
    margin-left: 22px;
    display: block
}

div.data-header a.close {
    position: absolute;
    right: 7px;
    top: 7px
}

div.data-header a.edit:before, .box_wrap a.edit:before, div.data-header a.edit-extern:before, .box_wrap.margin_big.data.full > .edit:before {
    content: "\e012";
    display: inline-block
}

div.data-header a.close:before, .box_wrap.margin_big.data.full > .close:before, .accordion_head a.close:before {
    content: "\e007";
    display: inline-block
}

.box_wrap.data.half > .edited > .data-header > .close:before {
    display: none
}

.newData div.data-header a.close, .newData div.data-header a.close:before {
    display: none
}

.accordion a.close, .accordion a.close:before {
    display: inline-block !important
}

.accordion.adress-additions div.data-header a.close:before {
    content: "\e013"
}

.lp-content-headline h2 {
    margin-bottom: 20px
}

header.landing-page-header {
    height: auto
}

header.landing-page-header .logo-noFloat {
    text-align: center;
    padding-top: 7px
}

#lp-wrapper .stage {
    margin: 0 !important
}

#lp-wrapper .stage .stage-3-txt p:last-child {
    padding-bottom: 0
}

#lp-wrapper .stage .stage-3 {
    background-color: #ecebe6;
    position: relative;
    cursor: pointer
}

#lp-wrapper .stage .stage-3 .stage-3-img {
    width: 210px;
    margin: 0 20px;
    float: left
}

#lp-wrapper .stage .stage-3:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #ecebe6;
    position: absolute
}

#lp-wrapper {
    box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 2
}

#lp-wrapper > .stage {
    padding: 0
}

.lp-content-wrapper {
    clear: both
}

.advertisement p {
    line-height: .9;
    padding-bottom: 5px
}

.advertisement img {
    width: 100%
}

.module-description p {
    padding: 5px;
    color: red;
    border: 1px solid red;
    word-wrap: break-word
}

.ui-button-text-icon-secondary .ui-button-text {
    padding: 0 2.1em 0 1em
}

#menubar-wrapper-before {
    float: left
}

#menubar-wrapper-before > .progress {
    margin-top: 0
}

#menubar-wrapper {
    float: left
}

#menubar-wrapper > .menubar {
    margin-top: 0
}

#menubar-wrapper-after {
    float: right;
    position: relative;
    z-index: 101;
    background-color: #ecebe6;
    padding: 10px 0 7px 10px
}

#menubar-wrapper-after.shadow {
    box-shadow: 0 0 10px #888
}

#menubar-wrapper-after.shadow a:after {
    content: "\e601"
}

#menubar-wrapper-after a {
    font-family: SZSansRegular, Arial;
    font-size: 1.5em;
    color: #666;
    padding-right: 10px;
    line-height: 1
}

#menubar-wrapper-after a:hover:after {
    text-decoration: none
}

#menubar-wrapper-after a:after {
    font-family: sz-osc-icons;
    content: "\e600";
    font-size: .5em;
    padding-left: 5px;
    display: inline-block
}

#menubar-wrapper-after a:hover:after {
    text-decoration: none
}

.ui-menubar-item .ui-button-text {
    border-left: 1px solid #CCC
}

.ui-menubar-item:first-child .ui-button-text {
    border-left: 0
}

.ui-menubar-item:last-child .ui-button-text {
    border-right: 1px solid #CCC
}

.ui-menubar-item.more {
    position: relative;
    width: 84px
}

.ui-menubar-item.more.ui-state-active {
    box-shadow: 0 0 10px #CCC
}

.ui-menubar-item.ui-state-active li a {
    color: #666
}

.ui-menubar-item.ui-state-active li a:hover {
    color: #000
}

.ui-menubar-item.more.ui-state-active .ui-button-text {
    border: 0 !important;
    margin-left: 1px
}

.ui-menu:before {
    position: absolute;
    right: 1px;
    top: -10px;
    display: block;
    background: #FFF;
    width: 63px;
    height: 20px;
    content: "";
    color: #FFF
}

.ui-menu {
    left: auto !important;
    right: 0;
    border: 0 !important;
    position: absolute;
    margin-bottom: -3px;
    box-shadow: 0 0 10px #CCC;
    border-radius: 0
}

.ui-menu-item .ui-state-focus {
    border: 0 !important
}

.ui-menubar-item .ui-widget-content {
    background: #FFF
}

.margin_top {
    margin: 20px 0 5px;
    padding-bottom: 0
}

.existing_adress p {
    float: left
}

.existing_adress p.link {
    float: right;
    padding-bottom: 0
}

.editedbutton {
    font-family: SZSansBold, Arial !important;
    font-size: 1.6em;
    margin-top: 10px
}

a.editedbutton:before {
    margin-left: -25px;
    margin-top: 0
}

.period .datepicker, .period .until {
    float: left
}

.period .until {
    margin: 8px 10px 0
}

.number_copies ._2digits {
    width: 60px
}

#invoicetype .buttons {
    clear: both
}

#invoicetype button.green {
    margin-right: 20px
}

#invoicetype button.green.right {
    margin-right: 0
}

#invoicetype button.lightgray:before {
    content: "\e00c";
    font-size: .6em;
    margin-left: -16px;
    padding-right: 5px
}

.arrow-down {
    background: url(../images/layout/arrow_down.png) 50% bottom no-repeat;
    padding-bottom: 19px
}

.upload fieldset label {
    margin-right: 15px;
    cursor: hand;
    cursor: pointer
}

.upload fieldset label, .upload fieldset label span, .upload fieldset button {
    font-size: 1em
}

.file-button > input {
    width: 1px;
    height: 1px;
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.upload fieldset .file-button > span {
    background: #CCC;
    margin-bottom: 0;
    font-family: SZSansRegular, Arial;
    padding: 5px 15px;
    font-weight: 400;
    margin-top: 10px;
    display: inline-block
}

.upload p.format {
    margin-left: 25px;
    font-style: italic
}

.upload p.format.margin-bottom {
    padding-bottom: 10px
}

.upload button {
    margin-bottom: 0;
    background: #ccc
}

.upload .no-input-type-file {
    display: none
}

.modal-label {
    display: none
}

.semantic-content.is-active .modal-label {
    display: block
}

.data-detail label.fullwidth {
    width: 100%
}

.data-detail label.fullwidth div.recallDescription {
    margin-left: 22px;
    display: block
}

.data-detail label.fullwidth input.recall {
    float: left;
    margin-top: 2px
}

.data-detail fieldset.information > label.fullwidth {
    width: 100%
}

.data-detail fieldset.information > label.fullwidth input {
    float: left;
    margin-top: 2px
}

.data-detail fieldset.information > label.fullwidth span {
    margin-left: 22px;
    display: block
}

.data-detail .small {
    font-size: .8em
}

.data-detail.nomargin {
    margin-bottom: 0
}

div#tabbuttons > a {
    float: left;
    margin: 0 3px 0 0;
    line-height: 1;
    font-size: 1.6em;
    padding: 10px 20px 9px;
    border: 1px solid #ccc;
    background-color: transparent;
    border-bottom: 0;
    font-family: SZSansRegular, Arial;
    position: relative
}

div#tabbuttons > a.active {
    background-color: #ecebe6
}

div#tabbuttons > a.active:after {
    position: absolute;
    right: 0;
    left: 0;
    content: "";
    height: 2px;
    width: auto;
    bottom: -2px;
    background-color: #ecebe6
}

div.tab {
    border-top: 1px solid #ccc;
    border-bottom: 0;
    display: none
}

div.tab .data-detail {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

div.tab.active {
    display: block
}

.payment-creditcard-number > fieldset > input[type=tel] {
    width: 270px;
    font-size: 1.6em
}

.payment-creditcard-checknumber > fieldset > input[type=tel] {
    width: 100px;
    font-size: 1.6em
}

.payment-creditcard-valid {
    float: left;
    margin-left: 10px
}

.payment-creditcard-valid > fieldset .css-dropdown.month {
    width: 70px
}

.payment-creditcard-valid > fieldset .css-dropdown.year {
    width: 70px;
    margin-left: 10px
}

.box_wrap.half.border-dotted {
    padding: 0 10px 0 0
}

a.tooltip {
    position: relative;
    display: inline-block;
    font-family: SZSansRegular, Arial;
    font-weight: 400;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none
}

a.tooltip:before {
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    content: "\e603";
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    background: none !important
}

a.tooltip span {
    background-color: #FFF;
    box-shadow: 0 0 6px #b2b2b2;
    padding: 8px 20px 12px 8px;
    font-size: 16px;
    width: 275px;
    position: absolute;
    bottom: 34px;
    left: -19px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    line-height: 1.25 !important
}

a.tooltip span:before {
    background-color: #FFF;
    box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, .4);
    content: " ";
    display: block;
    height: 20px;
    left: 17px;
    position: absolute;
    bottom: -10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 20px
}

a.tooltip span:after {
    position: absolute;
    top: 6px;
    right: 10px;
    font-family: sz-osc-icons;
    font-size: 1em;
    content: '\e007'
}

h4 a.tooltip {
    margin-left: 5px
}

h4 a.tooltip:before {
    font-size: 1rem
}

strong {
    font-weight: 700
}

#iban input[type=text] {
    text-align: left
}

.stage {
    margin: 0 0 0 20px
}

.stage.margin_big {
    margin-bottom: 40px
}

.stage .icon-more-info-plus {
    margin-top: -23px;
    position: absolute
}

.shoppingCart .icon-more-info-plus {
    margin-top: 0;
    position: relative
}

button.green.animated {
    color: #009990;
    position: relative
}

button.green.animated:after {
    content: "";
    background-image: url(../images/ajax-loader02.gif);
    width: 16px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -5px
}

input.disabled[type=text] {
    background-color: #e3e3e3
}

div.shoppingCart.iosfixfixed {
    position: absolute !important
}

#rs_content_tab_navi_container.scrollable > div.rs_content_tabs {
    border: 1px solid #CCC;
    height: 45px
}

#rs_content_tab_navi_container.scrollable > div.rs_content_tabs > div {
    border: 0;
    display: block
}

#rs_content_tab_navi_container.scrollable li a {
    padding-left: 0;
    padding-right: 0
}

#rs_content_tab_navi_container.nopadding li a {
    padding-left: 0;
    padding-right: 0
}

#rs_content_tab_navi_container > div.rs_content_tabs {
    border: 0;
    height: 46px
}

#rs_content_tab_navi_container > div.rs_content_tabs > div {
    border: 1px solid #CCC;
    display: inline-block;
    height: 46px
}

#rs_content_tab_navi_container li a {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap
}

body.loaderror > #wrapperbelt {
    opacity: .3;
    filter: alpha(opacity=30)
}

body.loaderror #loaderror {
    font-family: SZSansBold, Arial;
    font-size: 2.2em;
    color: red;
    text-align: center;
    padding: 20px;
    border: 1px solid red;
    position: fixed;
    z-index: 100000;
    background-color: #fff;
    display: inline-block;
    width: 100%
}

.boxerror {
    border: 1px solid red !important
}

.texterror {
    color: red !important
}

p.texterror {
    padding: 6px 0 0
}

.corrected {
    color: #009990 !important
}

.boxCorrected {
    border: 1px solid #009990 !important
}

fieldset input._3_5[type=select] {
    width: 344px
}

div.addrLabel {
    width: 130px
}

.margin_t_addr {
    margin-top: 10px
}

.bullets a {
    font-family: SZSansRegular, Arial
}

.trackingBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 20px;
    z-index: 5000
}

button.inactive {
    /*background-color: #888;*/
    color: #FFF;
    cursor: default;
}

span.streetblock {
    display: block
}

span.streetblock span {
    white-space: nowrap
}

div.data-h.image span.streetblock span {
    font-family: SZSansRegular, Arial;
    font-size: 1em !important
}

.sso {
    font-family: SZSansRegular, Arial
}

.sso input[type=text], .sso input[type=password] {
    border: 1px solid #CCC;
    font-family: SZSansRegular, Arial;
    line-height: normal;
    padding-left: 8px;
    font-size: 1em;
    padding-left: 8px
}

.sso .box_wrap.newData.full > div:first-child {
    border: 0
}

.sso .nomargin h2 a {
    text-decoration: none;
    height: 30px;
    display: inline-block;
    padding-left: 27px
}

.sso .nomargin h2 a:before {
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    content: "\e600";
    font-size: 16px;
    margin-left: -27px;
    margin-top: 2px;
    padding-right: 5px;
    position: absolute;
    color: #CCC
}

.sso.hide h2 a:before {
    content: "\e604"
}

.sso.hide .nomargin h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ecebe6
}

.sso.hide .newData {
    display: none
}

.sso #loginbox * {
    font-size: 16px;
    line-height: 1.25
}

.sso #loginbox .top-boxes {
    position: relative;
    padding-bottom: 50px;
}

.sso #loginbox {
    border: 1px solid #ecebe6;
    padding-bottom: 30px;
    position: relative;
    background: none repeat scroll 0 0 #FFF
}

.sso #loginbox:before, .sso #loginbox:after {
    background: none repeat scroll 0 0 #dedcd0;
    bottom: 0;
    box-shadow: 0 0 5px #CCC;
    content: " ";
    display: block;
    height: 10px;
    left: 1px;
    position: absolute;
    transform: rotate(-1deg);
    width: 50%;
    z-index: -1
}

.sso #loginbox:after {
    left: auto;
    right: 1px;
    transform: rotate(1deg)
}

.sso #loginbox .form-group {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0 !important;
    clear: none
}

.sso #loginbox .form-group .field-help.help {
    margin-top: 10px
}

.sso #loginbox .form-group .field-help.help a {
    font-family: SZSansBold, Arial
}

.sso #loginbox .form-group input[type=text], .sso #loginbox .form-group input[type=password] {
    height: 25px;
    width: 280px
}

.sso #loginbox .form-group > label {
    width: 250px;
    display: block
}

.sso #loginbox .form-group .table-box > .custom-checkbox {
    float: left;
    padding-top: 1px
}

.sso #loginbox .form-group .table-box > .label-box {
    padding-left: 20px
}

.sso #loginbox button.sz-button {
    background-color: #009990;
    color: #FFF;
    border: 0 none;
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 1em;
    padding: 6px 61px;
    margin-bottom: 10px;
}

.sso #loginbox .form-group:nth-child(1), .sso #loginbox .form-group:nth-child(2) {
    background-color: #ecebe6;
    padding-bottom: 10px
}

.sso #loginbox .form-group:nth-child(3), .sso #loginbox .form-group:nth-child(4), .sso #loginbox .form-group:nth-child(7), .sso #loginbox .form-group:nth-child(8) {
    background-color: #ecebe6
}

.sso #loginbox .form-group:nth-child(7):not(.re-captcha), .sso #loginbox .form-group:nth-child(8):not(.re-captcha) {
    display: none
}

.sso #loginbox #rememberme-note {
    background-color: #ecebe6;
    padding-top: 0;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 10px
}

.sso #loginbox #rememberme-note > strong {
    font-weight: 400
}

.sso #regbox * {
    font-size: 16px;
    line-height: 1.25
}

.sso #regbox .top-boxes {
    position: relative;
    padding-bottom: 50px;
}

.sso #regbox {
    border: 1px solid #ecebe6;
    padding-bottom: 30px;
    position: relative;
    background: none repeat scroll 0 0 #FFF
}

.sso #regbox:before, .sso #regbox:after {
    background: none repeat scroll 0 0 #dedcd0;
    bottom: 0;
    box-shadow: 0 0 5px #CCC;
    content: " ";
    display: block;
    height: 10px;
    left: 1px;
    position: absolute;
    transform: rotate(-1deg);
    width: 50%;
    z-index: -1
}

.sso #regbox:after {
    left: auto;
    right: 1px;
    transform: rotate(1deg)
}

.sso #regbox #password-strength-checker-info p, .sso #regbox button.sz-button {
    font-size: 1em
}

.sso #regbox button.sz-button {
    background-color: #009990;
    color: #FFF;
    border: 0 none;
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 6px 54px;
    margin-bottom: 10px;
}

.sso #regbox #password-strength-checker {
    display: block;
    height: 10px;
    width: 222px
}

.sso #regbox .password-strength-checker .password-strength-checker-field {
    display: inline-block;
    float: left;
    height: 10px;
    width: 24px;
    background: #ecebe6
}

.sso #regbox .password-strength-checker .password-strength-checker-field.insecure-password, .sso #regbox .password-strength-checker .password-strength-checker-field.short-password {
    background: #e70a00
}

.sso #regbox .password-strength-checker .password-strength-checker-field.good-password {
    background: #ffd801
}

.sso #regbox .password-strength-checker .password-strength-checker-field.strong-password {
    background: #329909
}

.sso #regbox .password-strength-checker > :first-child {
    border-left: 0
}

.sso #regbox .info-sign.short-password {
    background-position: left 50% !important
}

.sso #regbox .info-sign {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 265px;
    line-height: 1;
    background: transparent url(/static/images/info_box_sprite.png) no-repeat left bottom;
    width: 19px;
    height: 19px
}

.sso #regbox #id_password:focus ~ .info-sign {
    background-position: left top
}

.sso #regbox .containerbox.arrowable {
    height: 230px;
    border: 0;
    border: 1px solid #dcdcdc
}

.sso #regbox .containerbox {
    padding: 25px 25px 10px;
    background: #fff;
    box-shadow: 2px 2px 10px #ddd;
    -moz-box-shadow: 2px 2px 10px #ddd;
    -webkit-box-shadow: 2px 2px 10px #ddd;
    position: absolute;
    z-index: 999;
    border: 1px solid #ececec;
    top: 20px
}

.sso #regbox .form-group:nth-child(1), .sso #regbox .form-group:nth-child(2), .sso #regbox .form-group:nth-child(3), .sso #regbox .form-group:nth-child(4) {
    background-color: #ecebe6;
    padding-bottom: 10px
}

.sso #regbox .form-group:nth-child(4) {
    padding-bottom: 20px
}

.sso #regbox .form-group:nth-child(5) {
    padding-top: 20px
}

.sso #regbox #accept-agb {
    padding-left: 10px;
    padding-right: 10px
}

.sso #regbox .form-group {
    padding-top: 10px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0 !important
}

.sso #regbox .form-group input[type=text], .sso #regbox .form-group input[type=password] {
    height: 25px;
    width: 280px
}

.sso #regbox .form-group .table-box > .custom-checkbox {
    float: left;
    padding-top: 1px
}

.sso #regbox .form-group .table-box > .label-box {
    padding-left: 20px
}

.sso #regbox .form-group .table-box > .label-box > label > span {
    font-family: SZSansBold, Arial;
    color: #333
}

.sso #regbox .form-group .table-box > .label-box > label > span:hover {
    text-decoration: underline;
    cursor: pointer
}

.sso #regbox .form-group .table-box > .label-box a {
    font-family: SZSansBold, Arial
}

.sso #regbox .form-group > label {
    width: 200px;
    display: block
}

.sso #accept-agb a {
    font-family: SZSansBold, Arial
}

.sso .help-block {
    display: block;
    margin-top: 10px;
    color: red
}

.sso .help-block a {
    color: red;
    text-decoration: underline
}

.datenschutz a {
    font-family: SZSansBold, Arial
}

.datenschutz > label > input {
    float: left;
    margin-top: 3px
}

.datenschutz > label > div {
    padding-left: 20px
}

.accordion-arrow {
    font-family: SZSansRegular, Arial
}

.accordion-arrow .box_wrap.newData.full > div:first-child {
    border: 0
}

.accordion-arrow .nomargin h2 {
    text-decoration: none;
    display: block;
    padding-left: 27px;
    cursor: default
}

.accordion-arrow .nomargin h2:before {
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    content: "\e600";
    font-size: 16px;
    margin-left: -27px;
    margin-top: 2px;
    padding-right: 5px;
    position: absolute;
    color: #CCC
}

.accordion-arrow.hide h2 {
    cursor: pointer
}

.accordion-arrow.hide h2:before {
    content: "\e604"
}

.accordion-arrow.hide .nomargin h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ecebe6
}

.accordion-arrow.hide .newData {
    display: none
}

.accordion-arrow .hint h2 {
    padding-left: 0
}

.accordion-arrow .hint h2:before {
    display: none
}

#userlistwrapper {
    background-color: #ecebe6;
    padding: 10px;
    border: 1px solid #CCC
}

#userlistwrapper #userlist li {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-right: 20px
}

#userlistwrapper #userlist li a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1em;
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1
}

#userlistwrapper #userlist li a:hover {
    text-decoration: none
}

#userlistpagination .pagination2 {
    text-align: right;
    border: 1px solid #CCC;
    border-top: 0;
    margin-bottom: 15px
}

#userlistpagination .pagination {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em
}

#userlistpagination a, #userlistpagination span {
    text-align: center;
    height: 40px;
    width: 20px;
    display: inline-block;
    color: #000;
    font-family: SZSansRegular, Arial;
    font-size: 2em;
    line-height: 2.1em
}

#userlistpagination a:hover {
    text-decoration: none
}

#userlistpagination span {
    background-color: #ccc;
    box-sizing: border-box
}

#userlistpagination .prev, #userlistpagination .next {
    color: #000;
    position: relative;
    width: 50px;
    padding: 0
}

#userlistpagination .prev.current, #userlistpagination .next.current {
    visibility: hidden
}

#userlistpagination .prev:after, #userlistpagination .next:after {
    font-size: 20px;
    font-family: sz-osc-icons;
    position: absolute;
    line-height: 15px;
    top: 12px;
    left: 16px
}

#userlistpagination .prev {
    float: left;
    border-right: 1px solid #ccc
}

#userlistpagination .prev:after {
    content: "\e011"
}

#userlistpagination .next {
    border-left: 1px solid #ccc;
    margin-left: 10px
}

#userlistpagination .next:after {
    content: "\e010"
}

.horizontal {
    background-color: #ecebe6
}

.horizontal .data-detail.open {
    float: left;
    width: 300px
}

header.mini-header {
    text-align: center
}

header.mini-header a.logo {
    position: relative;
    top: auto;
    left: auto
}

header.mini-header a.logo img {
    margin-top: 17px
}

ul.progress.progress-login {
    float: left;
    width: auto
}

ul.progress.mini-header {
    margin-top: 35px
}

div.main.no-header {
    padding-top: 15px
}

div.progress-login {
    float: right
}

div.progress-login a {
    font-family: SZSansRegular, Arial;
    color: #fff
}

div.progress-login a {
    background-color: #009990;
    position: relative
}

div.progress-login.login-button a {
    padding: 8px 5px 7px 20px
}

div.progress-login.login-link a {
    padding: 8px 15px 7px 25px
}

.progress-login.login-link.mini-header.progress-login-long {
    margin-top: -0px
}

.progress-login.login-link.mini-header.progress-login-high {
    margin-top: -32px
}

div.progress-login a:hover {
    text-decoration: none
}

div.progress-login a:before {
    font-family: sz-osc-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    content: "\e606";
    font-size: 1.4em;
    width: 25px;
    height: 25px;
    position: absolute
}

div.progress-login.login-link a:before {
    top: 5px;
    left: 1px
}

div.progress-login.login-button a:before {
    top: 3px;
    left: 2px
}

.gradient-green button {
    margin-bottom: 30px
}

.coloredInfo {
    font-family: SZSansBold;
    color: #009990
}

div.payment-horizontal select {
    display: inline-block
}

div.payment-horizontal #ibanCountry {
    float: left;
    margin-right: 6px
}

body.ios fieldset input[type=radio]:checked {
    background: #333
}

div.payment-horizontal div.payment-data .payment-creditcard-valid {
    width: 165px
}

div.payment-horizontal div.payment-data .payment-creditcard-valid .css-dropdown.select-iospezial.year {
    width: 75px
}

.right > button.mobileleft {
    float: right
}

#reasonFO {
    font-style: italic
}

.nobottom {
    padding-bottom: 0
}

.jump-to-top {
    float: left;
    width: 100%;
    padding-bottom: 10px
}

.jump-to-top hr {
    margin-bottom: 10px
}

.jump-to-top a {
    margin-left: 16px;
    padding-top: 5px;
    display: inline-block
}

.jump-to-top a:before {
    content: "\e00d";
    font-family: sz-osc-icons;
    position: absolute;
    margin-left: -16px;
    margin-top: 5px;
    font-size: .6em !important;
    background-color: transparent !important
}

.netid-login-container {
    padding:10px 0 10px 10px;
    border-top:1px solid #ecebe6;
    margin:8px 20px 30px 20px;
}

.netid-login-container a {
    text-decoration: none;
    float:right;
    margin-right:-10px;
    margin-top: 15px;
}

.netid-login-button {
    font-size: 16px;
    line-height: 36px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 400px;
    margin: 0;
    padding: 5px 1em;
    border: 0 solid transparent;
    border-radius: 0;
    background-color: #76b82a;
    cursor: pointer;
    font-family: 'IBM Plex Sans', Courier;
    color: #fff;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    outline: 0
}


@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(https://image.netid.de/ci/netid/global/fonts/ibmplex/IBMPlexSans-SemiBold-webfont.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.netid-login-button svg {
    width: 1.25em;
    height: 1.25em;
    margin-right: .438em
}

.netid-login-button span {
    padding: 2px 7px 0 7px
}

.buttonpadding {
    padding-right: 7px;
}

.dontDisplay {
    display: none;
}

.errortext {
    color: red;
    font-size: 1.6em;
    font-family: SZSansRegular, Arial, sans-serif
}

.benefit-stage-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height:100%;
    max-width:100%
}

.disabled-checkbox-text {
    color: #CCC
}