@font-face {
    font-family: "Font-Regular";
    src: url("../../../../fileadmin/assets/font/Roboto-Regular.ttf");
}

@font-face {
    font-family: "Font-Medium";
    src: url("../../../../fileadmin/assets/font/Roboto-Medium.ttf");
}

@font-face {
    font-family: "Font-Bold";
    src: url("../../../../fileadmin/assets/font/Roboto-Bold.ttf");
}

@font-face {
    font-family: "Font-Light";
    src: url("../../../../fileadmin/assets/Roboto-Light.ttf");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none
    }

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

@font-face {
    font-family: "Calibri";
    src: url("../../../../fileadmin/assets/font/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
    src: url("../../../../fileadmin/assets/font/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"), url("../../../../fileadmin/assets/font/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"), url("../../../../fileadmin/assets/font/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"), url("../../../../fileadmin/assets/font/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"), url("../../../../fileadmin/assets/font/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg")
}

@font-face {
    font-family: "CalibriBold";
    src: url("https://www.l.de/assets/font/904607/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix");
    src: url("https://www.l.de/assets/font/904607/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"), url("https://www.l.de/assets/font/904607/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"), url("https://www.l.de/assets/font/904607/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"), url("https://www.l.de/assets/font/904607/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype"), url("https://www.l.de/assets/font/904607/ab531dcb-6916-45d8-9326-ab3e33d75ef3.svg#ab531dcb-6916-45d8-9326-ab3e33d75ef3") format("svg")
}

html {
    overflow-y: scroll
}

html,
body {
    background: #fff;
    overflow-x: hidden;
    width: 100%;
    min-height: 320px;
    color: #333;
    font-family: 'Font-Regular',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 28px;
    font-size: 20px;
    -webkit-text-size-adjust: 100%
}

input,
select,
textarea,
button {
    font-family: 'Font-Regular',Arial,sans-serif;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    -webkit-text-size-adjust: 100%
}

::selection {
    background: #ccc;
    background: rgba(200,200,200,0.7)
}

.noselectmark,
.noselectmark * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hyphenation {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

noscript {
    position: fixed;
    top: 110px;
    color: white;
    text-align: center;
    width: calc(100% - 283px);
    z-index: 3;
    padding: 20px 0;
    left: 283px;
    background: #d3000c
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0
}

.absolute {
    position: absolute
}

h1 {
    font-size: 2em;
    padding: 0 0 20px;
    color: #032c58;
    line-height: 1.05em;
    max-width: 670px
}

h2 {
    font-size: 1.6em;
    padding: 0 0 10px;
    color: #032c58;
    line-height: 1.1875em;
    max-width: 670px
}

h3 {
    color: #032c58;
    padding: 0 0 6px;
    font-weight: bold;
    max-width: 670px
}

p,
.text_show ul li,
.text_show ol li,
.slidebox:not(.anchorlist) ul li,
.slidebox:not(.anchorlist) ol li,
.tabbox ul li,
.tabbox ol li {
    max-width: 670px;
    -webkit-transition: font-size .25s ease;
    transition: font-size .25s ease
}

.content.huge-font h1,
.content.huge-font h2,
.content.huge-font h3,
.content.huge-font p,
.content.huge-font .text_show ul li,
.content.huge-font .text_show ol li,
.content.huge-font .slidebox:not(.anchorlist) ul li,
.content.huge-font .slidebox:not(.anchorlist) ol li,
.content.huge-font .tabbox ul li,
.content.huge-font .tabbox ol li {
    max-width: 1000px
}

p.huger {
    font-size: 1.2em;
    line-height: 1.3em
}

sup {
    font-size: .6em;
    vertical-align: super;
    line-height: 0
}

i {
    font-style: italic
}

a {
    cursor: pointer;
    color: inherit;
    vertical-align: top;
    text-decoration: none;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

iframe {
    width: 100%
}

.formgen p a,
.distributor-form p a,
.text_show p a,
.slidebox:not(.anchorlist) p a,
.tabbox p a,
.table p a,
.formgen ul:not(.linklist):not(.list) li a,
.distributor-form ul:not(.linklist):not(.list) li a,
.text_show ul:not(.linklist):not(.list) li a,
.slidebox:not(.anchorlist) ul:not(.linklist):not(.list) li a,
.tabbox ul:not(.linklist):not(.list) li a,
.table ul:not(.linklist):not(.list) li a,
.formgen td a,
.distributor-form td a,
.text_show td a,
.slidebox:not(.anchorlist) td a,
.tabbox td a,
.table td a,
.formgen ol li a,
.distributor-form ol li a,
.text_show ol li a,
.slidebox:not(.anchorlist) ol li a,
.tabbox ol li a,
.table ol li a {
    color: #094d98
}

.underlineblue a,
a.underlineblue {
    color: #094d98;
    text-decoration: underline
}

.underlinelinks p a:hover,
.underlinelinks a:hover p,
.underlinelinks a:hover,
.underlinelinks a:hover h1,
.underlinelinks a:hover h2 {
    color: #094d98 !important;
    text-decoration: underline !important
}

a:hover li {
    text-decoration: underline !important
}

.nounderline a:hover,
.nounderline a:hover *,
.underlinelinks .nounderline a:hover *,
a:hover .nounderline,
a:hover .nounderline *,
.underlinelinks a:hover .nounderline * {
    color: inherit !important;
    text-decoration: none !important
}

a.backarrow {
    position: relative;
    margin-left: 47px;
    margin-bottom: 40px;
    display: block
}

    a.backarrow:before {
        content: '';
        background: url(../images/back.png) no-repeat;
        width: 25px;
        height: 19px;
        position: absolute;
        left: -47px;
        top: 6px
    }

span.button.link a {
    padding: 0 40px;
    height: 50px;
    width: auto;
    display: block;
    color: white !important;
    text-decoration: none !important
}

.text_show span.button.link a,
.slidebox span.button.link a,
.tabbox span.button.link a {
    padding: 12px 40px;
    height: auto;
    line-height: 1.3;
    font-weight: normal
}

span.button.link:hover a {
    color: white !important;
    text-decoration: none !important
}

em {
    font-style: italic
}

strong {
    font-weight: bold
}

.light {
    color: #bbb
}

.titelbild img {
    max-width: 100%;
    margin: -30px 0 30px
}

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

.hidden {
    display: none
}

.hiddenimportant {
    display: none !important
}

.transparent {
    opacity: 0
}

.visible {
    display: block
}

.animation_active {
    opacity: 0
}

.smallscreen {
    display: none
}

.bigscreen {
    display: block
}

select,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    font-family: inherit
}

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

input {
    padding: 0 0 0 3px;
    border: 0
}

.borderinput input {
    border: 1px solid #ccc;
    box-sizing: border-box
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    float: left;
    margin-top: 9px
}

input[type="submit"],
button,
span.button {
    cursor: pointer;
    background: #094d98;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 0;
    color: #fff;
    width: 100%;
    max-width: 400px;
    float: left;
    right: auto;
    margin-top: 0;
    position: relative
}

    input[type="submit"][disabled='disabled'],
    button [disabled='disabled'],
    span.button[disabled='disabled'],
    span.button.grey {
        background: #ddd;
        color: #333
    }

        span.button.grey a,
        span.button.grey a:hover {
            color: #333 !important
        }

    button,
    span.button.submit {
        width: 95%;
        border: none;
        cursor: pointer;
        float: left;
        right: auto;
        margin-top: 0;
        position: relative
    }

        span.button.submit.link {
            width: auto !important;
            height: auto !important
        }

.formbox {
    position: relative;
    float: left
}

    .formbox input[type='text'],
    .formbox input.text,
    .formbox input[type='password'],
    .formbox input.paddword {
        height: 50px;
        padding-left: 5px;
        color: #333;
        float: left;
        margin-right: 10px;
        width: 100%;
        box-sizing: border-box
    }

    .formbox select {
        background: #ededed url(../images/dropdownarrow2.png) no-repeat right center;
        height: 50px
    }

select.has_maps_error {
    background: #fff url(../images/dropdownarrow2.png) no-repeat right center;
    -webkit-animation: backgroundfadeout 2s 1;
    animation: backgroundfadeout 2s 1;
    border: 3px solid #498b18
}

@-webkit-keyframes backgroundfadeout {
    0% {
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }

    30% {
        background: #498b18 url(../images/dropdownarrow2.png) no-repeat right center
    }

    100% {
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }
}

@keyframes backgroundfadeout {
    0% {
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }

    30% {
        background: #498b18 url(../images/dropdownarrow2.png) no-repeat right center
    }

    100% {
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }
}

input.error,
select.error,
.slidebox.error h4,
.slidebox.error .select_opener {
    background-color: #d3000c !important;
    border: 3px solid #d3000c;
    color: white !important
}

.content,
.contentwide {
    max-width: 90%;
    width: 1040px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: auto;
    position: relative
}

.formgen.showForm ul:not(.tick),
.text_show ul:not(.tick),
.text_show ol,
.formgen.showForm ol,
.slidebox:not(.anchorlist) ul:not(.tick),
.slidebox:not(.anchorlist) ol,
.tabbox ul:not(.tick),
.tabbox ol {
    margin-left: 23px
}

ul.supfooter {
    margin-left: 10px !important
}

    .formgen.showForm ul:not(.tick):not(.dark):not(.footer):not(.linklist) li:before,
    ul.supfooter li:before,
    .text_show ul:not(.tick):not(.dark):not(.footer):not(.linklist) li:before,
    .slidebox:not(.anchorlist) ul:not(.tick):not(.linklist) li:before,
    .tabbox ul:not(.tick):not(.linklist) li:before {
        content: '-';
        position: absolute;
        margin-left: -23px
    }

    ul.supfooter li:before {
        margin-left: -10px !important
    }

ol.supfooter li,
.text_show ol li,
.formgen.showForm ol li,
.slidebox:not(.anchorlist) ol li,
.tabbox ol li {
    list-style-type: decimal
}

ul.tick {
    margin-left: 0
}

    ul.tick li {
        padding-left: 30px;
        box-sizing: border-box;
        list-style-type: none;
        position: relative
    }

        ul.tick li:before {
            content: none
        }

        ul.tick li span {
            background: url(../images/check_new.png) no-repeat right center;
            width: 21px;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 20px;
            background-size: contain
        }

.err {
    color: #d3000c
}

@media (min-width:850px) {
    .content_extrawide {
        width: 100%;
        max-width: 95%;
        padding: 0
    }
}

#maincontent {
    background: #f6f6f6
}

body:not(.mainpage):not(.lvb-fahrplan) #maincontent {
    padding: 50px 0
}

#maincontent .content.huge-font,
#maincontent .contentwide.huge-font {
    font-size: 1.2em;
    line-height: 1.2
}

.fullwidth {
    width: 100%;
    position: relative
}

    .fullwidth.forcepadding {
        padding: 40px 0;
        padding: 7vh 0
    }

    .fullwidth.forcepaddingTop {
        padding: 40px 0 0;
        padding: 7vh 0 0
    }

    .fullwidth.forcepaddingBottom {
        padding: 0 0 40px;
        padding: 0 0 7vh
    }

.mainpage .fullwidth:not(.blue)[class*="forcepadding"] + .fullwidth {
    padding-top: 0
}

.fullwidth.forcepadding.blue {
    padding: 40px 0 !important;
    padding: 7vh 0 !important
}

.nofocus *:focus {
    outline: none
}

#main .fullwidth.topcontent {
    background: #fbc10f !important
}

#main #maincontent .fullwidth.topcontent {
    padding: 0
}

.edit #main .fullwidth.topcontent {
    padding-top: 0
}

#main .fullwidth.topcontent .content > img {
    position: absolute;
    right: 0;
    top: 5px
}

.edit #main .fullwidth.topcontent img {
    position: inherit;
    right: inherit;
    bottom: inherit
}

#main .introduction {
    padding: 0 0 70px
}

#main select {
    margin-bottom: 0
}

#main .grid-4 select {
    width: 95%;
    float: left
}

.column2 > *:nth-child(1) {
    float: left
}

.column2 > *:nth-child(2) {
    float: right
}

.grid-2 .box {
    width: 49.99%
}

.grid-3 .box {
    width: 33.33%
}

.grid-3-4 {
    position: relative;
    width: 72.5%
}

.grid-1-4 {
    width: 23.5%
}

.topcontent .grid-3-4 > * {
    color: #333;
    padding: 30px 0
}

.topcontent .grid-3-4 h2 {
    line-height: 1.05em
}

#wrapper {
    position: relative;
    width: 100%
}

@media (max-width:500px) {
    #wrapper {
        font-size: .8em;
        line-height: 1.4
    }
}

#maincontent .content h1 + .grid-flex {
    margin-top: -30px
}

.text_show :not(:first-of-type) > h1:first-child,
.slidebox :not(:first-of-type) > h1:first-child,
.text_show :not(:first-of-type) > h2:first-child,
.slidebox :not(:first-of-type) > h2:first-child,
.text_show :not(:first-of-type) > h3:first-child,
.slidebox :not(:first-of-type) > h3:first-child {
    margin-top: 40px
}

.text_show ul + p,
.slidebox ul + p,
.text_show ol + p,
.slidebox ol + p,
.text_show p:not(.huger) + p,
.slidebox p:not(.huger) + p {
    margin-top: 20px
}

.text_show p + h1,
.slidebox p + h1,
.text_show ul + h1,
.slidebox ul + h1,
.text_show ol + h1,
.slidebox ol + h1,
.text_show p + h2,
.slidebox p + h2,
.text_show ul + h2,
.slidebox ul + h2,
.text_show ol + h2,
.slidebox ol + h2,
.text_show p + h3,
.slidebox p + h3,
.text_show ul + h3,
.slidebox ul + h3,
.text_show ol + h3,
.slidebox ol + h3 {
    margin-top: 40px
}

p .button.submit.link {
    margin-bottom: 20px
}

.tabbox,
.table + p.supfooter {
    margin-bottom: 70px
}

.table + *:not(.supfooter) {
    margin-top: 70px
}

.breadfont {
    background: #f6f6f6;
    width: 100%;
    font-size: .8em;
    line-height: 1.5em
}

@media (max-width:500px) {
    .breadfont {
        line-height: 2em
    }
}

.breadfont .breadcrump {
    width: 100%;
    padding-top: 30px
}

.breadfont p {
    display: inline-block
}

.breadfont a:hover,
.breadfont .fontsize p:hover {
    color: #094d98;
    text-decoration: underline
}

.breadfont .crumps a,
.breadfont .crumps p {
    white-space: nowrap;
    padding: 0 4px
}

.breadfont img {
    margin: 3px 0 -5px 0
}

.breadcrump .crumps {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.teaser_accordion.accordion_group {
    margin-top: 0
}

.topcontent .text_show {
    margin-bottom: 0
}

@media (max-width:500px) {
    .tabline a {
        max-width: 182px;
        line-height: 1.1em;
        height: 70px;
        box-sizing: border-box
    }

    .tabbox .controller a {
        height: 71px
    }

        .tabbox .controller a img {
            margin-top: 5px
        }
}

.anchorlist {
    margin-bottom: 60px
}

    .anchorlist .slidecontent {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .anchorlist li {
        border-top: 1px solid #e6e6e6;
        padding: 0
    }

        .anchorlist li:first-child {
            border: none
        }

        .anchorlist li a {
            display: block;
            padding: 20px
        }

        .anchorlist li:first-child a {
            border: none;
            padding-top: 0
        }

        .anchorlist li:last-child a {
            padding-bottom: 10px
        }

    .anchorlist.slidebox h4 {
        background: #e6e6e6
    }

        .anchorlist.slidebox h4.active {
            background: #094d98
        }

.teaser_showInSidebar {
    margin-bottom: 60px
}

.table {
    width: 100% !important;
    border: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 5px
}

    .table th {
        border-bottom: 3px solid #fbc10f;
        font-weight: bold;
        color: #333;
        padding: 20px;
        text-align: left;
        vertical-align: bottom
    }

    .table td {
        border-top: 1px solid #dedede;
        padding: 13px 20px;
        vertical-align: top;
        text-align: left
    }

    .table tr:first-child td {
        border-top: 0
    }

    .table tr:hover {
        background: #e5f2fd
    }

    .table tr:last-child td {
        padding-bottom: 26px
    }

    .table td .row-title {
        display: none;
        font-weight: bold;
        text-transform: none;
        padding-bottom: 5px
    }

    .table.small th,
    .table.small td {
        padding-left: 3px !important;
        padding-right: 3px !important
    }

    .table.small.supersmall {
        font-size: .8em;
        padding: 5px 3px !important
    }

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

    .table.type2 thead th {
        border-bottom: 1px solid #333
    }

    .table.type2 thead tr:first-child th {
        border-bottom: 3px solid #fbc10f
    }

    .table.type2 .small {
        font-size: .8em !important;
        font-weight: normal
    }

.classic_table tr td {
    padding: 2px 20px 2px 0
}

.download.table tr:hover a {
    color: #094d98;
    text-decoration: underline
}

.download.table .col1 {
    width: 60%
}

.download.table td {
    padding: 0 !important
}

    .download.table td a {
        display: block;
        padding: 13px 20px
    }

.download.table th,
.download.table td {
    text-align: right
}

    .download.table td:first-child,
    .download.table th:first-child {
        text-align: left
    }

    .download.table td.file_type {
        text-transform: uppercase
    }

    .download.table td.download {
        text-align: right
    }

        .download.table td.download a {
            background: url(../images/arrowright.png) no-repeat;
            width: 10px;
            height: 19px;
            display: inline-block;
            padding: 0;
            padding-right: 3px;
            border-right: 2px solid #666;
            position: relative;
            top: 18px;
            right: 15px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: all .25s ease;
            transition: all .25s ease
        }

.list {
    margin-top: 10px
}

    .list h2,
    .list h3 {
        color: #333;
        padding-bottom: 18px
    }

    .list > li:first-child a {
        border-top: 1px solid #ccc
    }

    .list > li > a:first-child {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid #ccc;
        font-weight: normal
    }

    .list > li a:hover * {
        color: #094d98 !important;
        text-decoration: underline
    }

    .list .date {
        margin: 10px 0;
        display: block
    }

        .list .date ul li {
            float: left;
            margin-right: 10px
        }

            .list .date ul li:after {
                content: ', '
            }

            .list .date ul li:last-child:after {
                content: ''
            }

@media (max-width:1120px) {
    #maincontent .fullwidth.topcontent {
        padding: 50px 0 0
    }

    a[name] {
        position: relative;
        top: -60px
    }
}

@media (max-width:850px) {
    .grid-1-4 {
        width: 100%
    }

    .grid-3-4 {
        width: 100%
    }

    .column2 > * {
        padding-bottom: 30px
    }

        .column2 > *:nth-child(2) {
            float: left
        }

    .breadfont .breadcrump {
        width: 100%
    }

    #maincontent .stromrechner button {
        position: relative;
        width: 94%
    }

    #maincontent .fullwidth.topcontent {
        padding: 50px 0 10px
    }

        #maincontent .fullwidth.topcontent .stromrechner .grid-4 .box {
            width: 48%;
            margin-bottom: 30px
        }

    #main .fullwidth.topcontent img {
        display: none
    }

    #maincontent .introduction {
        width: 100%
    }

    .table thead {
        display: none
    }

    .table td .row-title {
        display: block
    }

    .table tr {
        border: 1px solid #dedede;
        display: block;
        padding: 12px
    }

        .table tr:first-child {
            border-top: 3px solid #fbc10f
        }

    .download.table td a {
        padding: 0 10px 10px
    }

    .table td {
        border: none;
        display: block;
        padding: 10px 0 !important;
        text-align: left !important
    }

    .table tr.nomobile {
        display: none
    }

    .download.table tr {
        position: relative
    }

    .download.table td.download {
        position: absolute;
        right: 6px;
        top: -3px
    }

    .download.table td a.link {
        padding-right: 40px;
        display: block
    }
}

@media (max-width:1120px) {
    noscript {
        width: 100%;
        left: 0
    }
}

@media (max-width:550px) {
    #maincontent .fullwidth.topcontent .stromrechner .grid-4 .box:nth-child(4) {
        margin-bottom: 0
    }

    #maincontent .fullwidth.topcontent .stromrechner .grid-4 .box {
        width: 100%
    }
}

@media (max-width:500px) {
    .formbox select,
    .formbox input[type="submit"],
    .formbox input[type="text"],
    .formbox button,
    .formbox span.button,
    .formbox input.text,
    .formbox input[type='password'],
    .formbox input.password {
        height: 40px
    }

    input[type="submit"],
    input[type="text"],
    button,
    span.button,
    input.text,
    input[type='password'],
    input.password {
        height: 40px;
        line-height: 40px
    }

    #main .introduction {
        padding: 0 0 40px
    }
}

@media (max-width:300px) {
    body {
        display: none
    }
}

input:not([type='file']):not([type='submit']):not([type='button']):not([type='image']):not([type='radio']):not([type='checkbox']) {
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #dedede
}

input[type="text"],
input[type="number"],
input[type="password"] {
    height: 50px;
    width: 100%
}

select {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    -webkit-user-select: button;
    -moz-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    background-repeat: no-repeat;
    background: #fff;
    width: 100%;
    float: left;
    cursor: pointer;
    margin-bottom: 10px
}

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

    select:not([multiple="multiple"]) {
        height: 50px;
        padding: 0 36px 0 10px;
        margin-right: 20px !important;
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }

    select[multiple="multiple"] {
        padding: 5px 10px;
        border: 1px solid #dedede;
        height: auto
    }

input[type="checkbox"] + label,
input[type="radio"] + label {
    padding-left: 32px;
    position: relative;
    top: 2px;
    left: 0
}

input[type="radio"] {
    float: left;
    margin-top: 8px
}

label {
    display: block;
    padding-bottom: 5px
}

textarea {
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #dedede;
    width: 100%;
    min-width: 280px;
    max-width: 510px;
    max-height: 500px
}

label a {
    color: #094d98
}

p.error,
span.error {
    color: #d3000c
}

*.supfooter {
    font-size: .6em;
    line-height: 1.2
}

p.supfooter {
    max-width: 100%
}

#mainnav #logo {
    margin-left: -33px;
    display: block
}

@media (max-width:1120px) {
    #mainnav #logo {
        display: none
    }
}

#mainnav #logo img.widelogo {
    width: 283px;
    position: fixed;
    z-index: 13;
    top: 0;
    left: 0
}

@media (max-width:1120px) {
    #mainnav #logo img.widelogo {
        display: none
    }
}

#mainnav #logo img.normal {
    width: 283px
}

#mobilemenu {
    display: none
}

@media (max-width:1120px) {
    #mobilemenu {
        display: block;
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        height: 60px;
        z-index: 30;
        background: transparent;
    }
}

@media (max-width:550px) {
    #mobilemenu {
        background: #fbc10f;
    }

    #mobilemenu p {
        display: none
    }
}

#mobilemenu .icon {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    padding: 22px 20px;
    margin: 0;
    background: #fff;
}

    #mobilemenu .icon span {
        width: 20px;
        height: 2px;
        margin-bottom: 4px;
        display: block;
        background: #333;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

#mobilemenu p {
    position: absolute;
    top: 14px;
    left: 72px;
    font-weight: normal;
    line-height: 1.5em;
    color: #333
}

@media (max-width:550px) {
    #mobilemenu p {
        left: 62px
    }
}

#mobilemenu .search-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px
}

#mobilemenu.active {
    width: 140px
}

    #mobilemenu.active .search-icon {
        display: none
    }

    #mobilemenu.active span.a {
        -webkit-transform: translate(0, 6px) rotate(-315deg);
        transform: translate(0, 6px) rotate(-315deg)
    }

    #mobilemenu.active span.b {
        opacity: 0
    }

    #mobilemenu.active span.c {
        -webkit-transform: translate(0, -6px) rotate(-45deg);
        transform: translate(0, -6px) rotate(-45deg)
    }

#maincontent .content > div:not(.slidebox):not(.grid-1-4):not(.box):not(.grid-2),
#maincontent .content > div.grid-3-4 > div:not(.slidebox) {
    margin-top: 30px;
    margin-bottom: 30px
}

    #maincontent .content > div:not(.slidebox):not(.grid-1-4):not(.box):not(.grid-2):first-child,
    #maincontent .content > div.grid-3-4 > div:not(.slidebox):first-child {
        margin-top: 0
    }

    #maincontent .content > div:not(.slidebox):not(.grid-1-4):not(.box):not(.grid-2):last-child,
    #maincontent .content > div.grid-3-4 > div:not(.slidebox):last-child {
        margin-bottom: 0
    }

#common #sidebar img {
    width: 100%
}

#common #form input:not([type='file']):not([type='submit']):not([type='button']):not([type='image']):not([type='radio']):not([type='checkbox']) {
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #dedede
}

#common #form input[type="text"],
#common #form input[type="number"],
#common #form input[type="password"] {
    height: 50px;
    width: 100%
}

#common #form select {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    -webkit-user-select: button;
    -moz-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    background-repeat: no-repeat;
    background: #fff;
    width: 100%;
    float: left;
    cursor: pointer;
    margin-bottom: 10px
}

    #common #form select::-ms-expand {
        appearance: none;
        display: none
    }

    #common #form select:not([multiple="multiple"]) {
        height: 50px;
        padding: 0 36px 0 10px;
        margin-right: 20px !important;
        background: #fff url(../images/dropdownarrow2.png) no-repeat right center
    }

    #common #form select[multiple="multiple"] {
        padding: 5px 10px;
        border: 1px solid #dedede;
        height: auto
    }

#common #form input[type="checkbox"] + label,
#common #form input[type="radio"] + label {
    padding-left: 32px;
    position: relative;
    top: 2px;
    left: 0
}

#common #form input[type="radio"] {
    float: left;
    margin-top: 8px
}

#common #form label {
    display: block;
    padding-bottom: 5px
}

#common #form textarea {
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #dedede;
    width: 100%;
    min-width: 280px;
    max-width: 510px;
    max-height: 500px
}

#common #form label a {
    color: #094d98
}

#scrolltotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    z-index: 99
}

    #scrolltotop button {
        width: 30px;
        height: 30px;
        padding: 0
    }

        #scrolltotop button img {
            position: absolute;
            top: 0;
            right: 0
        }

@media (max-width:500px) {
    #scrolltotop {
        display: none
    }
}

#loadingscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background: white;
    z-index: 9
}

.mainpage #loadingscreen {
    z-index: 100
}

#loadingscreen img {
    position: absolute;
    max-width: 90%;
    margin-left: -141px;
    margin-top: -130px;
    top: 50%;
    left: 50%;
    width: 283px
}

#loadingscreen span {
    position: absolute;
    bottom: 20%;
    left: -20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: black
}

#loadingscreen a {
    color: #888888;
    text-decoration: underline;
    left: 50%;
    position: absolute;
    bottom: 10px;
    margin-left: -40px
}

#main {
    padding-top: 108px;
    padding-left: 283px;
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.nomenu #main {
    padding: 0 !important
}

#main #maincontent .fullwidth.empty {
    padding: 0
}

#maincontent .fullwidth.lightblue {
    background: #97ccf0
}

#maincontent .fullwidth.blue {
    background: #032c58;
    color: white
}

    #maincontent .fullwidth.blue h1,
    #maincontent .fullwidth.blue h2,
    #maincontent .fullwidth.blue h3 {
        color: white
    }

    #maincontent .fullwidth.blue a:not(.flex-box) {
        color: white !important;
        text-decoration: underline
    }

@media (max-width:1120px) {
    #main {
        padding-left: 0;
        padding-top: 60px
    }

    #maincontent .fullwidth.topcontent {
        background: #fbc10f;
        padding: 5px 0 0 0
    }
}

@media (max-width:720px) {
    #maincontent .fullwidth.topcontent {
        padding: 50px 0 50px
    }

    .content {
        padding: 0 10px
    }

    .content,
    .contentwide {
        max-width: 95%
    }

        .contentwide h3,
        #main .gridimgtext .box .quote,
        #main .gridimgtext .box .title {
            padding-left: 10px;
            padding-right: 10px
        }

    #maincontent .grid-2 .box {
        padding-left: 0;
        padding-right: 0
    }

    .rightfooter ul {
        margin-bottom: 30px
    }

    .rightfooter .adress {
        margin-right: 20px
    }

    .rightfooter .smallnav a {
        margin-right: 20px
    }

    .rightfooter .service {
        margin-top: 10px;
        margin-bottom: 50px
    }
}

.cookie-note {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px calc(2.5% + 10px);
    background-color: #f6f6f6;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    font-size: .6em;
    line-height: 1.4;
    color: #333
}

    .cookie-note:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .cookie-note p {
        float: left;
        display: block;
        max-width: 100%;
        padding-right: 20px;
        margin: 0 0 10px;
        box-sizing: border-box
    }

        .cookie-note p a {
            color: #094d98
        }

    .cookie-note input[type=submit] {
        max-width: 75px;
        float: left;
        padding: 0
    }

@media (min-width:551px) {
    .cookie-note {
        padding: 20px calc(5% + 20px);
        font-size: .7em
    }

        .cookie-note p {
            margin: 0;
            max-width: calc(100% - 75px)
        }
}

@media (min-width:721px) {
    .cookie-note {
        font-size: .8em
    }
}

@media (min-width:1121px) {
    .cookie-note {
        padding: 20px 90px
    }
}

footer {
    position: relative;
    -webkit-transition: margin-bottom .4s ease-out;
    transition: margin-bottom .4s ease-out
}

.grid-flex {
    max-width: 1040px;
    width: calc(100% + 20px);
    margin-left: calc(-10px);
    margin-right: calc(-10px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width:720px) {
    .grid-flex {
        margin-left: calc(-5px)
    }
}

.grid-flex .flex-box {
    position: relative;
    width: 25%;
    width: calc(25% - 15px);
    margin-right: calc(15px);
    margin-bottom: 40px;
    display: block;
    padding-bottom: 20px;
    background: rgba(255,255,255,0);
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -webkit-transition: box-shadow .5s ease,background .5s ease;
    transition: box-shadow .5s ease,background .5s ease;
    min-height: 200px
}

@media (max-width:850px) {
    .grid-flex .flex-box {
        width: 33%;
        width: calc(33% - 15px);
        margin-bottom: 20px
    }
}

@media (max-width:550px) {
    .grid-flex .flex-box {
        width: 50%;
        width: calc(50% - 10px);
        margin-right: calc(10px);
        padding-bottom: 10px
    }
}

.grid-flex .flex-box:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
    background: #fff
}

    .grid-flex .flex-box:hover .title,
    .grid-flex .flex-box:hover .quote {
        color: #094d98;
        text-decoration: underline
    }

.grid-flex .flex-box .mask {
    overflow: hidden
}

    .grid-flex .flex-box .mask img {
        margin: auto;
        display: block;
        height: auto;
        width: 100%;
        -webkit-transition: -webkit-transform 2s ease;
        transition: -webkit-transform 2s ease;
        transition: transform 2s ease;
        transition: transform 2s ease, -webkit-transform 2s ease;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .grid-flex .flex-box .mask:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.grid-flex .flex-box .title {
    font-size: 1em;
    line-height: 1.2;
    padding: 10px 15px 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.grid-flex .flex-box .quote {
    font-size: .8em;
    line-height: 1.2;
    padding: 10px 15px 0
}

@media (max-width:750px) {
    .grid-flex .flex-box .quote {
        font-size: .8rem
    }

    .grid-flex .flex-box .title {
        font-size: 1rem
    }
}

@media (max-width:400px) {
    .grid-flex .flex-box .quote {
        font-size: .7rem
    }

    .grid-flex .flex-box .title {
        font-size: .9rem
    }
}

.grid-flex.grid-3 .flex-box {
    width: 33.3%;
    width: calc(33.3% - 15px)
}

@media (max-width:650px) {
    .grid-flex.grid-3 .flex-box {
        width: 50%;
        width: calc(50% - 10px);
        margin-right: calc(10px)
    }

        .grid-flex.grid-3 .flex-box:nth-child(2n) {
            width: 50%;
            margin-right: 0
        }
}

.grid-flex.grid-2 .flex-box {
    width: 50%;
    width: calc(50% - 15px)
}

@media (max-width:650px) {
    .grid-flex.grid-2 .flex-box {
        width: 100%;
        margin-right: 0
    }
}

.grid-flex.grid-1 .flex-box {
    width: 100%
}

.grid-1:not(.gridhover) .box,
.grid-3:not(.gridhover) .box,
.grid-1-4:not(.gridhover) .box,
.grid-2-4:not(.gridhover) .box,
.grid-4-4:not(.gridhover) .box {
    margin-bottom: 40px
}

.grid-1:not(.gridhover) .title,
.grid-3:not(.gridhover) .title,
.grid-1-4:not(.gridhover) .title,
.grid-2-4:not(.gridhover) .title,
.grid-4-4:not(.gridhover) .title {
    font-size: 1em;
    line-height: 1.2;
    padding: 10px 15px 0
}

.grid-1:not(.gridhover) .quote,
.grid-3:not(.gridhover) .quote,
.grid-1-4:not(.gridhover) .quote,
.grid-2-4:not(.gridhover) .quote,
.grid-4-4:not(.gridhover) .quote {
    font-size: .8em;
    line-height: 1.2;
    padding: 10px 15px 0
}

.grid-1:not(.gridhover) .gridimgtext > * img,
.grid-3:not(.gridhover) .gridimgtext > * img,
.grid-1-4:not(.gridhover) .gridimgtext > * img,
.grid-2-4:not(.gridhover) .gridimgtext > * img,
.grid-4-4:not(.gridhover) .gridimgtext > * img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-top: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none
}

@media (max-width:500px) {
    .grid-1:not(.gridhover) .quote,
    .grid-3:not(.gridhover) .quote,
    .grid-1-4:not(.gridhover) .quote,
    .grid-2-4:not(.gridhover) .quote,
    .grid-4-4:not(.gridhover) .quote {
        font-size: 1em
    }

    .grid-1:not(.gridhover) .title,
    .grid-3:not(.gridhover) .title,
    .grid-1-4:not(.gridhover) .title,
    .grid-2-4:not(.gridhover) .title,
    .grid-4-4:not(.gridhover) .title {
        font-size: 1.2em
    }
}

section:not(.content) > .showGrid4-no-image,
div:not(.content) > .showGrid4-no-image,
section:not(.content) > .navigation-no-image,
div:not(.content) > .navigation-no-image {
    max-width: none;
    width: calc(100% - 20px);
    margin-left: calc(20px);
    margin-right: calc(20px)
}

.showGrid4-no-image,
.navigation-no-image {
    padding-top: calc(20px);
    padding-bottom: calc(20px)
}

img[alt*="externer"] {
    width: 17px;
    height: 17px
}

#mainnav {
    width: 283px;
    padding: 0 0 0 29px;
    box-sizing: border-box;
    position: fixed;
    top: 98px;
    background: #fff;
    z-index: 12
}

    #mainnav ul {
        margin-top: 30px
    }

        #mainnav ul li {
            display: block;
            overflow: hidden;
            position: relative;
            -webkit-transition: background .5s ease;
            transition: background .5s ease
        }

            #mainnav ul li a {
                display: block
            }

                #mainnav ul li a:after {
                    content: "";
                    clear: both;
                    display: block;
                    visibility: hidden;
                    height: 0
                }

                #mainnav ul li a img {
                    height: 34px;
                    width: 34px;
                }

        #mainnav ul.lvl1 li:hover,
        #mainnav ul.lvl1 li a:hover {
            background: none;
            text-decoration: underline !important
        }

            #mainnav ul.lvl1 li:hover:after {
                display: none
            }

        #mainnav ul.footer {
            display: none
        }

.edit #mainnav ul.footer {
    display: block
}

#mainnav ul.dark.footer li.active:after,
#mainnav ul.dark.footer li:hover:after {
    content: '';
    background: none
}

#mainnav ul.dark li p {
    color: #333
}

#mainnav ul.dark li:hover a {
    background: #ddd
}

#mainnav ul.dark li p {
    color: #333
}

#mainnav ul.dark li span {
    color: #333
}

#mainnav ul.dark li:hover p {
    color: #333 !important
}

#mainnav ul.light li:hover a {
    background: #eee
}

#mainnav ul.light li p {
    color: #a8a8a7
}

#mainnav ul.light li:hover p {
    color: #555555 !important
}

#mainnav ul.dark li.active a,
#mainnav ul.light li.active a,
#mainnav ul.dark li.active:hover a,
#mainnav ul.light li.active:hover a {
    background: #fbc10f;
    color: #333 !important
}

#mainnav ul.dark li.active:after,
#mainnav ul.light li.active:after,
#mainnav ul.dark li:hover:after,
#mainnav ul.light li:hover:after {
    content: '';
    background: url(../images/arrowright.png) center no-repeat;
    width: 10px;
    position: absolute;
    right: 16px;
    top: 0;
    height: 100%
}

@media (max-width:1120px) {
    #mainnav ul.dark li.active:after,
    #mainnav ul.light li.active:after,
    #mainnav ul.dark li:hover:after,
    #mainnav ul.light li:hover:after {
        right: 32px
    }
}

#mainnav ul.dark li img,
#mainnav ul.light li img {
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -22px
}

#mainnav ul.dark li p,
#mainnav ul.light li p {
    padding: 15px 40px 15px 60px;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

#mainnav ul.dark li span,
#mainnav ul.light li span {
    position: relative;
    top: 9px;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

#mainnav .textmobile {
    display: none
}

#mainnav .searchmobile {
    display: none;
    position: absolute;
    top: 65px;
    left: 15px;
    width: calc(100% - 30px)
}

    #mainnav .searchmobile input {
        border-radius: 0;
        padding: 1px
    }

        #mainnav .searchmobile input.go {
            margin-top: 12px;
            z-index: 1;
            position: absolute;
            top: 0;
            right: 16px;
            padding: 0;
            height: 20px;
            width: 20px
        }

        #mainnav .searchmobile input.searchtext {
            height: 45px;
            width: 100%;
            background: none;
            padding-left: 20px;
            font-style: italic;
            line-height: 1;
            border: 2px solid #094d98;
            box-sizing: border-box;
            -webkit-touch-callout: default;
            -webkit-user-select: auto
        }

#mainnav .sitelanguages_show {
    position: absolute;
    margin-top: 0;
    right: 15px;
    top: 15px
}

@media (min-width:1121px) {
    #mainnav .sitelanguages_show {
        display: none
    }
}

#mainnav .sitelanguages_show li {
    padding: 0 10px
}

#mainnav .textmobile .login-button {
    position: absolute;
    right: 65px;
    top: 0;
    height: 60px
}

    #mainnav .textmobile .login-button a {
        line-height: 60px;
        display: inline-block;
        margin-left: .5em
    }

    #mainnav .textmobile .login-button img {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: text-top
    }

#mainnav .lvl1 {
    display: none
}

.mobilebg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    height: 100vh;
    width: 200%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 16
}

#mainnav ul li.headline {
    cursor: auto;
    height: auto;
    background: none !important
}

    #mainnav ul li.headline p {
        padding-left: 60px
    }

@media (max-width:950px) {
    #mainnav .lvl1 {
        display: block
    }
}

@media (max-width:1120px) {
    .fontsize {
        display: none
    }

    #mainnav {
        display: none;
        position: fixed;
        background: #fff;
        width: 305px;
        padding: 0 0 30px 0;
        height: auto;
        min-height: 100vh;
        z-index: 1
    }

        #mainnav.active {
            display: block
        }

        #mainnav > a {
            display: none
        }

        #mainnav ul li {
            padding: 0 15px
        }

            #mainnav ul li.active:after,
            #mainnav ul li:hover:after {
                right: 34px
            }

        #mainnav .dark {
            padding-top: 85px
        }

        #mainnav ul.footer {
            padding-top: 30px;
            display: block
        }

        #mainnav .footer > p {
            padding: 0 80px
        }

        #mainnav .light {
            margin-bottom: 55px
        }

        .mobilescroll {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            box-sizing: border-box;
        }

        #mainnav .lvl1 {
            width: 100%;
            background: #fbc10f;
            padding: 40px 0;
            flex-grow: 1;
        }

            #mainnav .lvl1 li {
                background: none;
                height: auto;
                padding: 15px 20px 15px 80px
            }

                #mainnav .lvl1 li img {
                    margin-left: 10px;
                    float: none;
                    margin-top: -9px;
                    width: 17px;
                    height: 17px
                }

        #mainnav.active .searchmobile,
        #mainnav.active .textmobile {
            display: block
        }

    .mobilebg.active {
        display: block
    }
}

@media (max-height:630px) and (max-width:1120px) {
    #mainnav ul li {
        padding: 0 20px
    }

        #mainnav ul a.active li:after,
        #mainnav ul li:hover:after {
            top: 15px
        }
}

footer {
    position: relative;
    z-index: 8;
    font-size: .8em;
    line-height: 1.5em
}

.leftfooter {
    bottom: 60px;
    padding: 0 20px 0 33px;
    box-sizing: border-box;
    position: absolute;
    width: 283px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .leftfooter > p {
        margin-top: 30px
    }

    .leftfooter ul li {
        cursor: pointer;
        background: #ffffff;
        display: block;
        height: 48px;
        -webkit-transition: background .5s ease;
        transition: background .5s ease
    }

        .leftfooter ul li:hover {
            background: #fbc10f
        }

        .leftfooter ul li a {
            display: block
        }

            .leftfooter ul li a:after {
                content: "";
                clear: both;
                display: block;
                visibility: hidden;
                height: 0
            }

        .leftfooter ul li img {
            float: left
        }

        .leftfooter ul li p {
            color: #4c4c4a;
            padding-top: 13px;
            padding-left: 60px;
            margin-bottom: 5px;
            -webkit-transition: color .5s ease;
            transition: color .5s ease
        }

        .leftfooter ul li span {
            color: #4c4c4a;
            padding-top: 13px;
            margin-bottom: 5px;
            padding-left: 0;
            position: relative;
            top: 12px;
            -webkit-transition: color .5s ease;
            transition: color .5s ease
        }

        .leftfooter ul li.headline {
            cursor: auto;
            height: auto;
            background: none !important
        }

    .leftfooter .facebook {
        margin-top: 54px
    }

.rightfooter {
    position: relative;
    z-index: 1;
    background: #ebebeb;
    padding: 70px 0;
    margin-left: 283px
}

    .rightfooter h3 {
        color: #333
    }

    .rightfooter .smallnav {
        margin-top: 70px
    }

        .rightfooter .smallnav a {
            margin-right: 40px
        }

    .rightfooter ul {
        margin-top: 10px;
        margin-bottom: 40px
    }

        .rightfooter ul li {
            display: inline-block;
            margin-right: 50px;
            margin-bottom: 10px
        }

            .rightfooter ul li img {
                margin-bottom: -5px;
                margin-left: 10px
            }

    .rightfooter .adress {
        display: inline-block;
        margin-right: 56px;
        float: left
    }

    .rightfooter .googlemap a {
        white-space: nowrap
    }

    .rightfooter .content > a {
        text-decoration: underline;
        white-space: nowrap;
        color: #094d98
    }

    .rightfooter .service {
        margin-bottom: 120px
    }

@media (max-width:1120px) {
    .leftfooter {
        display: none
    }

    .rightfooter {
        margin: 0
    }
}

@media (max-width:720px) {
    .rightfooter {
        padding-top: 50px
    }

        .rightfooter ul li {
            margin-right: 30px
        }
}

@media (max-width:550px) {
    .rightfooter .content {
        padding: 0 10px
    }
}

header {
    color: #333;
    background: #fbc10f;
    width: 100%;
    padding: 40px 0;
    position: fixed;
    z-index: 9;
    top: 0;
    display: block;
    overflow: hidden
}

@media (max-width:950px) {
    header .content {
        display: none
    }
}

.edit header {
    position: relative;
    overflow: visible
}

header > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

    header > a img {
        position: absolute;
        width: 200px;
        left: 20px;
        top: 0
    }

header .short-navigation-show-header ul li {
    display: inline-block;
    margin-right: 50px;
    color: #333
}

@media (max-width:1250px) {
    header .short-navigation-show-header ul li {
        margin-right: 20px
    }
}

header .short-navigation-show-header ul li a:hover {
    text-decoration: underline
}

header .short-navigation-show-header img {
    margin-left: 10px;
    margin-bottom: -4px
}

@media (max-width:1250px) {
    header .short-navigation-show-header img {
        margin-left: 5px
    }
}

header .lvl1center {
    padding-left: 283px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: padding .5s ease;
    transition: padding .5s ease
}

@media (max-width:1120px) {
    header {
        overflow: visible;
        height: 60px;
        box-sizing: border-box;
        padding: 15px 0 20px 0;
        z-index: 12;
        top: 0 !important
    }

        header > a img {
            width: 132px;
            right: 0;
            left: auto;
            margin-left: 0
        }

        header .lvl1center {
            padding-left: 130px
        }
}

.header-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 40px;
    right: 45px
}

@media (max-width:1120px) {
    .header-panel {
        display: none
    }
}

.header-panel > * {
    margin-left: .5rem
}

.header-panel .sitelanguages_show {
    color: #333
}

.header-panel .search {
    position: relative;
    z-index: 1;
    margin-top: -3px
}

    .header-panel .search input {
        border-radius: 0;
        border: 0 inset
    }

        .header-panel .search input.searchtext {
            height: 40px;
            width: 0;
            background: #fff;
            padding-left: 0;
            margin-right: -10px;
            margin-top: -10px;
            color: #4c4c4a;
            display: none
        }

        .header-panel .search input.go {
            z-index: 1;
            top: 0;
            right: 0;
            padding: 1px !important;
            width: 20px;
            height: 20px;
            margin-top: 3px;
            position: absolute
        }

.header-panel .fontsize {
    cursor: pointer;
    width: 33px;
    margin-top: -1px
}

    .header-panel .fontsize .normal {
        font-size: .8em
    }

    .header-panel .fontsize .huge {
        font-size: 1.2em
    }

    .header-panel .fontsize p {
        display: inline-block;
        color: #333
    }

.pager {
    text-align: center;
    position: relative;
    font-size: .8em;
    margin-top: 35px;
    margin-bottom: 60px
}

    .pager ul {
        padding: 20px 0 0
    }

    .pager li {
        display: inline-block;
        width: 45px;
        margin: 0 5px;
        background: #094d98;
        color: white
    }

        .pager li.current {
            background: #ededed;
            color: black;
            padding: 8px 0
        }

        .pager li a {
            display: block;
            padding: 8px 0
        }

            .pager li a:hover {
                color: white !important
            }

    .pager .prev {
        background: #ededed url(../images/arrowright.png) no-repeat center !important;
        display: inline-block;
        text-indent: -9999em;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        left: 0;
        margin: 0 !important
    }

    .pager .next {
        background: #ededed url(../images/arrowright.png) no-repeat center !important;
        display: inline-block;
        text-indent: -9999em;
        position: absolute;
        right: 0;
        margin: 0 !important;
        bottom: 0
    }

        .pager .next.current,
        .pager .prev.current {
            display: none
        }

#tab {
    border-bottom: 1px solid #ccc
}

.slidebox {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px
}

.text_show .slidebox:first-child {
    margin-top: -20px
}

.text_show .slidebox:last-child {
    margin-bottom: -20px
}

.slidebox h4,
.slidebox .slide_opener {
    cursor: pointer;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 13px 50px 13px 20px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

@media (max-width:500px) {
    .slidebox h4,
    .slidebox .slide_opener {
        padding: 10px 34px 10px 10px
    }
}

.slidebox h4.active,
.slidebox .slide_opener.active {
    background: #094d98;
    color: #fff;
    border: none
}

.slidebox h4.deactivated,
.slidebox .slide_opener.deactivated {
    background: #eee
}

.slidebox h4:before,
.slidebox .slide_opener:before {
    content: '';
    position: absolute;
    background: url(../images/arrowright.png) center no-repeat;
    width: 20px;
    height: 100%;
    top: 0;
    right: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.slidebox h4.active:before,
.slidebox .slide_opener.active:before {
    background: url(../images/arrowrightwhite.png) center no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(270deg)
}

.slidebox .slidecontent {
    overflow: hidden;
    margin: 0;
    padding: 20px 20px 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box;
    margin: -1px 0 0
}

    .slidebox .slidecontent img {
        max-width: 100%;
        height: auto
    }

@media (max-width:500px) {
    .slidebox .slidecontent {
        padding: 10px
    }
}

.slidebox .slidecontent .question {
    display: none
}

.slidebox .slidecontent .answer:not(:last-child) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.slidebox .slidecontent .answer > img {
    display: block;
    margin-top: 10px
}

h1 + .gridslider-flex.gridslider-flex {
    margin-top: -30px !important
}

.grid-flex.gridslider-flex {
    position: relative
}

    .grid-flex.gridslider-flex .diapanel-flex a {
        position: absolute;
        z-index: 1;
        top: 50%;
        margin-top: -40px
    }

        .grid-flex.gridslider-flex .diapanel-flex a img {
            box-shadow: 0 0 0 rgba(0,0,0,0);
            -webkit-transition: box-shadow .25s ease;
            transition: box-shadow .25s ease
        }

@media (max-width:500px) {
    .grid-flex.gridslider-flex .diapanel-flex a img {
        width: 30px
    }
}

.grid-flex.gridslider-flex .diapanel-flex a img:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.15)
}

.grid-flex.gridslider-flex .diapanel-flex a.prev {
    left: -60px
}

.grid-flex.gridslider-flex .diapanel-flex a.next {
    right: -60px
}

@media (max-width:1500px) {
    .grid-flex.gridslider-flex .diapanel-flex a.prev {
        left: -20px
    }

    .grid-flex.gridslider-flex .diapanel-flex a.next {
        right: -20px
    }
}

@media (max-width:500px) {
    .grid-flex.gridslider-flex .diapanel-flex a.prev {
        left: -6px
    }

    .grid-flex.gridslider-flex .diapanel-flex a.next {
        right: -6px
    }
}

.grid-flex.gridslider-flex > .mask {
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 0;
    margin-left: 0;
    box-sizing: border-box
}

    .grid-flex.gridslider-flex > .mask .sliderwidth {
        width: 1013%;
        width: calc((100% + 15px) * 10);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .grid-flex.gridslider-flex > .mask .sliderwidth .flex-box {
            display: block;
            padding-bottom: 20px
        }

.grid-flex.gridslider-flex.grid-4 .mask .sliderwidth .flex-box {
    width: 2.5%;
    width: calc(2.5% - 15px)
}

@media (max-width:850px) {
    .grid-flex.gridslider-flex.grid-4 .mask .sliderwidth .flex-box {
        width: 3.333%;
        width: calc(3.334% - 15px)
    }
}

@media (max-width:550px) {
    .grid-flex.gridslider-flex.grid-4 .mask .sliderwidth .flex-box {
        width: 5%;
        width: calc(5% - 10px)
    }
}

.grid-flex.gridslider-flex.grid-2 .mask .sliderwidth .flex-box {
    width: 5%;
    width: calc(5% - 15px)
}

@media (max-width:850px) {
    .grid-flex.gridslider-flex.grid-2 .mask .sliderwidth .flex-box {
        width: 5%;
        width: calc(5% - 15px)
    }
}

@media (max-width:550px) {
    .grid-flex.gridslider-flex.grid-2 .mask .sliderwidth .flex-box {
        width: 10%;
        width: calc(10% - 15px)
    }
}

.blue .grid-flex.gridslider-flex .diapanel-flex img {
    box-shadow: 0 0 0 #031f3c;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease
}

    .blue .grid-flex.gridslider-flex .diapanel-flex img:hover {
        box-shadow: 0 0 20px #031f3c
    }

.blue .grid-flex .flex-box {
    background: white;
    color: #333;
    box-shadow: 0 0 8px #000000
}

    .blue .grid-flex .flex-box:hover {
        box-shadow: 0 0 12px #000000
    }

.gridhover.grid-2 {
    max-width: 1650px;
    margin: auto
}

.gridhover.grid-3 {
    max-width: 1800px;
    margin: auto
}

.gridhover.grid-2 .box {
    width: 50%
}

.gridhover.grid-3 .box {
    width: 33.3%
}

.gridhover.grid-4 .box {
    width: 25%
}

@media (max-width:800px) {
    .gridhover.grid-4 .box {
        width: 50%
    }
}

@media (max-width:600px) {
    .gridhover.grid-3 .box {
        width: 100%
    }
}

@media (max-width:400px) {
    .gridhover.grid-2 .box {
        width: 100%
    }

    .gridhover.grid-4 .box {
        width: 100%
    }
}

.gridhover .box {
    background: none;
    padding: 0;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    height: auto;
    box-sizing: border-box
}

@media (max-width:600px) {
    .gridhover .box {
        max-height: 150px
    }
}

.gridhover .box .img {
    display: inline-block;
    width: 100%
}

.gridhover .box img {
    margin-top: 0;
    height: auto;
    width: 100%;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.gridhover .box .hover {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .gridhover .box .hover .title {
        font-size: 1.6em;
        line-height: 1.05em;
        padding: 10% 10% 15px 20%
    }

    .gridhover .box .hover .quote {
        font-size: 1.1em;
        line-height: 1.4167em;
        padding: 0 10% 10% 20%;
        color: #094d98 !important
    }

@media (min-width:1500px) {
    .gridhover .box .hover .title {
        font-size: 2em
    }

    .gridhover .box .hover .quote {
        font-size: 1.2em
    }
}

@media (min-width:1900px) {
    .gridhover .box .hover .title {
        font-size: 2.4em
    }

    .gridhover .box .hover .quote {
        font-size: 1.5em
    }
}

@media (max-width:800px) {
    .gridhover .box .hover .title {
        font-size: 1.4em
    }

    .gridhover .box .hover .quote {
        font-size: 1em
    }
}

@media (max-width:600px) {
    .gridhover .box .hover .title {
        padding: 5% 10% 5px 15%
    }

    .gridhover .box .hover .quote {
        padding: 0 10% 10% 15%
    }
}

.gridhover .box .hover .opaque {
    position: absolute;
    top: 0;
    z-index: 1;
    background: #fbc10f;
    opacity: .8;
    width: 100%;
    height: 100%
}

.gridhover .box .hover p {
    position: relative;
    z-index: 10
}

.gridhover .box:hover .hover {
    height: 100%
}

#maincontent .grid-2.col-Text {
    text-align: left
}

    #maincontent .grid-2.col-Text.teaser-sbl-col {
        background: url(../images/bg_sblbox.png) repeat-y;
        background-size: contain
    }

        #maincontent .grid-2.col-Text.teaser-sbl-col .box:first-child p {
            color: #333 !important
        }

        #maincontent .grid-2.col-Text.teaser-sbl-col .box:last-child * {
            color: #fff !important
        }

    #maincontent .grid-2.col-Text.teaser-kwl-col {
        background: url(../images/bg_kwlbox.png) repeat-y 50%
    }

        #maincontent .grid-2.col-Text.teaser-kwl-col .box:first-child * {
            color: #fff !important
        }

@media (max-width:920px) {
    #maincontent .grid-2.col-Text.teaser-sbl-col,
    #maincontent .grid-2.col-Text.teaser-kwl-col {
        background: none
    }

        #maincontent .grid-2.col-Text.teaser-kwl-col .box:first-child {
            background: #032c58
        }

        #maincontent .grid-2.col-Text.teaser-kwl-col .box:last-child {
            background: white
        }

        #maincontent .grid-2.col-Text.teaser-sbl-col .box:first-child {
            background: #dbedf9
        }

        #maincontent .grid-2.col-Text.teaser-sbl-col .box:last-child {
            background: #97ccf0
        }
}

#maincontent .grid-2.col-Text .box h1 {
    padding-bottom: 50px
}

#maincontent .grid-2.col-Text .box {
    padding: 7vh 0 10vh 100px;
    height: inherit;
    float: left;
    display: block;
    width: 50%;
    box-sizing: border-box;
    margin-top: 0
}

    #maincontent .grid-2.col-Text .box:first-child {
        padding: 7vh 100px 10vh 0
    }

        #maincontent .grid-2.col-Text .box:first-child li {
            padding-left: 110px
        }

#maincontent .grid-2.col-Text .text_show ul,
#maincontent .grid-2.col-Text .text_show ol {
    margin-left: 0
}

#maincontent .grid-2.col-Text li img {
    position: absolute;
    top: 0;
    left: 0
}

#maincontent .grid-2.col-Text li {
    position: relative;
    padding-left: 65px;
    font-size: 1.2em;
    line-height: 1.4167em
}

#maincontent .grid-2.col-Text .text_show ul li:before {
    content: none
}

@media (max-width:920px) {
    #maincontent .grid-2.col-Text .content {
        max-width: 100%;
        padding: 0
    }

    #maincontent .grid-2.col-Text .box {
        float: none;
        width: 100%;
        padding: 7vh 0 10vh !important
    }

    #maincontent .grid-2.col-Text .text_show {
        max-width: 90%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box
    }
}

@media (max-width:550px) {
    #maincontent .grid-2.col-Text .text_show {
        max-width: 95%;
        padding: 0 10px
    }
}

.education_catalog_showSearchForm {
    margin-bottom: 15px
}

    .education_catalog_showSearchForm label {
        margin-top: 20px
    }

        .education_catalog_showSearchForm label :first-child {
            margin-top: 0
        }

    .education_catalog_showSearchForm input.topic {
        width: 360px
    }

#main .education_catalog_showSearchForm select {
    float: none
}

.education_catalog_showSearchForm div.buttons {
    margin: 30px 0
}

    .education_catalog_showSearchForm div.buttons input[type="submit"] {
        float: none
    }

.education_catalog_showSearchForm .slidebox .slidecontent {
    padding-bottom: 20px
}

.education_catalog_showDetail .value {
    padding-left: 20px
}

.education_catalog_showDetail table {
    background-color: white;
    border: 1px solid #e6e6e6;
    width: 100%;
    margin: 10px 0 20px 0
}

    .education_catalog_showDetail table td {
        padding: 15px 17px
    }

        .education_catalog_showDetail table td:first-child {
            border-right: 1px solid #e6e6e6;
            width: 160px;
            text-align: right;
            font-weight: bold
        }

        .education_catalog_showDetail table td img {
            float: left;
            margin-right: 15px
        }

@media (max-width:850px) {
    .education_catalog_showDetail table tr {
        border-bottom: 1px solid #ddd
    }

    .education_catalog_showDetail table td,
    .education_catalog_showDetail table td:first-child {
        box-sizing: border-box;
        float: left;
        width: 100%
    }

        .education_catalog_showDetail table td:first-child {
            border: none;
            text-align: left;
            padding-bottom: 0
        }
}

#main .fullwidth.topcontent.calculator-relative {
    z-index: 2
}

#main .fullwidth.topcontent.calculator-fixed {
    position: fixed;
    top: 108px;
    z-index: 8;
    padding-bottom: 0 !important;
    width: calc(100% - 280px)
}

@media (max-width:1120px) {
    #main .fullwidth.topcontent.calculator-fixed {
        top: 0 !important;
        position: relative !important;
        z-index: 8 !important;
        width: 100% !important
    }
}

.fixed-calculator {
    padding-top: 20px;
    padding-bottom: 20px
}

.showSearchForm {
    background-color: #fbc10f
}

#maincontent .showSearchForm {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px
}

.offersFor {
    font-weight: bold;
    padding-right: 10px
}

.swl-product-choice.showOrderForm {
    padding-top: 70px !important
}

    .swl-product-choice.showOrderForm .web-service-error {
        color: #d3000c
    }

    .swl-product-choice.showOrderForm .column2 .grid-3-4.special {
        width: calc(100% - 260px)
    }

@media (max-width:850px) {
    .swl-product-choice.showOrderForm .column2 .grid-3-4.special {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .column2 .grid-1-4.special {
    width: 228px
}

@media (max-width:850px) {
    .swl-product-choice.showOrderForm .column2 .grid-1-4.special {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .formbox {
    padding: 10px 0
}

    .swl-product-choice.showOrderForm .formbox select {
        background: #e6e6e6 url(../images/dropdownarrow2.png) no-repeat right center
    }

    .swl-product-choice.showOrderForm .formbox .lvb-account-num-error {
        color: red;
        font-size: small
    }

.swl-product-choice.showOrderForm .slidebox.login .panel-heading,
.swl-product-choice.showOrderForm .slidebox.register .panel-heading {
    display: none
}

.swl-product-choice.showOrderForm .slidebox.login .panel-body:after,
.swl-product-choice.showOrderForm .slidebox.register .panel-body:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.swl-product-choice.showOrderForm .slidebox.login .panel-body .col-xs-24,
.swl-product-choice.showOrderForm .slidebox.register .panel-body .col-xs-24 {
    width: 50%;
    margin: 15px 0
}

.swl-product-choice.showOrderForm .slidebox.login .panel-body .col-xs-24,
.swl-product-choice.showOrderForm .slidebox.register .panel-body .col-xs-24 {
    float: left;
    width: calc(50% - 5px);
    margin-left: 0;
    margin-right: 5px
}

    .swl-product-choice.showOrderForm .slidebox.login .panel-body .col-xs-24 + .col-xs-24,
    .swl-product-choice.showOrderForm .slidebox.register .panel-body .col-xs-24 + .col-xs-24 {
        float: right;
        margin-right: 0;
        margin-left: 5px;
        width: calc(50% - 5px)
    }

.swl-product-choice.showOrderForm .slidebox.login #loginMessageContainer,
.swl-product-choice.showOrderForm .slidebox.register #loginMessageContainer,
.swl-product-choice.showOrderForm .slidebox.login #userRegistrationMessageContainer,
.swl-product-choice.showOrderForm .slidebox.register #userRegistrationMessageContainer {
    display: none
}

.swl-product-choice.showOrderForm .slidebox.login .alert,
.swl-product-choice.showOrderForm .slidebox.register .alert {
    color: #d3000c;
    margin-bottom: 0
}

.swl-product-choice.showOrderForm .slidebox.login .widget-bottom-container:after,
.swl-product-choice.showOrderForm .slidebox.register .widget-bottom-container:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.swl-product-choice.showOrderForm .slidebox.login .widget-bottom-container button,
.swl-product-choice.showOrderForm .slidebox.register .widget-bottom-container button {
    max-width: 450px;
    width: auto;
    padding: 0 40px;
    margin-top: 7px
}

    .swl-product-choice.showOrderForm .slidebox.login .widget-bottom-container button.primary,
    .swl-product-choice.showOrderForm .slidebox.register .widget-bottom-container button.primary {
        color: white;
        background-color: #094d98
    }

    .swl-product-choice.showOrderForm .slidebox.login .widget-bottom-container button.normal,
    .swl-product-choice.showOrderForm .slidebox.register .widget-bottom-container button.normal {
        color: #333;
        background-color: #dedede
    }

.swl-product-choice.showOrderForm .slidebox.login #loginWidgetContent {
    margin-right: 0
}

.swl-product-choice.showOrderForm .slidebox.login .widget-bottom-container .col-xs-24 {
    float: right;
    position: relative;
    top: 18px;
    right: 1px
}

.swl-product-choice.showOrderForm .slidebox.register #userRegistrationWidgetContent {
    margin-right: 0
}

.swl-product-choice.showOrderForm .slidebox.personal .legend {
    float: left;
    width: 100%;
    margin: 10px 0
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.salutation,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.firstname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.email,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.phone-number {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.salutation,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.firstname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.email,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.phone-number {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.title,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.lastname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.birthday,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.confirm-password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.lvb-account-num {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.title,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.lastname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.birthday,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.confirm-password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="mister"] .formbox.lvb-account-num {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname2,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname3,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.email,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.phone-number {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname2,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.firstname3,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.email,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.phone-number {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname2,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname3,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.birthday,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.confirm-password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lvb-account-num {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname2,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lastname3,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.birthday,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.confirm-password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.lvb-account-num {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="apartment"] .formbox.salutation {
    width: 100%
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.salutation,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname2,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname3,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.email,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.phone-number {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.salutation,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname2,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.firstname3,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.email,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.phone-number {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.title,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname2,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname3,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.birthday,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.confirm-password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lvb-account-num {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.title,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname2,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lastname3,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.birthday,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.confirm-password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="married"] .formbox.lvb-account-num {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.salutation,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.company-type,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-salutation,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-firstname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.register-number,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.phone-number,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.password {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.salutation,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.company-type,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-salutation,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-firstname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.register-number,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.phone-number,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.password {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-salutation {
    clear: both
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.email,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-title,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-lastname,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.register-court,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.mobile-number,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.confirm-password,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.lvb-account-num {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.email,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-title,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-lastname,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.register-court,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.mobile-number,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.confirm-password,
    .swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.lvb-account-num {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.business.name1,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-role,
.swl-product-choice.showOrderForm .slidebox.personal[data-salutation="company"] .formbox.contact-department {
    width: 100%
}

.swl-product-choice.showOrderForm .slidebox.address .legend {
    float: left;
    width: 100%;
    margin: 10px 0
}

.swl-product-choice.showOrderForm .slidebox.address .slidecontent {
    padding-bottom: 0
}

.swl-product-choice.showOrderForm .slidebox.address .street,
.swl-product-choice.showOrderForm .slidebox.address .reason1,
.swl-product-choice.showOrderForm .slidebox.address .reason2 {
    width: 100%
}

.swl-product-choice.showOrderForm .slidebox.address .house-number,
.swl-product-choice.showOrderForm .slidebox.address .postal-code,
.swl-product-choice.showOrderForm .slidebox.address .meter-number {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.address .house-number,
    .swl-product-choice.showOrderForm .slidebox.address .postal-code,
    .swl-product-choice.showOrderForm .slidebox.address .meter-number {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.address .house-number-affix,
.swl-product-choice.showOrderForm .slidebox.address .city,
.swl-product-choice.showOrderForm .slidebox.address .meter-value {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.address .house-number-affix,
    .swl-product-choice.showOrderForm .slidebox.address .city,
    .swl-product-choice.showOrderForm .slidebox.address .meter-value {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.address .meter-value-label,
.swl-product-choice.showOrderForm .slidebox.address .meter-number-label {
    float: left
}

.swl-product-choice.showOrderForm .slidebox.address .meter-value-hint,
.swl-product-choice.showOrderForm .slidebox.address .meter-number-hint {
    float: right;
    font-size: 60%
}

.swl-product-choice.showOrderForm .slidebox.address .bgform {
    float: left;
    width: 100%;
    padding: 5px 20px 15px;
    margin-left: -20px;
    margin-top: 10px;
    color: white;
    background: #5597d3
}

    .swl-product-choice.showOrderForm .slidebox.address .bgform .supply-date,
    .swl-product-choice.showOrderForm .slidebox.address .bgform .move-in-date {
        float: left;
        width: calc(50% - 20px);
        margin-right: 20px
    }

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.address .bgform .supply-date,
    .swl-product-choice.showOrderForm .slidebox.address .bgform .move-in-date {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.address .bgform .name,
.swl-product-choice.showOrderForm .slidebox.address .bgform .contractAccountNo,
.swl-product-choice.showOrderForm .slidebox.address .bgform .endOfContract {
    width: 100%
}

.swl-product-choice.showOrderForm .slidebox.payment .legend {
    float: left;
    width: 100%;
    margin: 10px 0
}

.swl-product-choice.showOrderForm .slidebox.payment .account-holder {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px;
    width: 60%
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:1080px) {
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields {
    width: 100%
}

    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .name,
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .street {
        width: 100%
    }

    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .postal-code,
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .house-number {
        float: left;
        width: calc(50% - 20px);
        margin-right: 20px
    }

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .postal-code,
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .house-number {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .city,
.swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .house-number-affix {
    width: 50%;
    float: right
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .city,
    .swl-product-choice.showOrderForm .slidebox.payment .account-holder-fields .house-number-affix {
        width: 100%
    }
}

.swl-product-choice.showOrderForm .slidebox.payment .iban,
.swl-product-choice.showOrderForm .slidebox.payment .bic {
    width: 100%;
    margin-right: 0
}

.swl-product-choice.showOrderForm .slidebox.payment .iban1 {
    width: calc(10%)
}

    .swl-product-choice.showOrderForm .slidebox.payment .iban1 input {
        text-transform: uppercase
    }

.swl-product-choice.showOrderForm .slidebox.payment .iban2 {
    width: calc(10%)
}

.swl-product-choice.showOrderForm .slidebox.payment .iban3 {
    width: calc(40%)
}

.swl-product-choice.showOrderForm .slidebox.payment .iban4 {
    width: calc(40%)
}

.swl-product-choice.showOrderForm .slidebox.payment .bic1 {
    width: 40%
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.payment .bic1 {
        width: 70%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .slidebox.payment .bic2 {
    width: 10%
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm .slidebox.payment .bic2 {
        width: 30%
    }
}

.swl-product-choice.showOrderForm div.submit {
    padding-top: 18px
}

@media (max-width:550px) {
    .swl-product-choice.showOrderForm div.submit {
        width: 100%;
        margin-top: 15px;
        float: left;
        padding-top: 0
    }
}

.swl-product-choice.showOrderForm div.submit input[type="submit"] {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px
}

.swl-product-choice.showOrderForm .customer_selection {
    padding-top: 20px;
    display: flow-root;
    overflow: hidden
}

@media (min-width:850px) {
    .swl-product-choice.showOrderForm .customer_selection {
        padding-top: 50px
    }
}

.swl-product-choice.showOrderForm .leftcolumn {
    max-width: 100%;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    display: inline-block
}

@media (min-width:650px) {
    .swl-product-choice.showOrderForm .leftcolumn {
        max-width: 400px
    }
}

@media (min-width:650px) {
    .swl-product-choice.showOrderForm .leftcolumn {
        float: left;
        width: calc(50% - 20px);
        margin-right: 20px;
        max-width: 100%
    }
}

@media (min-width:650px) and (max-width:550px) {
    .swl-product-choice.showOrderForm .leftcolumn {
        width: 100%;
        margin-right: 0
    }
}

.swl-product-choice.showOrderForm .leftcolumn-button {
    max-width: 100%;
    width: auto;
    height: 60px;
    display: inline-block;
    float: right
}

@media (min-width:650px) {
    .swl-product-choice.showOrderForm .leftcolumn-button {
        float: left
    }
}

.swl-product-choice.showOrderForm .leftcolumn-button .button {
    padding-left: 1rem;
    padding-right: 1rem;
    word-break: break-all;
    width: 100%
}

@media (min-width:650px) {
    .swl-product-choice.showOrderForm .leftcolumn-button .button {
        width: auto
    }
}

.swl-product-choice.showOrderForm button:disabled {
    background: #ddd;
    color: #333;
    cursor: default
}

.swl-product-choice.showContractSuccess > p,
.swl-product-choice.showContractSuccess > div {
    margin-bottom: 17px
}

.swl-product-choice.showContractSuccess a {
    color: #094d98
}

.swl-product-choice.showContractSuccess div.download:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.swl-product-choice.showContractSuccess div.download * {
    float: left
}

.swl-product-choice.showContractSuccess div.download span {
    padding: 0 20px
}

.swl-product-choice.showContractSuccess div.download a.icon {
    background: url(../images/arrowright.png) no-repeat;
    width: 10px;
    height: 19px;
    display: inline-block;
    padding: 0;
    padding-right: 3px;
    border-right: 2px solid #666;
    position: relative;
    top: 18px;
    right: 15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    top: 4px;
    right: 0
}

.swl-product-choice.showContractSuccess a.home {
    margin: 20px 0;
    display: block;
    text-align: right
}

#calculator select {
    float: none
}

#calculator .tariff-table td > .detail-cell,
#calculator .tariff-table td > .basic-cell {
    text-align: right
}

@media screen and (max-width:850px) {
    #calculator .tariff-table td > .detail-cell,
    #calculator .tariff-table td > .basic-cell {
        text-align: left
    }
}

.is-basic-product .tariff-table thead th:last-child {
    display: none
}

.is-basic-product .tariff-table tbody tr td:last-child {
    display: none
}

.is-basic-product .tariff-table tbody tr:nth-child(6),
.is-basic-product .tariff-table tbody tr:nth-child(7) {
    display: none
}

.is-basic-product .tariff-table .row-title .tariff_name {
    padding-left: 50px
}

@media (max-width:850px) {
    .is-basic-product .tariff-table thead {
        display: block
    }

        .is-basic-product .tariff-table thead th {
            border-bottom: none;
            padding-left: 0 !important
        }

        .is-basic-product .tariff-table thead tr th:first-child {
            display: none
        }

    .is-basic-product .tariff-table .row-title .tariff_name {
        padding-left: 0
    }

    .is-basic-product .tariff-table tbody tr td {
        padding: 5px 0 !important
    }

    .is-basic-product .tariff-table tbody .detail-cell.tariff_name {
        display: none
    }

    .is-basic-product .tariff-table tr:first-child {
        border: none;
        border-bottom: 3px solid #fbc10f
    }

    .is-basic-product .grid-1-4 {
        margin-bottom: 0 !important
    }
}

.swl-product-choice .tab-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 0
}

@media (min-width:401px) {
    .swl-product-choice .tab-images {
        display: none
    }
}

.swl-product-choice .tab-images .tab {
    display: block;
    position: relative;
    z-index: 1;
    background: #f6f6f6;
    cursor: pointer;
    width: 32%;
    text-align: center;
    padding: 2.5rem 0 .5rem;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0
}

    .swl-product-choice .tab-images .tab .image {
        display: block;
        position: absolute;
        left: 50%;
        top: 1.6rem;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }

    .swl-product-choice .tab-images .tab.gray {
        background: #e6e6e6
    }

    .swl-product-choice .tab-images .tab.blue {
        background: #032c58;
        color: #fbc10f
    }

    .swl-product-choice .tab-images .tab.yellow {
        background: #fbc10f;
        color: #094d98
    }

    .swl-product-choice .tab-images .tab.green {
        background: #dbe8d1;
        color: #498b18
    }

.c-tile-teaser {
    margin-bottom: 1rem;
    padding: 1.5em 20px 1.5em;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:401px) {
    .c-tile-teaser {
        margin-bottom: .5rem;
        padding: 2em 20px 1.5em;
        display: block;
        text-align: center
    }
}

@media (max-width:1200px) and (min-width:401px) {
    .c-tile-teaser {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (max-width:400px) {
    .c-tile-teaser.is-fixed {
        position: fixed;
        top: 60px;
        z-index: 1;
        width: 100%;
        left: 0;
        padding-left: 41px;
        padding-right: 41px
    }
}

.gray .c-tile-teaser {
    background: #e6e6e6
}

.blue .c-tile-teaser {
    background: #032c58;
    color: #fbc10f
}

.yellow .c-tile-teaser {
    background: #fbc10f;
    color: #094d98
}

.green .c-tile-teaser {
    background: #dbe8d1;
    color: #498b18
}

.c-tile-teaser__head {
    width: 100%;
    margin-right: 1.5rem
}

@media (min-width:401px) {
    .c-tile-teaser__head {
        margin-right: 0;
        margin-bottom: 1.5rem
    }
}

.c-tile-teaser__image {
    display: none;
    height: 40px;
    width: auto;
    vertical-align: top;
    margin-top: -8px;
    margin-right: 4px
}

@media (min-width:401px) {
    .c-tile-teaser__image {
        display: inline-block
    }
}

.c-tile-teaser__name {
    display: inline;
    word-break: break-word;
    font-size: 1.2em;
    color: inherit
}

@media (min-width:401px) and (max-width:1000px) {
    .c-tile-teaser__name {
        font-size: 1em
    }
}

.c-tile-teaser__description {
    display: block;
    margin: .5em 0 0;
    line-height: 1.3;
    font-size: .8em
}

@media (min-width:401px) {
    .c-tile-teaser__description {
        margin: .5rem auto 0
    }
}

@media (min-width:821px) {
    .c-tile-teaser__description {
        max-width: 180px
    }
}

.yellow .c-tile-teaser__description {
    color: #333
}

.c-tile-teaser__price-wrapper {
    text-align: right
}

.c-tile-teaser__old-price {
    font-size: .8em;
    display: inline;
    position: relative;
    display: none
}

@media (max-width:1000px) {
    .c-tile-teaser__old-price {
        display: none
    }
}

.c-tile-teaser__canceled-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 2px;
    background: currentColor;
    opacity: .75;
    -webkit-transform: rotate(-36deg) translateX(-50%);
    transform: rotate(-36deg) translateX(-50%)
}

.c-tile-teaser__price {
    display: inline;
    font-size: 2rem;
    line-height: 1.2;
    margin-left: 14px
}

    .c-tile-teaser__price .small {
        font-size: 1rem;
        vertical-align: super;
        margin-left: -5px
    }

.c-tile-teaser__info {
    font-size: .8em;
    opacity: .5
}

.c-tile-teaser__info-icon {
    background: url('../images/info.png') center no-repeat;
    width: 14px;
    height: 14px;
    background-size: contain;
    opacity: .6;
    padding-bottom: 20px;
    margin-bottom: -11px;
    display: inline-block
}

.blue .c-tile-teaser__info-icon {
    opacity: 1
}

.c-tile-teaser__info-area {
    display: none
}

    .c-tile-teaser__info-icon:hover + .c-tile-teaser__info-area,
    .c-tile-teaser__info-area:hover {
        display: block;
        position: absolute;
        background: white;
        color: #333;
        box-shadow: 0 0 6px rgba(0,0,0,0.15);
        padding: .5em .5em 1em;
        z-index: 1;
        right: .5rem
    }

        .c-tile-teaser__info-icon:hover + .c-tile-teaser__info-area .supfooter,
        .c-tile-teaser__info-area:hover .supfooter {
            margin-bottom: .5em;
            font-size: .8rem
        }

.swl-product-choice.confirmation-form {
    padding-top: 70px !important
}

    .swl-product-choice.confirmation-form a {
        color: #094d98
    }

    .swl-product-choice.confirmation-form section {
        margin-bottom: 40px
    }

        .swl-product-choice.confirmation-form section:after {
            content: "";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0
        }

        .swl-product-choice.confirmation-form section h3,
        .swl-product-choice.confirmation-form section h2 {
            padding: 0
        }

        .swl-product-choice.confirmation-form section h2 {
            margin: 30px 0 10px
        }

        .swl-product-choice.confirmation-form section h3 {
            margin: 20px 0 10px
        }

        .swl-product-choice.confirmation-form section dl {
            margin-bottom: 20px
        }

            .swl-product-choice.confirmation-form section dl:after {
                content: "";
                display: block;
                clear: both;
                visibility: hidden;
                height: 0
            }

            .swl-product-choice.confirmation-form section dl dt,
            .swl-product-choice.confirmation-form section dl dd {
                float: left
            }

            .swl-product-choice.confirmation-form section dl dt {
                clear: both;
                width: 240px
            }

@media screen and (max-width:500px) {
    .swl-product-choice.confirmation-form section dl dt {
        width: 100%
    }
}

.swl-product-choice.confirmation-form section dl dt:after {
    content: ':';
    display: inline
}

.swl-product-choice.confirmation-form section dl dd {
    font-weight: bold
}

.swl-product-choice.confirmation-form section dl.bonus span,
.swl-product-choice.confirmation-form section dl.delivery span {
    font-weight: normal
}

.swl-product-choice.confirmation-form section.delivery dt {
    width: 300px
}

.swl-product-choice.confirmation-form section.cancellation p {
    margin-bottom: 8px
}

.swl-product-choice.confirmation-form section.hints label {
    padding-left: 30px
}

.swl-product-choice.confirmation-form section.hints .opt-in {
    margin: 20px 0 10px;
    font-weight: bold
}

.swl-product-choice.confirmation-form #orderForm .submit {
    background-color: #ededed;
    color: #333
}

.swl-product-choice.confirmation-form #orderForm input.buy {
    background-color: #094d98;
    color: white
}

    .swl-product-choice.confirmation-form #orderForm input.buy[type="submit"][disabled='disabled'] {
        color: #dedede;
        background-color: #ededed;
        cursor: default
    }

#calculator .table td,
#calculator .table th {
    padding: 10px 5px
}

#calculator .table .tariff_total_price_first_year_per_month,
#calculator .table .basic_supply_tariff_total_price_first_year_per_month {
    font-size: 30px;
    font-weight: bold;
    color: #498b18
}

#calculator .grid-3-4.rightfloat {
    float: right
}

#calculator .grid-3-4 .right {
    width: 57%;
    float: right;
    margin-right: 40px;
    margin-bottom: 60px;
    margin-top: 35px
}

#calculator .grid-1-4 {
    margin-top: 50px
}

#calculator .back {
    margin-top: -80px;
    display: block;
    margin-bottom: 74px
}

#calculator .grayselect select {
    margin-bottom: 19.5px
}

@media (max-width:850px) {
    #calculator #calculator .grid-3-4 .right {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0
    }

    #calculator #calculator .table {
        margin-bottom: 10px
    }

    #calculator #calculator .grid-1-4 {
        margin-top: 0;
        margin-bottom: 30px
    }

        #calculator #calculator .grid-1-4 form {
            margin-top: 30px
        }

    #calculator #calculator .back {
        margin-top: 0;
        display: block;
        margin-bottom: 8px
    }
}

.breadfont .swl_product_choice_table_cell p {
    display: block
}

.swl_product_choice > p {
    margin-top: 300px
}

@media (max-width:400px) {
    .swl_product_choice_table_cell {
        margin-left: 0;
        font-size: 1rem;
        display: block
    }
}

#main .swl_product_choice_table_cell a:hover .emphasis {
    color: #fff !important
}

#main .swl_product_choice_table_cell a:hover h2 {
    color: #094d98
}

#main .swl_product_choice_table_cell a:hover .emphasis {
    color: #fff !important
}

#main .swl_product_choice_table_cell a:hover h2 {
    color: #094d98
}

#main .swl_product_choice_table_cell a:hover .price strong {
    color: #498b18 !important
}

.swl_product_choice_table_cell .nounderline * {
    display: inline-block
}

.swl_product_choice_table_cell.content {
    width: 1260px;
    max-width: 100%;
    padding: 0;
    margin-top: 50px;
    box-sizing: border-box;
    margin-top: 0
}

@media (min-width:401px) and (max-width:1000px) {
    .swl_product_choice_table_cell.content {
        margin-top: 30px
    }
}

@media (min-width:401px) {
    .swl_product_choice_table_cell.content {
        max-width: calc(100% + 10px)
    }
}

@media (min-width:651px) {
    .swl_product_choice_table_cell.content {
        max-width: calc(100% + 25px)
    }
}

@media (min-width:720px) {
    .swl_product_choice_table_cell.content {
        max-width: calc(100% + 35px)
    }
}

.swl_product_choice_table_cell .tab {
    display: none
}

.swl_product_choice_table_cell .emphasis {
    position: absolute;
    top: -45px;
    left: 0;
    padding: 9px 15px;
    background: #498b18;
    color: #fff;
    font-size: 1.3em;
    z-index: 1
}

.swl_product_choice_table_cell__image {
    margin-bottom: -100px;
    width: 100%;
    margin-top: -50px
}

@media (max-width:1000px) {
    .swl_product_choice_table_cell__image {
        margin-bottom: 0
    }
}

.swl_product_choice_table_cell a > .box > img {
    position: relative;
    width: 100% !important;
    height: auto !important
}

.swl_product_choice_table_cell .flex-box {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 330px
}

@media (max-width:400px) {
    .swl_product_choice_table_cell .flex-box {
        width: calc(100% - 2px) !important;
        max-width: 100%;
        position: absolute;
        top: 0;
        display: none !important;
        padding-bottom: 1em;
        box-shadow: none;
        border: 1px solid #ccc;
        border-top: 0
    }

        .swl_product_choice_table_cell .flex-box:hover {
            box-shadow: none
        }

        .swl_product_choice_table_cell .flex-box.is-active {
            position: relative;
            display: block !important
        }
}

.swl_product_choice_table_cell .innerpadding {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

@media (max-width:400px) {
    .swl_product_choice_table_cell .innerpadding {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media (max-width:1200px) {
    .swl_product_choice_table_cell .innerpadding {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width:401px) and (max-width:820px) {
    .swl_product_choice_table_cell .innerpadding {
        margin: auto
    }
}

.swl_product_choice_table_cell .innerpadding .benefits {
    padding-bottom: 20px
}

.swl_product_choice_table_cell .tick-text {
    margin: .5em 0;
    font-size: .8em;
    line-height: 1.3
}

@media (min-width:401px) {
    .swl_product_choice_table_cell .tick-text {
        margin: 1em 0
    }
}

.swl_product_choice_table_cell .formbox.submit .submit {
    padding: 0 1em;
    margin: auto
}

@media (max-width:400px) {
    .swl_product_choice_table_cell .formbox.submit .submit {
        height: 50px
    }
}

@media (max-width:400px),(min-width:821px) {
    .swl_product_choice_table_cell .formbox.submit .submit {
        margin-left: 30px
    }
}

@media (max-width:850px) {
    #swl_product_choice_order_formorderForm .swl_product_choice_table_cell .box {
        width: 100%
    }

        #swl_product_choice_order_formorderForm .swl_product_choice_table_cell .box img {
            float: left;
            display: block;
            z-index: 1;
            position: relative;
            margin-right: 20px
        }

        #swl_product_choice_order_formorderForm .swl_product_choice_table_cell .box .innerpadding {
            padding: 20px 8px
        }

        #swl_product_choice_order_formorderForm .swl_product_choice_table_cell .box h2 {
            top: 20px;
            position: relative
        }
}

#orderForm {
    width: 100%
}

    #orderForm .submit {
        width: auto;
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px
    }

.swl_product_choice_order_form_new_customer_selection {
    margin-bottom: 60px
}

@media (max-width:950px) {
    .swl_product_choice_order_form_new_customer_selection {
        margin-bottom: 30px
    }
}

.swl_product_choice_order_form_tariff_infobox .infobox {
    margin: 10px 20px 20px 0;
    display: block;
    float: left
}

.mainpage a.backarrow.back {
    margin-top: 50px
}

@media (max-width:850px) {
    .mainpage a.backarrow.back {
        margin-top: -40px;
        float: right
    }
}

.fontSizeFollow {
    font-size: 16px;
    font-weight: 400
}

.swl-product-choice.showSearchForm .divShowSearchForm {
    margin-bottom: 0
}

@media (max-width:400px) {
    .swl-product-choice.showSearchForm .divShowSearchForm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.swl-product-choice.showSearchForm .is-hidden {
    display: none
}

.swl-product-choice.showSearchForm .is-hidden-always {
    display: none !important
}

.swl-product-choice.showSearchForm select {
    background-color: white;
    padding-right: 25px
}

.swl-product-choice.showSearchForm input {
    height: 50px;
    width: 100%
}

.swl-product-choice.showSearchForm .formbox {
    width: calc(25% - 10px);
    margin-bottom: 10px;
    margin-right: 10px
}

@media (max-width:850px) {
    .swl-product-choice.showSearchForm .formbox {
        width: calc(50% - 10px)
    }
}

@media (max-width:400px) {
    .swl-product-choice.showSearchForm .formbox {
        width: 100% !important;
        margin-right: 0 !important
    }
}

@media (min-width:851px) {
    .swl-product-choice.showSearchForm .formbox:nth-child(4n) {
        width: 25%;
        margin-right: 0
    }
}

@media (min-width:400px) and (max-width:850px) {
    .swl-product-choice.showSearchForm .formbox:nth-child(2n) {
        width: 50%;
        margin-right: 0
    }
}

.swl-product-choice.showSearchForm .formbox.submit {
    min-width: 165px;
    width: 50%;
    float: left;
    margin-right: 0
}

@media (min-width:851px) {
    .swl-product-choice.showSearchForm .formbox.submit {
        width: 25%
    }
}

@media (max-width:400px) {
    .swl-product-choice.showSearchForm .formbox.submit {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.swl-product-choice.showSearchForm .formbox.text {
    float: none;
    clear: both
}

.swl-product-choice.showSearchForm .linkUpdateSearchForm {
    padding-left: 10px;
    text-decoration: underline
}

.swl-product-choice.showSearchForm .divHideSearchForm {
    margin-bottom: 0
}

.swl-product-choice.showSearchForm #divConsumption {
    z-index: 3
}

.swl-product-choice.showSearchForm .verbrauch input {
    background: #fff url(../images/dropdownarrow2.png) no-repeat center right;
    cursor: pointer
}

.swl-product-choice.showSearchForm .verbrauch ul {
    min-width: 150px;
    background: white;
    border: 1px solid #ccc;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 50px;
    overflow: hidden;
    z-index: 5
}

    .swl-product-choice.showSearchForm .verbrauch ul li {
        cursor: pointer;
        padding: 15px 5px;
        position: relative
    }

        .swl-product-choice.showSearchForm .verbrauch ul li:hover {
            background: #eee
        }

    .swl-product-choice.showSearchForm .verbrauch ul.power li span {
        position: absolute;
        top: 11px;
        margin-left: 5px
    }

    .swl-product-choice.showSearchForm .verbrauch ul.power li:first-child span {
        top: 15px
    }

    .swl-product-choice.showSearchForm .verbrauch ul.power li:last-child span {
        top: 11px
    }

        .swl-product-choice.showSearchForm .verbrauch ul.power li:last-child span img {
            margin-top: 5px
        }

    .swl-product-choice.showSearchForm .verbrauch ul.gas li span {
        padding-left: 10px;
        color: #a9a9a9
    }

    .swl-product-choice.showSearchForm .verbrauch ul.gas li.close span {
        position: relative
    }

        .swl-product-choice.showSearchForm .verbrauch ul.gas li.close span img {
            position: absolute;
            top: -5px;
            left: 9px
        }

.swl-product-choice.showSearchForm input[type="submit"] {
    cursor: pointer;
    background: #094d98;
    height: 50px;
    border: 0;
    color: #fff;
    width: 100%;
    float: left;
    right: auto;
    margin-top: 0;
    position: relative
}

#maincontent .swl-product-choice.showSearchForm {
    margin-top: 20px;
    margin-bottom: 20px
}

#maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox {
    width: calc(25% - 10px);
    margin-right: 10px
}

@media (max-width:1350px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox {
        width: calc(33.3% - 10px)
    }
}

@media (max-width:850px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox {
        width: calc(50% - 10px)
    }
}

@media (min-width:401px) and (max-width:850px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox:nth-child(2n) {
        width: 50%;
        margin-right: 0
    }
}

@media (min-width:851px) and (max-width:1350px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox:nth-child(4n) {
        width: calc(33.3% - 10px)
    }

    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox:nth-child(3n) {
        width: 33.3%;
        margin-right: 0
    }
}

@media (min-width:1351px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox:nth-child(4n) {
        width: 25%;
        margin-right: 0
    }
}

#maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox.submit {
    width: 25%;
    margin-right: 0
}

@media (max-width:1350px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox.submit {
        width: 33.3%
    }
}

@media (max-width:850px) {
    #maincontent .grid-3-4 .swl-product-choice.showSearchForm .formbox.submit {
        width: 50%
    }
}

.slidebox.sbl_swimming_pool .slidecontent {
    padding: 0
}

.slidebox.sbl_swimming_pool .timelist__element {
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 20px
}

.slidebox.sbl_swimming_pool .timelist__date {
    float: left
}

.slidebox.sbl_swimming_pool .timelist__time {
    float: right;
    color: #999
}

@media (max-width:450px) {
    .slidebox.sbl_swimming_pool .timelist__date,
    .slidebox.sbl_swimming_pool .timelist__time {
        float: none
    }
}

#calculator .table td,
#calculator .table th {
    padding: 10px 5px
}

#calculator .table .tariff_total_price_first_year_per_month,
#calculator .table .basic_supply_tariff_total_price_first_year_per_month {
    font-size: 30px;
    font-weight: bold;
    color: #498b18
}

#calculator .grid-3-4.rightfloat {
    float: right
}

#calculator .grid-3-4 .right {
    width: 57%;
    float: right;
    margin-right: 40px;
    margin-bottom: 60px;
    margin-top: 35px
}

#calculator .grid-1-4 {
    margin-top: 50px
}

#calculator .back {
    margin-top: -80px;
    display: block;
    margin-bottom: 74px
}

#calculator .grayselect select {
    margin-bottom: 19.5px
}

.mainpage a.backarrow.back {
    margin-top: 50px
}

.sbl-swimming-pool_order_form_tariff_infobox .infobox {
    margin: 10px 20px 20px 0;
    display: block;
    float: left
}

#orderForm {
    width: 100%
}

    #orderForm .submit {
        width: auto;
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px
    }

@media (max-width:950px) {
    .sbl-swimming-pool_order_form_new_customer_selection {
        margin-bottom: 30px
    }
}

@media (max-width:850px) {
    #calculator .grid-3-4 .right {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0
    }

    #calculator .table {
        margin-bottom: 10px
    }

    #calculator .grid-1-4 {
        margin-top: 0;
        margin-bottom: 30px
    }

        #calculator .grid-1-4 form {
            margin-top: 30px
        }

    #calculator .back {
        margin-top: 0;
        display: block;
        margin-bottom: 8px
    }

    .mainpage a.backarrow.back {
        margin-top: -40px;
        float: right
    }
}

.sbl-swimming-pool.showSearchForm select {
    background-color: white;
    padding-right: 25px
}

.sbl-swimming-pool.showSearchForm input {
    height: 50px;
    width: 100%
}

    .sbl-swimming-pool.showSearchForm input[type="submit"] {
        cursor: pointer;
        background: #094d98;
        border: 0;
        color: #fff;
        float: left;
        right: auto;
        margin-top: 0;
        position: relative
    }

.sbl-swimming-pool.showSearchForm .formbox {
    width: 15%;
    margin-bottom: 10px
}

@media (max-width:700px) {
    .sbl-swimming-pool.showSearchForm .formbox {
        width: 50%;
        width: calc(50% - 10px)
    }
}

@media (max-width:400px) {
    .sbl-swimming-pool.showSearchForm .formbox {
        width: 100%
    }
}

.sbl-swimming-pool.showSearchForm .formbox.date {
    min-width: 140px;
    margin-right: 10px
}

.sbl-swimming-pool.showSearchForm .formbox.time {
    min-width: 70px;
    margin-right: 10px
}

.sbl-swimming-pool.showSearchForm .formbox.type {
    min-width: 150px;
    margin-right: 10px
}

.sbl-swimming-pool.showSearchForm .formbox.submit {
    min-width: 170px;
    margin-right: 10px
}

.breadfont .sbl-swimming-pool.showTable p {
    display: block
}

.sbl-swimming-pool.showTable .innerpadding {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

@media (max-width:1200px) {
    .sbl-swimming-pool.showTable .innerpadding {
        padding-left: 8px;
        padding-right: 8px
    }
}

.sbl-swimming-pool.showTable .innerpadding .benefits {
    padding-bottom: 115px;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.4
}

.sbl-swimming-pool.showTable a > .box > img {
    position: relative;
    width: 100% !important;
    height: auto !important;
    margin-bottom: -10px
}

.sbl-swimming-pool.showTable h2 {
    word-wrap: break-word;
    color: #333;
    padding-top: 20px;
    padding-bottom: 0;
    font-size: .8em;
    font-weight: bold
}

.sbl-swimming-pool.showTable .emphasis {
    position: absolute;
    top: -45px;
    left: 0;
    padding: 9px 15px;
    background: #498b18;
    color: #fff;
    font-size: 1.3em;
    z-index: 1
}

#main .sbl-swimming-pool.showTable a:hover h2 {
    color: #094d98
}

.sbl-swimming-pool.showTable .opentime {
    font-size: 16px;
    line-height: 1.4;
    min-height: 44px
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon {
    background-image: url(../images/sbl/icons/gelb/check.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-1 {
    background-image: url(../images/sbl/icons/gelb/bahnen.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-2 {
    background-image: url(../images/sbl/icons/gelb/behinderten_parkplaetze.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-3 {
    background-image: url(../images/sbl/icons/gelb/bistro_cafeteria.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-4 {
    background-image: url(../images/sbl/icons/gelb/fahrrad_stellplaetze.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-5 {
    background-image: url(../images/sbl/icons/gelb/flachwasserbereich.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-6 {
    background-image: url(../images/sbl/icons/gelb/freizeitbereich.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-7 {
    background-image: url(../images/sbl/icons/gelb/flachwasserbereich.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-8 {
    background-image: url(../images/sbl/icons/gelb/oekologischer_badeteich.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-9 {
    background-image: url(../images/sbl/icons/gelb/pkw_parkplaetze.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-10 {
    background-image: url(../images/sbl/icons/gelb/rollstuhlzugang.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-11 {
    background-image: url(../images/sbl/icons/gelb/saunen.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-12 {
    background-image: url(../images/sbl/icons/gelb/schwimmerzone.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-13 {
    background-image: url(../images/sbl/icons/gelb/seepferdchen.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-14 {
    background-image: url(../images/sbl/icons/gelb/spielplatz.png)
}

.sbl-swimming-pool.showTable .closed ul li span.sbl-icon-15 {
    background-image: url(../images/sbl/icons/gelb/sportanlagen.png)
}

.sbl-swimming-pool.showTable .openstatus {
    position: absolute;
    bottom: 30px;
    width: 100%
}

    .sbl-swimming-pool.showTable .openstatus p {
        margin-top: 10px
    }

    .sbl-swimming-pool.showTable .openstatus strong {
        font-size: 30px;
        line-height: 1.2
    }

.sbl-swimming-pool.showTable .openstatus__opened {
    color: #498b18 !important
}

.sbl-swimming-pool.showTable .openstatus__closed {
    color: #fbc10f !important
}

.sbl-swimming-pool.showTable ul {
    margin-top: 5px
}

    .sbl-swimming-pool.showTable ul li {
        padding-bottom: 10px;
        padding-left: 38px
    }

@media (max-width:1350px) {
    .sbl-swimming-pool.showTable ul li {
        padding-left: 0
    }
}

@media (max-width:1120px) {
    .sbl-swimming-pool.showTable ul li {
        padding-left: 35px
    }
}

@media (max-width:450px) {
    .sbl-swimming-pool.showTable ul li {
        padding-left: 0
    }
}

@media (max-width:360px) {
    .sbl-swimming-pool.showTable ul li {
        padding-left: 35px
    }
}

.sbl-swimming-pool.showTable ul li span.sbl-icon {
    width: 30px;
    height: 24px;
    background-size: contain;
    background-position: center;
    margin-top: 2px;
    left: -2px;
    background-image: url(../images/sbl/icons/gruen/check.png)
}

@media (max-width:1350px) {
    .sbl-swimming-pool.showTable ul li span.sbl-icon {
        display: none
    }
}

@media (max-width:1120px) {
    .sbl-swimming-pool.showTable ul li span.sbl-icon {
        display: block
    }
}

@media (max-width:450px) {
    .sbl-swimming-pool.showTable ul li span.sbl-icon {
        display: none
    }
}

@media (max-width:360px) {
    .sbl-swimming-pool.showTable ul li span.sbl-icon {
        display: block
    }
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-1 {
    background-image: url(../images/sbl/icons/gruen/bahnen.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-2 {
    background-image: url(../images/sbl/icons/gruen/behinderten_parkplaetze.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-3 {
    background-image: url(../images/sbl/icons/gruen/bistro_cafeteria.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-4 {
    background-image: url(../images/sbl/icons/gruen/fahrrad_stellplaetze.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-5 {
    background-image: url(../images/sbl/icons/gruen/flachwasserbereich.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-6 {
    background-image: url(../images/sbl/icons/gruen/freizeitbereich.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-7 {
    background-image: url(../images/sbl/icons/gruen/flachwasserbereich.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-8 {
    background-image: url(../images/sbl/icons/gruen/oekologischer_badeteich.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-9 {
    background-image: url(../images/sbl/icons/gruen/pkw_parkplaetze.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-10 {
    background-image: url(../images/sbl/icons/gruen/rollstuhlzugang.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-11 {
    background-image: url(../images/sbl/icons/gruen/saunen.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-12 {
    background-image: url(../images/sbl/icons/gruen/schwimmerzone.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-13 {
    background-image: url(../images/sbl/icons/gruen/seepferdchen.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-14 {
    background-image: url(../images/sbl/icons/gruen/spielplatz.png)
}

.sbl-swimming-pool.showTable ul li span.sbl-icon-15 {
    background-image: url(../images/sbl/icons/gruen/sportanlagen.png)
}

.sbl-swimming-pool.showTable .formbox.submit .submit {
    width: 100%
}

.text.showForScreenReaderOnly {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

body.edit .text.showForScreenReaderOnly {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible
}

    body.edit .text.showForScreenReaderOnly:after {
        content: 'Text wird von Screenreadern vorgelesen und ist sonst aber unsichtbar.';
        display: block;
        color: #d3000c
    }

.text_show:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.text_show > h1:last-child {
    margin-bottom: -30px
}

.text_show h2:first-child {
    margin-top: 30px
}

.text_show ul.linklist {
    margin-left: 0
}

    .text_show ul.linklist li:before {
        list-style-type: none;
        content: none
    }

.text_show div.padding_headline h1 {
    margin-bottom: -10px;
    padding: 40px 0 0;
    padding: 7vh 0 0
}

table.left-footer td {
    vertical-align: top
}

    table.left-footer td:first-child {
        width: 50px;
        padding-right: 5px;
        text-align: left
    }

table.left-footer a {
    color: #333
}

    table.left-footer a:hover {
        text-decoration: underline;
        color: #094d98
    }

.contact.showOne {
    margin-bottom: 60px
}

    .contact.showOne img {
        margin-top: 0;
        margin-bottom: 3px;
        max-width: 100%
    }

    .contact.showOne .position {
        color: #7a7a7a;
        font-size: .8em;
        line-height: 1.5em
    }

    .contact.showOne .mail {
        display: inline-block
    }

    .contact.showOne .description {
        margin: 8px 0
    }

    .contact.showOne a {
        color: #094d98
    }

    .contact.showOne .description,
    .contact.showOne > p,
    .contact.showOne a {
        padding: 0 20px 0 20px
    }

.download.sidebar {
    overflow: hidden
}

    .download.sidebar .download-name {
        float: left;
        max-width: 50%;
        max-width: calc(100% - 90px - 10px);
        word-wrap: break-word
    }

    .download.sidebar .meta-information {
        float: right;
        min-width: 90px;
        padding-left: 10px;
        text-align: right
    }

        .download.sidebar .meta-information a {
            top: 6px;
            right: 0
        }

        .download.sidebar .meta-information .file-type {
            margin-right: 8px;
            text-transform: uppercase
        }

    .download.sidebar .download-icon {
        background: url(../images/arrowright.png) no-repeat;
        width: 10px;
        height: 19px;
        display: inline-block;
        padding: 0;
        padding-right: 3px;
        border-right: 2px solid #666;
        position: relative;
        top: 18px;
        right: 15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        top: 5px;
        right: 0
    }

.download_showFoldout .table {
    margin-bottom: 20px
}

.download.show {
    margin-bottom: 70px
}

    .download.show h1,
    .download.show h2,
    .download.show h3 {
        margin: 0;
        padding: 0
    }

    .download.show li {
        margin-bottom: 10px;
        overflow: hidden
    }

.download.show-single {
    margin-top: 20px;
    margin-bottom: 70px
}

.download_showSingle .table {
    border-bottom: none
}

    .download_showSingle .table td {
        border-bottom: 1px solid #dedede
    }

.epaper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.epaper_wrap:first-child {
    padding-right: 40px
}

.epaper_img {
    width: 210px;
    height: 280px;
    border: 1px solid #fff;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
    -webkit-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease
}

    .epaper_img:hover {
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.3)
    }

.epaper_link.button.submit {
    margin: 60px 0 45px
}

.epaper_download.download_showSingle {
    margin-bottom: 0;
    border-top: 1px solid #dedede
}

    .epaper_download.download_showSingle td {
        border-bottom: none
    }

@media (max-width:850px) {
    .epaper_download table tr {
        border: none
    }

        .epaper_download table tr:first-child {
            border: none
        }
}

@media (max-width:500px) {
    .epaper_wrap:first-child {
        padding-right: 10px
    }

    .slidebox .epaper_link.button.submit {
        margin: 30px 0 10px
    }

        .slidebox .epaper_link.button.submit a {
            padding: 12px 35px
        }
}

.event-planner.showDetails .date,
.event-planner.showDetails .location {
    font-weight: bold
}

    .event-planner.showDetails .date span,
    .event-planner.showDetails .location span {
        padding-right: 5px
    }

.event-planner.showDetails .detail-information {
    margin-top: 12px
}

.event-planner.showDetails .buttons {
    margin-top: 60px;
    border-top: 1px solid #dedede;
    padding-top: 28px
}

    .event-planner.showDetails .buttons:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .event-planner.showDetails .buttons input[type="submit"] {
        max-width: 450px;
        width: auto;
        padding: 0 40px;
        float: right;
        background-color: #ededed;
        color: #333
    }

        .event-planner.showDetails .buttons input[type="submit"].primary {
            color: white;
            background-color: #094d98
        }

        .event-planner.showDetails .buttons input[type="submit"].normal {
            color: #333;
            background-color: #dedede
        }

.event_planner_showCategory .event-link {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:550px) {
    .event_planner_showCategory .event-link {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.event_planner_showCategory .image {
    width: 250px;
    min-width: 250px;
    height: auto;
    margin-top: 8px
}

@media (min-width:550px) {
    .event_planner_showCategory .image {
        margin-left: 16px;
        margin-top: 0
    }
}

.event_planner_showCategory .image img {
    max-width: 100%;
    min-width: 250px;
    height: auto
}

.event_planner_showCategory .date {
    margin: 0
}

.event_planner_showCategory .description {
    margin-top: 8px
}

.formgen.showForm {
    width: 100%
}

    .formgen.showForm:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .formgen.showForm select {
        max-width: 521px;
        width: auto
    }

        .formgen.showForm select[multiple] {
            overflow: auto
        }

    .formgen.showForm br {
        clear: both
    }

    .formgen.showForm .err {
        color: #d3000c
    }

    .formgen.showForm label.capt_err {
        padding-left: 0
    }

    .formgen.showForm button,
    .formgen.showForm input[type="submit"],
    .formgen.showForm input[type="button"],
    .formgen.showForm .button {
        max-width: 450px;
        width: auto;
        padding: 0 40px
    }

        .formgen.showForm button.primary,
        .formgen.showForm input[type="submit"].primary,
        .formgen.showForm input[type="button"].primary,
        .formgen.showForm .button.primary {
            color: white;
            background-color: #094d98
        }

        .formgen.showForm button.normal,
        .formgen.showForm input[type="submit"].normal,
        .formgen.showForm input[type="button"].normal,
        .formgen.showForm .button.normal {
            color: #333;
            background-color: #dedede
        }

        .formgen.showForm .button.back {
            background-color: #ededed;
            color: #333;
            margin-right: 10px
        }

    .formgen.showForm .field {
        margin-bottom: 20px;
        margin-right: 10px;
        float: left
    }

    .formgen.showForm .buttons:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .formgen.showForm input[type="text"],
    .formgen.showForm input[type="number"],
    .formgen.showForm input[type="password"] {
        max-width: 450px
    }

.formgen_showForm_upload_standard {
    margin: 30px auto
}

.formgen.confirm table {
    margin: 30px 0
}

    .formgen.confirm table td {
        vertical-align: top;
        padding: 1px 0
    }

        .formgen.confirm table td.label {
            padding-right: 20px;
            font-weight: bold;
            width: 30%
        }

.formgen.confirm .buttons {
    border-top: 1px solid #333;
    padding-top: 30px;
    margin: 30px 0
}

    .formgen.confirm .buttons:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .formgen.confirm .buttons input[type="submit"] {
        max-width: 450px;
        width: auto;
        padding: 0 40px;
        margin-right: 10px
    }

        .formgen.confirm .buttons input[type="submit"].primary {
            color: white;
            background-color: #094d98
        }

        .formgen.confirm .buttons input[type="submit"].normal {
            color: #333;
            background-color: #dedede
        }

.kwl-advertisement.showDetail dl {
    width: 100%;
    margin-bottom: 20px
}

    .kwl-advertisement.showDetail dl dt {
        padding-top: 10px;
        font-weight: bold
    }

@media (min-width:400px) {
    .kwl-advertisement.showDetail dl dt {
        display: inline-block;
        width: 160px
    }
}

@media (min-width:500px) {
    .kwl-advertisement.showDetail dl dt {
        width: 200px;
        padding-top: 15px
    }
}

.kwl-advertisement.showDetail dl dd {
    padding-bottom: 10px
}

    .kwl-advertisement.showDetail dl dd.block {
        display: block;
        width: 100%
    }

@media (min-width:400px) {
    .kwl-advertisement.showDetail dl dd {
        display: inline-block;
        width: calc(100% - 170px)
    }
}

@media (min-width:500px) {
    .kwl-advertisement.showDetail dl dd {
        width: calc(100% - 210px);
        padding-bottom: 15px
    }
}

.kwl-advertisement.showDetail table.download {
    margin-bottom: 70px
}

    .kwl-advertisement.showDetail table.download td.file-title {
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .kwl-advertisement.showDetail *::-ms-backdrop,
    .kwl-advertisement.showDetail table.download td.file-title {
        -ms-word-break: normal
    }

.kwl-advertisement.showList .row-title {
    padding-left: 0
}

@media (min-width:850px) {
    .kwl-advertisement.showList .right-align {
        text-align: right
    }
}

.kwl-advertisement.showList p + h2 {
    margin-top: 70px
}

.kwl-construction .text_show,
.kwl-construction form {
    padding: 0 20px
}

.kwl-construction.showForm {
    margin-bottom: 40px
}

    .kwl-construction.showForm:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .kwl-construction.showForm .field {
        margin: 15px 0 5px;
        padding-left: 5px;
        clear: both
    }

    .kwl-construction.showForm .err {
        color: #d3000c
    }

    .kwl-construction.showForm label {
        display: block;
        margin-bottom: 10px;
        margin-left: -5px
    }

    .kwl-construction.showForm input[type="text"],
    .kwl-construction.showForm input[type="datetime"],
    .kwl-construction.showForm .contact select {
        height: 30px;
        padding: 5px;
        border: thin solid black
    }

    .kwl-construction.showForm input[type="text"] {
        width: 400px
    }

    .kwl-construction.showForm textarea {
        width: 400px;
        height: 100px
    }

    .kwl-construction.showForm .col-left {
        float: left;
        width: 405px;
        margin-right: 50px
    }

    .kwl-construction.showForm .col-right {
        float: left
    }

    .kwl-construction.showForm .street:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .kwl-construction.showForm .street #street_search {
        margin-right: 10px
    }

    .kwl-construction.showForm .street #street_select {
        width: 400px
    }

    .kwl-construction.showForm .duration:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .kwl-construction.showForm .duration .from,
    .kwl-construction.showForm .duration .to {
        float: left;
        clear: none
    }

    .kwl-construction.showForm .duration .from {
        margin-right: 20px
    }

    .kwl-construction.showForm .possible-measures select,
    .kwl-construction.showForm .possible-disturbances select {
        width: 300px;
        height: auto;
        padding: 3px 0;
        background-image: none;
        font-size: .875em;
        overflow-y: scroll
    }

    .kwl-construction.showForm .select_box td {
        vertical-align: top
    }

    .kwl-construction.showForm .select_box .label {
        position: relative;
        top: 0;
        padding-bottom: 10px;
        width: 300px;
        text-align: left
    }

    .kwl-construction.showForm .select_box .choice {
        width: 50px;
        vertical-align: middle;
        padding: 0 5px
    }

        .kwl-construction.showForm .select_box .choice .button {
            margin-bottom: 5px
        }

    .kwl-construction.showForm .remarks textarea {
        width: 100%
    }

    .kwl-construction.showForm .submit {
        clear: both;
        padding-top: 10px
    }

        .kwl-construction.showForm .submit:before {
            width: 250px;
            content: '';
            display: block;
            height: 1px;
            background-color: black;
            margin-bottom: 10px
        }

        .kwl-construction.showForm .submit .button {
            width: 100px
        }

.kwl-construction.showList .pager {
    float: left;
    margin-right: 100px
}

    .kwl-construction.showList .pager span {
        float: left;
        line-height: 40px
    }

    .kwl-construction.showList .pager .button {
        margin: 0 5px
    }

.kwl-construction.showList .search {
    float: left;
    margin-right: 100px
}

    .kwl-construction.showList .search input[type="text"] {
        float: left;
        width: 300px;
        height: 40px;
        padding: 5px;
        margin-right: 5px
    }

.kwl-construction.showList a {
    color: #094d98;
    text-decoration: none
}

    .kwl-construction.showList a:hover {
        text-decoration: underline
    }

    .kwl-construction.showList a.pdf {
        line-height: 40px;
        padding-right: 10px
    }

.kwl-construction.showList .results {
    clear: both;
    margin-top: 40px
}

.kwl-construction.showList table {
    font-size: 12px
}

    .kwl-construction.showList table th {
        font-size: 14px;
        text-align: left;
        border-bottom: 1px solid #094d98;
        vertical-align: bottom;
        padding: 2px
    }

    .kwl-construction.showList table td {
        padding: 2px
    }

    .kwl-construction.showList table tr.even {
        background-color: #F3F3F3
    }

.distributor-form__fieldset {
    margin-bottom: 20px
}

.distributor-form__radio-btn {
    clear: both;
    color: #032c58
}

    .distributor-form__radio-btn:last-child {
        margin-bottom: 10px
    }

.distributor-form__field {
    margin-bottom: 20px;
    padding-right: 10px;
    box-sizing: border-box
}

@media (min-width:400px) {
    .distributor-form__field--50 {
        width: 50%;
        float: left
    }
}

@media (min-width:750px) and (max-width:850px),(min-width:1010px) and (max-width:1120px),(min-width:1300px) {
    .distributor-form__field--file {
        width: 50%;
        float: left
    }
}

.distributor-form__field--file input[type="file"] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.distributor-form__field--file label {
    position: relative;
    width: 100%;
    height: 50px;
    background: #ddd;
    line-height: 50px;
    text-align: center;
    cursor: pointer
}

.distributor-form__field--back,
.distributor-form__field--city,
.distributor-form__field--reset,
.distributor-form__field--submit,
.distributor-form__field--zip {
    float: left
}

.distributor-form__field--zip {
    width: 110px
}

@media (min-width:500px) {
    .distributor-form__field--zip {
        width: 135px
    }
}

.distributor-form__field--city {
    width: calc(100% - 110px)
}

@media (min-width:500px) {
    .distributor-form__field--city {
        width: calc(100% - 135px)
    }
}

.distributor-form__field--back,
.distributor-form__field--reset,
.distributor-form__field--submit {
    width: 50%
}

@media (min-width:500px) {
    .distributor-form__field--back,
    .distributor-form__field--reset,
    .distributor-form__field--submit {
        width: 150px
    }
}

.distributor-form__select {
    margin-bottom: 20px;
    padding-right: 10px
}

    .distributor-form__select select {
        float: none
    }

    .distributor-form__select #salutation {
        width: auto
    }

.distributor-form__slidebox {
    box-sizing: border-box;
    padding-right: 10px
}

    .distributor-form__slidebox:last-child {
        margin-bottom: 20px
    }

.distributor-form__list {
    margin: 0 0 20px 23px
}

    .distributor-form__list li:before {
        content: '-';
        position: absolute;
        margin-left: -23px
    }

.distributor-form__paragraph {
    margin-bottom: 40px
}

.distributor-form__back,
.distributor-form__reset,
.distributor-form__submit {
    position: relative;
    width: 100%;
    height: 50px;
    background: #ddd;
    line-height: 50px;
    text-align: center;
    cursor: pointer
}

.distributor-form__submit {
    background: #094d98;
    color: #fff
}

.distributor-form .error {
    color: #d3000c
}

.distributor-error-msg {
    color: #d3000c
}

.distributor-review__field {
    margin-bottom: 20px;
    padding-right: 10px;
    box-sizing: border-box
}

.distributor-review__field--print {
    width: 50%
}

@media (min-width:500px) {
    .distributor-review__field--print {
        width: 150px
    }
}

.distributor-review__print-button {
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    background: #ddd;
    line-height: 50px;
    text-align: center;
    cursor: pointer
}

.review_form table {
    margin-bottom: 30px
}

@media (min-width:851px) {
    .review_form table td.label {
        width: 30%
    }
}

.parent_accordion-content.invisible {
    display: none
}

.parent_accordion {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px
}

    .parent_accordion h4,
    .parent_accordion .parent_accordion-opener {
        cursor: pointer;
        background: #fff;
        border: 1px solid #e6e6e6;
        padding: 13px 50px 13px 20px;
        box-sizing: border-box;
        position: relative;
        -webkit-transition: background .5s ease;
        transition: background .5s ease
    }

@media (max-width:500px) {
    .parent_accordion h4,
    .parent_accordion .parent_accordion-opener {
        padding: 10px 34px 10px 10px
    }
}

.parent_accordion h4.active,
.parent_accordion .parent_accordion-opener.active {
    background: #094d98;
    color: #fff;
    border: none
}

.parent_accordion h4.deactivated,
.parent_accordion .parent_accordion-opener.deactivated {
    background: #fff
}

.parent_accordion h4:before,
.parent_accordion .parent_accordion-opener:before {
    content: '';
    position: absolute;
    background: url(../images/arrowright.png) center no-repeat;
    width: 20px;
    height: 100%;
    top: 0;
    right: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.parent_accordion h4.active:before,
.parent_accordion .parent_accordion-opener.active:before {
    background: url(../images/arrowrightwhite.png) center no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(270deg)
}

.parent_accordion .parent_accordion-content {
    overflow: hidden;
    margin: 0;
    padding: 20px 20px 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box;
    margin: -1px 0 0
}

    .parent_accordion .parent_accordion-content img {
        max-width: 100%;
        height: auto
    }

@media (max-width:500px) {
    .parent_accordion .parent_accordion-content {
        padding: 10px
    }
}

.parent_accordion .parent_accordion-content .question {
    display: none
}

.parent_accordion .parent_accordion-content .answer:not(:last-child) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.parent_accordion .parent_accordion-content .answer > img {
    display: block;
    margin-top: 10px
}

.umsatzsteuernachweis {
    font-size: .8em
}

    .umsatzsteuernachweis h4 {
        font-weight: bold
    }

    .umsatzsteuernachweis h5 {
        font-weight: bold
    }

    .umsatzsteuernachweis .table-col-left {
        padding-right: 10px
    }

.submit a {
    cursor: pointer;
    background: #094d98;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 0;
    color: #fff;
    padding: 0 20px;
    max-width: 400px;
    float: right;
    right: auto;
    margin-top: 0;
    position: relative
}

    .submit a:hover {
        color: white !important;
        text-decoration: none !important
    }

#kwl_calculator select {
    width: 250px
}

@media (max-width:850px) {
    #kwl_calculator select {
        width: 100%;
        position: relative;
        z-index: 11
    }
}

#kwl_calculator .redstar {
    color: #d3000c
}

#kwl_calculator .hint {
    margin-left: 270px;
    position: relative
}

    #kwl_calculator .hint.zaehlernennleistung-hint {
        top: 13px
    }

    #kwl_calculator .hint.serviceumfang-hint {
        top: 12px
    }

    #kwl_calculator .hint.jahresverbrauch-hint {
        top: -38px
    }

@media (max-width:850px) {
    #kwl_calculator .hint.jahresverbrauch-hint {
        top: 12px
    }
}

#kwl_calculator .hint.versiegelte-hint {
    top: -38px
}

@media (max-width:850px) {
    #kwl_calculator .hint.versiegelte-hint {
        top: 12px
    }
}

#kwl_calculator .hint.versiegelte_teilweise-hint {
    top: -38px
}

@media (max-width:850px) {
    #kwl_calculator .hint.versiegelte_teilweise-hint {
        top: 12px
    }
}

@media (max-width:850px) {
    #kwl_calculator .hint {
        margin-left: 10px
    }
}

#kwl_calculator input[type="text"] {
    width: 250px
}

@media (max-width:850px) {
    #kwl_calculator input[type="text"] {
        width: 100%;
        position: relative;
        z-index: 11
    }
}

#kwl_calculator .table td {
    white-space: nowrap
}

    #kwl_calculator .table td.sum {
        font-weight: bold
    }

    #kwl_calculator .table td.bt-download {
        min-height: 50px
    }

@media (max-width:850px) {
    #kwl_calculator .nomobile {
        display: none
    }

    #kwl_calculator .row-title {
        display: none
    }

    #kwl_calculator .l {
        font-weight: bold
    }

    #kwl_calculator #water_verbrauch::before,
    #kwl_calculator #dirtwater_verbrauch::before,
    #kwl_calculator #condensation_verbrauch::before {
        content: 'Ihre Angaben: '
    }

    #kwl_calculator #water_basispreis::before,
    #kwl_calculator #dirtwater_basispreis::before {
        content: 'Basispreis: '
    }

    #kwl_calculator #water_bereitstellung::before,
    #kwl_calculator #dirtwater_bereitstellung::before {
        content: 'Bereitstellungspreis: '
    }

    #kwl_calculator #water_arbeitspreis::before,
    #kwl_calculator #dirtwater_arbeitspreis::before,
    #kwl_calculator #condensation_arbeitspreis::before {
        content: 'Mengenpreis: '
    }

    #kwl_calculator #water_price_total::before,
    #kwl_calculator #dirtwater_price_total::before,
    #kwl_calculator #condensation_price_total::before {
        content: 'Summe: '
    }
}

.low-prins.showDetailContact {
    margin-top: 60px
}

    .low-prins.showDetailContact .description {
        margin: 8px 0
    }

    .low-prins.showDetailContact a {
        color: #094d98
    }

    .low-prins.showDetailContact .description,
    .low-prins.showDetailContact > p,
    .low-prins.showDetailContact a {
        padding: 0 20px 0 20px
    }

    .low-prins.showDetailContact .name {
        font-weight: bold
    }

.prins.showList .formbox {
    margin-right: 10px
}

    .prins.showList .formbox.year {
        width: 100px
    }

    .prins.showList .formbox.quater {
        width: 140px
    }

    .prins.showList .formbox.company {
        width: calc(100% - 360px)
    }

    .prins.showList .formbox.submit {
        width: 90px;
        margin-right: 0
    }

    .prins.showList .formbox > .list li {
        padding-left: 3px;
        box-sizing: border-box
    }

    .prins.showList .formbox h3 {
        font-size: 1.1em;
        font-weight: normal
    }

    .prins.showList .formbox p a {
        font-weight: normal
    }

    .prins.showList .formbox ul li:hover p a {
        text-decoration: underline;
        color: #094d98
    }

.prins.showList .list li a {
    border-top: 0;
    padding: 45px 0 60px
}

.prins.showList .list h3 {
    font-size: 1.4em;
    font-weight: normal
}

.prins.showList .list p {
    font-size: .9em;
    line-height: 1.5em
}

.prins.showList .list .date {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: bold
}

.prins.showDetail p {
    margin-bottom: 20px
}

.lvb_maps_show #routing_container .ticket-recommendation button {
    float: none;
    padding: 0 50px;
    width: auto
}

.lvb_maps_show #routing_container .ticket-recommendation p.message {
    margin: 20px 0
}

.lvb_maps_show #routing_container .ticket-recommendation .zones {
    margin: 20px 0;
    overflow: hidden
}

    .lvb_maps_show #routing_container .ticket-recommendation .zones dt {
        float: left;
        font-weight: bold;
        margin-right: 5px
    }

    .lvb_maps_show #routing_container .ticket-recommendation .zones dd {
        float: left;
        margin-right: 25px
    }

.lvb_maps_show #routing_container .ticket-recommendation table th {
    border-bottom: 3px solid #fbc10f;
    font-weight: bold;
    color: #333;
    padding: 20px;
    text-align: left;
    vertical-align: bottom
}

.lvb_maps_show #routing_container .ticket-recommendation table td {
    border-top: 1px solid #dedede;
    padding: 13px 20px;
    vertical-align: top;
    text-align: left
}

.lvb_maps_show #routing_container .ticket-recommendation table tr:first-child td {
    border-top: 0
}

.lvb_maps_show #routing_container .ticket-recommendation table tr:hover {
    background: #e5f2fd
}

.lvb_maps_show #routing_container .ticket-recommendation table tr:last-child td {
    padding-bottom: 26px
}

.lvb_maps_show #routing_container .ticket-recommendation table td .row-title {
    display: none;
    font-weight: bold;
    text-transform: none;
    padding-bottom: 5px
}

.lvb_maps_show #routing_container .ticket-recommendation table.small th,
.lvb_maps_show #routing_container .ticket-recommendation table.small td {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.lvb_maps_show #routing_container .ticket-recommendation table.small.supersmall {
    font-size: .8em;
    padding: 5px 3px !important
}

.lvb_maps_show #routing_container .ticket-recommendation table .price {
    text-align: right
}

.lvb_maps_show #routing_container .ticket-recommendation table .shop {
    text-align: center
}

.lvb_maps_show #routing_container .ticket-recommendation table th,
.lvb_maps_show #routing_container .ticket-recommendation table td {
    line-height: .8em;
    font-size: .8em
}

.lvb_maps_show #routing_container .ticket-recommendation table td {
    padding: 8px 20px
}

    .lvb_maps_show #routing_container .ticket-recommendation table td a {
        color: #094d98
    }

@media screen and (max-width:750px) {
    .lvb_maps_show #routing_container .ticket-recommendation table th {
        padding-top: 10px;
        padding-bottom: 10px
    }

        .lvb_maps_show #routing_container .ticket-recommendation table th:first-child,
        .lvb_maps_show #routing_container .ticket-recommendation table td:first-child {
            padding-left: 20px
        }

    .lvb_maps_show #routing_container .ticket-recommendation table th,
    .lvb_maps_show #routing_container .ticket-recommendation table td {
        padding-left: 0;
        padding-right: 0
    }

    .lvb_maps_show #routing_container .ticket-recommendation table .price {
        padding-right: 10px
    }
}

.lvb-maps.showSearchForm:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.lvb-maps.showSearchForm select {
    background-color: white
}

.lvb-maps.showSearchForm input,
.lvb-maps.showSearchForm select {
    border: 0 !important
}

    .lvb-maps.showSearchForm input[type="text"] {
        max-width: none
    }

#form_connection:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

#form_connection .connection_field {
    margin-bottom: 15px;
    margin-right: calc(15px);
    float: left;
    position: relative
}

    #form_connection .connection_field span.has_error label {
        display: block
    }

    #form_connection .connection_field span .err {
        position: absolute;
        top: -30px
    }

@media screen and (max-width:500px) {
    #form_connection .connection_field span .err {
        position: relative;
        top: 0
    }
}

#form_connection .connection_field #trigger_modify_search {
    display: none
}

#form_connection .connection_field.extended {
    display: none
}

#form_connection .connection_field.from {
    width: 40%;
    width: calc(40% - 75px)
}

@media screen and (max-width:900px) {
    #form_connection .connection_field.from {
        width: 50%;
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:500px) {
    #form_connection .connection_field.from {
        width: 100%;
        margin-right: 0
    }
}

#form_connection .connection_field.switch {
    width: 45px
}

    #form_connection .connection_field.switch span.button {
        background: #094d98 url(../images/switcharrow.png) center no-repeat;
        background-size: 32px;
        font-size: 0;
        width: 100%
    }

        #form_connection .connection_field.switch span.button.disabled {
            background-color: #dedede;
            cursor: auto
        }

#form_connection .connection_field.to {
    width: 35%;
    width: calc(35% - 15px)
}

@media screen and (max-width:900px) {
    #form_connection .connection_field.to {
        width: 50%;
        margin-right: 0
    }
}

@media screen and (max-width:500px) {
    #form_connection .connection_field.to {
        width: 100%
    }
}

#form_connection .connection_field.submit {
    width: 12%;
    width: calc(12% - 15px);
    margin-right: calc(15px)
}

@media screen and (max-width:900px) {
    #form_connection .connection_field.submit {
        width: 50%;
        width: calc(50% - 15px)
    }
}

#form_connection .connection_field.extend {
    width: 13%;
    margin-right: 0
}

@media screen and (max-width:900px) {
    #form_connection .connection_field.extend {
        width: 50%
    }
}

#form_connection.extend .connection_field.extended {
    display: block
}

#form_connection.extend .connection_field.from {
    width: 50%;
    width: calc(50% - 75px)
}

@media (max-width:900px) {
    #form_connection.extend .connection_field.from {
        width: calc(50% - 15px)
    }
}

@media (max-width:500px) {
    #form_connection.extend .connection_field.from {
        width: 100%;
        margin-right: 0
    }
}

#form_connection.extend .connection_field.to {
    width: 50%;
    margin-right: 0
}

@media (max-width:500px) {
    #form_connection.extend .connection_field.to {
        width: 100%
    }
}

#form_connection.extend .connection_field.via {
    clear: left;
    width: 100%;
    width: calc(100% - 410px)
}

@media screen and (max-width:900px) {
    #form_connection.extend .connection_field.via {
        width: 50%;
        width: calc(50% - 15px)
    }
}

#form_connection.extend .connection_field.departure {
    width: 145px
}

@media screen and (max-width:900px) {
    #form_connection.extend .connection_field.departure {
        margin-right: 0;
        width: 50%
    }
}

#form_connection.extend .connection_field.time {
    width: 85px
}

@media screen and (max-width:900px) {
    #form_connection.extend .connection_field.time {
        clear: left
    }
}

@media (max-width:500px) {
    #form_connection.extend .connection_field.time {
        width: 50%;
        width: calc(50% - 15px)
    }
}

#form_connection.extend .connection_field.date {
    width: 135px;
    margin-right: 0
}

@media (max-width:500px) {
    #form_connection.extend .connection_field.date {
        width: 50%
    }
}

#form_connection.extend .connection_field.transport {
    clear: left;
    width: 75%;
    width: calc(75% - 15px)
}

    #form_connection.extend .connection_field.transport label {
        display: inline-block;
        width: 44px;
        position: relative;
        top: 2px;
        left: 0;
        padding-right: 15px;
        padding-left: 10px
    }

@media screen and (max-width:500px) {
    #form_connection.extend .connection_field.transport label {
        top: 4px
    }
}

@media screen and (max-width:900px) {
    #form_connection.extend .connection_field.transport input[type="checkbox"] {
        height: auto !important;
        line-height: normal
    }
}

#form_connection.extend .connection_field.transport .lvb_maps_partial_mot li {
    float: left
}

#form_connection.extend .connection_field.submit {
    width: 25%;
    margin-right: 0;
    margin-bottom: 0;
    float: right
}

#form_connection.extend .connection_field.extend {
    display: none
}

.lvb_maps.show .sidebar_maps select {
    background-color: white
}

.lvb_maps.show .sidebar_maps input,
.lvb_maps.show .sidebar_maps select {
    border: 0 !important
}

    .lvb_maps.show .sidebar_maps input[type="text"] {
        max-width: none
    }

.lvb_maps.show .sideNavigation {
    margin: 0;
    list-style: none;
    margin-bottom: 50px
}

    .lvb_maps.show .sideNavigation li {
        margin-bottom: 1px;
        display: inline-block;
        margin-right: 15px
    }

        .lvb_maps.show .sideNavigation li a {
            background: #ddd;
            display: block;
            padding: 12px 15px;
            line-height: inherit
        }

@media (max-width:900px) {
    .lvb_maps.show .sideNavigation li a {
        padding: 8px 5px
    }
}

@media (max-width:400px) {
    .lvb_maps.show .sideNavigation li a {
        padding: 12px 5px
    }
}

.lvb_maps.show .sideNavigation li.on a {
    background: #094d98;
    color: white !important;
    text-decoration: none !important
}

    .lvb_maps.show .sideNavigation li.on a:hover {
        color: white !important
    }

.lvb_maps.show .sideNavigation li:hover a {
    text-decoration: none !important;
    color: #333 !important
}

@media (max-width:900px) {
    .lvb_maps.show .sideNavigation {
        width: 100%;
        margin-bottom: 30px
    }

        .lvb_maps.show .sideNavigation li {
            margin-right: 15px;
            margin-bottom: 0;
            float: left
        }
}

@media (max-width:500px) {
    .lvb_maps.show .sideNavigation.opened {
        background: none
    }

        .lvb_maps.show .sideNavigation.opened li {
            display: block
        }

    .lvb_maps.show .sideNavigation li {
        display: none;
        width: 100%
    }

        .lvb_maps.show .sideNavigation li.on {
            display: block
        }

            .lvb_maps.show .sideNavigation li.on a {
                background: #094d98 url(../images/dropdownarrow2white.png) right center no-repeat
            }
}

.lvb_maps.show .formbox {
    width: 100%
}

    .lvb_maps.show .formbox span.button {
        width: 100%;
        max-width: 100%
    }

.lvb_maps.show .tab.timetable input[type=submit] {
    width: auto;
    padding: 0 25px
}

.lvb_maps.show .timetable_content .download {
    margin: 20px 0
}

    .lvb_maps.show .timetable_content .download:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .lvb_maps.show .timetable_content .download > * {
        float: left
    }

    .lvb_maps.show .timetable_content .download a {
        padding-right: 13px
    }

    .lvb_maps.show .timetable_content .download div .file-type {
        padding-right: 9px
    }

    .lvb_maps.show .timetable_content .download div a {
        background: url(../images/arrowright.png) no-repeat;
        width: 10px;
        height: 19px;
        display: inline-block;
        padding: 0;
        padding-right: 3px;
        border-right: 2px solid #666;
        position: relative;
        top: 18px;
        right: 15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        top: 6px;
        right: 0
    }

.lvb_maps.show .tab.net {
    margin-right: 15px
}

    .lvb_maps.show .tab.net ul li {
        float: left;
        margin-right: 40px;
        margin-bottom: 10px
    }

        .lvb_maps.show .tab.net ul li * {
            float: left
        }

        .lvb_maps.show .tab.net ul li span.button.submit {
            width: auto;
            height: auto;
            margin-right: 10px;
            padding: 0 25px
        }

        .lvb_maps.show .tab.net ul li span.file-type {
            padding-top: 13px;
            margin-right: 20px
        }

        .lvb_maps.show .tab.net ul li a {
            background: url(../images/arrowright.png) no-repeat;
            width: 10px;
            height: 19px;
            display: inline-block;
            padding: 0;
            padding-right: 3px;
            border-right: 2px solid #666;
            position: relative;
            top: 18px;
            right: 15px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            top: 16px;
            right: 10px
        }

.lvb_maps.show .lvb_maps_partial_timetable_content #timetable_directions {
    width: auto
}

.lvb_maps.show .lvb_maps_partial_timetable_content .timetable_changes:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.lvb_maps.show .slide_opener.active .late p {
    color: #fff !important
}

.lvb_maps.show .timetable_direction .formbox {
    width: 100%;
    margin-top: 20px;
    float: none;
    margin-bottom: 20px
}

    .lvb_maps.show .timetable_direction .formbox input {
        padding-left: 40px;
        padding-right: 40px;
        float: none
    }

@media (max-width:500px) {
    .lvb_maps.show .timetable_direction .formbox input {
        width: 100%;
        max-width: 100%
    }
}

.lvb_maps.show #map {
    height: 400px;
    height: 50vh;
    width: 100%
}

.lvb_maps.show .routing_container #ajax_connection_error {
    width: 90%;
    max-width: 1000px;
    padding-top: 50px;
    margin: auto;
    padding-bottom: 50px
}

#main .lvb_maps_show .fullwidth.topcontent {
    padding: 20px 0 !important
}

@media (max-width:900px) {
    #main .lvb_maps_show .fullwidth.topcontent {
        padding: 30px 0 10px !important;
        min-height: 180px
    }
}

#main .lvb_search_form .fullwidth.topcontent {
    padding-top: 5px !important
}

#main .lvb_maps_show .fullwidth.topcontent.add-padding-top {
    padding: 40px 0 !important
}

@media (max-width:900px) {
    #main .lvb_maps_show .fullwidth.topcontent.add-padding-top {
        padding: 50px 0 10px !important;
        min-height: 180px
    }
}

.tab.stop .stop_field .err {
    position: absolute;
    top: -30px;
    left: 0
}

.stop_field,
.timetable_field {
    margin-bottom: 15px;
    margin-right: calc(15px);
    float: left
}

#routing_container .slidebox,
#stop_content .slidebox {
    width: 100%
}

.lvb_maps_partial_connection_options {
    float: left;
    width: 78px
}

.lvb_maps_partial_connection p.lfloat img.lfloat {
    margin-top: 2px;
    margin-right: 4px
}

.lvb_maps_partial_connection label.err {
    font-weight: normal
}

.lvb_maps_partial_connection span.timeEntry_wrap span.timeEntry_control {
    display: none !important
}

.lvb_maps_partial_connection span.submit-blue {
    margin-right: 8px
}

#routing_container .connection-head h4 {
    color: #e6e2dd;
    font-size: 13px;
    margin-bottom: 4px
}

#routing_container span.submit {
    margin-top: -36px;
    margin-right: 16px
}

#routing_container table {
    clear: both;
    margin-bottom: 16px
}

#routing_container th.station {
    width: 195px;
    padding-left: 42px
}

#routing_container .date {
    width: 87px
}

#routing_container .time {
    width: 120px
}

#routing_container .duration {
    width: 78px
}

#routing_container .changes {
    width: 46px
}

#routing_container .products {
    width: 125px
}

#routing_container .info {
    width: 23px
}

#routing_container td.recommend {
    vertical-align: middle
}

#routing_container label {
    font-weight: bold;
    display: inline-block;
    color: #84817d;
    text-align: right
}

#routing_container .station label {
    padding-right: 5px;
    width: 35px
}

#routing_container .station span {
    width: 195px;
    font-weight: bold
}

#routing_container tr.action td {
    background: #f2f2f2;
    padding-top: 3px;
    padding-bottom: 3px
}

#routing_container tr.close td {
    background: #fff
}

#routing_container tr.open td {
    background: #ececeb
}

#routing_container tr.results td {
    background: #fff;
    padding: 0
}

#routing_container tr.results table {
    margin: 0
}

    #routing_container tr.results table td {
        vertical-align: top;
        border: none;
        padding: 3px 5px 3px 0
    }

    #routing_container tr.results table tr.next td {
        border-top: 1px solid #e4e4e4
    }

    #routing_container tr.results table .line {
        width: 94px;
        padding-left: 22px
    }

    #routing_container tr.results table .station {
        width: 195px;
        padding-left: 0
    }

    #routing_container tr.results table .duration {
        width: 128px
    }

    #routing_container tr.results table .comment {
        width: 154px
    }

    #routing_container tr.results table a.toggle {
        padding-left: 4px;
        margin-top: 4px;
        margin-right: 7px;
        height: 9px
    }

#routing_container td.station span.extra {
    font-weight: normal
}

#routing_container tr.results th {
    background: #f9f9f8;
    color: #323232;
    border: none;
    font-size: 11px;
    text-shadow: 0 1px 1px #fff;
    padding-top: 3px;
    padding-bottom: 3px
}

#routing_container tr.results strong {
    font-weight: bold
}

span.transport-types {
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px
}

    span.transport-types img {
        margin-top: -188px;
        width: 32px
    }

span.str img,
span.stn img,
span.sth img {
    margin-top: 0
}

span.bus img,
span.bun img,
span.buh img {
    margin-top: -37px
}

span.s img {
    margin-top: -75px
}

span.nl img {
    margin-top: -112px
}

span.walk img {
    margin-top: -150px
}

.routing_container {
    padding: 20px 0
}

#routing_container .connection-head {
    padding: 17px 20px;
    margin-bottom: 20px;
    background: white
}

#routing_container span.spacer {
    margin-left: 23px
}

#routing_container a.ticketrecommend {
    background: url(../images/btn_ticketrecommend.png) no-repeat;
    width: 23px;
    height: 25px;
    display: block;
    text-indent: -9999px;
    z-index: 100;
    outline: 0
}

#routing_container a.toggle {
    background: url("../images/icon_toggle.gif") no-repeat scroll 5px -9px transparent;
    text-indent: -9999px;
    display: inline-block;
    padding-left: 70px;
    float: left;
    margin-top: 8px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    outline: 0;
    height: 25px;
    width: 5px
}

#routing_container a.close {
    background-position: 5px -205px
}

#routing_container tr.results a.toggle {
    background-position: right 0;
    margin-left: 7px
}

#routing_container tr.results a.close {
    background-position: right -196px
}

#routing_container #action_later {
    background-position: 0 -14px
}

#routing_container .notice {
    position: absolute;
    top: 2px;
    right: 0;
    width: 55%
}

    #routing_container .notice span {
        border: 1px solid #000;
        height: 120px;
        width: 100%;
        display: block
    }

#routing_container .print-head {
    display: none;
    position: relative
}

    #routing_container .print-head dl {
        margin-bottom: 60px
    }

        #routing_container .print-head dl dt {
            float: left;
            padding: 3px 0
        }

        #routing_container .print-head dl dd {
            margin-left: 40px;
            padding: 3px 0
        }

#routing_container span.extra {
    color: #666;
    display: block;
    margin-bottom: 8px
}

#stop_tab_content label {
    display: block
}

#stop_tab_content p.lfloat label {
    clear: both
}

.lvb_maps_partial_stop p.rfloat {
    clear: both
}

.lvb_maps_partial_stop_content {
    clear: both;
    padding-top: 16px
}

    .lvb_maps_partial_stop_content table.list {
        margin-bottom: 0;
        width: 100%
    }

    .lvb_maps_partial_stop_content span.number {
        font-size: 25px;
        display: block;
        line-height: 140%;
        padding-top: 15px;
        font-weight: bold
    }

    .lvb_maps_partial_stop_content .type.tram {
        background: url(../images/tram.png) no-repeat
    }

    .lvb_maps_partial_stop_content .type.bus {
        background: url(../images/bus.png) no-repeat
    }

    .lvb_maps_partial_stop_content .type.train {
        background: url(../images/other_30.png) no-repeat
    }

    .lvb_maps_partial_stop_content .type.s {
        background: url(../images/s_30.png) no-repeat
    }

    .lvb_maps_partial_stop_content .message {
        height: 30px;
        width: 30px;
        background-size: contain !important;
        font-size: 0;
        display: inline-block
    }

    .lvb_maps_partial_stop_content .message_content {
        height: 24px;
        width: 24px;
        display: inline-block
    }

    .lvb_maps_partial_stop_content .message.info {
        background: url(../images/lvb/INFO.png) no-repeat
    }

    .lvb_maps_partial_stop_content .message.warning {
        background: url(../images/lvb/WARNING.png) no-repeat
    }

    .lvb_maps_partial_stop_content .message.problem {
        background: url(../images/lvb/PROBLEM.png) no-repeat
    }

.lvb_maps_partial_timetable_content {
    padding-top: 50px
}

.lvb_maps_partial_timetable .form_timetable {
    padding-top: 20px;
    margin: 0
}

.lvb_maps_partial_timetable h4 {
    color: #fff
}

.lvb_maps_partial_timetable .widget-list li p.last {
    margin-right: 0
}

.lvb_maps_partial_timetable_content span.submit {
    margin: 16px 0
}

.lvb_maps_partial_timetable_content ul.direction {
    margin-bottom: 0
}

    .lvb_maps_partial_timetable_content ul.direction span {
        line-height: 20px
    }

    .lvb_maps_partial_timetable_content ul.direction a.download {
        padding-left: 24px;
        margin-left: 88px;
        line-height: 20px;
        background-position: 0 1px
    }

.lvb_maps_partial_timetable_content div.timetable_changes {
    margin-top: 16px
}

.lvb_maps_ajax_poi {
    overflow: hidden;
    float: left;
    width: 304px
}

    .lvb_maps_ajax_poi li {
        overflow: hidden;
        display: block
    }

    .lvb_maps_ajax_poi input.lfloat {
        margin: 0
    }

    .lvb_maps_ajax_poi img.lfloat {
        margin: 2px 5px 2px 2px
    }

    .lvb_maps_ajax_poi h5 {
        margin-top: 7px;
        font-weight: bold
    }

    .lvb_maps_ajax_poi p.trigger {
        padding: 0;
        float: left;
        margin: 6px 8px 0 0
    }

    .lvb_maps_ajax_poi ul.list {
        width: 293px
    }

        .lvb_maps_ajax_poi ul.list li {
            margin-bottom: 0
        }

p.lvb_maps_partial_add_to_mylvb {
    font-size: 11px;
    color: #d8d7d5;
    line-height: 13px;
    font-weight: bold;
    width: 102px;
    float: left
}

.lvb_maps_partial_stop_content p.lvb_maps_partial_add_to_mylvb {
    width: auto
}

.lvb_maps_partial_traffic li {
    background: #FEFDA5
}

.lvb_maps_partial_construction li {
    background: #BFCFE8
}

    .lvb_maps_partial_construction li.important,
    .lvb_maps_partial_traffic li.important {
        background: #F0B9A2
    }

div.gmnoprint div h3 {
    color: #000;
    margin-bottom: 5px
}

#schedule_content_data {
    clear: both
}

table.routing,
table.reports {
    background-color: #444;
    width: 100%
}

    table.routing table.details {
        background-color: #666;
        width: 100%
    }

    table.routing th,
    table.reports th {
        border: 1px solid #FFF;
        font-weight: bold;
        text-align: left
    }

    table.routing td,
    table.reports td {
        border: 1px solid #FFF
    }

    table.routing tr.connection {
        background-color: #444
    }

p.error {
    background-color: #d3000c;
    color: white;
    margin: 0 0 1em;
    padding: .5em 1em
}

div#map div.info {
    color: black
}

.initially_hidden {
    display: none
}

div.gm_marker_info {
    padding-bottom: 12px
}

    div.gm_marker_info * {
        font-size: 11px;
        line-height: 1.5
    }

    div.gm_marker_info h3 {
        padding-bottom: 0
    }

    div.gm_marker_info h5 {
        color: #333
    }

        div.gm_marker_info h5.action {
            border-top: 1px solid #333;
            padding-top: 3px;
            text-transform: uppercase;
            margin-bottom: 2px
        }

    div.gm_marker_info label {
        text-transform: uppercase
    }

    div.gm_marker_info span.trigger {
        padding-bottom: 1px;
        display: inline-block
    }

    div.gm_marker_info span.type {
        background: url(../images/icons_type.html) no-repeat;
        width: 16px;
        height: 16px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin: 0 5px 5px 0
    }

    div.gm_marker_info span.nl {
        background-position: -1200px 0
    }

    div.gm_marker_info span.s {
        background-position: -900px 0
    }

    div.gm_marker_info span.bus,
    div.gm_marker_info span.bun,
    div.gm_marker_info span.buh {
        background-position: -600px 0
    }

    div.gm_marker_info span.str,
    div.gm_marker_info span.stn,
    div.gm_marker_info span.sth {
        background-position: -300px 0
    }

    div.gm_marker_info ul.lines {
        float: left
    }

        div.gm_marker_info ul.lines li {
            display: inline;
            margin-right: 5px
        }

    div.gm_marker_info div.description {
        font-size: 12px;
        color: #333;
        padding: 10px
    }

        div.gm_marker_info div.description * {
            font-size: 12px;
            color: #333
        }

        div.gm_marker_info div.description a {
            text-decoration: underline
        }

#dialog div.gm_marker_info div.description *,
#dialog div.gm_marker_info div.description {
    color: #fff
}

#diaog {
    display: none
}

div#map div.contextmenu {
    background-color: #717274;
    border: 1px solid #666;
    padding: 5px;
    -moz-box-shadow: 5px 5px 7px rgba(0,0,0,0.25);
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.25);
    min-width: 130px
}

    div#map div.contextmenu li {
        clear: both;
        overflow: hidden;
        padding: 5px 0
    }

        div#map div.contextmenu li a {
            color: #fff
        }

    div#map div.contextmenu img {
        width: 16px;
        height: 18px;
        float: left;
        margin-right: 5px
    }

#routing_container .headline {
    padding: 0 50px 0 20px;
    position: relative;
    margin-bottom: 10px
}

#routing_container .results {
    position: relative
}

#routing_container .headline > *,
#routing_container .connection_row > *,
#routing_container .dep > *,
#routing_container .rou > *,
#routing_container .arr > *,
#routing_container .waiting_time > * {
    float: left;
    box-sizing: border-box;
    padding-right: 10px
}

#routing_container .time {
    width: 140px;
    overflow: hidden
}

#routing_container .late {
    width: 120px;
    overflow: hidden
}

#routing_container .route-new {
    width: 45%;
    width: calc(100% - 410px);
    position: relative
}

#routing_container .route {
    width: 45%;
    width: calc(100% - 510px);
    position: relative
}

#routing_container .results .route {
    width: 45%;
    width: calc(100% - 270px)
}

#routing_container .route_line {
    width: 40px;
    position: absolute;
    text-align: center;
    margin-left: -5px
}

#routing_container .colorline:after {
    content: '';
    background: #ddd;
    height: 128%;
    height: calc(100% + 20px);
    min-height: 45px;
    position: absolute;
    width: 4px;
    top: 30px;
    left: 15px
}

.arr .route_content:after {
    content: '';
    background: #ddd;
    height: 100%;
    position: absolute;
    width: 4px;
    top: 22px;
    left: 15px
}

.single_route:last-child .arr .route_content:after {
    background: #fff
}

#routing_container .dep .route_line.walk:after {
    content: '';
    height: calc(100% + 40px);
    width: 0;
    border: 2px dotted #ddd;
    position: absolute;
    left: 20px;
    top: 30px
}

#routing_container .single_route {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding-bottom: 40px;
    position: relative
}

    #routing_container .single_route .light {
        white-space: nowrap
    }

.single_route:after {
    content: '';
    height: 67px;
    width: 4px;
    background: #DDD;
    left: 275px;
    position: absolute;
    top: -67px
}

.single_route:first-child:after {
    display: none
}

#routing_container .single_route:last-child {
    border: none
}

#routing_container .single_route .route_line.number span {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 7px;
    top: 0
}

#routing_container .single_route.WALK .route_line.walk span {
    background: url(../images/icon_types.png) center -103px no-repeat;
    height: 22px;
    width: 22px;
    background-size: cover;
    display: block;
    border: 4px solid #ddd;
    border-radius: 50%;
    margin-left: 7px
}

#routing_container .single_route.STRB .route_line.number span,
#routing_container .single_route.STR .route_line.number span,
#routing_container .single_route.STN .route_line.number span,
#routing_container .single_route.STH .route_line.number span {
    line-height: 29px;
    color: #fff
}

#routing_container .single_route.BUS .route_line.number span,
#routing_container .single_route.BUN .route_line.number span,
#routing_container .single_route.BUH .route_line.number span {
    background: #9b2986;
    border-radius: 50%;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: bold
}

#routing_container .single_route.S .route_line.number span {
    background: url(../images/s_30.png) left no-repeat;
    height: 30px;
    width: 30px;
    background-size: contain;
    font-size: 0
}

#routing_container .single_route.DPN .route_line.number span,
#routing_container .single_route.ICE .route_line.number span,
#routing_container .single_route.IC .route_line.number span,
#routing_container .single_route.RE .route_line.number span,
#routing_container .single_route.RB .route_line.number span {
    background: url(../images/other_30.png) left no-repeat;
    height: 31px;
    width: 30px;
    background-size: contain;
    font-size: 0
}

#routing_container .route_line .endstation {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    left: 15px;
    border-radius: 50%
}

#routing_container .route_line .addi_stations {
    background: #fff;
    height: 22px;
    width: 22px;
    border: 4px solid #ddd;
    border-radius: 50%;
    text-indent: 1px;
    line-height: 23px;
    font-family: 'Font-Regular',Arial,sans-serif;
    position: absolute;
    left: 7px;
    top: 0;
    font-weight: bold;
    font-size: 26px;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

    #routing_container .route_line .addi_stations.opened {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 19px;
        text-indent: -1px
    }

#routing_container .route_line .skywalker {
    background: #fff url(../images/skywalker.png) 7px 3px no-repeat;
    height: 26px;
    width: 26px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 0
}

#routing_container .single_route.number_1 .route_line.number span,
#routing_container .single_route.number_3 .route_line.number span {
    background: #65b32e
}

#routing_container .single_route.number_4 .route_line.number span,
#routing_container .single_route.number_7 .route_line.number span,
#routing_container .single_route.number_12 .route_line.number span,
#routing_container .single_route.number_15 .route_line.number span {
    background: #164194
}

#routing_container .single_route.number_2 .route_line.number span,
#routing_container .single_route.number_8 .route_line.number span,
#routing_container .single_route.number_9 .route_line.number span {
    background: #fbc10f;
    color: #333
}

#routing_container .single_route.number_10 .route_line.number span,
#routing_container .single_route.number_11 .route_line.number span,
#routing_container .single_route.number_16 .route_line.number span {
    background: #e30613
}

#routing_container .single_route.number_14 .route_line.number span {
    background: #4395e1
}

#routing_container .single_route.BUS .addi_stations {
    color: #9b2986;
    border-color: #9b2986
}

#routing_container .single_route.S .addi_stations {
    color: #139640;
    border-color: #139640
}

#routing_container .single_route.DPN .addi_stations,
#routing_container .single_route.ICE .addi_stations,
#routing_container .single_route.IC .addi_stations,
#routing_container .single_route.RE .addi_stations,
#routing_container .single_route.RB .addi_stations {
    color: #139640;
    border-color: #139640
}

#routing_container .single_route.number_1 .addi_stations,
#routing_container .single_route.number_3 .addi_stations {
    color: #65b32e;
    border-color: #65b32e
}

#routing_container .single_route.number_4 .addi_stations,
#routing_container .single_route.number_7 .addi_stations,
#routing_container .single_route.number_12 .addi_stations,
#routing_container .single_route.number_15 .addi_stations {
    color: #164194;
    border-color: #164194
}

#routing_container .single_route.number_2 .addi_stations,
#routing_container .single_route.number_8 .addi_stations,
#routing_container .single_route.number_9 .addi_stations {
    color: #fbc10f;
    border-color: #fbc10f
}

#routing_container .single_route.number_10 .addi_stations,
#routing_container .single_route.number_11 .addi_stations,
#routing_container .single_route.number_16 .addi_stations {
    color: #e30613;
    border-color: #e30613
}

#routing_container .single_route.number_14 .addi_stations {
    color: #4395e1;
    border-color: #4395e1
}

#routing_container .single_route.WALK .route_line .endstation,
#routing_container .single_route.WALK .colorline:after {
    background: #ddd
}

#routing_container .single_route.BUS .route_line .endstation,
#routing_container .single_route.BUS .colorline:after,
#routing_container .single_route.BUN .route_line .endstation,
#routing_container .single_route.BUN .colorline:after,
#routing_container .single_route.BUH .route_line .endstation,
#routing_container .single_route.BUH .colorline:after {
    background: #9b2986
}

#routing_container .single_route.S .route_line .endstation,
#routing_container .single_route.S .colorline:after {
    background: #139640
}

#routing_container .single_route.DPN .route_line .endstation,
#routing_container .single_route.DPN .colorline:after,
#routing_container .single_route.ICE .route_line .endstation,
#routing_container .single_route.ICE .colorline:after,
#routing_container .single_route.IC .route_line .endstation,
#routing_container .single_route.IC .colorline:after,
#routing_container .single_route.RE .route_line .endstation,
#routing_container .single_route.RE .colorline:after,
#routing_container .single_route.RB .route_line .endstation,
#routing_container .single_route.RB .colorline:after {
    background: #139640
}

#routing_container .single_route.number_1 .route_line .endstation,
#routing_container .single_route.number_1 .colorline:after,
#routing_container .single_route.number_3 .route_line .endstation,
#routing_container .single_route.number_3 .colorline:after {
    background: #65b32e
}

#routing_container .single_route.number_4 .route_line .endstation,
#routing_container .single_route.number_4 .colorline:after,
#routing_container .single_route.number_7 .route_line .endstation,
#routing_container .single_route.number_7 .colorline:after,
#routing_container .single_route.number_15 .route_line .endstation,
#routing_container .single_route.number_15 .colorline:after,
#routing_container .single_route.number_12 .route_line .endstation,
#routing_container .single_route.number_12 .colorline:after {
    background: #164194
}

#routing_container .single_route.number_2 .route_line .endstation,
#routing_container .single_route.number_2 .colorline:after,
#routing_container .single_route.number_8 .route_line .endstation,
#routing_container .single_route.number_8 .colorline:after,
#routing_container .single_route.number_9 .route_line .endstation,
#routing_container .single_route.number_9 .colorline:after {
    background: #fbc10f
}

#routing_container .single_route.number_10 .route_line .endstation,
#routing_container .single_route.number_10 .colorline:after,
#routing_container .single_route.number_11 .route_line .endstation,
#routing_container .single_route.number_11 .colorline:after,
#routing_container .single_route.number_16 .route_line .endstation,
#routing_container .single_route.number_16 .colorline:after {
    background: #e30613
}

#routing_container .single_route.number_14 .route_line .endstation,
#routing_container .single_route.number_14 .colorline:after {
    background: #4395e1
}

#routing_container .route_content {
    padding-left: 60px;
    overflow: hidden
}

#routing_container .route_line,
#routing_container .route_content {
    float: left
}

    #routing_container .route_content > p {
        float: left;
        margin-right: 10px
    }

#routing_container .duration {
    width: 100px
}

#routing_container .info {
    width: 100px
}

#routing_container .changes {
    width: 50px
}

#routing_container .connection_row .transport-types.walk {
    margin-right: -30px
}

#routing_container .connection_row .circle_green {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #498b18
}

#routing_container .connection_row .circle_red {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #d3000c
}

.ui-tooltip {
    background-color: white
}

#routing_container .connection_row .transport-types:not(:only-of-type).walk img {
    display: none
}

#routing_container .earlier,
#routing_container .later {
    padding: 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    color: #094d98;
    line-height: 50px;
    text-align: left;
    height: auto;
    line-height: 1
}

    #routing_container .earlier p,
    #routing_container .later p {
        position: absolute;
        left: 17px;
        top: 17px
    }

    #routing_container .earlier input.submit,
    #routing_container .later input.submit {
        padding: 17px 50px 17px 20px;
        cursor: pointer;
        background: none;
        color: #094d98;
        line-height: 50px;
        text-align: center;
        border: 0;
        width: 100%;
        max-width: 100%;
        float: right;
        height: auto;
        right: auto;
        line-height: 1;
        margin-top: 0;
        text-align: right;
        position: relative
    }

#routing_container .dep,
#routing_container .rou,
#routing_container .arr,
#routing_container .waiting_time {
    display: block
}

#routing_container .rou {
    padding: 30px 0
}

#routing_container .att {
    position: relative;
    width: 75%;
    width: calc(100% - 40px);
    max-height: 100%;
    color: #d3000c
}

#stop_content .number {
    width: 80px;
    display: inline-block
}

#stop_content .time {
    width: 90px;
    display: inline-block
}

#stop_content .late {
    color: #d3000c;
    width: 90px;
    display: inline-block
}

#stop_content .statusIcon {
    width: 32px;
    padding-right: 8px;
    display: inline-block
}

#stop_content .direction {
    width: 300px;
    white-space: nowrap;
    display: inline-block
}

#stop_content .type {
    width: 45px;
    display: inline-block;
    height: 30px;
    text-indent: -999em
}

#stop_content .headdesc {
    padding: 0 50px 0 20px;
    margin-bottom: 10px
}

    #stop_content .headdesc .type {
        text-indent: 0
    }

    #stop_content .headdesc .late {
        color: #333
    }

#stop_content .connection-head {
    background: #fff;
    padding: 17px 20px;
    margin-bottom: 20px
}

#routing_container .in_time {
    color: #498b18
}

#routing_container .to_late {
    color: #d3000c
}

.list.direction li {
    padding: 0;
    border: none
}

    .list.direction li select {
        padding-right: 30px
    }

.lines {
    padding: 30px;
    background: #fff;
    box-sizing: border-box
}

    .lines li {
        padding: 5px 0 5px 60px;
        border-bottom: none;
        position: relative
    }

        .lines li a {
            display: inline-block;
            white-space: nowrap;
            position: relative
        }

        .lines li:before {
            content: '';
            background: url(../images/fahrplanaushang.png) top no-repeat;
            height: 50px;
            width: 14px;
            position: absolute;
            left: 0;
            top: 14px
        }

        .lines li a:after {
            content: '';
            background: #ffffff url(../images/pdf_download.png) center no-repeat;
            height: 29px;
            width: 24px;
            position: absolute;
            right: -40px;
            top: 0
        }

        .lines li.last:before {
            height: 14px
        }

.timetable_direction .formbox:after {
    content: '';
    background: url(../images/pdf_download2.png) left center no-repeat;
    height: 100%;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 16px
}

.timetable_direction .formbox.timetabledirection {
    width: auto;
    float: left;
    margin-right: 20px
}

    .timetable_direction .formbox.timetabledirection select {
        padding-right: 30px
    }

    .timetable_direction .formbox.timetabledirection:after {
        content: none
    }

@media (max-width:900px) {
    span.transport-types {
        margin-right: 2px;
        margin-bottom: 2px
    }
}

@media (max-width:800px) {
    #routing_container .time {
        width: 90px;
        padding-right: 0
    }

    #routing_container .late {
        display: none
    }

    #routing_container .headline .late {
        display: none
    }

    #routing_container .route {
        width: 150px;
        width: calc(100% - 240px)
    }

    #routing_container .results .route {
        width: 150px;
        width: calc(100% - 95px)
    }

    #routing_container .duration {
        width: 100px
    }

    #routing_container .info {
        display: none
    }

    #routing_container .changes {
        width: 50px;
        text-align: right
    }

    .single_route:after {
        left: 105px
    }

    #routing_container .single_route .light {
        white-space: normal
    }
}

@media (max-width:500px) {
    #routing_container .slidebox .slide_opener,
    #routing_container .slidebox .slidecontent {
        padding: 10px 8px 10px 10px
    }

    #routing_container .headline {
        padding: 0 10px 0 10px
    }

    #routing_container .time {
        width: 70px
    }

    #routing_container .results .route {
        width: calc(100% - 70px)
    }

    #routing_container .route {
        width: 150px;
        width: calc(100% - 170px)
    }

    #routing_container .route_content {
        padding-left: 45px
    }

    #routing_container .duration {
        width: 50px
    }

    #routing_container .changes {
        text-align: left
    }

    .single_route:after {
        left: 85px
    }
}

#no_js_warning {
    color: #fff;
    padding: 24px 0
}

    #no_js_warning a {
        color: #fff;
        text-decoration: underline
    }

.hideme {
    display: none
}

.initially_hidden {
    display: none
}

.lvb_maps_partial_stop span.submit.edit input {
    padding: 5px;
    background: #094d98;
    color: #fff;
    cursor: pointer
}

#form_connection label,
#form_stop label,
#timetable label {
    display: none
}

.connection_field.from .changefrom,
.connection_field.to .changeto {
    position: absolute;
    right: 40px;
    height: 100%
}

    .connection_field.from .changefrom input,
    .connection_field.to .changeto input {
        content: '';
        cursor: pointer;
        position: absolute;
        background: url(../images/close.png) center no-repeat;
        width: 19px;
        height: 100%
    }

div#map_lnp {
    height: 500px;
    min-height: 160px;
    width: 100%
}

.gmapopener {
    background: url(../images/gmapbw.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 50px;
    line-height: 40px;
    float: none;
    color: #333;
    max-width: 100%;
    text-transform: uppercase
}

.gmapmask {
    height: 0;
    overflow: hidden
}

.stop_field.stop {
    width: calc(55% - 15px);
    position: relative
}

    .stop_field.stop span.changestop {
        position: absolute;
        right: 30px;
        top: 0;
        bottom: 0
    }

        .stop_field.stop span.changestop.with-dropdown {
            position: absolute;
            right: 5px;
            top: 0;
            bottom: 0;
            height: 50px
        }

        .stop_field.stop span.changestop input {
            background: url(../images/close.png) center no-repeat;
            cursor: pointer;
            width: 19px;
            height: 100%
        }

            .stop_field.stop span.changestop input.btn-dropdownarrow2 {
                background: url(../images/dropdownarrow2.png) center no-repeat;
                cursor: pointer;
                width: 19px;
                height: 100%
            }

.stop_field.time {
    width: calc(12% - 15px);
    min-width: 60px
}

.stop_field.date {
    width: calc(18% - 15px);
    min-width: 100px
}

.stop_field.submit {
    width: calc(15%);
    margin-right: 0
}

.timetable_field.Tram {
    width: calc(50% - 15px);
    margin-right: 15px
}

.timetable_field.Bus {
    width: calc(50%);
    margin-right: 0;
    min-width: 100px
}

.timetable_field.Nightliner {
    width: calc(50% - 15px);
    margin-right: 15px
}

.timetable_field.Regionalbus {
    width: calc(50%);
    margin-right: 0
}

.timetable_field.date {
    width: calc(15% - 15px);
    min-width: 100px
}

.widget-list {
    margin-bottom: 30px
}

.gmnoprint .gm-style-mtc {
    display: none
}

@media (max-width:900px) {
    .gmapopener,
    .sidebar_maps {
        font-size: .8em
    }

    .connection_field input,
    .connection_field span.button,
    .connection_field select,
    .stop_field input,
    .stop_field span.button,
    .stop_field select,
    .timetable_field input,
    .timetable_field span.button,
    .timetable_field select,
    .timetable input,
    .timetable span.button,
    .timetable select {
        height: 40px !important;
        margin-bottom: 0 !important;
        line-height: 40px
    }

    .netplan input,
    .netplan span.button.submit {
        height: 40px;
        line-height: 40px
    }

    .stop_field.stop {
        width: calc(45% - 15px)
    }

    .stop_field.date {
        width: calc(23% - 15px);
        min-width: 85px
    }

    .stop_field.time {
        width: calc(17% - 15px);
        min-width: 50px
    }

    .stop_field.submit {
        width: calc(15%);
        margin-right: 0
    }

    div#map_lnp {
        height: 300px;
        height: 60vh;
        min-height: 160px;
        width: 100%
    }
}

@media (max-width:500px) {
    .gmapopener,
    .sidebar_maps {
        font-size: 1em
    }

    .stop_field.stop {
        width: calc(100%);
        margin-right: 0
    }

    .stop_field.date {
        width: calc(33% - 15px);
        min-width: 70px
    }

    .stop_field.time {
        width: calc(33% - 15px);
        margin-right: 15px
    }

    .stop_field.submit {
        width: calc(33%);
        margin-right: 0;
        float: right
    }

    .netplan {
        width: 100%
    }

        .netplan span.button.submit {
            width: calc(100% - 130px)
        }
}

@media (max-width:400px) {
    .lines {
        padding: 10px
    }

        .lines li {
            padding: 5px 0 5px 25px
        }

            .lines li a:after {
                content: none
            }

    .timetable_field.Tram {
        width: calc(100%);
        margin-right: 0
    }

    .timetable_field.Bus {
        width: calc(100%)
    }

    .timetable_field.Nightliner {
        width: calc(100%);
        margin-right: 0
    }

    .timetable_field.Regionalbus {
        width: calc(100%)
    }

    .timetable_field.date {
        width: calc(100%)
    }
}

.lvb-jamming.showInternetTeaser li {
    margin-bottom: 35px;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 35px
}

    .lvb-jamming.showInternetTeaser li:first-child {
        border-top: none
    }

    .lvb-jamming.showInternetTeaser li:last-child {
        margin-bottom: 0
    }

.lvb-jamming.showInternetTeaser p.important::after {
    content: '!';
    color: white;
    background: #d3000c;
    width: 21px;
    height: 21px;
    position: absolute;
    padding: 0 7px;
    line-height: 1;
    box-sizing: border-box;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 4px
}

.lvb-jamming.showInternetTeaser .affected-lines {
    overflow: hidden;
    margin-bottom: 10px
}

    .lvb-jamming.showInternetTeaser .affected-lines span {
        line-height: 40px;
        text-decoration: none;
        color: white;
        float: left;
        margin: 0 10px 10px 0;
        height: 41px;
        width: 41px;
        text-align: center;
        text-indent: -9999px;
        background-image: url(../images/lvb/vit/linien.png);
        background-repeat: no-repeat;
        background-position: -198px -190px
    }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_1 {
            background-position: -1px -96px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_2 {
            background-position: -1px -48px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_3 {
            background-position: -51px -96px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_4 {
            background-position: -1px -190px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_7 {
            background-position: -50px -190px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_8 {
            background-position: -51px -48px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_9 {
            background-position: -100px -48px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_10 {
            background-position: -1px 0
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_11 {
            background-position: -50px 0
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_12 {
            background-position: -100px -190px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_13 {
            background-position: -100px -96px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_14 {
            background-position: -1px -143px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_15 {
            background-position: -149px -190px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Tram_16 {
            background-position: -100px 0
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_31 {
            background-position: 0 -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_32 {
            background-position: -50px -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_33 {
            background-position: -99px -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_52 {
            background-position: -148px -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_53 {
            background-position: -198px -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_54 {
            background-position: -247px -283px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_60 {
            background-position: 0 -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_61 {
            background-position: -49px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_62 {
            background-position: -98px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_63 {
            background-position: -147px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_65 {
            background-position: -197px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_66 {
            background-position: -246px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_67 {
            background-position: -295px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_70 {
            background-position: -344px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_72 {
            background-position: -394px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_73 {
            background-position: -443px -330px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_74 {
            background-position: 0 -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_75 {
            background-position: -50px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_76 {
            background-position: -99px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_77 {
            background-position: -148px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_79 {
            background-position: -198px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_80 {
            background-position: -247px -379px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_81 {
            background-position: -297px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_82 {
            background-position: -346px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_83 {
            background-position: -395px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_85 {
            background-position: -444px -377px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_86 {
            background-position: -1px -424px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_87 {
            background-position: -50px -423px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_88 {
            background-position: -99px -423px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_89 {
            background-position: -148px -423px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_90 {
            background-position: -198px -423px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Bus_91 {
            background-position: -246px -423px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N10 {
            background-position: -1px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N1 {
            background-position: -50px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N2 {
            background-position: -99px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N3 {
            background-position: -197px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N4 {
            background-position: -247px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N5 {
            background-position: -296px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N6 {
            background-position: -345px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N7 {
            background-position: -395px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N8 {
            background-position: -444px -470px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Nightliner_N9 {
            background-position: -1px -516px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_100 {
            background-position: -1px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_101 {
            background-position: -50px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_107 {
            background-position: -99px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_108 {
            background-position: -149px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_118 {
            background-position: -198px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_120 {
            background-position: -247px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_121 {
            background-position: -296px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_122 {
            background-position: -346px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_123 {
            background-position: -394px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_124 {
            background-position: -444px -563px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_125 {
            background-position: -1px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_130 {
            background-position: -50px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_131 {
            background-position: -100px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_141 {
            background-position: -148px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_143 {
            background-position: -197px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_144 {
            background-position: -247px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_161 {
            background-position: -296px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_162 {
            background-position: -345px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_163 {
            background-position: -395px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_164 {
            background-position: -444px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_165 {
            background-position: -493px -610px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_172 {
            background-position: -1px -657px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_173 {
            background-position: -50px -657px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_175 {
            background-position: -99px -657px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_176 {
            background-position: -148px -657px
        }

        .lvb-jamming.showInternetTeaser .affected-lines span.Regionalbus_190 {
            background-position: -197px -657px
        }

.lvb-jamming.showInternetTeaser .no-reports {
    background-color: #498b18;
    width: 480px;
    font-size: 1.2em;
    font-weight: bold;
    padding: 12px 0 12px 60px;
    position: relative;
    box-sizing: border-box
}

    .lvb-jamming.showInternetTeaser .no-reports:before {
        display: block;
        content: '';
        position: absolute;
        left: 14px;
        top: 15px;
        width: 29px;
        height: 20px;
        background-image: url(../images/check-white.png);
        background-repeat: no-repeat;
        background-size: 29px 20px
    }

.him-display-none {
    display: none !important
}

.journey-him-no-result {
    margin-top: -30px
}

.lvb-journey-news-wrapper {
    width: -webkit-max-content !important;
    width: max-content !important
}

.him-starpage-remove-left {
    margin-left: 0 !important;
    padding-left: 0 !important
}

@media (max-width:800px) {
    .lvb-journey-news-wrapper {
        width: 100% !important
    }
}

.him-text-color {
    color: #333 !important
}

.him-transparent-background {
    background: none !important
}

.him-text-color {
    color: #333 !important
}

.him-no-text-decoration {
    text-decoration: none !important
}

@media (max-width:800px) {
    .lvb-journey-news-wrapper {
        width: 100% !important
    }
}

#lvb-journey-connection #routing_container .connection_row {
    overflow: hidden
}

    #lvb-journey-connection #routing_container .connection_row .transport-types.walk {
        margin-right: 10px
    }

        #lvb-journey-connection #routing_container .connection_row .transport-types.walk img {
            display: block
        }

@media screen and (max-width:480px) {
    #lvb-journey-connection #routing_container .slidebox .slide_opener,
    #lvb-journey-connection #routing_container .slidebox .slidecontent {
        padding: 5px;
        overflow: hidden
    }

    #lvb-journey-connection #routing_container .headline {
        padding: 0
    }

        #lvb-journey-connection #routing_container .headline > div {
            display: block;
            padding: 0 2px
        }

    #lvb-journey-connection #routing_container .time {
        width: 55px
    }

    #lvb-journey-connection #routing_container .late {
        width: 65px;
        display: block
    }

        #lvb-journey-connection #routing_container .late img {
            display: inline-block;
            width: 20px
        }

    #lvb-journey-connection #routing_container .route-new {
        width: 55px
    }

        #lvb-journey-connection #routing_container .route-new img {
            display: inline-block
        }

    #lvb-journey-connection #routing_container .route {
        width: calc(100% - 135px);
        padding-right: 0
    }

        #lvb-journey-connection #routing_container .route .interstation {
            white-space: nowrap;
            overflow-x: scroll
        }

        #lvb-journey-connection #routing_container .route .route_content {
            padding-left: 40px;
            float: initial
        }

            #lvb-journey-connection #routing_container .route .route_content img {
                display: inline-block
            }

    #lvb-journey-connection #routing_container .duration {
        width: 60px
    }

    #lvb-journey-connection .single_route:after {
        left: 135px
    }
}

#trigger_modify_search_stop_to {
    background: url(../images/close.png) center no-repeat;
    cursor: pointer;
    width: 19px;
    height: 100%
}

#trigger_modify_search_stop_from {
    background: url(../images/close.png) center no-repeat;
    cursor: pointer;
    width: 19px;
    height: 100%
}

#main .lvb_search_form {
    font-size: 20px !important;
    font-family: 'Font-Regular',Arial,sans-serif;
}

    #main .lvb_search_form .with-dropdown {
        position: absolute;
        right: 5px;
        top: 0;
        bottom: 0;
        height: 50px
    }

    #main .lvb_search_form .btn-dropdownarrow2 {
        background: url(../images/dropdownarrow2.png) center no-repeat;
        cursor: pointer;
        width: 19px;
        height: 100%
    }

    #main .lvb_search_form .location_inputs {
        background-color: white
    }

    #main .lvb_search_form .content_error {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0 !important;
        width: 100%
    }

        #main .lvb_search_form .content_error .float-left {
            width: 40%
        }

    #main .lvb_search_form #stop_error {
        margin-bottom: 0 !important
    }

    #main .lvb_search_form span.button {
        height: 50px !important
    }

    #main .lvb_search_form .location_inputs {
        height: 50px !important
    }

    #main .lvb_search_form input[type="submit"],
    #main .lvb_search_form button,
    #main .lvb_search_form span.button {
        height: 50px !important
    }

#main .navigation_show ~ .lvb_maps_show .fullwidth.topcontent {
    padding-top: 30px !important
}

#main .navigation_show ~ .lvb_maps_show .err {
    margin-top: -28px !important;
    padding: 0;
    position: relative;
    top: auto
}

#main .navigation_show ~ .lvb_maps_show .ui-selectmenu-button {
    vertical-align: middle
}

    #main .navigation_show ~ .lvb_maps_show .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 0 36px 0 10px;
        height: 50px;
        line-height: 50px
    }

span.transport-types img {
    margin-top: -298px
}

span.bus img,
span.bun img,
span.buh img,
span.rfb img {
    margin-top: -37px
}

span.s img {
    margin-top: -74px
}

span.nl img {
    margin-top: -112px
}

span.walk img {
    margin-top: -149px
}

span.strb img {
    margin-top: 0
}

span.ic img,
span.ice img,
span.ece img,
span.dpn img {
    margin-top: -187px
}

span.car img {
    margin-top: -224px
}

span.bike img {
    margin-top: -261px
}

.image.show img {
    max-width: 100%;
    display: block;
    margin-bottom: 3px
}

.image.show .description {
    margin: 8px 0
}

.image.show a {
    color: #094d98
}

.image.show .description,
.image.show > p,
.image.show a {
    padding: 0 20px 0 20px
}

.image.showAsBanner img {
    width: 100%;
    display: block;
    margin: 0
}

.short-navigation-show-header__icon {
    width: 17px;
    height: 17px
}

.short-navigation-show-footer__icon {
    width: 17px;
    height: 17px
}

.staffing_showDetail .jobtitle {
    margin: 40px 0 20px
}

.staffing_showDetail .salary {
    margin: 40px 0
}

.staffing_showDetail .contact {
    margin: 20px 0 50px;
    background: #fff;
    border: 2px solid #99a0a9;
    border-left: none;
    border-right: none;
    padding: 20px
}

#teaser_content .slogan-box {
    margin-right: 100px;
    margin-bottom: 30px
}

    #teaser_content .slogan-box ul {
        border-bottom-right-radius: 40px
    }

    #teaser_content .slogan-box .white {
        color: white
    }

    #teaser_content .slogan-box .yellow {
        color: #fbc10f
    }

@media (max-width:600px) {
    #teaser_content .slogan-box {
        margin-right: 0;
        margin-bottom: 0
    }

        #teaser_content .slogan-box ul {
            border-bottom-right-radius: 0
        }
}

@media (min-width:500px) {
    .staffing_showList a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .staffing_showList .date {
        padding-left: 10%;
        margin: 0
    }

    .staffing_showList h3 {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.staffing_showList h3 {
    padding: 0
}

.staffing_showDetailSecond .staff_detail {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.staffing_showDetailSecond .jobtitle {
    font-weight: bold
}

.staffing_showDetailSecond .text-black {
    color: black
}

.staffing_showDetailSecond .contain_row {
    position: relative;
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.staffing_showDetailSecond .padding_right {
    padding-right: 30px
}

.staffing_showDetailSecond .row.image-wrapper {
    position: relative;
    height: 500px;
    text-align: right;
    z-index: 1
}

    .staffing_showDetailSecond .row.image-wrapper .grid-3-4 {
        bottom: 120px;
        right: 60px;
        padding: 10px;
        width: -webkit-fit-content;
        width: fit-content;
        position: absolute;
        background-color: #032c58;
        min-width: 200px;
        max-width: 300px
    }

        .staffing_showDetailSecond .row.image-wrapper .grid-3-4:before {
            width: 0;
            height: calc(100% - 30px);
            content: '';
            display: block;
            position: absolute;
            top: 0;
            border-bottom: 30px solid transparent;
            border-right: 30px solid #032c58;
            left: -30px
        }

        .staffing_showDetailSecond .row.image-wrapper .grid-3-4:after {
            width: 0;
            height: calc(100% - 30px);
            content: '';
            display: block;
            position: absolute;
            top: 0;
            border-top: 30px solid transparent;
            border-left: 30px solid #032c58;
            right: -30px
        }

    .staffing_showDetailSecond .row.image-wrapper h4 {
        color: white;
        font-weight: bold
    }

    .staffing_showDetailSecond .row.image-wrapper .collective_agreement {
        color: #FBC10F;
        font-weight: bold
    }

.staffing_showDetailSecond .gridimgtext {
    float: right;
    margin-top: -10px
}

    .staffing_showDetailSecond .gridimgtext .bordertext {
        border-bottom-right-radius: 40px;
        padding: 5px;
        border: 2px solid #fbc10f;
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%
    }

        .staffing_showDetailSecond .gridimgtext .bordertext ul li {
            list-style-type: disc
        }

            .staffing_showDetailSecond .gridimgtext .bordertext ul li:before {
                content: '' !important
            }

.staffing_showDetailSecond .pr-context {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .staffing_showDetailSecond .pr-context .grid-1-4 {
        margin-left: 50px
    }

.staffing_showDetailSecond .contact {
    margin: 20px 0 50px;
    background: #fff;
    border: 2px solid #99a0a9;
    border-left: none;
    border-right: none;
    padding: 20px
}

@media (max-width:850px) {
    .staffing_showDetailSecond .contain_row {
        display: block
    }

    .staffing_showDetailSecond .row.image-wrapper {
        height: 400px
    }

    .staffing_showDetailSecond .gridimgtext {
        float: none;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 10px
    }

    .staffing_showDetailSecond .pr-context {
        display: block
    }

        .staffing_showDetailSecond .pr-context .grid-1-4 {
            margin-left: 0
        }

            .staffing_showDetailSecond .pr-context .grid-1-4 .text_show {
                display: inline-block
            }
}

.teaser h1.title {
    display: none
}

.startpage .teaser h1.title {
    display: block
}

.showGrid4-no-image.grid-4.grid-flex .flex-box {
    min-height: auto !important
}

.teaser_showWithBackgroundImage {
    position: relative;
    background: url() center no-repeat;
    background-size: cover
}

    .teaser_showWithBackgroundImage .huger {
        font-weight: bold
    }

    .teaser_showWithBackgroundImage img {
        height: auto
    }

    .teaser_showWithBackgroundImage .content p {
        display: block
    }

.teaser.showAsNavigation {
    max-width: 280px;
    box-shadow: 0 0 6px #eeeeee;
    -webkit-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
    padding-bottom: 24px;
    padding-top: 15px
}

    .teaser.showAsNavigation img {
        width: 100%
    }

    .teaser.showAsNavigation:hover {
        box-shadow: 0 0 15px #cccccc
    }

    .teaser.showAsNavigation img {
        margin-top: -15px;
        margin-bottom: 15px;
        height: auto;
        max-height: 300px;
        object-fit: cover
    }

    .teaser.showAsNavigation h2 {
        font-size: 1em;
        margin-bottom: 23px
    }

    .teaser.showAsNavigation p {
        font-size: .8em;
        margin: 16px 0;
        line-height: 1.3em
    }

    .teaser.showAsNavigation h2,
    .teaser.showAsNavigation p {
        padding: 0 20px 0 20px
    }

.teaser.showTabs p + p {
    margin-top: 20px
}

.teaser.showTabs.tabbox .mask {
    width: 100%;
    overflow: hidden;
    position: relative
}

.teaser.showTabs.tabbox .controller {
    position: absolute;
    width: 100%;
    z-index: 1
}

    .teaser.showTabs.tabbox .controller a {
        display: block;
        position: absolute;
        width: 41px;
        background: #094D98;
        height: 65px;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box
    }

        .teaser.showTabs.tabbox .controller a.prev {
            left: 0;
            display: none
        }

        .teaser.showTabs.tabbox .controller a.next {
            right: 0;
            display: none
        }

.teaser.showTabs .tabline {
    border-bottom: 1px solid #ccc
}

    .teaser.showTabs .tabline.flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 9999px
    }

    .teaser.showTabs .tabline a {
        margin-right: 10px;
        padding: 18px 25px;
        cursor: pointer;
        display: inline-block;
        background: #e6e6e6;
        -webkit-transition: background .25s ease;
        transition: background .25s ease
    }

        .teaser.showTabs .tabline a.active,
        .teaser.showTabs .tabline .tabline a:hover {
            background: #094d98;
            color: #fff !important
        }

        .teaser.showTabs .tabline a.active {
            pointer-events: none;
            cursor: default
        }

.teaser.showTabs .tabcontent {
    padding-top: 23px
}

    .teaser.showTabs .tabcontent > div {
        display: none
    }

        .teaser.showTabs .tabcontent > div:after {
            content: "";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0
        }

        .teaser.showTabs .tabcontent > div.active {
            display: block
        }

        .teaser.showTabs .tabcontent > div > h2:first-child {
            margin-top: 0
        }

.teaser.yellowWith2Columns {
    overflow: hidden;
    background-color: #fbc10f;
    color: #333;
    max-width: 100%
}

    .teaser.yellowWith2Columns .content .grid {
        padding: 100px 0;
        display: table
    }

        .teaser.yellowWith2Columns .content .grid div {
            width: 50%;
            height: 100%;
            display: table-cell
        }

@media screen and (max-width:850px) {
    .teaser.yellowWith2Columns .content .grid div {
        display: block;
        width: 100%
    }

        .teaser.yellowWith2Columns .content .grid div:first-child {
            margin-bottom: 50px
        }
}

.teaser.yellowWith2Columns .right {
    vertical-align: bottom
}

    .teaser.yellowWith2Columns .right img {
        width: 80%;
        max-width: 300px;
        height: auto;
        display: block;
        margin: 0 auto
    }

@media screen and (max-width:850px) {
    .teaser.yellowWith2Columns .right img {
        width: 50%;
        margin-bottom: 0
    }
}

.startpage .teaser.showGrid2 {
    padding: 40px 0;
    padding: 7vh 0
}

    .startpage .teaser.showGrid2 .grid-2 {
        margin-top: 0 !important
    }

.teaser.showRotation {
    position: relative;
    background-color: #f6f6f6
}

    .teaser.showRotation .image-wrapper {
        overflow: hidden;
        width: 100%;
        height: 600px;
        position: relative;
        min-height: 150px
    }

        .teaser.showRotation .image-wrapper .image {
            left: 0;
            width: 100%;
            opacity: 0;
            height: auto;
            z-index: 1;
            position: absolute
        }

            .teaser.showRotation .image-wrapper .image.active {
                z-index: 2;
                opacity: 1;
                left: 0
            }

@media (max-width:600px) {
    .teaser.showRotation .image-wrapper {
        min-height: inherit
    }
}

.teaser.showRotation .navigation {
    display: none
}

@media (min-width:601px) {
    .teaser.showRotation .navigation {
        position: absolute;
        left: 0;
        top: auto;
        bottom: 20px;
        display: block;
        padding-left: 20px;
        width: 110px;
        box-sizing: border-box;
        z-index: 2
    }
}

@media (min-width:775px) {
    .teaser.showRotation .navigation {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        width: 100%;
        padding-right: 20px
    }
}

@media (min-width:1400px) {
    .teaser.showRotation .navigation {
        padding-left: 50px;
        padding-right: 50px
    }
}

.teaser.showRotation .navigation .previous-button,
.teaser.showRotation .navigation .next-button {
    position: relative
}

.teaser.showRotation .navigation .arrow-image {
    height: 60px;
    display: block
}

.teaser.showRotation .navigation .effect-wrapper {
    display: block;
    position: absolute;
    top: 25px;
    left: 15px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #094d98;
    opacity: 0;
    z-index: -1
}

.teaser.showRotation .navigation .next-button {
    float: right
}

.teaser.showRotation .navigation .previous-button {
    float: left
}

@media (min-width:600px) {
    .teaser.showRotation .navigation .previous-button {
        margin-right: 10px
    }
}

@media (min-width:775px) {
    .teaser.showRotation .navigation .previous-button {
        margin-right: 0
    }
}

.teaser.showRotation .teasertext {
    position: relative;
    z-index: 2
}

@media (max-width:1600px) {
    .teaser.showRotation .teasertext {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width:600px) {
    .teaser.showRotation .teasertext {
        padding: 0
    }
}

.teaser.showRotation .teasertext .absolute {
    right: 0;
    bottom: 40px;
    bottom: 6vh
}

@media (max-width:1600px) {
    .teaser.showRotation .teasertext .absolute {
        bottom: 0
    }
}

@media (max-width:600px) {
    .teaser.showRotation .teasertext .absolute {
        position: relative;
        width: 100%;
        border-radius: 0
    }
}

.teaser.showRotation .teasertext .bg {
    position: relative
}

.teaser.showRotation .teasertext ul {
    display: none;
    position: relative;
    pointer-events: none;
    background: rgba(3,44,88,0.8);
    padding: 30px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px
}

@media (max-width:1600px) {
    .teaser.showRotation .teasertext ul {
        border-bottom-right-radius: 0
    }
}

@media (max-width:1000px) {
    .teaser.showRotation .teasertext ul {
        padding: 20px
    }
}

@media (max-width:720px) {
    .teaser.showRotation .teasertext ul {
        padding: 10px;
        border-top-left-radius: 20px;
        background: #032c58de de
    }
}

@media (max-width:600px) {
    .teaser.showRotation .teasertext ul {
        border-top-left-radius: 0;
        background: #032c58;
        border-bottom: 2px solid #fbc10f;
        padding: 20px 0
    }
}

.teaser.showRotation .teasertext ul.active {
    display: block;
    pointer-events: auto
}

    .teaser.showRotation .teasertext ul.active:first-of-type {
        display: none
    }

    .teaser.showRotation .teasertext ul.active:last-of-type {
        display: block
    }

@media (min-width:601px) {
    .teaser.showRotation .teasertext ul.active:first-of-type {
        display: block
    }

    .teaser.showRotation .teasertext ul.active:nth-of-type(2) {
        display: none
    }
}

.teaser.showRotation .teasertext li {
    display: block;
    text-align: right;
    color: white;
    line-height: 1.2;
    position: relative
}

@media (max-width:600px) {
    .teaser.showRotation .teasertext li {
        margin: auto;
        text-align: left;
        padding: 0 20px;
        max-width: 90%;
        box-sizing: border-box
    }
}

@media (max-width:550px) {
    .teaser.showRotation .teasertext li {
        padding: 0 10px;
        max-width: 95%
    }
}

.teaser.showRotation .teasertext li:nth-child(1) {
    z-index: 6
}

.teaser.showRotation .teasertext li:nth-child(2) {
    z-index: 5
}

.teaser.showRotation .teasertext li:nth-child(3) {
    z-index: 4
}

.teaser.showRotation .teasertext li:nth-child(4) {
    z-index: 3
}

.teaser.showRotation .teasertext li:nth-child(5) {
    z-index: 2
}

.teaser.showRotation .teasertext li:nth-child(6) {
    z-index: 1
}

.teaser.showRotation .teasertext li p {
    font-size: 1em;
    line-height: 1.4167em
}

@media (max-width:1000px) {
    .teaser.showRotation .teasertext li p {
        font-size: .8em;
        line-height: 1.1em
    }
}

.teaser.showRotation .teasertext li p strong {
    color: #fbc10f;
    font-size: 1.667em;
    line-height: 1.05em;
    display: block;
    padding-bottom: 10px
}

@media (max-width:1400px) {
    .teaser.showRotation .teasertext li p strong {
        font-size: 1.325em
    }
}

@media (max-width:1120px) {
    .teaser.showRotation .teasertext li p strong {
        font-size: 1.7em
    }
}

@media (max-width:720px) {
    .teaser.showRotation .teasertext li p strong {
        font-size: 1.325em
    }
}

.teaser.showRotation .controls {
    display: none
}

@media (min-width:775px) {
    .teaser.showRotation .controls {
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 2;
        display: block;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box
    }
}

.teaser.showRotation .controls .margin-wrapper {
    max-width: 90%;
    width: 1040px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto
}

.teaser.showRotation .controls .pager-link,
.teaser.showRotation .controls .playback-button {
    float: left
}

.teaser.showRotation .controls .pager-link {
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background: #094d98
}

    .teaser.showRotation .controls .pager-link.active {
        background: #eee
    }

.teaser.showRotation .controls .playback-button {
    display: none;
    height: 20px;
    width: 20px
}

    .teaser.showRotation .controls .playback-button.active {
        display: block
    }

.teaser-show-box {
    text-align: center;
    margin: 30px auto
}

    .teaser-show-box .box-element {
        margin-top: 45px
    }

        .teaser-show-box .box-element:hover {
            text-decoration: none !important
        }

@media (max-width:360px) {
    .teaser-show-box .box-element {
        width: calc(50% - 20px) !important
    }
}

.teaser-show-box .box-element .box-image {
    background-color: #0064b4;
    border-radius: 100%;
    margin-top: -45px;
    width: 70px;
    height: 70px
}

.teaser-show-box .box-element .box-title {
    color: #fff !important;
    padding: 10px 15px
}

.teaser-show-box .box-element .box-quote {
    color: #fff !important;
    padding: 0 15px;
    word-break: break-word
}

.news.showDetail .source {
    font-size: .6em;
    line-height: 1.2;
    max-width: 100%;
    padding-bottom: 5px
}

.news.showDetail .downloads,
.news.showDetail .links {
    margin: 10px 0 20px
}

    .news.showDetail .downloads h4,
    .news.showDetail .links h4 {
        padding: 0 0 5px 0
    }

    .news.showDetail .downloads li:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .news.showDetail .downloads li > * {
        float: left
    }

    .news.showDetail .downloads li a {
        padding-right: 13px
    }

    .news.showDetail .downloads li div .file-type {
        padding-right: 9px
    }

    .news.showDetail .downloads li div a {
        background: url(../images/arrowright.png) no-repeat;
        width: 10px;
        height: 19px;
        display: inline-block;
        padding: 0;
        padding-right: 3px;
        border-right: 2px solid #666;
        position: relative;
        top: 18px;
        right: 15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        top: 6px;
        right: 0
    }

.news.showTeaser {
    margin-bottom: 30px
}

    .news.showTeaser .teaser-element {
        background-color: #ffe9b4
    }

    .news.showTeaser .corner {
        position: absolute;
        right: 0;
        top: -16px;
        border-top: 96px solid #fbc10f;
        border-bottom: 96px solid transparent;
        border-left: 96px solid transparent
    }

        .news.showTeaser .corner .blog-content {
            font-weight: bold;
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            right: 12px;
            top: -72px
        }

        .news.showTeaser .corner .small-triangle {
            position: absolute;
            border-top: 16px solid transparent;
            border-bottom: 16px solid #866A08;
            border-right: 16px solid transparent;
            top: -112px;
            left: -96px
        }

.news-blog {
    display: inline-block;
    padding: 0 20px;
    background: #fbc10f;
    color: #333;
    margin-right: 10px;
    font-size: 20px;
    line-height: 38px
}

.list .pre-emptive:hover h2 > .news-blog {
    color: #333 !important;
    text-decoration: none
}

.solr.show {
    font-size: 1.25em;
    line-height: 1.4
}

    .solr.show .search-form-wrapper {
        overflow: hidden
    }

        .solr.show .search-form-wrapper #search_form {
            margin: 50px 0
        }

            .solr.show .search-form-wrapper #search_form:after {
                content: "";
                display: block;
                clear: both;
                visibility: hidden;
                height: 0
            }

            .solr.show .search-form-wrapper #search_form input {
                float: left
            }

                .solr.show .search-form-wrapper #search_form input[type="text"] {
                    width: 400px;
                    margin-right: 10px
                }

@media screen and (max-width:650px) {
    .solr.show .search-form-wrapper #search_form input[type="text"] {
        margin-bottom: 10px
    }
}

.solr.show .search-form-wrapper #search_form input[type="submit"] {
    width: auto;
    padding: 0 30px
}

.solr.show h1 {
    margin: 50px 0 0
}

.solr.show .title {
    display: block;
    padding-bottom: 10px
}

.solr.show .search_tabs {
    border-bottom: 1px solid #ccc;
    margin-top: 20px
}

    .solr.show .search_tabs ul:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    .solr.show .search_tabs li {
        margin-right: 10px;
        padding: 18px 25px;
        cursor: pointer;
        background: #ededed;
        color: #333;
        float: left
    }

        .solr.show .search_tabs li.active {
            background: #094d98;
            color: #fff
        }

.solr.show .pager {
    margin: 0 0 20px
}

    .solr.show .pager > table {
        height: 47px;
        margin-bottom: 0
    }

    .solr.show .pager .current {
        vertical-align: middle
    }

    .solr.show .pager .next,
    .solr.show .pager .prev {
        width: 45px;
        height: 25px;
        padding: 10px 0;
        margin: 0 5px;
        background: #eee;
        cursor: pointer;
        position: absolute;
        top: 0
    }

    .solr.show .pager .next {
        right: 0
    }

    .solr.show .pager .prev {
        left: 0
    }

.solr.show #results_div {
    padding-top: 23px
}

    .solr.show #results_div > div {
        display: none
    }

        .solr.show #results_div > div.active {
            display: block
        }

    .solr.show #results_div ul li {
        position: relative;
        border-top: 1px solid #ccc;
        padding: 30px 0
    }

        .solr.show #results_div ul li:first-child {
            border-top: none
        }

        .solr.show #results_div ul li a {
            border-top: 0;
            color: #094d98
        }

        .solr.show #results_div ul li .relevance {
            position: absolute;
            top: 35px;
            right: 0;
            text-decoration: none;
            color: #333 !important
        }

.solr.showForm input {
    border: none !important
}

.installateur_show {
    margin: 40px auto
}

.installateur_showSearchForm {
    margin: 40px auto
}

    .installateur_showSearchForm .formbox {
        margin-right: calc(15px);
        margin-bottom: 15px;
        width: 25%;
        width: calc(25% - 15px)
    }

@media (max-width:800px) {
    .installateur_showSearchForm .formbox {
        width: 50%;
        width: calc(50% - 15px)
    }
}

.installateur_showSearchForm .formbox input[type="submit"] {
    padding-left: 40px;
    padding-right: 40px
}

.installateur_showSearchResults .pagenavigation {
    width: 100%;
    margin: 20px auto
}

.installateur_showSearchResults {
    margin: 40px auto
}

    .installateur_showSearchResults .rightalign {
        text-align: right
    }

    .installateur_showSearchResults .centeralign {
        text-align: center
    }

.navigation.showMainSub {
    margin-top: 45px
}

    .navigation.showMainSub li > a > img, .navigation.showMainSub li > div > a > img {
        opacity: .8
    }

.navigation.show .sidebar_maps select {
    background-color: white
}

.navigation.show .sidebar_maps input,
.navigation.show .sidebar_maps select {
    border: 0 !important
}

    .navigation.show .sidebar_maps input[type="text"] {
        max-width: none
    }

.navigation.show .horizontalNavigation {
    margin: 0;
    list-style: none
}

    .navigation.show .horizontalNavigation li {
        margin-bottom: 1px;
        display: inline-block;
        margin-right: 15px
    }

        .navigation.show .horizontalNavigation li a {
            background: #ddd;
            display: block;
            padding: 12px 15px;
            line-height: inherit
        }

@media (max-width:900px) {
    .navigation.show .horizontalNavigation li a {
        padding: 8px 5px
    }
}

@media (max-width:400px) {
    .navigation.show .horizontalNavigation li a {
        padding: 12px 5px
    }
}

.navigation.show .horizontalNavigation li.on a {
    background: #094d98;
    color: white !important;
    text-decoration: none !important
}

    .navigation.show .horizontalNavigation li.on a:hover {
        color: white !important
    }

.navigation.show .horizontalNavigation li:hover a {
    text-decoration: none !important;
    color: #333 !important
}

@media (max-width:900px) {
    .navigation.show .horizontalNavigation {
        width: 100%
    }

        .navigation.show .horizontalNavigation li {
            margin-right: 15px;
            margin-bottom: 0;
            float: left
        }
}

@media (max-width:500px) {
    .navigation.show .horizontalNavigation.opened {
        background: none
    }

        .navigation.show .horizontalNavigation.opened li {
            display: block
        }

    .navigation.show .horizontalNavigation li {
        display: none;
        width: 100%
    }

        .navigation.show .horizontalNavigation li.on {
            display: block
        }

            .navigation.show .horizontalNavigation li.on a {
                background: #094d98 url(../images/dropdownarrow2white.png) right center no-repeat
            }
}

#main .navigation_show .fullwidth.topcontent {
    padding: 20px 0 !important
}

@media (max-width:900px) {
    #main .navigation_show .fullwidth.topcontent {
        padding: 20px 0 20px !important
    }
}

.navigation-no-image.grid-4.grid-flex .flex-box {
    min-height: auto !important
}

.voting_show > form > div > ul {
    margin-bottom: 1em;
    overflow: hidden
}

.voting_show > form > div > p {
    margin-bottom: .6em
}

.voting_show h3 + p {
    margin-bottom: .6em
}

.voting_show input[type=submit] {
    float: none
}

.youtubesource {
    padding-bottom: 56%;
    position: relative;
    margin: 30px 0
}

    .youtubesource iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100% !important
    }

#personalDataStep.title.valid,
#addressStep.title.valid,
#billingStep.title.valid {
    color: #090
}

.personalDataStep.swl_product_choice_invalid_input,
.addressStep.swl_product_choice_invalid_input,
.billingStep.swl_product_choice_invalid_input {
    border: 2px solid red !important
}

.general_business_terms {
    margin-top: 30px
}

form > div:not(.formgen_showForm_text_standard) {
    margin-bottom: 15px
}

form > div.div_200 {
    width: 50%
}

form > div.div_100 {
    width: 25%
}

div.faq_show {
    margin-bottom: 80px
}

    div.faq_show span.title {
        display: block
    }

    div.faq_show span.date {
        font-weight: bold
    }

    div.faq_show span.comment {
        background: url("../images/icon_comment.png") no-repeat scroll 0 0;
        color: #fff;
        display: block;
        float: right;
        font-weight: bold;
        height: 31px;
        line-height: 24px;
        position: relative;
        text-align: center;
        text-indent: inherit;
        top: 1px;
        width: 35px
    }

    div.faq_show div.extra {
        overflow: hidden
    }

    div.faq_show div.question {
        margin-bottom: 20px;
        font-size: 1.2em;
        line-height: 1.417em
    }

    div.faq_show .comment_function {
        background: #f6f6f6;
        margin: 20px -20px -10px;
        padding: 40px 20px 60px
    }

    div.faq_show textarea {
        box-sizing: border-box;
        padding: 5px 10px;
        font-style: italic;
        color: #999;
        border-style: solid;
        border-width: 1px;
        border-color: #999 #dedede #dedede #dedede;
        width: 100%;
        margin: 20px 0
    }

    div.faq_show div.buttons {
        float: none;
        overflow: hidden
    }

        div.faq_show div.buttons input {
            cursor: pointer;
            background: #094d98;
            float: right;
            height: 50px;
            border: 0;
            color: #fff;
            min-width: 30%;
            font-style: normal;
            margin-left: 20px
        }

            div.faq_show div.buttons input[type="reset"] {
                background: #ebebeb;
                color: #333
            }

.faq_show .info_text {
    background: #dae5c8;
    padding: 15px;
    margin-bottom: 30px;
    border: 2px solid #669d24;
    list-style: none;
    margin-left: 0
}

    .faq_show .info_text span {
        margin: 0;
        color: #669d24
    }

div.faq_showQuestionForm {
    margin-bottom: 80px
}

    div.faq_showQuestionForm textarea {
        box-sizing: border-box;
        padding: 5px 10px;
        font-style: italic;
        color: #999;
        border-style: solid;
        border-width: 1px;
        border-color: #999 #dedede #dedede #dedede;
        width: 100%;
        margin: 20px 0
    }

    div.faq_showQuestionForm input[type="text"] {
        box-sizing: border-box;
        padding: 0 10px;
        height: 50px;
        font-style: italic;
        color: #999;
        border-style: solid;
        border-width: 1px;
        border-color: #999 #dedede #dedede #dedede;
        width: 100%;
        margin: 20px 0
    }

    div.faq_showQuestionForm div.buttons {
        float: none;
        overflow: hidden
    }

        div.faq_showQuestionForm div.buttons input {
            cursor: pointer;
            background: #094d98;
            float: right;
            height: 50px;
            border: 0;
            color: #fff;
            min-width: 30%;
            font-style: normal;
            margin-left: 20px
        }

.linklist a {
    background: #fbc10f none repeat scroll 0 0;
    border: 1px solid #fbc10f;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 7px;
    padding: 17px 50px 17px 20px;
    position: relative;
    display: block
}

    .linklist a:after {
        content: '';
        position: absolute;
        background: url(../images/arrowright.png);
        width: 10px;
        height: 19px;
        top: 20px;
        right: 20px;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

.construction.success {
    background: #dae5c8;
    padding: 15px;
    margin-bottom: 30px;
    border: 2px solid #669d24;
    list-style: none;
    margin-left: 0
}

    .construction.success p {
        margin: 0 !important;
        padding: 0 !important;
        color: #669d24
    }

.searchListElement {
    padding: 20px 0;
    border-top: 1px solid #ccc
}

    .searchListElement:last-child {
        border-bottom: 1px solid #ccc
    }

    .searchListElement:hover {
        background: #eee
    }

    .searchListElement span {
        display: block
    }

    .searchListElement a {
        color: #094d98;
        text-decoration: underline
    }

.news_showList .year {
    width: 100px;
    margin-right: 20px
}

.news_showList .quater {
    width: 160px;
    margin-right: 20px
}

.news_showList .submit input {
    padding: 0 40px
}

.staffing_showDetail {
    margin: 0 0 120px 0
}

#datecounter p {
    font-weight: bold
}

@media (max-width:410px) {
    #search_form {
        width: 100%
    }

        #search_form input {
            width: 100%
        }
}

#main a.underlined {
    color: #094d98 !important;
    text-decoration: underline !important;
}

#main a.underlined:hover {
    color: #094d98 !important;
    text-decoration: none !important;
}

#main h2.textBasics {
    font-size: 16px;
    padding: 0 0 6px;
    font-weight: bold;
    max-width: 670px;
    margin-top: 0;
}

.kundenportal-h1 {
    margin-top: 0px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 1.6em;
    color: black;
    margin-bottom: 0;
    line-height: 28px;
    max-width: unset !important;
}